XHTML/CSS Bio Homework:

This homework must be hand coded using notepad, notepad++, or textpad. You must FTP your files to the server and submit the URL against the assignment in Blackboard.

• Read and study the XHTML and CSS Tutorial; Chapter 2, 4, 5, and 9 in Felke-Morris provide a more extensive discussion of this material
• Create a folder called hw2
  • all lowercase letters
  • no spaces
  • no capitals
  • this is a FOLDER (also known as a directory), so do not put any extension on the name.
  • save all of your work for this homework in the homeworkone folder
• Using notepad or textpad, code a five page website about you
  • the home page must be named index.html
  • the other four pages must follow the naming conventions
    • all lowercase letters
    • no spaces
    • no capitals
• Use the following tags in your site -- a tag does not have to be in every page, e.g. you need only have one image
  • h1
  • h2
  • p
    • put at least two paragraphs on each of the inside pages, at least five sentences in each paragraph
    • Do not copy and paste text from other documents.
    • Use your own words. You may use other sources, but if you do, say where you got the information from.
• img
  • you need only use one image, although you may use more
• resize the image if necessary and be sure to preserve the aspect ratio (the relationship between height and width)
• You can resize the image in Fireworks, Paint, or another program. In Fireworks, the command is Modify>Canvas>Image Size. In Paint there is a resize button.
• ol or ul
• li
• table, tr, td
• link the pages together, using relative linking
  • Use a consistent navigation scheme, meaning the links should be in the same place and in the same order on every page. For the page you are currently on, there should either be a link to itself, or just the text of the link should appear (without it being an actual link).
  • You may use a one row table to line up your links if you'd like. One link per cell.
• Don't use any inline CSS.
• Don't use any embedded CSS
• CSS coding in the html files will result in points being deducted from your grade. Do NOT put any styling in your html pages.
• Create one, and only one, external CSS style sheet to style all the following tags. Get creative!
  • it is required that you style all these tags in your CSS style sheet
    • body
    • h1
    • h2
    • p
    • img
    • table
    • td
  • you may also style the tags you used to create the list, if you would like.
• Don't forget to link up the html pages with the external CSS style sheet
• Make the website look attractive.
• Put the five html pages, the one image file, and the one .css file in the folder called hw2
• FTP the hw2 folder, and all of the contents, to your NVCC student server space.
  • The URL of your site should be something like http://www.student.nvcc.edu/home/youruserid/hw2 or http://www.student.nvcc.edu/home/ite170/hw2
• After you have ftp'd your site to the server, test it in a browser
• In Blackboard, submit the URL when the homework is ready to be graded against the assignment. Do not use the email feature in Blackboard for this purpose - instead look under assignments.
  • COPY and PASTE the url to your site.
  • I cannot emphasize this enough.
  • If you copy and paste the URL from the address bar of your browser, you will know it is correct.
  • Your files must be FTPd; I will not accept files which are attached to your Blackboard submission.
• Grading:
  • Five structurally valid HTML web pages that contain the required tags (20%)
  • Interesting content on each page (20%)
  • Linking the pages together correctly, using relative links (20%)
  • A correctly coded external style sheet, which styles all of the required tags (see above instructions) (20%)
  • The external style sheet is properly linked up to the five html pages. (20%)

Revised: 10/13/2015