Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Create a 3 key word theme web site. The following requirements must be met: You must choose your own unique theme. Your theme must be

Create a 3 key word theme web site.

The following requirements must be met:

You must choose your own unique theme. Your theme must be different from those used in this week's starter and example files. The example's theme comes from a quote that mentioned 3 related key words (sea, land, and air). The starter files' theme comes from the childrens' ABC song and uses the keys (A, B, and C). Your themes quotation must also contain 3 related key words. You must include 3 related images for each key word.

Home page --------- An example Home page is provided in the Starter Files folder. It has the following sections: - No Style - External Style - External + Embedded Style - External + Embedded + Inline Style Change its actual linked page names to appropriately match your theme.

Styles ------ Except for the Home page, every page uses the exact same HTML file with only 2 differences: - The page title text - The styles used The styles used involve an external style sheet, embedded style sheets, and inline styles. The No Style page uses no styles. The External Style page uses the external style sheet. The External + Embedded Style pages use the external style sheet and an embedded style sheet. The External + Embedded + Inline Style pages use the external style sheet, an embedded style sheet, and a inline styles.

No Style page ------------- An example No Style page is provided in the Starter Files folder. It contains the HTML code for the common page. You should examine it to see the classes and ids that were included in it to support the added styles that change its presentation. The added styles reference HTML tag names, class names, and ids.

External style sheet -------------------- An example External Style page is provided in the Starter Files folder. An example external style sheet is provided in the Starter Files folder. The external style sheet must be named "styles.css". It must be referenced in every page except the Home page and the No Style page. It must include the following styles:

- A style to center the title of every page.

- A hover style that will remove the underline and change the color to OrangeRed when the mouse is placed over the breadcrumbs Home link.

- Styles to change the color, enlarge, and make bold a significant word in the quotation. In the example, this word was "victory". In the starter files, this word is "know".

- A style to make all images 300 pixels wide.

- A style to indent the first line of text of each paragraph by 1 em.

- A style to set the left and right margins of the

container.

Embedded style sheet -------------------- An embedded style sheet must be included within every key word page. It must include the following styles:

- A style to change the page title color to reflect the focus key word.

- A style to give each image a box shadow.

- Styles to make all the images for the other key words disappear without taking up any space.

- Styles to make the focus key word the same color as the page title, larger, and all uppercase.

- Styles to neatly organize and appropriately resize the images related to the focus key word.

Inline styles ------------- Each of your inline style pages must include the following styles:

- Styles to increase the spacing between letters and to make only the first letter capitalized for the focus key word.

image text in transcribed
image text in transcribed
image text in transcribed
image text in transcribed
image text in transcribed
image text in transcribed
image text in transcribed
image text in transcribed
World War II 99- 194

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Databases questions