SIMPLE: Create a Pair of Linked Web Pages Using ONLY HTML
0. Come to class as there may be corrections, changes and additions. Significant late penalty per day.
1. Using Notepad++, create a web page.
2. Follow these directions to SUBMIT a folder called "SIMPLE" to your class account
3. Comment! (guidelines)
4. How things are graded
An all-html page (c++ tutor) and another all-html page (c tutor)
Each page will begin with comments (guidelines):
<!--
Your name and brief explanation of what is on the page
-->
Followed by:
<html>
<head>
<title> </title>
</head>
<body>
your html code...
</body>
</html>
Create two pages about ANY subject (favorite band, sport, person, idea, etc...)
Significant content, not just a sentence or 2...
Cite references (informally).
Divide the information into two logically related pages and link them together. There should be two files: a1.html and a2.html. Each file should link to the other. Put in a folder called SIMPLE.
Use html tags making sure to close each tag and use lower case. Use comments: <!-- --> (name, date, description) Use the following tags: html body header(s) paragraph image (you'll need to upload an image file also into YOUR account) link (to your other page) 2 links (to some related external site) horizontal rule break
Use either a background image or a background color.
Since modern pages use html for STRUCTURE & CONTENT, formatting is done with CSS. However, we will experiment with some "old school" html formatting tags.
Experiment by using the following formatting tags: bold italic preformatted font
BONUS: VALIDATE your html pages as xhtml 1.0 transitional. SEE: headers for validation
IF you validate, include a notice at the bottom. SEE: Web Developer and W3C
Divide the information into two logically related pages and link them together. There should be two files: a1.html and a2.html. Each file should link to the other. Put in a folder called SIMPLE.
Use html tags making sure to close each tag and use lower case. Use comments: <!-- --> (name, date, description) Use the following tags: html body header(s) paragraph image (you'll need to upload an image file also into YOUR account) link (to your other page) 2 links (to some related external site) horizontal rule break
Use either a background image or a background color.
Since modern pages use html for STRUCTURE & CONTENT, formatting is done with CSS. However, we will experiment with some "old school" html formatting tags.
Experiment by using the following formatting tags: bold italic preformatted font
BONUS: VALIDATE your html pages as xhtml 1.0 transitional. SEE: headers for validation
IF you validate, include a notice at the bottom. SEE: Web Developer and W3C