1 / 5

Assembling Web Pages: Backgrounds, Text Placement, and Multimedia Integration

In this chapter, we explore the essential components of assembling web pages, covering backgrounds, grids, borders, and effective text placement. Learn how to enhance readability with appropriate background colors and images, as well as the importance of whitespace. Additionally, we delve into embedding sound and video, creating feedback forms, and linking web pages. Discover techniques for organizing text using tables and lists, and the effective use of image maps for better navigation. This comprehensive guide will elevate your web design skills.

akando
Download Presentation

Assembling Web Pages: Backgrounds, Text Placement, and Multimedia Integration

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Chapter 7 – Assembling the Pages • Backgrounds • Grids and Borders • Text Placement • Images • Sound and Video • Feedback Forms • Linking Web Pages

  2. Background Colors and Images • Remember dark background colors make it difficult to read text- in HTML <body bgcolor=“#6666FF”>- in CSS body {background-color:”blue”}- or <body style=“background-color:blue”> • Background Images- <body background=“sailboat.jpeg”> • backgroundexample.html

  3. Readable Text • 12 pt serif font for body • Make headings larger and bolder • leave white space around text • Use tables and lists to organize text

  4. Embedding Sound and Video <body> <p> Here's a sound file. <a href="eightiesJam.wav" target="_new"> Play a sound file. </a> </p> </body> soundexample.html

  5. Image Maps • Here’s an examplehttp://www.ihip.com

More Related