Assignment 2: Style Sheets and Website Creation

Assignment 2: Style Sheets and Website Creation

For this assignment, you will create 2 external style sheets and a web page that describes a movie of your choice and write a 1–2 page summary report. You will experiment with linking the web page to the external style sheets and noting how the display of the page changes.

Tasks:

Use appropriate HTML tags and create 2 external style sheets and a web page using a text editor or an HTML editor.

Part I: Create 2 Style Sheets and a Web Page

1. Using a text editor or an HTML editor (Adobe Dreamweaver), create the first external style sheet (name it "format1.css") and format it as follows:
2. Assign the document background color white, document text color #000099, and document font family Arial, Helvetica, or Sans-serif.
3. Create hyperlinks to make the background color gray (#CCCCCC).
4. Configure the h1 selector to use the Times New Roman font with a red text color.
5. Using a text editor or an HTML editor, create a second external style sheet (name it "format2.css") and format it as follows:
6. Assign the document background color yellow and the text color green.
7. Create hyperlinks that have a background color of white.
8. Configure the h1 selector to use the Times New Roman font with a white background color and green text color.
9. Using a text editor or an HTML editor, create a web page on your favorite movie that displays the movie name in an

   tag. In addition, include a description of the movie (in about a single paragraph) and a bulleted list of the main actors. Format the site as follows:

10. Create the page that has a hyperlink to a website describing the movie.
11. Create an e-mail link to yourself on the web page. This page should be associated with the "format1.css" file.
12. Save the page as "moviecss1.html."
13. Test your page in more than one browser. During the test, ensure that all HTML tags work properly. If you identify HTML tags that do not appear or display properly on a web browser, then consider changing the HTML tags to a compatible alternative.
14. Modify the "moviecss1.html" page to link to the "format2.css" external style sheet instead of the "format1.css" file.
15. Save the page as "moviecss2.html" and test it in a browser. During the test, ensure that all HTML tags work properly. If you identify HTML tags that do not appear or display properly on a web browser, then consider changing the HTML tags to a compatible alternative.

Notice how different the page looks!

Note: The web page should validate successfully using the W3C validator. The syntax should be error free and generate a website on multiple browsers.

Part II: Summary Report

Create a 1–2 page summary report that summarizes the changes made to the website for management. The summary report is typically created for management to present an overview of the changes that were made to the website in nontechnical terms.

Note: Your summary report should utilize at least three scholarly or professional sources (beyond your textbook). Your report should be written in a clear, concise, and organized manner; demonstrate ethical scholarship in accurate representation and attribution of sources (i.e., in APA format); and display accurate spelling, grammar, and punctuation.

Submission Details:

save your 2 external style sheets as M2_A2_LastName_FirstInitial_format1.css and M2_A2_LastName_FirstInitial_format2.css, your 2 web pages as M2_A2_LastName_FirstInitial_moviecss1.html and M2_A2_LastName_FirstInitial_moviecss2.html, and the summary report as M2_A2_LastName_FirstInitial.doc