Sams Teach Yourself HTML and CSS in 24 Hours (Includes New HTML 5 Coverage)

by Meloni, Julie C.; Morrison, Michael

• ISBN13: 9780672328411
• ISBN10: 0672328410
• Edition: 8th
• Format: Paperback
• Copyright: 2010-01-01
• Publisher: Sams

Summary

Learn from the newest, updated edition of the highly acclaimed introduction to HTML, SamsTeach Yourself HTML and CSS In 24 Hours. The seventh edition includes updates to introduce Cascading Style Sheets (CSS) in concert with HTML to produce quality web pages. You'll be able to study revisions that refine examples, as well as provide an enhanced integration with your web pages. You'll also gain a comprehensive understanding with new examples that match the current state of HTML. This carefully organized, well-written tutorial teaches beginning web page development skills, covering only those HTML and CSS tags that are likely to be used on creating a beginning web page. The 24 separate, one hour-long tutorials follow the process by which you should be creating your web page, building knowledge not only of how to create a web page, but building a general knowledge of how to use HTML and CSS in other projects as well. Chapters include: Understanding HTML and XHTML Creating Your Own Web Page Graphics Using Tables to Organize and Lay Out Your Pages Using Style Sheets for Page Layout Dynamic Web Pages

Table of Contents

Introduction	1	(1)
Put Your HTML Page Online Today	1	(1)
Beyond HTML	2	(1)
How to Use This Book	3	(2)
Visual Examples	5	(1)
Special Highlighted Elements	6	(1)
Q&A, Quiz, and Exercises	6	(1)
The Sams Publishing Website	6	(3)
Part I: Your First Web Page
Hour 1: Understanding HTML and XHTML	9	(18)
What Is a Web Page?	11	(1)
How Web Pages Work	12	(4)
The Pieces and Parts of a Web Page	16	(2)
The Many Faces of HTML	18	(4)
The Scoop on HTML, XML, and XHTML	22	(5)
Hour 2: Create a Web Page Right Now	27	(20)
Getting Started with a Simple Web Page	28	(2)
HTML Tags Every Web Page Must Have	30	(3)
Organizing a Page with Paragraphs and Line Breaks	33	(3)
Calling Out Text with Headings	36	(3)
Peeking at Other People's Pages	39	(1)
Validating Your Pages	40	(7)
Hour 3: Linking to Other Web Pages	47	(18)
Linking to Another Web Page	47	(3)
Linking Between Your Own Pages	50	(3)
Addressing Web Pages	53	(2)
Opening a Link in a New Browser Window	55	(1)
Linking to Google Maps	56	(2)
Adding Links to a Practical Example	58	(7)
Hour 4: Publishing Your HTML Pages	65	(24)
Setting Up Web Space on the Internet	66	(1)
Transferring Pages to a Web Server	67	(12)
Making a File Available for Downloading	79	(1)
Other HTML Publishing Options	80	(2)
Testing Your Web Pages	82	(7)
Part II: Building Practical Web Pages with HTML
Hour 5: Basic Text Alignment and Formatting	89	(28)
The Old Way Versus the New Way	90	(1)
Aligning Text on a Page	91	(3)
The Three Types of HTML Lists	94	(2)
Placing Lists Within Lists	96	(5)
Boldface, Italics, and Special Text Formatting	101	(5)
Tweaking the Font	106	(4)
Working with Special Characters	110	(7)
Hour 6: Creating Text Links	117	(18)
Linking Within a Page Using Anchors	117	(4)
Linking to a Specific Part of Another Page	121	(2)
Linking Your Email Address into a Page	123	(5)
Linking to Wikipedia	128	(7)
Hour 7: Creating Your Own Web Page Graphics	135	(24)
Choosing Graphics Software	136	(1)
The Least You Need to Know About Graphics	137	(1)
Preparing Photographic Images	138	(4)
Creating Banners and Buttons	142	(5)
Reducing the Number of Colors in an Image	147	(2)
Interlaced GIFs and Progressive JPEGs	149	(1)
Creating Animated Web Graphics	150	(1)
Assembling Images into an Animation	151	(3)
Generating Transitions and Text Effects	154	(5)
Hour 8: Putting Graphics on a Web Page	159	(16)
Placing an Image on a Web Page	159	(3)
Describing an Image with Text	162	(1)
Turning Images into Links	163	(3)
Aligning Images	166	(4)
Specifying Image Width and Height	170	(5)
Hour 9: Custom Backgrounds and Colors	175	(16)
Exploring Background and Text Colors	175	(3)
Specifying Custom Colors	178	(1)
Using Background Image Tiles	179	(3)
Working with Transparent Images	182	(2)
Creating Your Own Tiled Backgrounds	184	(7)
Hour 10: Graphical Links and Imagemaps	191	(18)
Why Imagemaps Aren't Always Necessary	191	(6)
Mapping Regions Within an Image	197	(2)
Creating Client-Side Imagemaps	199	(10)
Part III: Creative Web Page Design
Hour 11: Using Tables to Organize and Lay Out Your Pages	209	(18)
Creating a Simple Table	209	(4)
Controlling the Size of Tables	213	(1)
Alignment and Spanning Within Tables	213	(2)
Table Backgrounds and Spacing	215	(2)
Creative Page Layout with Tables	217	(10)
Hour 12: Formatting Web Pages with CSS Style Sheets	227	(20)
Understanding CSS	228	(1)
A Basic Style Sheet	229	(5)
A CSS Style Primer	234	(5)
Using Style Classes	239	(3)
Internal Style Sheets and Inline Styles	242	(1)
A Quick Style Sheet Recap	243	(4)
Hour 13: Digging Deeper into Style Sheet Formatting	247	(16)
Advanced Text Formatting with CSS	247	(3)
Changing the Appearance of Links	250	(1)
Commenting CSS Code	251	(2)
CSS Tips and Tricks	253	(2)
Revisiting the Hockey Player Example	255	(8)
Hour 14: Using Style Sheets for Page Layout	263	(22)
The Whole Scoop on Positioning	263	(5)
Controlling the Way Things Stack Up	268	(3)
Working with Margins	271	(2)
A Little Padding for Safety	273	(1)
Keeping Everything Aligned	274	(2)
Managing the Flow of Text	276	(1)
Taking Advantage of a Style Sheet Template	277	(8)
Hour 15: Creating Print-Friendly Web Pages	285	(12)
What Makes a Page Print-Friendly?	285	(3)
Applying a Media-Specific Style Sheet	288	(2)
Designing a Style Sheet for Print Pages	290	(3)
Viewing a Web Page in Print	293	(4)
Hour 16: Multipage Layout with Frames	297	(20)
What Are Frames?	297	(2)
Building a Frameset	299	(3)
Linking Between Frames and Windows	302	(2)
Nesting Frames Within Frames	304	(2)
Controlling Frame Margins, Borders, and Scrolling	306	(11)
Part IV: Dynamic Web Pages
Hour 17: Web Page Scripting for Nonprogrammers	317	(26)
The Least You Need to Know About Scripting	317	(3)
Jazzing Things Up with Interactive Highlighting	320	(4)
Preloading Images for Speed	324	(1)
Creating an Animated Banner Ad	325	(4)
Displaying a Random Quote	329	(2)
Creating a Virtual Fish Tank	331	(3)
Cashing In with Google Ads on Your Site	334	(4)
The Wide World of JavaScript	338	(5)
Hour 18: Gathering Information with HTML Forms	343	(22)
How HTML Forms Work	343	(1)
Creating a Form	344	(4)
Accepting Text Input	348	(1)
Identifying Each Piece of Form Data	348	(1)
Including Hidden Data in Forms	349	(1)
Exploring Form Input Controls	350	(3)
Submitting Form Data	353	(2)
Using a PayPal Buy Now Button	355	(10)
Hour 19: Embedding Multimedia in Web Pages	365	(20)
Placing Multimedia Content on a Web Page	367	(1)
Linking to Multimedia Files	367	(3)
Embedding Video with Windows Media Player	370	(4)
Embedding Audio with RealPlayer	374	(3)
Automatically Embedding the Appropriate Player	377	(8)
Hour 20: Jazz Up Your eBay Auctions with HTML and CSS	385	(18)
Why Use HTML and CSS on eBay?	386	(2)
Understanding How HTML Fits into eBay	388	(1)
Creating an eBay Item Listing in HTML	389	(3)
Providing a Link to Your About Me Page	392	(2)
Altering the Background of an Item Page	394	(2)
Creating a Slide Show Item Listing	396	(7)
Hour 21: Create Your Own Blog	403	(20)
What's a Blog?	403	(3)
Creating a Blog on Blogger.com	406	(2)
Creating Your First Blog Entry	408	(2)
Using CSS to Dress Up Your Blog	410	(5)
Tying Your Blog to Your Web Site	415	(1)
Updating Your Blog	416	(7)
Part V: Building a Web Site
Hour 22: Organizing and Managing a Web Site	423	(16)
When One Page Is Enough	424	(2)
Organizing a Simple Site	426	(2)
Organizing a Larger Site	428	(4)
Writing Maintainable HTML Code	432	(7)
Hour 23: Helping People Find Your Web Pages	439	(20)
Publicizing Your Web Site	439	(2)
Listing Your Pages with the Major Search Sites	441	(2)
Providing Hints for Search Engines	443	(7)
Auto Loading Another Web Page	450	(2)
Documenting the Full Address of a Page	452	(7)
Hour 24: Beyond Traditional Web Sites	459	(20)
HTML Beyond the Web	459	(1)
From Calculators to Wireless Communicators	460	(1)
HTML as the New User Interface	461	(1)
The Digital Media Revolution Will Not Be Televised	462	(1)
Preparing Yourself for Tomorrow	463	(2)
The Future of HTML Applications	465	(14)
Part VI: Appendixes
APPENDIX A: Readers' Most Frequently Asked Questions	479	(8)
The 24 Top Questions from Readers of Sams Teach Yourself HTML and CSS in 24 Hours	479	(8)
APPENDIX B: HTML and CSS Resources on the Internet	487	(6)
General HTML, XHTML, and CSS Information	487	(1)
Web Page Design	488	(1)
Software	488	(1)
Graphics	489	(1)
Multimedia	490	(1)
Advanced Developer Resources	491	(1)
HTML Validators	491	(1)
Directories with HTML Information	492	(1)
Web Site Services	492	(1)
Free Web Site Hosting	492	(1)
APPENDIX C: Complete XHTML 1.1 and CSS 2 Quick Reference	493	(50)
XHTML Structure	494	(3)
XHTML Text Phrases and Paragraphs	497	(5)
XHTML Text Formatting Elements	502	(1)
XHTML Lists	503	(2)
XHTML Links	505	(1)
XHTML Tables	506	(6)
XHTML Frames	512	(2)
XHTML Embedded Content	514	(3)
XHTML Style	517	(1)
XHTML Forms	517	(5)
XHTML Scripts	522	(1)
XHTML Common Attributes and Events	522	(1)
CSS Dimension Style Properties	523	(2)
CSS Text and Font Style Properties	525	(2)
CSS Background Style Properties	527	(1)
CSS Border Style Properties	528	(3)
CSS Margin Style Properties	531	(1)
CSS Padding Style Properties	532	(1)
CSS Layout and Display Style Properties	533	(2)
CSS List and Marker Style Properties	535	(1)
CSS Table Style Properties	536	(1)
Appendix D: Migrating from HTML to XHTML	537	(1)
Differences Between XHTML 1 and HTML 4	537	(1)
XHTML and Document Validity	538	(1)
Declaring XHTML Namespaces	539	(1)
Converting HTML Documents to XHTML	539	(4)
Index	543

Excerpts

= 0) {slash = '\\';} else {slash = '/';}openLoc = figLoc.substring(0, figLoc.lastIndexOf(slash) + 1);while (pPage.substring(0,3) == '../') {openLoc = openLoc.substring(0, openLoc.lastIndexOf(slash, openLoc.length - 2)+ 1);pPage = pPage.substring(3, pPage.length + 1);}popUpWin =window.open('','popWin','resizable=1,scrollbars=1,location=0,toolbar=0,width=525,height=394');figDoc = popUpWin.document;zhtm= ' ' + pPage + ' ';zhtm += ' ';zhtm += ' ';zhtm += ' ';zhtm += '' + pPage.substring(pPage.lastIndexOf('/') + 1, pPage.length) + ' ';zhtm += ' ';figDoc.write(zhtm);figDoc.close();}// modified 3.1.99 RWE v4.1 --> Introduction Introduction Put Your HTML Page Online Today In 2005, it is estimated that approximately 900 million people will have accessed the Internet, including 188 million in the U.S. alone. Throw in 58 million Japanese users, 45 million German users, 35 million British users, 18 million Russian users, and 17 million Canadians, and you can see the meaning of the word "world" in "World Wide Web." Along with all of these people who use the Internet, there are also quite a few people cranking out new content for the Web. Although accurate measurements of the total number of web pages are difficult to come by, the popular search engine Google reports having indexed more than 4 billion web pages as of late 2005. In the next 24 hours, tens of thousands of new web pages will be posted in publicly accessible areas of the Internet. At least as many pages will be placed on private intranets, where they will be viewed by businesspeople connected to local networks. Every one of those pages--like the 4 billion pages already online--will use Hypertext Markup Language, or HTML. If you read on, your web pages will be among those that appear on the Internet in the next 24 hours. This will also be the day that you acquire one of the most valuable skills in the world today: mastery of HTML. Can you really learn to create top-quality web pages yourself, without any specialized software, in less time than it takes to schedule and wait for an appointment with a highly paid HTML wizard? Can this thin, easy-to-read book really enable you to teach yourself state-of-the-art web page publishing? Yes. In fact, within two hours of starting this book, someone with no previous HTML experience at all can have a web page ready to place on the Internet's World Wide Web. How can you learn the language of the Web so fast? By example. This book breaks HTML down into simple steps that anyone can learn quickly, and shows you exactly how to tackle each step. Every HTML example is pictured directly above the web page it will produce. You see it done, you read a brief, plai