Myself Assignment - revised 2/9/18

This assignment must be hand coded using Notepad, Notepad++, Atom, Brackets, Textpad, Sublime. or another text editor. Please use the school lab on the first floor of the CT building (CT 122) if you don't have the appropriate software.

You will create a site with four HTML pages and one CSS style sheet.

UPDATE: you should use ONE (and only one) image file for this assignment. I would prefer you use an image of yourself, but that's up to you.. If you use any more than one image file your grade will be 0.

Concentrate on the basic structure of the HTML code.

• create a directory (folder) called myself, all lower case, no spaces.
• inside the myself directory, create a website about yourself, containing the following pages:
  • self.html - this page is where you introduce yourself. Be sure to include your full name, and some information about yourself that you'd like to share with the class.
  • create three other HTML pages, each with at least two paragraphs of content. Name the pages whatever you like, but remember: no spaces, and the file name must end with .html. The content may be information about yourself, or something you like to do, or something you are interested in. The content must be appropriate for all audiences.
• Validation (15 points)
  • Each html file must validate to HTML5
  • Use the validator before you submit your assignment!
• correct use of tags (15 points)
• Use the tags we have learned so far
• These are the tags you must use, correctly, in your site
• basic tags: doctype, html, head, title, meta, body
• structural tags: header, nav, main, footer
  • all content must be contained within these four structural tags.
  • all content must be indented properly
• paragraph: p
• headings: h1 through h6 [use at least two different level of headings]
• strong
• ordered list: ol
• unordered list: ul
• list item: li
• hyptertext link: a
• Content (15)
  • Your content must be on topic and original, meaning you must write it yourself. No copying from Wikipedia or anywhere else.
  • Your content must be informative, interesting and/or entertaining
  • You must have a substantial amount of content on each page.
    • Include at least two paragraphs of text on each page.
    • each paragraph must contain at least 50 words
• filenames (5 points)
  • the filenames must be as specified above
  • we are not naming the home page index.html because it interferes with my ability to see your site structure and grade your site
• indentation (10)
  • Your code must be indented properly, so it shows the structure of the document
  • Please study Comments Regarding Structural Tags, and follow that indentation
• links: (10)
  • using an unordered list, create a navigation bar
    • be sure that every page contains a link to every page
    • that means each page should contain a link to itself
    • the nav bar should be in the same place on every page
    • the nav bar links should be in the same order on every page
    • use an unordered list to create the navigation bar
  • the links must all work
    • test them out on the server after you FTP
    • (There will be an FTP assignment that follows this assignment)
  • the links must use relative pathing
    • relative pathing is what we have learned in class
    • do not start a link to another page in your site with http://
    • do not start out a link with C:// or E://. These links will not work on the server
    • test out all of your links, both locally and on the server
      • click on every link on every page to test it out.
  • be sure that the navigation bar is in the same place on every page
  • be sure that the links are in the same order on every page
  • your nav bar should not move around
    • users expect their nav bars to remain consistent from page to page
• CSS (20 points)
  • Style the site nicely using one external CSS style sheet.
  • Do not use any inline or embedded styling. In other words, no styling in the HTML files.
  • Style at least five tags.
  • Create at least one class, and apply it at least twice.
• FTP the myself directory to the student server. Be sure the myself directory is in the root directory of your server space, meaning it must be in the directory which is your username. (10 points)
• Submit in Blackboard two things:
  1. The URL which leads to the self.html page
  2. A zipped up copy of the myself directory containing all your site files. To zip up the myself directory:
     • Right click on the directory > send to > zipped (compressed) folder
     • The file extension will be .zip
     • You must submit a .zip file in blackboard
     • Do not email the .zip file, it will be blocked by the NVCC virus filter
     • I cannot open an RAR file, or any type of file other than a valid .zip file created by windows using the above methood