270: SIMPLE

1. Create a single page tutorial with ONLY HTML.
2. Create a second page using the same HTML only styled with CSS. Use an EXTERNAL style sheet.
3. Link the pages together.
4. Document! (guidelines)
5. Publish to CISPROD using FTP. (Link: http://cisprod.clarion.edu/~s_bdwong/SIMPLE/index.html)
6. SUBMIT a folder called "SIMPLE" to the D2L dropbox.
7. Come to class as there may be corrections, changes and additions.   Significant late penalty per day.


Create a tutorial with significant content, not just a sentence or two.

Cite references informally.

DEFINE an audience!


cpp

An all-html page (c++ tutor)       An all-html page (c tutor)       The first web page.



Each page should be VALID html. Include comments (guidelines):
      <!DOCTYPE html>
      <!--
         Your name and brief explanation of what is on the page  here
      -->
      <html>
      <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>  your title here  </title>
      </head>
      <body>
         <div>
         your html code giving structure for your content
         </div>
      </body>
      </html> 
      
- There should be four+ files: index.html (the plain html), the second page of styled html the css file the image file(s) uploaded / local - NOT hotlinked use a favicon: <link rel="shortcut icon" href="favicon.ico"> - Each html file should link to the other. - All files should be put in a folder called SIMPLE.
- CONTROL the Layout!! (MBPC) - Organize your CSS file: see this CSS example and this CSS example
- Use html tags making sure to close each tag and use lower case. - Use comments: <!-- --> (name, date, description) - Quote all attributes - Nest tags correctly - Use the following HTML tags in addition to the template above:     NO pre     header     footer     h1 - h6 (headers - use some)     div     list(s)     img src="" (upload an image file into YOUR account - no hotlink)     a href="" (link to your other page)     a href="http://.." (3 external links to some related site)