Webactivitys 2 3 4 and 5

IT 270 Module Two Web Activity Guidelines and Rubric Overview: Cascading Style Sheets, or CSS, controls the style of the pages on your website. In this activity, you will write your first CSS file to control the formatting of your webpage, and upload it to your website. Prompt: For purposes of this exercise, you will modify a given index.html file and .a given CSS file. You will be provided a list of changes to make to these files so you are adding additional pieces of content and styles. This is based on what you have learned from the tutorials in this module’s resources.

1. Review the Module Two Practicing CSS Basics tutorial to help you create your first CSS file. 2. Zip and submit the completed Mod2 subfolder to Blackboard.

Specifically, the following critical elements must be addressed:

I. Add a new section ID to existing HTML code that can be tagged in the CSS file. II. Define a new ID selector to edit text color. III. Alter the <H3> tag using a new relative selector. IV. Create a highlight class selector.

Guidelines for Submission: You must submit the zipped folder you created as a result of this activity, including all of your files for your webpage. Instructor Feedback: This activity uses an integrated rubric in Blackboard. Students can view instructor feedback in the Grade Center. For more information, review these instructions.

Critical Elements Attempted With Minimal or No Functional Issues (100%)

Attempted With Key Functional Issues (70%)

Was Not Evident in Submission (0%)

Value

New Section New section is added to HTML file, with appropriate name that can be tagged in the CSS file

New section is added to the HTML file, but it is not named appropriately for tagging in the CSS file

New section is not added to the HTML file

25

ID Selector New ID selector is defined that sets the webpage text to bright red

New ID selector is defined, but it does not set the webpage text to bright red

New ID selector is not defined 25

Relative Selector New relative selector alters the H3 headings with blue color and generous letter spacing

New relative selector alters the H3 headings, but not with blue color and generous letter spacing

New relative selector does not alter the H3 headings

25

Class Selector New class selector is created with a yellow background and a bold weight

New class selector is created, but without yellow background and bold weight

New class selector is not created 25

Total 100%