Use TextEdit to create a webpage to display your artwork. Use the following markup as your template. Change the variable 'page_url' to match your blogger address. Make sure you keep the quotation marks.
Setup your Google Drive to host your website: https://support.google.com/drive/answer/2881970?hl=en
Be sure to save your html files with as .html and stylesheets as .css
Create a logo, header and footer sections with a separate color, a background color, and a font from google web fonts.
REQUIRED ELEMENTS:
RESOURCES:
https://www.google.com/fonts
http://www.w3schools.com/html/default.asp
https://support.google.com/drive/answer/2881970?hl=en
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
// CHANGE THIS TO YOUR SITE URL
var page_url = "http://learngdl.blogspot.com";
// START - DON'T CHANGE THIS CODE!!!
$('#gallery').load("http://crispycatfish.com/school/imageScrapper.php?_url=" + page_url );
}); //document.ready
// END - DON'T CHANGE THIS CODE!!!
</script>
</head>
<body>
<div id="gallery">
</div>
</body>
</html>
Setup your Google Drive to host your website: https://support.google.com/drive/answer/2881970?hl=en
Be sure to save your html files with as .html and stylesheets as .css
Create a logo, header and footer sections with a separate color, a background color, and a font from google web fonts.
REQUIRED ELEMENTS:
- Valid HTML - http://validator.w3.org/
- <DIV> tags for all of the following:
- Header
- Footer
- Content
- Navigation/Sidebar
- At least 3 images
- Use of at least 3 different HEX colors - http://colorschemedesigner.com/
- At least 3 of the following tags
- <p>
- <ul>
- <ol>
- <h1> ... <h6>
- <a>
- <br>
- <b>
- Valid CSS including at least 3 of the following:
- border
- background
- color
- width
- height
- float
- box-shadow
RESOURCES:
https://www.google.com/fonts
http://www.w3schools.com/html/default.asp
https://support.google.com/drive/answer/2881970?hl=en
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
// CHANGE THIS TO YOUR SITE URL
var page_url = "http://learngdl.blogspot.com";
// START - DON'T CHANGE THIS CODE!!!
$('#gallery').load("http://crispycatfish.com/school/imageScrapper.php?_url=" + page_url );
}); //document.ready
// END - DON'T CHANGE THIS CODE!!!
</script>
</head>
<body>
<div id="gallery">
</div>
</body>
</html>
Really i appreciate the effort you made to share the knowledge .The topic here i found was really effective to the topic which i was researching for a long time. Graphic Design Training
ReplyDelete