Web Programming 3 (HTML Tables; CSS Text Styling)
In this assignment, you will be adding content to your References page using an HTML table and styling the table using CSS. You will also be writing a draft of the Purpose section and styling the text using CSS. Remember, all aspects and requirements of your web page should be related to your project topic.
Getting Started
- Read/watch all of the lesson material for this week - it will help you to complete this assignment.
- Login to your cPanel account and go to the File Manager (as done in a previous assignment - see the Accessing cPanel Tutorial if you forgot how to login). This assignment requires you to use cPanel's File Manager to create/upload your website files. Do not use a program that will generate a web page for you; you are expected to manually type the HTML tags as instructed in the HTML course material.
- Be sure to save changes to your web page after each edit you make. You should also view your live web page after each edit to be sure it appears the way you intended. Refer to the Basic Web Page Tutorial if you forgot how to view your live web page.
- Note: All CSS styling should be done in the external stylesheet created in a previous assignment (style.css), except for the index.html page which should be internal.
Changes to references.html
Make the following changes to your references.html page (see example):
- Add an HTML table with at least four columns for the following:
- Number (reference 1, reference 2, etc.)
- Author (person, or organization for a web page)
- Reference/Title (if the reference is a web page, the title should link to that web page)
- Year (year of publication, use 2015 for current web pages)
- Include at least three references relevant to your topic in the table.
- Each source must be a reliable newspaper, magazine article, book, news, or online source that anyone can access.
- For online references, include the permanent URL and the date on which you accessed the reference.
- At least two of the sources must have been created after the end of the previous academic year.
- Style the table with at least 3 style attributes. Some examples would include border, width, height, padding, color, background-color, text-align, etc.
Changes to impacts.html
Make the following changes to your impacts.html page (see example):
- Write a draft of the Effects and Impacts section containing the prompts for questions B, C, and D (see the final project description for the prompts that you are to answer) and your answers. Each answer must be between 150 and 200 words.
- Use a headline of h3 for the text of each of the three prompts. Style the headline with at least two style attributes.
- Use paragraph tags for the text of your answers.
- Style the paragraph text in the Effects and Impacts section using at least 3 style attributes (this will be the style for all paragraph text on your website). Some examples would include font-family, font-size, font-weight, font-style, line-height, text-decoration, text-align, text-indent, etc.
Note that this is draft text. It must be reasonable and accurate to get credit, but you can enhance and polish your answers when you turn in the project later in the course. It is during the grading of the project, not this assignment, when the content of how you answer will be graded in detail. For this assignment you are to produce reasonable text that you can style.
Add HTML Comments
- Add HTML comments to all images that you got from the Internet citing where you got them from. This should be done for all pages and may include the background image on your home page, any images used in creating your logo, animation, banner, or any other images that have been added to your website.