Html

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

• ISBN13: 9780619255039
• ISBN10: 061925503X
• Edition: 3rd
• Format: Paperback
• Copyright: 2004-11-02
• Publisher: Cengage Learning

Summary

Part of the highly successful Shelly Cashman series, this comprehensive text leads the user through a clear, step-by-step, screen-by-screen approach to learning HTML.

Table of Contents

Preface	viii
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	(5)
HTML History	11	(1)
HTML Elements	12	(1)
HTML Coding Practices	12	(1)
HTML Versions	12	(1)
Dynamic HTML (DHTML)	13	(1)
Extensible Hypertext Markup Language (XHTML)	13	(1)
Tools for Creating HTML Documents	14	(1)
Web Development Life Cycle	15	(7)
Web Site Planning	15	(1)
Web Site Analysis	16	(1)
Web Site Design and Development	17	(3)
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)
Starting Notepad	72	(1)
Using Links on a Web Page	72	(6)
Linking to Another Web Page within the Same Web Site	75	(1)
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)
Creating a Home Page	78	(7)
Entering HTML Tags to Define the Web Page Structure	78	(1)
Adding an Image	79	(1)
Adding a Left-Aligned Heading with a Font Color	80	(2)
Entering a Paragraph of Text	82	(1)
Creating Unordered (Bulleted) Lists	83	(2)
Adding a Background Image	85	(1)
Adding a Text Link	85	(3)
Adding a Text Link to Another Web Page within the Same Web Site	86	(2)
Adding an E-Mail Link	88	(2)
Saving and Printing the HTML File	89	(1)
Viewing, Testing Links, and Printing a Web Page	90	(4)
Editing the Second Web Page	94	(6)
Formatting Text	96	(1)
Formatting Text in Bold	96	(2)
Formatting Text in Italics	98	(1)
Format Text with a Font Color	99	(1)
Adding an Image with Wrapped Text	100	(8)
Adding an Image with Wrapped Text	103	(1)
Clearing the Text Wrapping	104	(2)
Using Horizontal and Vertical Spacing	106	(1)
Using Thumbnail Images	106	(1)
Obtaining Images	107	(1)
Adding a Text Link to Another Web Site	108	(1)
Adding a Text Link to a Web Page in Another Web Site	108	(1)
Adding Links within a Web Page	109	(11)
Setting Link Targets	110	(2)
Adding Links to Link Targets within a Web Page	112	(2)
Adding Links to a Link Target at the Top of the Page	114	(1)
Adding an Image Link to a Web Page	115	(2)
Saving and Printing the HTML File and Web Page	117	(3)
Project Summary	120	(1)
What You Should Know	120	(1)
Learn It Online	121	(1)
Apply Your Knowledge	122	(2)
In the Lab	124	(5)
Cases and Places	129	(3)
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	147	(1)
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	(9)
Creating a Table with Borders and Inserting Text into Cells	162	(7)
Adding Cellspacing, Cellpadding, and a Caption	169	(5)
Adding Cellspacing and Cellpadding to a Table	170	(2)
Adding a Table Caption	172	(2)
Spanning Rows and Columns	174	(9)
Spanning the Main Heading across All Columns	177	(1)
Creating Additional Headings that Span Rows and Columns	178	(5)
Project Summary	183	(1)
What You Should Know	184	(1)
Learn It Online	185	(1)
Apply Your Knowledge	186	(1)
In the Lab	187	(5)
Cases and Places	192	(2)
Creating an Image Map
Objectives	194	(1)
Introduction	194	(1)
Project Five --- Ibrahim Real Estate	195	(1)
Introduction to Image Maps	196	(5)
Using Image Maps with Text Links	197	(1)
Image Map Uses	197	(4)
Server-Side versus Client-Side Image Maps	201	(1)
Creating an Image Map	201	(6)
Selecting Images	201	(2)
Sketching the Borders of Hotspots	203	(1)
Mapping Image Coordinates	204	(2)
Coding the Map	206	(1)
Using Paint to Locate X- and Y-Coordinates	207	(6)
The Paint Window	207	(1)
Opening an Image File in Paint	208	(1)
Locating X- and Y-Coordinates of an Image	209	(4)
Creating the Home Page	213	(3)
Starting Notepad and Entering Initial HTML Tags	213	(1)
Creating a Table	214	(1)
Inserting an Image in a Table	215	(1)
Adding Text to a Table Cell	216	(4)
Adding an Image to Use as an Image Map	217	(2)
Creating a Horizontal Menu Bar with Text Links	219	(1)
Coding the Image Map Using HTML Tags and Attributes	220	(6)
Creating an Image Map	221	(2)
Changing Link Colors	223	(2)
Viewing and Printing the Web Page Using a Browser	225	(1)
Creating a Second Web Page	226	(11)
Changing the 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	(2)
In the Lab	241	(4)
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)
Identifying Attributes of the Header and Menu Frames	265	(1)
Identifying Attributes of the Main Frame	266	(1)
Saving the HTML File	267	(1)
Creating the Header Page	268	(2)
Creating the Menu Page	270	(3)
Adding Links with Targets to the Menu Page	272	(1)
Creating the Home Page	273	(2)
Viewing, Testing, and Printing Web Pages and HTML Code	275	(4)
Viewing and Printing the Frame Definition File Using a Browser	275	(2)
Testing the Links	277	(1)
Printing the HTML Files	277	(2)
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 Stained Glass Club 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 Stained Glass Club Web Site	340	(1)
Adding an Embedded Style Sheet	341	(7)
Setting the Paragraph Style	343	(1)
Setting a Style for All Links	344	(1)
Setting the Link Hover Style	345	(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	(3)
Linking the Remaining HTML Files to an External Style Sheet	353	(2)
Adding an Inline Style Sheet	355	(6)
Viewing and Printing Framed Web Pages	357	(2)
Viewing and Printing HTML Files	359	(2)
Quitting Notepad and a Browser	361	(1)
Project Summary	361	(1)
What You Should Know	361	(1)
Learn It Online	362	(1)
Apply Your Knowledge	363	(1)
In the Lab	364	(4)
Cases and Places	368	(2)
Integrating JavaScript and HTML
Objectives	370	(1)
Introduction	370	(3)
Project Nine --- Creating the Adams 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 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	(2)
Closing Notepad and a Browser	402	(2)
Project Summary	404	(1)
What You Should Know	404	(1)
Learn It Online	405	(1)
Apply Your Knowledge	406	(2)
In the Lab	408	(7)
Cases and Places	415	(3)
Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms
Objectives	418	(1)
Introduction	418	(1)
Project Ten --- Creating the Auto Loan Calculator Web Page	419	(3)
Starting Notepad and Opening an HTML File	419	(3)
Inserting a Scrolling Message on a Web Page	422	(5)
Creating a Form Text Box to Display a Scrolling Message	422	(1)
Creating a User-Defined Function for a Scrolling Message	423	(3)
Incrementing the Position Locator Variable	426	(1)
Entering an If Statement	427	(2)
Using the setTimeout() Method to Create a Recursive Call	429	(3)
Adding an onLoad Event Handler	431	(1)
Saving the HTML File and Testing the Web Page	432	(2)
Adding Validation to the Auto Loan Payment Calculator	434	(10)
Using Nested If...Else Statements in Form Validation	434	(2)
Using Built-in Functions to Validate Data	436	(6)
Adding an on Click Event Handler	442	(1)
Saving an HTML File and Testing the Web Page	443	(1)
Adding Monthly Payment Calculation to the Payment Calculator	444	(4)
Entering the JavaScript Code to Call the monthly() Function	445	(1)
Creating the monthly() User-Defined Function	446	(2)
Formatting the Monthly Payment Output as Currency	448	(9)
Using the indexOf() Method	449	(1)
Beginning the dollarFormat() Function and Formatting the Dollars Portion	449	(2)
Using an If...Else Statement and While Loop to Extract the Dollars Portion and Insert Commas	451	(2)
Using an If Statement to Extract the Cents Portion and Define the Decimal Amount	453	(1)
Reconstructing the Formatted Output and Returning the Formatted Value	454	(2)
Passing the Monthly Payment Value to the dollarFormat() Function	456	(1)
Adding a Pop-up Window	457	(7)
Adding the Event Handler to Call the popUpAd() Function	459	(2)
Adding the Date Last Modified	461	(1)
Saving and Testing the Finished Web Page	462	(1)
Printing the HTML File	463	(1)
Quitting Notepad and a Browser	463	(1)
Project Summary	464	(1)
What You Should Know	464	(1)
Learn It Online	465	(1)
Apply Your Knowledge	466	(1)
In the Lab	467	(9)
Cases and Places	476	(4)
Using DHTML to Enhance Web Pages
Objectives	480	(1)
Introduction	480	(2)
Project Eleven --- Creating the Community Hospital Web Site	482	(3)
Starting Notepad and Opening an HTML File	484	(1)
Creating the Vertical Scrolling Menu	485	(11)
Creating an Embedded Style Sheet	486	(3)
Creating the checkLocation() Function to Scroll the Menu Vertically	489	(3)
Creating the Functions to Open the Blood Drive and Mission Statement Pop-up Windows	492	(1)
Entering the Links (Anchor Tags) to Call the Pop-up Windows	493	(2)
Entering the Date Last Modified	495	(1)
Saving the HTML File and Testing the Web Page	496	(4)
Creating a Rotating Banner	500	(8)
Creating an Image Object	501	(2)
Creating the Rotating Banner User-Defined Function	503	(3)
Entering an Event Handler to Call the Rotating Banner Function	506	(2)
Creating ScreenTips	508	(13)
Creating the screenTip() User-Defined Function	509	(3)
Adding an Embedded Style Sheet Using id and class Properties	512	(3)
Adding Links and Event Handlers to Call the screenTip() Function	515	(3)
Entering the <span> Tags Containing Screen Tip Text	518	(1)
Saving and Testing the Centers Web Page	519	(2)
Adding a Scrolling Image to the Events Web Page	521	(11)
Entering the stopScroll() Function	524	(1)
Entering the restartScroll() Function	525	(1)
Entering the bloodDrivePage() Function to the Events Web Page	526	(1)
Adding an Embedded Style Sheet for the Scrolling Image	527	(1)
Entering the <span> and <img> Tags for the Scrolling Image	528	(1)
Entering the onLoad() Event Handler in the <body> Tag	529	(1)
Saving and Testing the Community Events Web Page	530	(1)
Test the Complete Community Hospital Web Page and Links	531	(1)
Project Summary	532	(1)
What You Should Know	533	(1)
Learn It Online	534	(1)
Apply Your Knowledge	535	(4)
In the Lab	539	(13)
Cases and Places	552	(6)
Creating and Using XML Documents
Objectives	558	(1)
Introduction	558	(4)
Project Twelve --- Creating an XML Document	562	(16)
Creating a Well-Formed XML Document	564	(1)
Start Notepad and Create a New XML Document	565	(1)
Creating the Prolog in an XML Document	566	(3)
Creating the Document Instance in an XML Document	569	(6)
Linking a Cascading Style Sheet to Format an XML Document	575	(3)
Formatting and Manipulating an XML Document Using an XSL Style Sheet	578	(10)
Creating an XSL Style Sheet	580	(6)
Linking an XSL Style Sheet to an XML Document	586	(2)
Closing the Notepad Window Containing the XSL Style Sheet	588	(1)
Using Paging to Display XML Data in a Table	588	(8)
Using JavaScript to Search an XML Document and Display Results on a Web Page	596	(11)
Creating an HTML Document to Search an XML Document and Display Results	596	(3)
Creating the JavaScript User-Defined Functions, keyPressed() and findMovie()	599	(8)
Project Summary	607	(1)
What You Should Know	608	(1)
Learn It Online	609	(1)
Apply Your Knowledge	610	(2)
In the Lab	612	(10)
Cases and Places	622
Appendix A HTML Quick Reference
HTML Tags and Attributes	1	(10)
Appendix B Browser-Safe Color Palette
Browser-Safe Colors	11	(2)
Appendix C Style Sheet Browser Compatibility Tables
Style Sheet Properties and Values	13	(6)
Appendix D JavaScript Quick Reference
Reserved Words	19	(1)
Data Types	19	(1)
Variable Names	20	(1)
Escape Sequences in Strings	21	(1)
Operators	21	(3)
Operator Types	21	(2)
Order of Precedence	23	(1)
JavaScript Statements	24	(1)
Event Handlers	25	(2)
Objects	27	(11)
Date Object	27	(1)
Document Object	28	(1)
Form Object	29	(1)
History Object	30	(1)
Image Object	30	(1)
Location Object	31	(1)
Math Object	31	(1)
Navigator Object	32	(1)
Window and Frame Objects	33	(1)
Number Object	34	(1)
Function Object	34	(1)
Screen Object	35	(1)
Boolean Object	35	(1)
Array Object	36	(1)
String Object	37	(1)
Global Functions	38	(1)
Appendix E XML Quick Reference
What Is XML?	39
Well-Formed and Valid XML Documents	39	(1)
XML Processing Instructions	40	(1)
XML Element and Attribute Rules	41	(1)
Document Type Definition (DTD)	42	(1)
Attribute List Declarations	43	(1)
Entity Declarations	44	(1)
Unparsed Entities and Notation Declarations	45	(1)
XSL Style Sheets	45
Index	1