Question: Hello, I could use some help with this assignment. I am not sure what to use or how to begin creating a stylesheet in CSS.

Hello, I could use some help with this assignment. I am not sure what to use or how to begin creating a stylesheet in CSS. Any help would be appreciated!

Directions

Complete the following:

Create and save an externally linked, CSS3-compliant style sheet to control all your Web pages (see page list below). It should define properties (such as position, margin, padding, font-family, color, size, et cetera) for each of the following:

Headlines.

Header.

Body text.

Background (image or color)

Navigation (use an unordered list to format the list items for navigation).

Footer (location/font size and color).

Anchor links (current, hover, visited).

Update the code in your homepage and template to link to the new style sheet.

Use your page template to create the other four pages for the site and title each appropriately.

About Us.

Services.

Gallery.

Contact Us.

Create functional page navigation using CSS. Use textual links using either a horizontal navigation across the top or vertical navigation down the left side.

Define text and background properties for all page elements using CSS.

Make sure to enter context-appropriate text in the content sections for each of the pages to demonstrate that the formatting and design are consistent across the site.

Make sure you do the following:

Submit error-free HTML5 and CSS code.

Create functioning site navigation using CSS.

Create a functioning external CSS file linked to a Web site.

Use CSS to effectively manipulate properties of Web page elements.

Write developer comments to describe and explain code.

Notes

Make a note of the following as you complete this assessment:

Use the same CSS formatting that references a single external style sheet for all pages.

Use Web fonts such as those available on Google Fonts Web site, linked in the Resources under the Suggested Resources heading.

Use

tags only when there is no better element for the job to describe the content that it is containing. Use the semantic layout elements such as header, article, section, nav, and footer instead.

Hint: Consider building your entire layout interface first. It can help you plan your development of your pages to figure out where you want your content to go.

Once completed, view your pages in your selected Web browsers to see if the content renders appropriately and consistently within each. Next, ensure that your HTML code is HTML5 compliant and your CSS code is valid. You may use the Markup Validation Service for testing the former and CSS Validation Service for testing the latter, both from W3C, linked in the Resources under the Suggested Resources heading. Important: Take a screen capture of your validation results and save it for submission.

Note: Errors from the validation should be fixed. However, warnings do not need to be fixed but should be reviewed. Fix the issues from the top down as one error can cascade into 20 other errors.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!