HTML/CSS Bio Homework:

You can do this assignment with Dreamweaver or a text editor such as notepad, notepad++, textpad, Brackets, Atom, Sublime Text, etc.

• Read and study the HTML5 Tutorial
• Create a folder called hw4
  • 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 hw4 folder
• Using a text editor code a five page website about you - you may reuse material from the me.html assignment if you like
  • 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 - I won't count sentences, but you get the idea.
    • 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 (no need to cite the me.html assignment).
• img
  • you need only use one image, although you may use more
• specify the height and width attributes of the img tag in pixels. For this assignment only, you may resize using these attributes; normally you will want to keep the same aspect ratio when you resize (the relationship between height and width)
• You can resize the image in Paint - In Paint there is a resize button.
• ol or ul
• link the pages together, using relative linking
  • Because the files are all in the same folder, you need only specify the filename for the href attribute of the a tag
  • 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 should not drop the text out of the navigation bar - this is confusing for the user.
  • You may use a one row table to line up your links if you'd like. One link per cell.
  • You will find it convenient to copy your navigation links from one page to the other pages in your site
• 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.
• Avoid the use of deprecated or obsolete tags and attributes
• Create one, and only one, external CSS style sheet to style the following tags. Get creative! If you use the same CSS property for each tag, use additional CSS properties so there is some variation in your use of CSS properties.
  • it is required that you style these tags in your CSS style sheet
    • body
    • h1
    • h2
    • p
  • you may also style additional tags if you like.
• Don't forget to link up the html pages with the external CSS style sheet - you use the <link> tag for this purpose
• Make the website look attractive.
• Put the five html pages, the one image file, and the one .css file in the folder called hw4
• Validate the html and css pages using the html and css validators.
• Upload the hw4 folder and all of its contents to your myDrive space.
• If you are using the myDrive file manager to upload the files, the easiest way is to zip the hw4 folder, upload the zip file using myDrive. and then use the Unzip feature at the right-hand side of myDrive to unzip the folder.
• If you are using an FTP program such as CoreFTP, you can just upload the hw4 directory (which will also upload its contents)
• The URL of your site on myDrive shoud be something like https://mydrive.nvcc.edu/username/hw4 where username is replaced by your Blackboard username.
• After you have uploaded your site to the server, test it in a browser, i.e. go the URL of your site and make sure everything works
• 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.
  • Do not submit a URL that references Blackboard because this will not be accessible to anyone but you; do not submit a URL that references a drive on your computer or a folder on your computer (e.g. Desktop)
  • Your files must be uploaded; I will assess a penalty if you merely attach files 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: 9/12/18