HTML: Comprehensive Concepts and Techniques, Fourth Edition

by Shelly, Gary B.; Cashman, Thomas J.; Woods, Denise M.; Dorin, William J.

• ISBN13: 9781418859374
• ISBN10: 1418859370
• Edition: 4th
• Format: Paperback
• Copyright: 2006-10-03
• Publisher: Course Technology

Summary

Part of the highly successful Shelly Cashman series, this introductory text leads the user through a clear, step-by-step, screen-by-screen approach to learning HTML. Readers learn how to create a Web page using HTML, format the page, add graphics, and more.

Table of Contents

Preface	x
Introduction to HTML
Objectives	4	(1)
Introduction	4	(1)
What Is the Internet?	4	(2)
What Is the World Wide Web?	6	(3)
Web Servers	6	(1)
Web Site Types and Purposes	7	(2)
Web Browsers	9	(1)
What Is Hypertext Markup Language?	9	(4)
HTML Elements	11	(1)
HTML Coding Practices	11	(1)
HTML Versions	11	(1)
Cascading Style Sheets	12	(1)
Dynamic HTML (DHTML)	12	(1)
Extensible Hypertext Markup Language (XHTML)	12	(1)
Tools for Creating HTML Documents	13	(1)
Web Development Life Cycle	14	(8)
Web Site Planning	15	(1)
Web Site Analysis	16	(1)
Web Site Design and Development	16	(4)
Web Site Testing	20	(1)
Web Site Implementation and Maintenance	21	(1)
Project Summary	22	(1)
What You Should Know	22	(1)
Learn It Online	23	(1)
Apply Your Knowledge	24	(1)
In the Lab	25	(3)
Cases and Places	28	(2)
Creating and Editing a Web Page
Objectives	30	(1)
Introduction	30	(1)
Project Two---The Campus Tutoring Service	30	(2)
Elements of a Web Page	32	(1)
Window Elements	32	(1)
Text Elements	32	(1)
Image Elements	33	(1)
Hyperlink Elements	33	(1)
Starting Notepad	33	(2)
The Notepad Window	35	(1)
Title Bar	35	(1)
Menu Bar	35	(1)
Text Area	35	(1)
Scroll Bar	35	(1)
Enabling Word Wrap in Notepad	35	(1)
Entering HTML Tags and Text	36	(8)
Entering HTML Tags to Define the Web Page Structure	36	(3)
Entering Headings	39	(1)
Entering a Paragraph of Text	40	(1)
Creating a List	41	(3)
Saving an HTML File	44	(3)
Using a Browser to View a Web Page	47	(3)
Starting a Browser	47	(1)
Viewing a Web Page in a Browser	48	(2)
Activating Notepad	50	(1)
Web Page Images	51	(1)
Image Types	51	(1)
Image Attributes	51	(1)
Improving the Appearance of Your Web Page	52	(6)
Adding an Image	53	(1)
Adding Background Color	54	(2)
Centering the Heading	56	(1)
Adding a Horizontal Rule	56	(2)
Refreshing the View in a Browser	58	(1)
Viewing HTML Source Code for a Web Page	58	(2)
Printing a Web Page and an HTML File	60	(2)
Quitting Notepad and a Browser	62	(1)
Project Summary	62	(1)
What You Should Know	62	(1)
Learn It Online	63	(1)
Apply Your Knowledge	64	(1)
In the Lab	65	(3)
Cases and Places	68	(2)
Creating Web Pages with Links, Images, and Formatted Text
Objectives	70	(1)
Introduction	70	(1)
Project Three---Plant World Web Site	71	(1)
Using Links on a Web Page	72	(8)
Linking to Another Web Page within the Same Web Site	74	(2)
Linking to a Web Page in Another Web Site	76	(1)
Linking within a Web Page	77	(1)
Linking to an E-Mail Address	77	(1)
Using Absolute and Relative Paths	78	(2)
Creating a Home Page	80	(7)
Entering HTML Tags to Define the Web Page Structure	80	(1)
Starting Notepad	80	(1)
Adding an Image	81	(1)
Adding a Left-Aligned Heading with a Font Color	82	(2)
Entering a Paragraph of Text	84	(1)
Creating Unordered (Bulleted) Lists	85	(1)
Adding a Background Image	86	(1)
Adding a Text Link	87	(3)
Adding a Text Link to Another Web Page within the Same Web Site	88	(2)
Adding an E-Mail Link	90	(2)
Saving and Printing the HTML File	91	(1)
Viewing, Testing Links, and Printing a Web Page	92	(4)
Editing the Second Web Page	96	(6)
Formatting Text	98	(1)
Formatting Text in Bold	99	(2)
Formatting Text in Italics	101	(1)
Formatting Text with a Font Color	101	(1)
Adding an Image with Wrapped Text	102	(8)
Adding an Image with Wrapped Text	105	(1)
Clearing the Text Wrapping	106	(2)
Using Horizontal and Vertical Spacing	108	(1)
Using Thumbnail Images	108	(1)
Obtaining Images	109	(1)
Adding a Text Link to Another Web Site	110	(1)
Adding a Text Link to a Web Page in Another Web Site	110	(1)
Adding Links within a Web Page	111	(11)
Setting Link Targets	113	(1)
Adding Links to Link Targets within a Web Page	114	(2)
Adding Links to a Link Target at the Top of the Page	116	(1)
Adding an Image Link to a Web Page	117	(2)
Saving and Printing the HTML File and Web Page	119	(3)
Project Summary	122	(1)
What You Should Know	122	(1)
Learn It Online	123	(1)
Apply Your Knowledge	124	(1)
In the Lab	125	(5)
Cases and Places	130	(2)
Creating Tables in a Web Site
Objectives	132	(1)
Introduction	132	(1)
Project Four---Bell Video	132	(2)
Creating Web Pages with Tables	134	(4)
Table Elements	136	(1)
Table Borders, Headers, Captions, and Rules	137	(1)
Planning, Designing, and Coding a Table	138	(5)
Determining If a Table Is Needed	139	(1)
Planning the Table	139	(2)
Coding the Table	141	(1)
Table Tag Attributes	142	(1)
Creating a Home Page	143	(2)
Starting Notepad	143	(1)
Entering HTML Tags to Define the Web Page Structure	143	(2)
Using Borderless Tables to Position Images	145	(10)
Creating a Borderless Table to Position Images	146	(1)
Inserting Images in a Table	146	(2)
Creating a Vertical Menu Bar with Text Links	148	(3)
Adding Text to a Table Cell	151	(3)
Viewing and Printing the Web Page Using the Browser	154	(1)
Creating a Secondary Web Page	155	(5)
Changing the Title	157	(1)
Deleting an Image	158	(1)
Creating a Horizontal Menu Bar with Text Links	158	(2)
Creating a Table with Borders	160	(7)
Creating a Table with Borders and Inserting Text into Cells	161	(6)
Adding Cellspacing, Cellpadding, and a Caption	167	(5)
Adding Cellspacing and Cellpadding to a Table	168	(2)
Adding a Table Caption	170	(2)
Spanning Rows and Columns	172	(10)
Creating Headings That Span Rows and Columns	174	(5)
Spanning the Main Heading Across All Columns	179	(3)
Project Summary	182	(1)
What You Should Know	183	(1)
Learn It Online	184	(1)
Apply Your Knowledge	185	(1)
In the Lab	186	(5)
Cases and Places	191	(3)
Creating an Image Map
Objectives	194	(1)
Introduction	194	(1)
Project Five---Ibrahim Real Estate	195	(6)
Introduction to Image Maps	196	(1)
Using Image Maps with Text Links	197	(1)
Image Map Uses	197	(4)
Server-Side vs. Client-Side Image Maps	201	(5)
Creating an Image Map	201	(1)
Selecting Images	201	(2)
Sketching the Borders of Hotspots	203	(1)
Mapping Image Coordinates	204	(2)
Coding the Map	206	(3)
Using Paint to Locate X- and Y-Coordinates	207	(1)
The Paint Window	208	(1)
Opening an Image File in Paint	208	(1)
Locating X- and Y-Coordinates of an Image	209	(6)
Creating the Home Page	213	(1)
Starting Notepad and Entering Initial HTML Tags	214	(1)
Creating a Table	214	(1)
Inserting an Image in a Table	215	(4)
Adding Text to a Table Cell	216	(1)
Creating a Horizontal Menu Bar with Text Links	217	(2)
Adding an Image to Use as an Image Map	219	(6)
Coding the Image Map Using HTML Tags and Attributes	220	(1)
Creating an Image Map	221	(2)
Changing Link Colors	223	(2)
Viewing and Printing the Web Page Using a Browser	225	(12)
Creating a Second Web Page	226	(2)
Changing the Web Page Title	228	(1)
Adding a Heading and Paragraphs of Text	229	(2)
Adding an Image	231	(1)
Creating a Horizontal Menu Bar	232	(2)
Viewing and Printing the Web Page	234	(2)
Testing the Links	236	(1)
Project Summary	237	(1)
What You Should Know	237	(1)
Learn It Online	238	(1)
Apply Your Knowledge	239	(1)
In the Lab	240	(5)
Cases and Places	245	(3)
Using Frames in a Web Site
Objectives	248	(1)
Introduction	248	(1)
Project Six---Bill Thomas Illustrations	249	(1)
Creating Frames	250	(8)
Creating a Frame Definition File	250	(2)
Defining Columns and Rows in a Frameset	252	(2)
Defining Frame Attributes	254	(4)
Planning and Laying Out Frames	258	(2)
Creating a Frame Definition File	260	(8)
Starting Notepad and Entering Initial HTML Tags	260	(2)
Defining the Frameset Columns and Rows	262	(3)
Specifying Attributes of the Header and Menu Frames	265	(1)
Specifying Attributes of the Main Frame	266	(1)
Saving the HTML File	267	(1)
Creating the Header Page	268	(2)
Creating the Menu Page	270	(4)
Adding Links with Targets to the Menu Page	272	(2)
Creating the Home Page	274	(1)
Viewing, Testing, and Printing Web Pages and HTML Code	275	(4)
Viewing and Printing the Frame Definition File Using a Browser	276	(1)
Testing the Links	277	(1)
Printing the HTML Files	278	(1)
Project Summary	279	(1)
What You Should Know	279	(1)
Learn It Online	280	(1)
Apply Your Knowledge	281	(1)
In the Lab	282	(5)
Cases and Places	287	(3)
Creating a Form on a Web Page
Objectives	290	(1)
Introduction	290	(1)
Project Seven---Creating Forms on a Web Page	291	(1)
Creating Web Page Forms	292	(6)
Input Controls	292	(4)
HTML Tags Used to Create Forms	296	(1)
Attributes of HTML Tags Used to Create Forms	296	(2)
Creating a Form on a Web Page	298	(11)
Creating a Form and Identifying the Form Process	299	(1)
Changing the Text Message	300	(1)
Adding Text Boxes	301	(2)
Adding Check Boxes	303	(1)
Adding a Selection Menu	304	(2)
Adding More Advanced Selection Menus	306	(1)
Adding Additional Text Boxes	307	(2)
Adding Radio Buttons and a Textarea	309	(3)
Adding Radio Buttons	309	(1)
Adding a Textarea	310	(2)
Submit and Reset Buttons	312	(1)
Adding Submit and Reset Buttons	312	(1)
Organizing a Form Using Form Groupings	313	(8)
Using Fieldset Controls to Create Form Groupings	314	(2)
Saving the HTML File	316	(1)
Viewing, Testing, and Printing the Web Page and HTML Code	317	(4)
Project Summary	321	(1)
What You Should Know	321	(1)
Learn It Online	322	(1)
Apply Your Knowledge	323	(1)
In the Lab	324	(4)
Cases and Places	328	(2)
Creating Style Sheets
Objectives	330	(1)
Introduction	330	(1)
Project Eight---Using Style Sheets in the Blue Cell, Inc. Web Site	331	(3)
Creating Style Sheets	334	(4)
Style Sheet Precedence	334	(1)
Style Statement Format	334	(2)
Inline Style Sheets	336	(1)
Embedded Style Sheets	336	(1)
External Style Sheets	337	(1)
Working with Classes in Style Sheets	338	(2)
Adding Style Sheets to the Blue Cell, Inc. Site	340	(1)
Adding an Embedded Style Sheet	340	(8)
Setting the Paragraph Style	343	(1)
Setting a Style for All Links	343	(1)
Setting the Link Hover Style	344	(1)
Saving, Viewing, and Printing the HTML File	345	(3)
Adding an External Style Sheet	348	(4)
Setting a Body Style	349	(1)
Setting Link and Paragraph Styles	350	(1)
Setting Table and Caption Styles	350	(1)
Creating an External Style Sheet	350	(2)
Linking to an External Style Sheet	352	(2)
Linking the Remaining HTML Files to an External Style Sheet	353	(1)
Adding an Inline Style Sheet	354	(5)
Viewing and Printing Framed Web Pages	356	(2)
Viewing and Printing HTML Files	358	(1)
Quitting Notepad and a Browser	359	(1)
Project Summary	359	(1)
What You Should Know	359	(1)
Learn It Online	360	(1)
Apply Your Knowledge	361	(1)
In the Lab	362	(5)
Cases and Places	367	(3)
Integrating JavaScript and HTML
Objectives	370	(1)
Introduction	370	(3)
Project Nine---Creating the Jefferson County Fair Web Page	373	(2)
Opening an HTML File	374	(1)
Inserting «script» Tags in HTML Code	375	(2)
Entering the Start <script> and Comment Tags	375	(2)
JavaScript Variables	377	(1)
Extracting the Current System Date	378	(4)
Converting the System Date to a String	378	(1)
Using the indexOf() Method	379	(1)
Using the substring() Method to Extract the Month from a String	379	(1)
Using the substr() Method	380	(2)
Calculating the Number of Days to a Future Event	382	(3)
Creating a Date() Object Instance to Store a Future Date	382	(1)
Calculating Milliseconds Between Two Dates Using the getTime() Method	383	(1)
Converting Milliseconds to Days and Rounding Up Using the ceil() Method	384	(1)
Writing Text and Variable Values to a Web Page	385	(2)
Completing the JavaScript Section	387	(1)
Saving an HTML File and Testing the Web Page	388	(2)
Displaying the Last Modified Document Date	390	(2)
Writing a JavaScript User-Defined Function	392	(5)
Changing the Color of the Browser Scroll Bar	393	(1)
Use the Location Object and selectedIndex Property to Link to a New URL	394	(2)
Entering User-Defined Functions in the <head> Section	396	(1)
Calling JavaScript Functions Using Event Handlers	397	(5)
Associating a Function with the onload Event	398	(1)
Associating a Function with the onchange Event	399	(3)
Printing an HTML File Using Notepad	402	(1)
Closing Notepad and a Browser	402	(1)
Project Summary	402	(1)
What You Should Know	403	(1)
Learn it Online	404	(1)
Apply Your Knowledge	405	(1)
In the Lab	406	(7)
Cases and Places	413	(3)
Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms
Objectives	416	(1)
Introduction	416	(1)
Project Ten---Creating the Auto Loan Calculator Web Page	417	(3)
Starting Notepad and Opening an HTML File	417	(3)
Inserting a Scrolling Message on a Web Page	420	(4)
Creating a Form Text Box to Display a Scrolling Message	420	(1)
Creating a User-Defined Function for a Scrolling Message	421	(2)
Incrementing the Position Locator Variable	423	(1)
Entering an If Statement	424	(2)
Using the setTimeout() Method to Create a Recursive Call	426	(3)
Adding an onload Event Handler	428	(1)
Saving the HTML File and Testing the Web Page	429	(2)
Adding Validation to the Auto Loan Payment Calculator	431	(10)
Using Nested If...Else Statements in Form Validation	431	(2)
Using Built-In Functions to Validate Data	433	(6)
Adding an onclick Event Handler	439	(1)
Saving an HTML File and Testing the Web Page	439	(2)
Adding Monthly Payment Calculation to the Payment Calculator	441	(4)
Entering the JavaScript Code to Call the monthly() Function	441	(1)
Creating the monthly() User-Defined Function	442	(3)
Formatting the Monthly Payment Output as Currency	445	(8)
Using the indexOf() Method	446	(1)
Beginning the dollarFormat() Function and Formatting the Dollars Portion	446	(1)
Using an If...Else Statement and While Loop to Extract the Dollars Portion and Insert Commas	447	(3)
Reconstructing the Formatted Output and Returning the Formatted Value	450	(1)
Passing the Monthly Payment Value to the dollarFormat() Function	451	(2)
Adding a Pop-Up Window	453	(6)
Adding the Event Handler to Call the popUpAd() Function	455	(1)
Adding the Date Last Modified	456	(1)
Saving and Testing the Finished Web Page	457	(1)
Printing the HTML File	458	(1)
Quitting Notepad and a Browser	458	(1)
Project Summary	459	(1)
What You Should Know	459	(1)
Learn It Online	460	(1)
Apply Your Knowledge	461	(1)
In the Lab	462	(8)
Cases and Places	470	(4)
Using DHTML to Enhance Web Pages
Objectives	474	(1)
Introduction	474	(2)
Project Eleven---Creating the Calumet Clinic Web Site	476	(3)
Starting Notepad and Opening an HTML File	478	(1)
Creating the Vertical Scrolling Menu	479	(11)
Creating an Embedded Style Sheet	480	(3)
Creating the checkLocation() Function to Scroll the Menu Vertically	483	(3)
Creating the Functions to Open the Blood Drive and Mission Statement Pop-Up Windows	486	(1)
Entering the Links (Anchor Tags) to Call the Pop-Up Windows	487	(2)
Entering the Date Last Modified	489	(1)
Saving the HTML File and Testing the Web Page	490	(4)
Creating a Rotating Banner	494	(8)
Creating an Image Object	495	(2)
Creating the Rotating Banner User-Defined Function	497	(3)
Entering an Event Handler to Call the Rotating Banner Function	500	(2)
Creating ScreenTips	502	(13)
Creating the screenTip() User-Defined Function	503	(3)
Adding an Embedded Style Sheet Using id and class Properties	506	(3)
Adding Links and Event Handlers to Call the screenTip() Function	509	(3)
Entering the <span> Tags Containing ScreenTip Text	512	(1)
Saving and Testing the Centers Web Page	513	(2)
Adding a Scrolling Image to the Events Web Page	515	(11)
Entering the stopScroll() Function	518	(1)
Entering the restartScroll() Function	519	(1)
Entering the bloodDrivePage() Function to the Events Web Page	520	(1)
Adding an Embedded Style Sheet for the Scrolling Image	521	(1)
Entering the <span> and <img> Tags for the Scrolling Image	522	(1)
Entering the onload Event Handler in the <body> Tag	523	(1)
Saving and Testing the Calumet Clinic Events Web Page	524	(1)
Test the Complete Calumet Clinic Web Page and Links	525	(1)
Project Summary	526	(1)
What You Should Know	527	(1)
Learn It Online	528	(1)
Apply Your Knowledge	529	(1)
In the Lab	530	(11)
Cases and Places	541	(5)
Creating and Using XML Documents
Objectives	546	(1)
Introduction	546	(4)
Project Twelve---Creating an XML Document	550	(16)
Creating a Well-Formed XML Document	552	(1)
Start Notepad and Create a New XML Document	553	(1)
Creating the Prolog in an XML Document	554	(3)
Creating the Document Instance in an XML Document	557	(6)
Linking a Cascading Style Sheet to Format an XML Document	563	(3)
Formatting and Manipulating an XML Document Using an XSL Style Sheet	566	(10)
Creating an XSL Style Sheet	568	(6)
Linking an XSL Style Sheet to an XML Document	574	(2)
Closing the Notepad Window Containing the XSL Style Sheet	576	(1)
Using Paging to Display XML Data in a Table	576	(8)
Using JavaScript to Search an XML Document and Display Results on a Web Page	584	(11)
Creating an HTML Document to Search an XML Document and Display Results	584	(3)
Creating the JavaScript User-Defined Functions, keyPressed() and findMovie()	587	(8)
Project Summary	595	(1)
What You Should Know	596	(1)
Learn It Online	597	(1)
Apply Your Knowledge	598	(2)
In the Lab	600	(7)
Cases and Places	607
Appendix A HTML Quick Reference
HTML Tags and Attributes	1	(10)
Appendix B Browser-Safe Color Palette
Browser-Safe Colors	11	(2)
Appendix C Accessibility Standards and the Web
Making the Web Accessible	13	(1)
Section 508 Guidelines Examples	13	(5)
WAI Guidelines	18	(7)
Appendix D Style Sheet Browser Compatibility Tables
Style Sheet Properties and Values	25	(8)
Background and Color Styles	26	(1)
Border Styles	27	(1)
Font Styles	28	(1)
List Styles	29	(1)
Margin and Padding Styles	30	(1)
Text Styles	31	(2)
Appendix E JavaScript Quick Reference
JavaScript Introduction	33	(1)
Why Use JavaScript?	33	(1)
Reserved Words	34	(1)
Data Types	34	(1)
Variable Names	35	(1)
Literals	35	(1)
Escape Sequences in Strings	36	(1)
Operators	36	(3)
Operator Types	36	(2)
Order of Precedence	38	(1)
JavaScript Statements	39	(1)
Event Handlers	40	(2)
Objects	42	(11)
Date Object	42	(1)
Document Object	43	(1)
Form Object	44	(1)
History Object	45	(1)
Image Object	45	(1)
Math Object	46	(1)
Location Object	46	(1)
Navigator Object	47	(1)
Window and Frame Objects	48	(1)
Number Object	49	(1)
Function Object	49	(1)
Screen Object	50	(1)
Boolean Object	50	(1)
Array Object	51	(1)
String Object	52	(1)
Global Functions	53	(2)
Appendix F XML Quick Reference
What Is XML?	55	(1)
Well-Formed and Valid XML Documents	55	(1)
XML Processing Instructions	56	(1)
XML Element and Attribute Rules	57	(1)
Document Type Definition (DTD)	58	(1)
Attribute List Declarations	59	(1)
Entity Declarations	60	(1)
Unparsed Entities and Notation Declarations	61	(1)
XSL Style Sheets	61
Index
Index	1