Answered step by step
Verified Expert Solution
Question
1 Approved Answer
ITEC 229 - LAB 4 - Using Internal CSS For Lab 4 you should create a web page similar to the one given in Figure
ITEC 229 - LAB 4 - Using Internal CSS For Lab 4 you should create a web page similar to the one given in Figure 1. The name of the page will be lab4.html ITEC229 Client-Side Internet & Web Programming Lab 4 - Using Internal CSS HOME Lecture Notes Lab Works Exam Results Usefull Links Figure 1. Lab4.html . All styling on this page should be done by using internal CSS. Background color of the page should be lightyellow. First header starting with ITEC229.. written in H1 format has olive color. . Second header starting with Lab 4.. written in H2 format has olive color. There should be 5 hover buttons on the left side of the page. (Hover button: the button which is changing color in the hover state.) . All the buttons should be created by the box model of CSS. They have to become darker when the visitor just go over it with the mouse. Normal state: Hover state: HOME HOME You should embed an iframe in to the middle of the page. You can put your design the headers, buttons, iframe) in a table for having a better look and organization Home, Lecture Notes, Lab Works and Exam Results links will not connect to anywhere. . When the visitor clicks the Usefull Links button, links.html should open in the iframe which is placed on the middle of the page (Figure 2.) Links.html file will also be created by you and it will include the links shown in Figure 2. ITEC229 Client-Side Internet & Web Programming Lab 4 - Using Internal CSS HOME HOME Lecture Notes Lecture Notes Lab Works Lab Works Exam Results Exam Results Usefull Links Figure 2. links.html All styling on links.html should be done by using internal css. For the links which are placed in the links.html; Normal states of the buttons are shown in figure 2. o The hover state of the Home sould be Blue and bigger. o The hover state of the Lecture Notes will be just underlined. In the hover state of the Lab Works text color changes to white and background color get the value of #20b2aa. The hover state of the Exam Results will have pink outset border with 3px width and 8x padding. Size of the text should become bigger and underline should be removed in this state
Step 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