Visual Elements and Graphics - Web Development and Design Foundations with XHTML - page 135

HANDS-ON PRACTICE 4.3
In this Hands-On Practice you will place a graphical logo banner on a Web page.
Create a new folder called trilliumch4. The graphic used in this Hands-On Practice is
located in the student files: Chapter4/starters folder. Save trilliumbanner.jpg file in your
trilliumch4 folder. A starter version of the Trillium Media Design Home page is ready
for you in the student files. Save the chapter4/starter3.html file to your trilliumch4
folder. Launch a browser to display the starter3.html Web page—notice a monochro-
matic green color scheme has been configured with CSS. When you are finished with
this Hands-On Practice, your page will look similar to the one shown in Figure 4.16—
with a logo banner.
Figure 4.16
The new Trillium Home page with a logo banner
Go to the end of the
book for a full color
version of this figure
Launch a text editor and open starter3.html in the Chapter4 folder.
Configure the image as follows:
Replace the text contained between the <h1> opening and closing tags. Code an
<img /> element to display trilliumbanner.jpg in this area. Remember to include
the src , alt , height , and width attributes. Sample code follows:
<img src="trilliumbanner.jpg" alt="Trillium Media Design"
width="700" height="86" />