Answered step by step
Verified Expert Solution
Link Copied!

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

image text in transcribedimage text in transcribed

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

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

Readings In Database Systems

Authors: Michael Stonebraker

2nd Edition

0934613656, 9780934613651

More Books

Students also viewed these Databases questions

Question

preferred stock at $ 5 9 . May 1 0 May 1 5

Answered: 1 week ago

Question

Explain the importance of nonverbal messages.

Answered: 1 week ago

Question

Describe the advantages of effective listening.

Answered: 1 week ago

Question

Prepare an employment application.

Answered: 1 week ago