Question
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.
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 FooterStep by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started