Creating Web Pages with HTML-Level III Tutorials HTML 6.01

Transcription

1 Creating Web Pages with HTML-Levell Tutorials HTML 1.01 Tutorial 1 Developing a Basic Web Page Create a Web Page for Stephen DuM's Chemistry Classes Tutorial 2 Adding Hypertext Links to a Web Page Developing a Chemistry Web Site with Hypertext links HTML 1.03 HTML 2.01 Creating Web Pages with HTML-Level II Tutorials HTML 3.01 Tutorial 3 Designing a Web Page Working with Fonts, Colors, and Graphics Tutorial 4 Designing a Web Page with Tables Creating a News Page Tutorial 5 Using Frames in a Web Site Using Frames to Display Multiple Web Pages HTML 3.03 HTML 4.01 HTML 5.01 Creating Web Pages with HTML-Level III Tutorials HTML 6.01 Tutorial 6 Creating Web Page Forms Designing a Product Registration Form Tutorial 7 Working with Cascading Style Sheets Designing a Style for a Web Site at Maxwell Scientific Tutorial 8 Programming with javtrscript Creating a Programmable Web Page for North Pole Novelties Tutorial 9 Working with javascript Objects and Events Enhancing Your Forms with Jcvcscnpt Tutorial 10 Creating a Multimedia Web Page Enhancing a Page With Sound, Video, and Java Applets Additional Case 1 Creating a Company Web Site. Additional Case 2 Creating a Style for a Web Site Additional Case 3 Creating an Online Newsletter HTML 6.03 HTML 7.01 HTML 8.01 HTML 9.01 HTML ADD 1.01 ADD 2.01 ADD 3.01 Tutorial 1 Working with Dynamic Page Layout Creating an Opening Screen foravalon Books Tutorial 2 Working with Dynamic Content and Styles Creating a Product Information Web Site Tutorial 3 Working with Special Effects Creating Rollovers, Menus, Filters, and Transitions Tutorial 4 Working with the Event Model Creating a Drag-and-Drop Shopping Cart forgames Etc. TutorialS Working with Windows and Frames Enhancing a Web Site with Interactive Windows HTML Appendix A HTML Color Names HTML Appendix B HTML Character Entities HTML Appendix C Putting a Document on the World Wide Web HTML Appendix D HTML Tags and Attributes HTML Appendix E Working with XHTML HTML Appendix F Cascading Style Sheets HTML Appendix G lavescript Objects, Properties, Methods, and Event Handlers HTML Appendix H lavascript Operators, Syntactical Elements, and Keywords HTML Appendix I Creating Cookies with IavoScrtpt Index File Finder I DHTML 1.03 DHTML 2.01 DHTML 3.01 DHTML 4.01 DHTML 5.01 HTML A.Ol HTML B.Ol HTML C.Ol HTML D.Ol HTML E.Ol HTML EOl HTML G.Ol HTML H.Ol HTML

2 Tutorial 1 HTML 1.03 Developing a Basic Web Page Create a Web Page for Stephen Dube's Chemistry Classes SESSION 1.1 HTML 1.04 Introducing the World Wide Web HTML 1,04 The Development of the World Wide Web HTML 1,05 Web Servers and Web Browsers HTML 1,06 HTML: The Language of the Web HTML 1,07 Versions of HTML HTML 1,08 Extensions, XML, and the Future HTML 1,08 Tools for Creating HTML Documents HTML 1,09 HTML 1,09 SESSION 1.2 HTML 1.10 Creating an HTML Document HTML 1,10 HTML Syntax HTML 1,11 Creating Basic Tags HTML 1,12 Displaying Your HTML Files HTML 1,13 Creating Headings, Paragraphs, and Lists HTML 1,14 Creating Heading Tags HTML 1.15 Entering Paragraph Text HTML 1,17 Creating Lists HTML 1,22 Creating Character Tags HTML 1,26 HTML 1,29 Creating Links SESSION 2.2 Web Page Structures Linear Structures Hierarchical Structures Mixed Structures Creating Links Among Documents Linking to a Document Linking to a Section of a Document SESSION 2.3 Linking to Documents in Other Folders Absolute Pathnames Relative Pathnames Linking to Documents on the Internet Displaying Linked Documents in a New Window Linking to Other Internet Objects Linking to FTP Servers Linking to Usenet News Linking to Adding an Link to Stephen's Chemistry Page Answers HTML 2,07 HTML 2.10 HTML 2.10 HTML 2,1 1 HTML 2.12 HTML2.12 HTML 2.14 HTML 2.15 HTML 2.15 HTML 2.20 HTML 2.22 HTML 2.22 HTML 2,22 HTML 2.23 HTML 2.24 HTML 2,24 HTML 2,25 HTML 2.27 HTML 2.28 HTML 2.28 HTML 2.29 HTML 2,30 HTML 2.32 HTML 2.32 HTML 2,34 HTML 2.41 SESSION 1.3 HTML 1.29 Inserting a Graphic HTML 1,29 Adding Special Characters HTML 1,31 Inserting Horizontal Lines HTML 1,32 HTML 1,36 HTML 1,36 HTML 1,39 Answers HTML 1,45 Tutorial 2 HTML 2.01 Adding Hypertext Links to a Web Page Developing a Chemistry Web Site with Hypertext Links SESSION 2.1 HTML 2.02 Creating a Hypertext Document HTML 2,02 Creating Anchors HTML 2,04 Tutorial 3 Designing a Web Page Working With Fonts, Colors, and Graphics SESSION 3.1 Working with Color in HTML Using Color Names Using Color Values Specifying a Color Scheme for Your Page Modifying Text with the <font> Tag Changing the Font Size Changing the Font Color Changing the Font Face Using the <font> Tag to Specify Color HTML 3.03 HTML 3.04 HTML 3,04 HTML 3.05 HTML 3.06 HTML 3.08 HTML 3.10 HTML 3,11 HTML 3.12 HTML 3.12 HTML 3.14

3 ITNEW PERSPECMS SE~ES Inserting a Background Image Extensions to the <font> and <body> Tags Deprecated Tags SESSION 3.2 Working with GIF Files Interlaced and Noninterlaced GIFs Transparent GIFs Animated GIFs The GIF Controversy Working with JPEG Files Controlling Image Placement and Size Controlling Image Alignment Controlling Vertical and Horizontal Space Controlling Image Size Using the altattribute General Tips forworking with Color and Images Reduce the Size of Your Pages Manage Your Colors SESSION 3.3 Understanding Image Mops Server-Side Image Mops Client-Side Image Mops Defining Image Map Hotspots Creating a Rectangular Hotspot HTML 3.15 HTML 3.19 HTML 3.19 HTML 3.20 HTML 3.20 HTML 3.20 HTML 3.20 HTML 3.22 HTML 3.23 HTML 3.24 HTML 3.25 HTML 3.27 HTML 3.28 HTML 3.29 HTML 3.31 HTML 3.32 HTML 3.33 HTML 3.33 HTML 3.34 HTML 3.35 HTML 3.35 HTML 3.35 HTML 3.36 HTML 3.37 HTML 3.39 HTML 3.41 Defining a Table Structure Using the <table>, <lr>, and <ld> Tags Creating Headings with the <th> Tag Identifying the Table Heading, Body, and Footer Creating a Table Caption SESSION 4.2 Modifying the Appearance of a Table Adding a Table Border Controlling Cell Spacing Defining Cell Padding Creating Frames and Rules Working with Table and Cell Size Defining the Table Size Defining Cell and Column Sizes Aligning a Table and its Contents Aligning a Table on the Web Page Aligning the Contents of a Table Spanning Rows and Columns Applying a Color Scheme to a Table Applying a Background Color Applying a Table Background Working with Column Groups SESSION 4.3 HTML 4.07 HTML 4.07 HTML 4.10 HTML 4.11 HTML 4.12 HTML 4.13 HTML 4.14 HTML4.14 HTML 4.14 HTML 4.16 HTML4.17 HTML4.18 HTML 4.20 HTML 4.20 HTML 4.22 HTML 4.22 HTML 4.23 HTML 4.24 HTML 4.26 HTML 4.29 HTML 4.29 HTML 4.32 HTML 4.33 HTML 4.35 HTML 4.35 Creating a Circular Hotspot HTML 3.41 Designing a Page Layout with Tables HTML 4.35 Creating a Polygonal Hotspot HTML 3.42 Creating the Outer Table HTML 4.37 Using an Image Map HTML 3.43 Creating the Nested Table HTML 4.43 Using the border Attribute HTML 3.45 Combining the Outer and Inner Tables HTML 4.51 QUick Check HTML 3.47 HTML 4.54 HTML 3.47 HTML 4.54 QUick Check Answers HTML 3.48 HTML 3.55 Answers HTML 4.57 HTML 4.63 Tutorial 4 HTML 4.01 Tutorial 5 HTML 5.01 Designing a Web Page with Tables Creating a News Page SESSION 4.1 HTML 4.02 Tables on the World Wide Web HTML 4.02 Creating a Text Table HTML 4.03 Using Fixed-Width Fonts HTML 4.04 Using the <pre> Tag HTML 4.05 Using Frames in a Web Site Using Frames to Display Multiple Web Pages SESSION 5.1 Introducing Frames Planning Your Frames Creating a Frame Layout Specifying Frame Size and Orientation Specifying a Frame Source Nesting <frameset> Tags HTML 5.02 HTML 5.02 HTML 5.05 HTML 5.06 HTML 5.07 HTML 5.09 HTML 5.11

4 Controlling the Appearance of Your Frames Controlling the Appearance of Scroll Bars Controlling Frame Margins Controlling Frame Resizing QUick Check SESSION 5.2 Working with Frames and Hypertext Links Assigning a Name to a Frame Specifying a Link Target Using the <base> Tag Using Reserved Target Names Using the -cnofrumes» Tag Working with Frame Borders Setting the Border Color HTML 5.13 HTML5.14 HTML 5.15 HTML5.17 HTML 5.17 HTML 5.18 HTML5.18 HTML5.19 HTML 5.20 HTML 5.21 HTML 5.22 HTML 528 HTML 5.31 HTML 5.32 NEW PERSPECTIVES SERIES Working with Option Values Working with Option Groups Working with Radio Buttons Creating a Group Box Working with Check Boxes Creating a Text Area SESSION 6.3 Creating Form Buttons Creating a Push Button Creating Submit and Reset Buttons Creating Buttons with the <button> Tag Creating File Buttons Creating Image Fields - HTML 6.25 HTML 6.26 HTML 6.28 HTML 6.31 HTML 6.33 HTML 6.35 HTML 6.38 HTML 6.39 HTML 6.39 HTML 6.39 HTML 6.39 HTML 6.41 HTML 6.42 HTML 6.43 Setting the Border Width HTML 5.33 Working with Hidden Fields HTML 6.43 Creating Floating Frames HTML 5.34 Working with Form Attributes HTML 6.44 QUick Check HTML 5.37 Using the "rnotlto" Action HTML 6.47 HTML 5.37 Specifying the Tab Order HTML 6.48 HTML 5.39 Specifying an Access Key HTML 6.48 QUick Check Answers HTML 5.46 HTML 6.49 HTML 6.49 HTML 6.52 Answers HTML 6.60 Tutorial 7 HTML 7.01 Tutorial 6 HTML 6.03 Creating Web Page Forms Designing a Product Registration Form SESSION 6.1 HTML 6.04 Working with CGI Scripts HTML 6.04 Starting an Online Form with the <form> Tag HTML 6.06 Working with Text Boxes HTML 6.09 Controlling the Size of a Text Box HTML 6.14 Setting the Maximum Length for Text Input HTML 6.16 Setting a Default Value for a Field HTML 6.17 Creating a Password Field HTML 6.17 Working with Form Labels HTML 6.18 QUick Check HTML 6.20 SESSION 6.2 Creating a Selection List Using the <select> and <option> Tags Modifying the Appearance of a Selection List Making MUltiple Selections HTML 6.20 HTML 6.20 HTML 6.21 HTML 6.24 HTML 6.25 Working with Cascading Style Sheets Designing a Style for a Web Site at Maxwell Scientific SESSION 7.1 HTML 7.02 Introduction to Cascading Style Sheets HTML 7.02 HTML and Page Layout HTML 7.04 History and Support of CSS HTML 7.04 Style Types HTML 7.05 Using Inline Styles HTML 7.05 Creating an Embedded Style HTML 7.07 Selectors and Declarations HTML 7.07 Grouping Selectors HTML 7.08 Using an External Style Sheet HTML 7.09 Linking to Style Sheets with the <link> Tag HTML 7.10 Linking to Style Sheets HTML 7.11 Resolving Style Precedence HTML 7.12 Working with Style Inheritance HTML 7.13 Parent and Descendant Elements HTML 7.14 Contextual Selectors HTML 7.15 QUick Check HTML 7.16

5 I NEW PERSPECTIVES SERIES SESSION 7.2 Setting Font and Text Attributes Using Font Families Managing Font Size Specifying Word, Letter, and Line Spacing Setting Font Styles and Weights Aligning Text Horizontally and Vertically Indenting Text Specia I Text Attributes The Font Attribute Working with Color and Background The Color Attribute Working with Background Color Working with Background Images The Background Attribute Working with List Styles Choosing a List Styie Type Using a List Style Image Defining the List Style Position The List-Style Attribute SESSION 7.3 Formatting Hypertext Links Working with ids and Classes The Class Attribute The id Attribute Working with Container Elements The <div>tag The <span> Tag Formatting Block-Level Element Boxes Parts of the Block-Level Element Box Controlling Margins Setting Padding Size Formatting the Border Resizing and Moving Block-Level Boxes Formatting the Width and Height of Block-Level Boxes Using the Float Attribute Answers HTMl7.17 HTML 7.17 HTML 7.17 HTML 7.18 HTML 7.21 HTML 7.23 HTML 7.24 HTML 7.26 HTML 7.26 HTML 7.28 HTML 7.29 HTML 7.29 HTML 7.30 HTML 7.31 HTML 7.34 HTML 7.35 HTML 7.35 HTML 7.36 HTML 7.37 HTML 7.37 HTML 7.39 HTMl7.39 HTML 7.39 HTML 7.41 HTML 7.42 HTML 7.43 HTML 7.45 HTML 7.45 HTML 7.46 HTML 7.48 HTML 7.49 HTML 7.50 HTML 7.51 HTML 7.51 HTML 7.54 HTML 7.55 HTML 7.55 HTML 7.59 HTML 7.59 HTML 7.61 HTML 7.68 Tutorial 8 Programming with javascrtpt Creating a Programmable Web Page for North Pole Novelties SESSION 8.1 Introduction to JavaScript Server-side and Client-side Programs The Development of Java and JavaScript Running JavaScript Using the <script> Tag Hiding Your Script from Older Browsers Sending Output to a Web Page SESSION 8.2 Working with Variables and Data Types of Variables Declaring a Variable Working with Dates Retrieving the Day Value Retrieving the Month Value Retrieving the Year Value Working with Expressions and Operators Arithmetic Operators Assignment Operators The Math Object and Math Methods Creating JavaScript Functions Performing an Action with a Function Returning a Value from a Function Placing a Function in an HTML File Create the XmasDays Function SESSION 8.3 Working with Conditional Statements Comparison, Logical, and Conditional Operators Using an If Statement Using an If...Else Statement Using Arrays Working with Loops The For Loop The While Loop Answers HTMl8.01 HTMl8.02 HTML 8.02 HTML 8.02 HTML 8.03 HTML 8.05 HTML 8.06 HTML 8.07 HTML 8.08 HTML 8.11 HTMl8.11 HTML 8.11 HTML 8.12 HTML 8.12 HTML 8.14 HTML 8.15 HTML 8.16 HTML 8.16 HTML 8.19 HTML 8.20 HTML 8.21 HTML 8.22 HTML 8.23 HTML 8.23 HTML 8.24 HTML 8.24 HTML 8.25 HTML 8.28 HTMl8.29 HTML 8.29 HTML 8.29 HTML 8.31 HTML 8.31 HTML 8.34 HTML 8.38 HTML 8.39 HTML 8.41 HTML 8.42 HTML 8.43 HTML 8.44 HTML 8.53

6 NEW PERSPECTIVES SERIES XI Tutorial 9 HTML 9.01 Tutorial 10 HTML 1()~ Working with Iavascript Objects Creating a Multimedia Web Page and Events Enhancing a Page with Sound, Video, and Java Applet S Enhancing Your Forms with JavaScript SESSION 10.1 HTML SESSION 9.1 HTML 9.02 Working with Multimedia HTML Understanding Form Validation HTML 9,02 Understanding Sound Files HTML Working with JavaScript Objects HTML 9,04 Sampling Rate and Sample Resolution HTML Understanding JavaScript Objects and Sound File Formats HTML Object Names HTML 9,05 Linking to a Sound File HTML Introducing the Document Object Model HTML 9,05 Embedding a Sound File HTML Object Collections HTML 9,07 Using the <embed> Tag HTML 1 O. 1 1 Working with Object Properties HTML 9,08 Using the <bgsound> Tag HTML 1 O. 13 Modifying a Property's Value HTML 9,10 HTML 1 O. 1 4 Assigning a Property to a Variable HTML 9,11 SESSION 10.2 HTML Using Properties in Conditional Expressions HTML 9,12 Working with Video Files HTML Working with Object Methods HTML9,12 Frome Rates and Codecs HTML HTML 9,13 Video File Formats HTML SESSION 9.2 HTML 9.14 Linking to a Video File HTML Managing Events HTML9,14 Embedding a Video File HTML Working with Event Handlers HTML9,14 Using the «noembed» Tag HTML Running JavaScript Commands as Using the dynsrc Attribute HTML Hypertext Links HTML 9,17 HTML Using the onload Event Handler HTML 9.18 SESSION 10.3 HTML Initiating Events With JavaScript HTML 9,20 Introducing Java Applets HTML Creating a Calculated Field HTML 9,23 Understanding Applets and.closs Files HTML Working with a Selection List HTML 9,25 Working with the «oppleb and Working with Radio Buttons HTML 9.29 «pororrc- Tags HTML Using the "this" Keyword HTML 9,30 Inserting a Java Applet into a Web Page HTML HTML 9,32 Using the Internet Explorer <marquee> Tag HTML SESSION 9.3 HTML 9.33 Using the <object> Tag HTML Working with Check Boxes HTML 9.33 Specifying the Type Value HTML Submitting a Form HTML 9,36 Specifying the classid Value HTML Controlling Form Submission HTML 9,40 Nesting <object> Tags HTML Creating a Dialog Box HTML 9.42 HTML Resetting a Form HTML 9.46 HTML HTML 9,47 HTML HTML 9,48 Lab Assignments HTML HTML 9,50 Answers HTML Answers HTML 9,57

7 XII NEW PERSPECTIVES SERIES Additional Case 1 ADD 1.01 Creating a Company Web Site Additional Case 2 ADD 2.01 Creating a Style for a Web Site Additional Case 3 ADD 3.01 Creating an Online Newsletter ML 1.01 Tutorial 1 DHTML 1.03 Working with Dynamic Page Layout Creating on Opening Screen for Avalon Books SESSION 1.1 DHTML 1.04 Introduction to DHTML DHTML 1.04 Positioning Objects with CSS DHTML 1.06 Layering Objects DHTML 1.09 Controlling Object Visibility DHTML 1.10 Working with Overflow andclipping DHTML 1.11 Creating an Opening Screen for Avalon Books DHTML 1.13 Session 1.1 DHTML 1.16 SESSION 1.2 DHTML 1.16 Exploring the Document Object Model DHTML 1.16 Development of a Common DOM DHTML 1.17 Objects and Nodes DHTML 1.19 Referencing Objects DHTML 1.21 Working with Object Collections DHTML 1.22 Referencing HTML Elements DHTML 1.23 Referencing Nested Elements DHTML 1.25 Referencing Element Types DHTML 1.25 Referencing Familial Nodes DHTML 1.26 Returning the Node Name, Type, and Value DHTML 1.27 Creating a Cross-Browser Web Site DHTML 1.29 Using Browser Detection DHTML 1.29 Using Object Detection DHTML 1.29 Employing Cross-Browser Strategies DHTML 1.30 Creating an API for Avalon Books DHTML 1.33 Determining the Object Reference DHTML 1.33 Positioning Objects with JavaScript DHTML 1.35 Positioning Objects DHTML 1.36 Layering Objects DHTML 1.37 Controlling Object Visibility Working with Overflow and Clipping Netscape Layer Methods Adding Positioning Functions to the API Session 1.2 SESSION 1.3 Linking to an API File Designing the Opening Screen Animating an Object Working with Time-Delayed Commands Running Commands at Specified Intervals Animating the Avalon Books Text Controlling Layout for Different Monitor Resolutions Calculating the Size of the Display Window Determining Screen Properties Using Path Animation Session 1.3 Answers Tutorial 2 SESSION 2.1 Working with Dynamic Content Using the <layer> Tag in Netscape 4 <layer> Attributes Linking a Layer to an HTML File The dayer> and -enolover» Tags Using Layers in the Pixal Page Working With Layer Objects Writing Dynamic Content to the Pixal Page Changing the Source of a Layer Object Resizing the Layer Object Dynamic Content in the Internet Explorer DOM Working with Inner and Outer Properties Inserting Content into a Tag Adding Dynamic Content to the Pixal Page Linking to an HTML File Dynamic Content in thew3c DOM Adding Nodes to the Node Tree Linking to an HTML File Working with Attributes DHTML 137 DHTML 138 DHTML 1.39 DHTML 140 DHTML 144 DHTMl1.44 DHTML 1.44 DHTML 1.45 DHTML 1.48 DHTML 1.49 DHTML 1.50 DHTML 1.51 DHTML 1.55 DHTML 1.57 DHTML 1.62 DHTML 1.63 DHTML 1.64 DHTML 1.64 DHTML 1.67 DHTML 1.74 DHTML 2.01 Working with Dynamic Content and Styles Creating a Product Information Web Site DHTML 2.02 DHTML 2.02 DHTML 2.03 DHTML 2.04 DHTML 2.05 DHTML 2.06 DHTML 2.06 DHTML 208 DHTML 2.09 DHTML 2.11 DHTML 2.13 DHTML2.13 DHTML 2.13 DHTML 2.15 DHTML 2.16 DHTML 2.17 DHTML 2.20 DHTML 2.20 DHTML 2.25 DHTML 2.26

8 NEW PERSPECTIVES SERIES I IXIII III Page Branching to Separate HTML Files Session 2.1 SESSION 2.2 Expanding and Collapsing an Outline Changing Style Attributes Changing Multiple Style Attributes and Classes Changing Style Sheets Working with Style Sheet Objects Creating an Expandable Outline Session 2.2 SESSION 2.3 Managing Styles with JASS Working with Tag Styles Working With Class Styles Working with id Styles Working with Contextual Selectors Creating an Expandable Outline in Netscape 4 Session 23 Answers DHTML 2.27 DHTML 229 DHTML 2.29 DHTML 2.29 DHTML 2.31 DHTML 2.33 DHTML 2.34 DHTML 2.36 DHTML 2.38 DHTML 242 DHTML 2.42 DHTML 2.42 DHTML 243 DHTML 2.44 DHTML 2.44 DHTML 245 DHTML 246 DHTML 2.54 DHTML 2.55 DHTML 2.57 DHTML 2.65 Tutorial 3 DHTML 3.01 Creating Functions for the Pop-Up Menu Displaying Menu Contents Hiding the Active Menu Calling the Menu Functions Session 3.2 SESSION 3.3 Working with Filters in Internet Explorer Applying Filters by Using Styles Using a Light Fi Iter Applying Filters Using JavaScript Creating a Rollover Effect with Filters Adding a Filter Effect to the Plays Page Creating Dynamic Filters Working with Transitions in Internet Explorer Blend and Reveal Transitions Scripting Transitions Running a Transition Adding a Transition to the Plays Page Using Interpage Transitions Session 3.3 Revew Assignments Answers DHTML 3.19 DHTML 3.21 DHTML 3.22 DHTML 323 DHTML 3.26 DHTML 3.27 DHTML 3.27 DHTML 3.27 DHTML 3.29 DHTML 3.33 DHTML 3.34 DHTML 3.35 DHTML 3.37 DHTML 3.37 DHTML 3.37 DHTML 3.41 DHTML 342 DHTML 343 DHTML 345 DHTML 347 DHTML 3.48 DHTML 3.50 DHTML 3.57 Working with Special Effects Creating Rollovers, Menus, Filters, and Transitions SESSION 3.1 Working with Image Objects Referencing an Image Object Image Properties. Image Event Handlers Prelaading Images Object Detection Creating an Image Rollover Text Rollovers Using the Hover Pseudo-Class Text Rollovers with the Internet Explorer and W3C DOMS Text Rollovers with Netscape 4 Session 3.1 SESSION 3.2 Working with Menus Creating a Pop-Up Menu Creating a Pull-Down Menu DHTML 3.02 DHTML 3.02 DHTML 3.03 DHTML 3.04 DHTML 3.06 DHTML 3.06 DHTML 3.08 DHTML 3.08 DHTML 3.13 DHTML 3.13 DHTML 3.14 DHTML 3.14 DHTML 3.15 DHTML 3.16 DHTML 3.16 DHTML 3.16 DHTML 3.17 Tutorial 4 DHTML 4.01 Working with the Event Model Creating a Drag-and-Drop Shopping Cart for Games Etc. SESSION 4.1 DHTML 4.02 Setting up the Games Etc. Web Page DHTML 4.02 Working with Events DHTML 4.04 Event Handlers as Tag Properties DHTML 4.04 Event Handlers with <script> Tags DHTML 407 Event Handlers as Object Properties DHTML 4.08 Canceling Event Actions DHTML 4.09 The Netscape 4 Event Model DHTML 409 Capturing an Event DHTML 4.10 Assigning a Function to an Event DHTML 4.11 Releasing an Event DHTML 4.11 Routing Events to Their Targets DHTML 4.12 Redirecting Events DHTML 4.12 The Internet Explorer Event Model DHTML 4.13 Working With Event Bubbling DHTML 4.13 Canceling Event Bubbling DHTML 4.14 Attaching and Detaching Events DHTML 4.15

9 I NEWPERSPECTIVES SERIES The W3C Event Model Capturing Events for the Games Etc. Page Session 4.1 SESSION 4.2 Working with Event Objects Referencing the Event Object Event Object Properties Creating the grablto Function Determining the Event Position Identifying the Event Target Calculating the Distance from the Pointer Creating the movelto Function Creating the droplto Function Refining the Drag-and-Drop Feature Keeping Dragged Items on Top Returning A Dragged Item to Its Starting Point Canceling the selectstart Event Session 4.2 SESSION 4.3 Working with Mouse Pointers Changing the Color of Dragged Items Working with Keyboard Events Capturing a Keyboard Event Examining Key Codes Creating the keydrago Function Modifier Keys Working with Mouse Button Events Session 4.3 Answers TutorialS DHTML S.Ol Working with Windows and Frames Enhancing a Web Site with Interactive Windows DHTML 4.16 DHTML 4.17 DHTML 4.20 DHTML 4.20 DHTML 4.20 DHTML 4.20 DHTML 4,21 DHTML 4.24 DHTML 4.24 DHTML 4.26 DHTML 4.28 DHTML 4.30 DHTML 4.31 DHTML 4.34 DHTML 4.34 DHTML 4.35 DHTML 4.37 DHTML 4.39 DHTML 4.40 DHTML 4.40 DHTML 4.42 DHTML 4.44 DHTML 4.45 DHTML 4.46 DHTML 4.49 DHTML 4.52 DHTML 4.54 DHTML 4.55 DHTML 4.55 DHTML 4.58 DHTML 4.68 SESSION 5.1 DHTML 5.02 Working with the Window Object DHTML 5.02 Modifying the Status Bar Message DHTML 5.03 Creating a Status Bar Welcome Message for imusichistory DHTML 5.04 Creating Status Bar Messages for the imusichistory Hyperlinks DHTML 5.05 Working with the History and Location Objects DHTML 5.07 Moving Forward and Backward in the History List DHTML 5.07 Automatic Page Navigation Security Issues Session 5.1 SESSION 5.2 Creating New Browser Windows Opening New Windows with HTML Opening New Windows with JavaScript Working with Window Features Adding a Pop-up Window to the imusichistory Site Window Security Issues Working with Multiple Windows Window Methods The Self and Opener Windows Automatically Closing the Definition Window Writing Window Content for the imusichistory Quiz Using the document.writeo Method Creating the Quiz Pop-Up Window Modal and Modeless Windows with Internet Explorer Working with the Feature List Working with the Arguments List Working with the Return Value Session 5.2 SESSION 5.3 Using Frames for imuslchistory Working with the Frame Object The Top and Parent Windows Working with Frames as Windows Formatting the Appearance of a Frame Formatting a Frameset Creating a Collapsible Frame for imusichistory.com Controlling Frame Behavior Blocking Unwanted Frames Forcing Pages into a Frameset Session 5.3 Answers HTML Appendix A HTML Color Names DHTML 509 DHTML 5,11 DHTML 5.12 DHTML 5.12 DHTML 5.12 DHTML5,13 DHTML 5.14 DHTML 5.14 DHTML 5.18 DHTML 5.20 DHTML 5.21 DHTML 5.21 DHTML 5.23 DHTML 5.24 DHTML 5.25 DHTML 5.26 DHTML 5,27 DHTML 5.32 DHTML 5.33 DHTML 5,33 DHTML 5.34 DHTML 5.34 DHTML 5.35 DHTML 5.35 DHTML 5.37 DHTML 5.38 DHTML 5.39 DHTML 5.40 DHTML 5.40 DHTML 5.41 DHTML 5.44 DHTML 5.44 DHTML 5.46 DHTML 5.47 DHTML 5.48 DHTML 5.50 DHTML 5.58 HTML A.01

10 NEWPERSPECTIVES SERIES xv HTML Appendix B HTML 8.01 HTML Appendix F HTML E01 HTML Character Entities HTML Appendix C Putting a Document on the World Wide Web HTML Appendix 0 HTML Tags and Attributes HTML Appendix E Working with XHTML Introducing XHTML SGML HTML XML XHTML Working with the Syntax of XHTML XHTML Syntax Using the Name and 10 Attributes Working with Embedded Style Sheets and Scripts The Structure of an XHTML Document Converting From HTML To XHTML HTML C.01 HTML 0.01 HTML E.01 HTML E.Ol HTML E.Ol HTML E.Ol HTML E.02 HTML E.03 HTML E.03 HTML E.03 HTML E.05 HTML E.05 HTML E.06 HTML E.08 Cascading Style Sheets Selectors Units Attributes and Values Pseudo-elements and Pseudo-classes HTML Appendix G HTML F.02 HTML F,03 HTML F.04 HTML F.13 HTML G.01 [avascript Objects, Properties, Methods, and Event Handlers HTML Appendix H [avascrtpt Operators, Syntactical Elements, and Keywords HTML Appendix I Creating Cookies with javascrtpt Introducing Cookies Cookies, the Web Server, and CGI Scripts Working with the Cookie Property Reading a Cookie Encoding Cookies Index HTML H.01 HTML 1.01 HTML 1.01 HTML 1.01 HTML 1.02 HTML 1.03 HTML 1.04 File Finder 37 1