Sams Teach Yourself HTML 4 in 24 Hours
- Table of Contents
- Copyright
- About the Author
- Acknowledgments
- Tell Us What You Think!
- Put Your HTML Page Online Today
- I. Your First Web Page
- Hour 1. Understanding HTML and XML
- Hour 2. Create a Web Page Right Now
- Hour 3. Linking to Other Web Pages
- Hour 4. Publishing Your HTML Pages
- II. Web Page Text
- Hour 5. Text Alignment and Lists
- Hour 6. Text Formatting and Font Control
- Hour 7. Email Links and Links Within a Page
- Hour 8. Creating HTML Forms
- III. Web Page Graphics
- Hour 9. Creating Your Own Web Page Graphics
- Hour 10. Putting Graphics on a Web Page
- Hour 11. Custom Backgrounds and Colors
- Hour 12. Creating Animated Graphics
- IV. Web Page Design
- Hour 13. Page Design and Layout
- Hour 14. Graphical Links and Imagemaps
- Hour 15. Advanced Layout with Tables
- Hour 16. Using Style Sheets
- V. Dynamic Web Pages
- Hour 17. Embedding Multimedia in Web Pages
- Hour 18. Interactive Pages with Applets and ActiveX
- Hour 19. Web Page Scripting for Non-Programmers
- Hour 20. Setting Pages in Motion with Dynamic HTML
- VI. Building a Web Site
- Hour 21. Multipage Layout with Frames
- Hour 22. Organizing and Managing a Web Site
- Hour 23. Helping People Find Your Web Pages
- Hour 24. Planning for the Future of HTML
- VII. Appendixes
- A. Readers' Most Frequently Asked Questions
- B. HTML Learning Resources on the Internet
- C. Complete HTML 4 Quick Reference
- D. HTML Character Entities
Workshop
Quiz
- How would you give a Web page a black background and make all text, including links, bright green?
- How would you make an image file named texture.jpg appear as a repeating tile behind the text and images on a Web page with white text and red links that turn blue after being followed?
- If elephant.jpg is a JPEG image of an elephant standing in front of a solid white backdrop, how do you make the backdrop transparent so only the elephant shows on a Web page?
- Which menu choice in Paint Shop Pro automatically creates a background tile from part of any image?
Answers
-
Put the following at the beginning of the Web page:
<body bgcolor="black" text="lime" link="lime" vlink="lime" alink="black">
The following would do exactly the same thing:
<body bgcolor="#000000" text="#00ff00" link="#00ff00" vlink="#00ff00" alink="#000000">
-
<body background="texture.jpg" text="white" link="red" vlink="blue" alink="black">
- Open the image in Paint Shop Pro and then use Colors, Decrease Color Depth, 256 Colors to pick the best 256 colors for the image. Right-click the white area, select Colors, Set Palette Transparency; elect to make the background color transparent. Touch up any off-white spots that didn't become transparent and then use File, Save As to save it in the GIF 89a format.
- Selections, Convert to Seamless Pattern. See the Paint Shop Pro documentation if you need a little more help using it than this hour provides.
Exercises
- Try getting creative with some background tiles that don't use Convert to Seamless Pattern. You'll discover some sneaky tricks for making background tiles that don't look like background tiles in Hour 13, "Page Design and Layout," but I bet you can figure out some interesting ones on your own right now. (Hint: What if you made a background tile 2,000 pixels wide and 10 pixels tall?)
- If you have some photos of objects for a Web-based catalog, consider taking the time to paint a transparent color carefully around the edges of them. (Sometimes the magic wand tool can help automate this process.) You can also use Paint Shop Pro's Image, Effects, Drop Shadow feature to add a slight shadow behind or beneath each object, so they appear to stand out from the background.
Hour 12. Creating Animated Graphics | Next Section
Account Sign In
View your cart