Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Page layout and navigation (Please make the theme of these pages cats and dogs...Thank you! PLease use lots of comments to explain each element of

Page layout and navigation (Please make the theme of these pages "cats and dogs"...Thank you! PLease use lots of comments to explain each element of the pages!

Design an external CSS style sheet (5 points). Use this style sheet to define consistent look of two html pages designed using CSS box model.

The two html pages should both have at least three columns as shown below (10 pts).

The column on the left performs as navigation between the two pages created, the links

only link to PAGE 1 and PAGE 2. You dont need external link in this assignment. When click on link to page1, page1 should appear in the same web browser window. When click on link to page2, page2 should appear in the same web browser window Do not open a new browser window when clicking on the links. (10 pts)

The links should look and behave like the ones in exercise 17-1 | Trying out transitions. (5 pts)

The second and third columns contain text and at least 2 floating images and 1 floating images respectively. You can find random text generator on the web. (5 pts)

Clicking on the page links result in switching between two pages that have identical Header, Footer and Navigation areas. The two content columns are the only areas where the content changes.

Use CSS only, every occurrence of non-CSS style definition gets 3 points off. Use CSS box model only. Using HTML table to design the above layout gets 0 point.

image text in transcribed

PAGE 1 Header Theme picture/image (should be the same on both pages) Content of PAGE 1 Content of PAGE 1 Navigation Link to AG That Contain at least two floating That Contain at least one floating images Link to PAGE 2 images Footer PAGE 2 Header Theme picture/image(should be the same on both pages) Content of PAGE 2 Navigation Content of PAGE 2 Link to PAGE 1 That Contain at least two floating That Contain at least one floating images Link to PAGE 2 images Footer PAGE 1 Header Theme picture/image (should be the same on both pages) Content of PAGE 1 Content of PAGE 1 Navigation Link to AG That Contain at least two floating That Contain at least one floating images Link to PAGE 2 images Footer PAGE 2 Header Theme picture/image(should be the same on both pages) Content of PAGE 2 Navigation Content of PAGE 2 Link to PAGE 1 That Contain at least two floating That Contain at least one floating images Link to PAGE 2 images Footer

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

Recommended Textbook for

Harness The Power Of Big Data The IBM Big Data Platform

Authors: Paul Zikopoulos, David Corrigan James Giles Thomas Deutsch Krishnan Parasuraman Dirk DeRoos Paul Zikopoulos

1st Edition

ISBN: 0071808183, 9780071808187

More Books

Students also viewed these Databases questions

Question

=+ Are unions company-wide, regional, or national?

Answered: 1 week ago