CSS is a language used to define the look and structure of HTML pages. In this Application, you will add CSS to your website. You will create a CSS file that specifies various parameters about the look of your website and then update two individual webpages to reference that CSS file. Remember, if a change is made to the CSS file, it will affect the look of every page on your website that references that CSS file.

Perform the following steps:

Create two HTML pages that will be added to your website created in the previous week. Name the new pages week3a.html and week3b.html.

Create a CSS file by using a text editor. You may use TextEdit or Notepad, if you are using a Windows computer, or TextEdit, if you are using a Mac system.
 

The CSS file should contain at least three styles and two classes. Try to make these styles and classes easily visible and distinguishable from plain text and from each other.
 

On a Windows computer, select “Save as type: All Files” when saving your Notepad files, and save the files with the “.css” extension.

On a Mac system, save the TextEdit document with the “.css” extension.
 

Update week3a.html and week3b.html to reference the CSS file and use all the styles and classes defined therein.

Provide a link from your homepage, index.html, to both of the newly created HTML files: week3a.html and week3b.html.

Finally, publish your work by uploading the new and modified files to your web host.

Validate your pages by pasting the CSS codes into http://jigsaw.w3.org/css-validator/ to ensure that no CSS syntax errors are detected. Take screenshots of the validation results and paste them into an MS Word document. In the MS Word document, include your explanations of what functionality you have coded in the CSS, how it is being applied to the week3a.html and week3b.html pages, and thoughts about what CSS file(s) could be appropriate to develop to make the website of Week 2 attractive with a uniform look.

Finally, publish your work by uploading the Week 3 pages and CSS file to your web host; be sure that the CSS file is properly referenced in each of the Week 3 pages and include the valid URL to the location of your website index.html home page on the web hosting server. (Remember that the index.html page needs to be updated to enable navigation to the Week 3 webpages.)

Compile your website files into a single .zip file, including the MS Word document, and submit the .zip file as your deliverable. Name the .zip file.