comp 1850 | introduction to web development

assignment three

create a small website about HTML and CSS

objective: Write, test, and publish a small website using semantic HTML pages styled with CSS and upload to your bcitwebdev.com account.

required pages and content:

  1. Create the home page for your website and title it index.html. The page should include:
    1. an introductory paragraph summarizing the purpose of the website;
    2. an "about the author" section that includes your name, and brief biography (whatever you are comfortable sharing), such as: Languages spoken, countries visited, history, ambitions, games you like to play, etc.;
    3. images related to your biography;
    4. a list of links to websites you like or use often.
  2. Create a second HTML page called html-semantics.html. Search for information on three HTML elements not yet discussed in class. Learn what you can about the tag and then do the following for each of them:
    1. describe the tag name and provide a link to the site where you learned about it;
    2. describe the semantic value of the tag, i.e., what kind of meaning it is meant to convey;
    3. demonstrate you understand how the tag is used by using it on the page.
  3. Create a third HTML page called css-properties.html. Search for information on three CSS properties not yet discussed in class. Learn what you can about the property and then do the following for each of them:
    1. describe the CSS property and provide a link to the site where you learned about it;
    2. describe what the property is meant to do, e.g., why and when to use it;
    3. demonstrate you understand how the CSS property is used by including an example in the styles you apply to this page.
  4. All three pages should include the following identical elements on each page:
    1. a header that incorporates an image of your choice and the site title (e.g., "Learning HTML and CSS" or "COMP 1850: Assignment Three" etc.);
    2. a navigation system that allows the user to easily move between each of the three pages;
    3. a footer with your name/email, links to your social media accounts (if you have any), and the course name, "COMP 1850," linked to the class website.
  5. All content on all pages should be styled with CSS:
    1. all three pages must use the same external CSS file for all styles with two exceptions:
      1. one inline CSS rule;
      2. one embedded CSS rule.
      3. indicate where these rules can be found by including conntent on your page that says, "This is an example of an inline CSS rule," etc.
    2. ensure you include example of the following:
      1. id, class and html selectors;
      2. pseudoclasses applied to hyperlinks;
      3. width and height properties applied to an image
  6. All content must be marked up semantically to convey the meaning and relationships of the data. Use at least five (5) of the semantic HTML elements covered in session three.
  7. Publish the completed website to your web space.

Check your work using the online HTML Validator. Test all your links thoroughly, both before and after publishing online.

Email the URL of your finished assignment to your instructor.

Exercise is due before the start of session five. Your instructor will not hunt you down to hand this in - no email sent to your instructor equals zero marks.

assigned: session 3
due: session 5
weight: 10% of final grade

comp 1850 home | about the course | resources | 01 | introduction | 02 | html fundamentals | 03 | intro to css | 04 | intro to page layout | 05 | responsive web design | 06 | planning site structure | 07 | design principles | 08 | advanced css elements | 09 | advanced page layout | 10 | forms | 11 | introduction to javascript | assignment one | assignment two | assignment three | assignment four | assignment five | assignment six | final project | dave tanchak | students on bcitwebdev | learning hub login | bcit | bcit: computing |