3. The menu has an unordered list on a black background. The background of the list is red. Each item in the list is hyperlinked except for "Home". The unlinked text should be black, and the linked text should be white. When a user mouse over a link, the color of the text should change to black. There should be some space between the list items.

New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter12: Working With Document Nodes And Style Sheets: Creating A Dynamic Document Outline
Section: Chapter Questions
Problem 4CP4
icon
Related questions
Question
Just need answer for first three questions https://cs3.calstatela.edu/~csun/soccergirl.jpg https://cs3.calstatela.edu/~csun/soccerboy.jpg
Note that
All styling must be done in an external style sheet.
You may use the following links for the two pictures in the page:
https://cs3.calstatela.edu/~csun/soccergirl.jpg
• https://cs3.calstatela.edu/~csun/soccerboy.jpg
• You may use "#" as the URL for all the hyperlinks on the page. For example, <a href="#">About Acade@y</a>
Q
1.
Create the page layout as shown in the screenshot above. In particular, we will 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".
2.
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 us green, centered-aligned text on a gray
background.
3. The menu has an unordered list on a black background. The background of the list is red. Each item in the list
is hyperlinked except for "Home". The unlinked text should be black, and the linked text should be white. When a user
mouse over a link, the color of the text should change to black. There should be some space between the list items.
4.
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.
Transcribed Image Text:Note that All styling must be done in an external style sheet. You may use the following links for the two pictures in the page: https://cs3.calstatela.edu/~csun/soccergirl.jpg • https://cs3.calstatela.edu/~csun/soccerboy.jpg • You may use "#" as the URL for all the hyperlinks on the page. For example, <a href="#">About Acade@y</a> Q 1. Create the page layout as shown in the screenshot above. In particular, we will 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". 2. 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 us green, centered-aligned text on a gray background. 3. The menu has an unordered list on a black background. The background of the list is red. Each item in the list is hyperlinked except for "Home". The unlinked text should be black, and the linked text should be white. When a user mouse over a link, the color of the text should change to black. There should be some space between the list items. 4. 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.
Create an HTML page
what's shown in the following screenshot:
Hurricanes.html that looks like
Hurricanes Soccer Academy
Welcome to Hurricanes Soccer Academy
Teaching advanced skills in a fun environment. Building confidence in players of all
levels.
No Practice Today due to rain and
poor field conditions, Tuesday, 2-
6-24
W23-24 Groupings/Game
Schedules
W23-24 Practice Schedules
Hurricanes Soccer Academy - Serving Claremont and Surrounding Areas
• Home
• About Academy
• Contact Us
. Coaches
• Game Dates
• Fields
Transcribed Image Text:Create an HTML page what's shown in the following screenshot: Hurricanes.html that looks like Hurricanes Soccer Academy Welcome to Hurricanes Soccer Academy Teaching advanced skills in a fun environment. Building confidence in players of all levels. No Practice Today due to rain and poor field conditions, Tuesday, 2- 6-24 W23-24 Groupings/Game Schedules W23-24 Practice Schedules Hurricanes Soccer Academy - Serving Claremont and Surrounding Areas • Home • About Academy • Contact Us . Coaches • Game Dates • Fields
Expert Solution
steps

Step by step

Solved in 3 steps with 2 images

Blurred answer
Knowledge Booster
Elements and Tags
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