Create the page layout where we call the top, bottom, left, and right portions of the page "header", "footer", "content", and "menu", respectively. Note that the content part of the page is further divided into three blocks: the top block has a heading and a paragraph, and is followed by two blocks - one on the left with two images, and one on the right with three "announcements". The header should use large, white, center-aligned text on a red background with a thick black border. There should be some space between the text and the border. The footer should use green, centered-aligned text on a gray background.  The menu has an unordered list on a black background but the  actual background of the list is red. so its a black block with a red block inside that has the list. Each item in the list is hyperlinked except for one called "Home". The unlinked text should be black, and the linked text should be white. When a user hovers over a link, the color of the text should change to black. There should be some space between the list items. The announcements should have large, green text (for both linked and unlinked text) on orange background with black border. There should be some space between text and border as well as between announcements.

New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter7: Designing A Web Form: Creating A Survey Form
Section: Chapter Questions
Problem 4CP3
icon
Related questions
Question

Create the page layout where we call the top, bottom, left, and right portions of the page "header", "footer", "content", and "menu", respectively. Note that the content part of the page is further divided into three blocks: the top block has a heading and a paragraph, and is followed by two blocks - one on the left with two images, and one on the right with three "announcements".

The header should use large, white, center-aligned text on a red background with a thick black border. There should be some space between the text and the border. The footer should use green, centered-aligned text on a gray background.


 The menu has an unordered list on a black background but the  actual background of the list is red. so its a black block with a red block inside that has the list. Each item in the list is hyperlinked except for one called "Home". The unlinked text should be black, and the linked text should be white. When a user hovers over a link, the color of the text should change to black. There should be some space between the list items.

The announcements should have large, green text (for both linked and unlinked text) on orange background with black border. There should be some space between text and border as well as between announcements.

Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 1 steps

Blurred answer
Knowledge Booster
Table
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage