FREE Trial
Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Introduction For this assignment, you may use any content that you want. I would a suggest a topic in which you are interested. The purpose

Introduction

For this assignment, you may use any content that you want. I would a suggest a topic in which you are interested. The purpose of this assignment is not so much the content, it's using CSS to format that structured content. However, you need to create enough content to satisfy the requirements of the pages.

In this assignment, you will demonstrate familiarity with the following skills:

Referencing style sheets.

Creating simple and complex selectors involving CSS pseudo-elements and pseudo-classes.

Apply complex styles.

General Requirements

You must have at least one external style sheet in a sub-folder named css. All of the pages in the assignment must use this style sheet via a relative reference. Name the style sheet global.css. You might consider creating a second StyleSheet strictly to format the colors. For one of the pages, you will use the Grid960 system. For another, you will use Bootstrap.

The content of each page must be exactly 1024 pixels wide and centered in the page.

Your pages should all belong to a color scheme that you create. You can use any color scheme that you want but you MUST create one. There are several tools to help you: W3 Schools Color Picker. Y (Links to an external site.)Links to an external site.ou must fully implement your chosen color scheme and it must have no less than 4 colors. You should create a color scheme based on either the monochromatic or analogous designs. The styles you create should be based on these colors.

Your content pages should be organized into one or more articles having one or more sections. Those sections in turn should contain paragraphs and other content.

Index Page (Menus)

Your index page must contain a menu that links to the other pages. There will be a link to the current page. That link should be shaded or appear in a slightly different color to indicate that this is the current page. All of the other pages should have an identical menu. All of the menus must have the same look and feel using your chosen color scheme. To get full credit, the menus must have the following:

Your site must have exactly four pages including this index page, so your menu must supply links to those four pages. For each page, the link to the current page should appear shaded in a way that you choose.

I suggest that you implement the menu across the top of the screen using a table with one row and four columns. Then format the table, row, and cells using the same CSS styles from pone page to the next

The menu and items should appear centered withing the 1024 pixel boundary of the page.

Each menu item must have some kind of shading and rounded borders based on your chosen color scheme. You might use a radial-gradient or other gradient. You might implement box shading. You might do both. Each menu item (link in a table cell) must have a rounded border.

The menus (tables) should be enclosed in a parent navigation tag