Search this site

HTML/CSS Checklist

In part 1 of the class, we have been working on the technical aspects of creating web pages using HTML and CSS. It is now time to collect your work on your portfolio page so that 1) you'll have sample work that you can refer to later in your real life, and 2) you can be given credit for the software development labs you have been completing in class.

To obtain full credit for your work, you'll need to:
  • create the following pages and make them accessible on the web (on the CS web server).
  • create a page within your Google Sites portfolio that links to AND explains the technical aspect of each item in the checklist.
Note that this is individual work, not team work-- the pages you put on your portolio should be what you created and not copies of other student's work.

Tasks 1-7 Must be checked off by Thursday, Feb. 19, 12:15 pm (end of class).

1. Portfolio page created in Google Sites. The requirements are here. The portfolio page should link to and explain the pages below, and it should link to your cloud computing and team web assignments.

2. Personal profile page created using only HTML. This page should have an html, head, and body element, and your page should have a title that appears in the browser bar, a picture, two paragraphs of text, both a top-level and second-level header, and a link to some URL. This project was assigned at the bottom of http://sites.google.com/site/usfcomputerscience/html-101

3. A page with a menu/ This page should have a drop-down menu with items of your own choosing and items/sub-items that link to pages of your choosing. Here is the assignment: http://sites.google.com/site/usfcomputerscience/adding-a-menu

4. Personal profile page using CSS styles directly in HTML file. This page should have HTML elements as in (2) and  a CSS style command, within the head area, that styles the paragraphs and headers on the web page. This project was assigned in  http://sites.google.com/site/usfcomputerscience/css-101.

5. Personal profile page using a separate CSS file for the styling. This can look the same as (4), but with the styling moved to a separate CSS file.

6. Two web pages that point to the same CSS style page. These pages should have HTML elements as in (2) but should link to a CSS file that styles the paragraphs and headers in the web page. This is the assignment from: http://sites.google.com/site/usfcomputerscience/CSS-102.

7. . Create a web page that is a two-column newspaper report with an image and text in each column. The page should have a header with an image across the top, followed by the two columns. The HTML file should have two divs containing the content, and with a class applied to each div. You should also define a CSS file which defines the styling for the divs, and use Fireworks to create the image along the top.  Upload your finished page to the web. This is the assignment in: http://sites.google.com/site/usfcomputerscience/css-103

Recent site activity