Final Project
Part 3: Create the Web page
(WorkingTables.html) for the navigation menu selection called
"Tables".
A. Detach and save the compressed/ zip AssignmentPart3.zip that contains the documents needed to complete this lab assignment.
B. On your desktop, rename the folder that you unziped to ProjectPart3.
C. Verify the documents
in your ProjectPart3 folder. The folder should have a total of 3 files- WorkingTables.html, mystyle.css and
HTML.jpg
D. Open the HTML
document in Wordpad. Link the HTML
document to the cascading style sheet. The following
style sheet link tag should be in between the <HEAD> and
</HEAD> tags.
<LINK REL="stylesheet" TYPE="text/css"
HREF="mystyle.css">
E. Open the
WorkingTables.HTML document in Wordpad. Review
the instructions that are embedded in the HTML document. 1) Add
Tables, 2) Add Column Labels, 3) Create Newspaper-Style Columns 4) Add Table
Headers, and 5) Span Cell Across Columns. See
the attached sample of the completed HTML source code document.
F. Save your HTML document. View and verify your web page display properly in your browser. See the attached sample of the web page output
G. Check your HTML document - WorkingTables.html if it passes the W3C Markup Validation. Upload your document to http://validator.w3.org/ and run the check.
H. Verify if the CSS document – mystyle.css passes the W3C CSS Validation Service. You will need to upload your CSS document to the site- http://jigsaw.w3.org/css-validator/
I. Submit your work:
a. All the following files are required: 1) HTML document- WorkingTables.html,
2)
cascading style sheet - mystyle.css and 3) image file- HTML.jpg All files are required.
b. Zip up your folder and upload your ProjectPart3 compressed folder to the Desire2Learn Project Part 3 Dropbox.
Project – Part 3 |
Points |
Add
Tables |
5
|
Add
Column Labels |
1
|
Create
Newspaper-Style Columns |
5 |
Add Table
Headers |
2
|
Span
Cell Across Columns |
1
|
Link HTML document to CSS |
1
|
HTML document passes W3C Markup Validation Service |
10 |
Total |
25 |