Table of Contents
|
|
|
|
|
|
Preface |
xiii |
|
|
To the Student |
xx |
|
|
HTML |
|
|
Chapter One |
Introduction to Html |
|
|
|
Objectives |
HTML 1 |
|
|
Introduction |
HTML 2 |
|
|
What is the Internet? |
HTML 2 |
|
|
What is the World Wide Web? |
HTML 3 |
|
|
Web Servers |
HTML 4 |
|
|
Web Site Types and Purposes |
HTML 4 |
|
|
Web Browsers |
HTML 7 |
|
|
What is Hypertext Markup Language? |
HTML 8 |
|
|
HTML Elements |
HTML 9 |
|
|
HTML Coding Practices |
HTML 9 |
|
|
HTML Versions |
HTML 10 |
|
|
Cascading Style Sheets |
HTML 10 |
|
|
Dynamic Hypertext Markup Language (DHTML) |
HTML 10 |
|
|
Extensible Hypertext Markup Language (XHTML) |
HTML 10 |
|
|
Tools for Creating HTML Documents |
HTML 11 |
|
|
Web Development Life Cycle |
HTML 12 |
|
|
Web Site Planning |
HTML 13 |
|
|
Web Site Analysis |
HTML 13 |
|
|
Web Site Design and Development |
HTML 14 |
|
|
Web Site Testing |
HTML 18 |
|
|
Web Site Implementation and Maintenance |
HTML 20 |
|
|
Chapter Summary |
HTML 21 |
|
|
Learn it Online |
HTML 21 |
|
|
Apply Your Knowledge |
HTML 22 |
|
|
Extend Your Knowledge |
HTML 22 |
|
|
Make it Right |
HTML 23 |
|
|
In the Lab |
HTML 23 |
|
|
Cases and Places |
HTML 27 |
|
Chapter Two |
Creating and Editing a Web Page |
|
|
|
Objectives |
HTML 29 |
|
|
Introduction |
HTML 30 |
|
|
Project — |
HTML 30 |
|
|
Overview |
HTML 30 |
|
|
Elements of a Web Page |
HTML 32 |
|
|
Window Elements |
HTML 33 |
|
|
Text Elements |
HTML 34 |
|
|
Image Elements |
HTML 34 |
|
|
Hyperlink Elements |
HTML 34 |
|
|
Defining Web Page Structure |
HTML 34 |
|
|
Defining the HTML Document |
HTML 35 |
|
|
To Start Notepad |
HTML 36 |
|
|
To Enable Word Wrap in Notepad |
HTML 37 |
|
|
To Define the Web Page Structure Using HTML Tags |
HTML 38 |
|
|
Entering Web Page Content |
HTML 40 |
|
|
To Enter a Centered Heading |
HTML 41 |
|
|
To Enter a Paragraph of Text |
HTML 41 |
|
|
Using Lists to Present Content |
HTML 43 |
|
|
To Create an Unordered List |
HTML 45 |
|
|
More About List Formats |
HTML 45 |
|
|
Saving and Organizing HTML Files |
HTML 47 |
|
|
To Save an HTML File |
HTML 48 |
|
|
Using a Browser to View a Web Page |
HTML 52 |
|
|
To Start a Browser |
HTML 52 |
|
|
To View a Web Page in a Browser |
HTML 54 |
|
|
To Activate Notepad |
HTML 56 |
|
|
Improving the Appearance of Your Web Page |
HTML 57 |
|
|
Web Page Images |
HTML 58 |
|
|
Image Types |
HTML 58 |
|
|
Image Attributes |
HTML 58 |
|
|
To Add an Image |
HTML 59 |
|
|
Other Visual Enhancements |
HTML 60 |
|
|
To Add a Background Color |
HTML 62 |
|
|
To Add a Horizontal Rule |
HTML 63 |
|
|
To Refresh the View in a Browser |
HTML 63 |
|
|
Validating and Viewing HTML Code |
HTML 64 |
|
|
To Validate HTML Code |
HTML 66 |
|
|
To View HTML Source Code for a Web Page |
HTML 68 |
|
|
To Print a Web Page and an HTML File |
HTML 69 |
|
|
To Quit Notepad and a Browser |
HTML 71 |
|
|
Chapter Summary |
HTML 71 |
|
|
Learn it Online |
HTML 71 |
|
|
Apply Your Knowledge |
HTML 72 |
|
|
Extend Your Knowledge |
HTML 73 |
|
|
Make it Right |
HTML 74 |
|
|
In the Lab |
HTML 75 |
|
|
Cases and Places |
HTML 78 |
|
Chapter Three |
Creating Web Pages with Links, Images, and Formatted Text |
|
|
|
Objectives |
HTML 81 |
|
|
Introduction |
HTML 82 |
|
|
Project — Pasta Divine Web Site |
HTML 82 |
|
|
Overview |
HTML 83 |
|
|
Using Links on a Web Page |
HTML 84 |
|
|
Linking to Another Web Page within the Same Web Site |
HTML 87 |
|
|
Linking to a Web Page in Another Web Site |
HTML 88 |
|
|
Linking within a Web Page |
HTML 89 |
|
|
Linking to an E-mail Address |
HTML 90 |
|
|
Creating a Home Page |
HTML 91 |
|
|
To Start Notepad |
HTML 91 |
|
|
To Enter Initial HTML Tags to Define the Web Page Structure |
HTML 91 |
|
|
To Add an Image |
HTML 93 |
|
|
Adding Interest and Focus with Font Color and Size |
HTML 94 |
|
|
To Add a Left-Aligned Heading with a Font Color |
HTML 95 |
|
|
To Enter a Paragraph of Text |
HTML 95 |
|
|
To Create an Unordered (Bulleted) List |
HTML 96 |
|
|
To Add Paragraphs of Text |
HTML 97 |
|
|
Adding a Text Link to Another Web Page within the Same Web Site |
HTML 99 |
|
|
To Add a Text Link to Another Web Page within the Same Web Site |
HTML 100 |
|
|
Adding an E-mail Link |
HTML 100 |
|
|
To Add an E-mail Link |
HTML 101 |
|
|
Adding Other Information to an E-mail Link |
HTML 101 |
|
|
To Add a Text Link to a Web Page in Another Web Site |
HTML 103 |
|
|
Using Absolute and Relative Paths |
HTML 103 |
|
|
To Save and Print an HTML File |
HTML 105 |
|
|
Validating and Viewing the Web Page and Testing Links |
HTML 106 |
|
|
To Validate a Web Page |
HTML 106 |
|
|
To View a Web Page |
HTML 107 |
|
|
To Test Links on a Web Page |
HTML 108 |
|
|
To Print a Web Page |
HTML 110 |
|
|
Editing the Second Web Page |
HTML 110 |
|
|
To Open an HTML File |
HTML 113 |
|
|
Formatting Text |
HTML 114 |
|
|
To Format Text in Bold |
HTML 115 |
|
|
Adding an Image with Wrapped Text |
HTML 117 |
|
|
Using Thumbnail Images |
HTML 119 |
|
|
To Add an Image with Wrapped Text |
HTML 120 |
|
|
To Clear the Text Wrapping |
HTML 122 |
|
|
Adding Links within a Web Page |
HTML 123 |
|
|
To Set Link Targets |
HTML 125 |
|
|
To Add Links to Link Targets within a Web Page |
HTML 126 |
|
|
To Add Links to a Target at the Top of the Page |
HTML 127 |
|
|
To Copy and Paste HTML Code |
HTML 128 |
|
|
To Add an Image Link to a Web Page |
HTML 128 |
|
|
To Save and Print the HTML File |
HTML 130 |
|
|
To Validate, View, and Test a Web Page |
HTML 131 |
|
|
To Print a Web Page |
HTML 132 |
|
|
Chapter Summary |
HTML 133 |
|
|
Learn it Online |
HTML 134 |
|
|
Apply Your Knowledge |
HTML 134 |
|
|
Extend Your Knowledge |
HTML 135 |
|
|
Make it Right |
HTML 137 |
|
|
In the Lab |
HTML 138 |
|
|
Cases and Places |
HTML 142 |
|
Chapter Four |
Creating Tables in a Web Site |
|
|
|
Objectives |
HTML 143 |
|
|
Introduction |
HTML 144 |
|
|
Project —Statewide Realty Website |
HTML 144 |
|
|
Overview |
HTML 146 |
|
|
Creating Web Pages with Tables |
HTML 147 |
|
|
Table Elements |
HTML 149 |
|
|
Table Borders, Headers, Captions, and Rules |
HTML 150 |
|
|
Planning, Designing, and Coding a Table |
HTML 152 |
|
|
Determining if a Table is Needed |
HTML 152 |
|
|
Planning the Table |
HTML 153 |
|
|
Coding the Table |
HTML 154 |
|
|
Table Tag Attributes |
HTML 155 |
|
|
Creating a Home Page with a Borderless Table |
HTML 156 |
|
|
To Start Notepad |
HTML 156 |
|
|
To Enter Initial HTML Tags to Define the Web Page Structure |
HTML 157 |
|
|
Creating a Borderless Table and Inserting an Image |
HTML 158 |
|
|
To Create a Borderless Table to Position Images |
HTML 159 |
|
|
To Insert Images in a Table |
HTML 160 |
|
|
Creating a Horizontal Menu Bar with Text Links |
HTML 161 |
|
|
To Create a Horizontal Menu Bar with Text Links |
HTML 162 |
|
|
To Add Text to a Table Cell |
|
|
|
To Save and Print the HTML File |
HTML 165 |
|
|
Validating and Viewing the Web Page and Testing Links |
HTML 165 |
|
|
To Validate a Web Page |
HTML 166 |
|
|
To View a Web Page |
HTML 166 |
|
|
To Test Links on a Web Page |
HTML 167 |
|
|
To Print a Web Page |
HTML 167 |
|
|
Creating a Second Web Page |
HTML 168 |
|
|
To Copy and Paste HTML Code to a New File |
HTML 169 |
|
|
To Change the Web Page Title |
HTML 170 |
|
|
To Create a Table with Borders and Insert Text |
HTML 171 |
|
|
To Save and Print the HTML File |
HTML 174 |
|
|
To Validate, View, and Print the Web Page Using the Browser |
HTML 175 |
|
|
To Test Links on a Web Page |
HTML 175 |
|
|
Adding Cellspacing, Cellpadding, and a Caption |
HTML 176 |
|
|
To Open an HTML File |
HTML 178 |
|
|
To Add Cellspacing and Cellpadding to a Table |
HTML 179 |
|
|
To Add a Table Caption |
HTML 180 |
|
|
To Save, Validate, Print, and View the HTML File and Print the Web Page |
HTML 181 |
|
|
Spanning Rows and Columns |
HTML 181 |
|
|
To Create the First Heading that Spans Columns |
HTML 184 |
|
|
To Create the Second and Third Headings that Span Columns |
HTML 186 |
|
|
To Create the Headings that Span Rows |
HTML 188 |
|
|
To Span the |
HTML 190 |
|
|
To Save and Print the HTML File and View and Print the Web Page |
HTML 191 |
|
|
Chapter Summary |
HTML 192 |
|
|
Learn it Online |
HTML 192 |
|
|
Apply Your Knowledge |
HTML 193 |
|
|
Extend Your Knowledge |
HTML 194 |
|
|
Make it Right |
HTML 195 |
|
|
In the Lab |
HTML 196 |
|
|
Cases and Places |
HTML 200 |
|
Chapter Five |
Creating an Image Map |
|
|
|
Objectives |
HTML 201 |
|
|
Introduction |
HTML 202 |
|
|
Project — Southwest Map |
HTML 202 |
|
|
Overview |
HTML 204 |
|
|
Introduction to Image Maps |
HTML 205 |
|
|
Using Image Maps |
HTML 206 |
|
|
Server-Side vs Client-Side Image Maps |
HTML 209 |
|
|
Creating an Image Map |
HTML 211 |
|
|
Selecting Images |
HTML 211 |
|
|
Sketching the Borders of Hotspots |
HTML 212 |
|
|
Mapping Image Coordinates |
HTML 213 |
|
|
Coding the Map |
HTML 215 |
|
|
Using Paint to Locate X- and Y-Coordinates |
HTML 216 |
|
|
To Start Paint |
HTML 216 |
|
|
The Paint Window |
HTML 217 |
|
|
To Open an Image File in Paint |
HTML 218 |
|
|
Locating X- and Y-Coordinates of an Image |
HTML 218 |
|
|
To Locate X- and Y-Coordinates of an Image |
HTML 220 |
|
|
Other Software Tools |
HTML 222 |
|
|
Creating the Home Page |
HTML 223 |
|
|
To Start Notepad and Enter Initial HTML Tags |
HTML 223 |
|
|
Creating a Table |
HTML 224 |
|
|
To Create a Table |
HTML 225 |
|
|
Inserting an Image to Use as an Image Map |
HTML 225 |
|
|
To Insert an Image to Use as an Image Map |
HTML 226 |
|
|
To Add a Header and Text to a Table Cell |
HTML 227 |
|
|
To Create a Horizontal Menu Bar with Text Links |
HTML 228 |
|
|
To End the Table |
HTML 229 |
|
|
Coding the Image Map Using HTML Tags and Attributes |
HTML 229 |
|
|
To Create an Image Map |
HTML 230 |
|
|
To Save and Print the HTML File |
HTML 232 |
|
|
To Validate, View, and Print a Web Page |
HTML 233 |
|
|
Creating a Second Web Page |
HTML 236 |
|
|
To Copy and Paste HTML Code to a New File |
HTML 236 |
|
|
To Change the Web Page Title |
HTML 237 |
|
|
To Add a Heading |
HTML 238 |
|
|
To Add a Horizontal Menu Bar |
HTML 239 |
|
|
To Add Information and an Image |
HTML 240 |
|
|
To Add Additional Information |
HTML 241 |
|
|
To Save and Print the HTML File |
HTML 243 |
|
|
To Validate, View, and Print the Web Page |
HTML 244 |
|
|
To Test the Links |
HTML 246 |
|
|
To Quit Notepad and a Browser |
HTML 246 |
|
|
Chapter Summary |
HTML 247 |
|
|
Learn it Online |
HTML 247 |
|
|
Apply Your Knowledge |
HTML 248 |
|
|
Extend Your Knowledge |
HTML 24? |
|
|
Make it Right |
HTML 250 |
|
|
In the Lab |
HTML 251 |
|
|
Cases and Places |
HTML 256 |
|
Chapter Six |
Using Frames in a Web Site |
|
|
|
Objectives |
HTML 259 |
|
|
Introduction |
HTML 260 |
|
|
Project — Jana’s Jewels Web Site |
HTML 260 |
|
|
Overview |
HTML 261 |
|
|
Using Frames |
HTML 263 |
|
|
Creating a Frame Definition File |
HTML 263 |
|
|
Defining Columns and Rows in a Frameset |
HTML 265 |
|
|
Defining Frame Attributes |
HTML 266 |
|
|
Planning and Laying Out Frames |
HTML 270 |
|
|
Creating a Frame Definition File |
HTML 272 |
|
|
To Enter Initial HTML Tags to Define the Web Page Structure |
HTML 273 |
|
|
Defining the Frameset Columns and Rows |
HTML 274 |
|
|
To Define Columns and Rows in the Frameset |
HTML 275 |
|
|
Specifying Attributes of the Menu and Main Frame |
HTML 275 |
|
|
To Specify Attributes of the Menu Frame |
HTML 276 |
|
|
To Specify Attributes of the Main Frame |
HTML 277 |
|
|
To End the Frameset |
HTML 277 |
|
|
To Save, Validate, and Print the HTML File |
HTML 278 |
|
|
Creating the Navigation Menu Page |
HTML 279 |
|
|
To Start a New Notepad Document and Enter Initial HTML Tags |
HTML 279 |
|
|
To Add Links with Targets to the Menu Page |
HTML 280 |
|
|
To Add an E-mail Link |
HTML 281 |
|
|
To Save, Validate, and Print the HTML File |
HTML 282 |
|
|
Creating the Home Page |
HTML 283 |
|
|
To Copy and Paste HTML Code to a New File |
HTML 283 |
|
|
To Create the Home Page |
HTML 284 |
|
|
To Save, Validate, and Print the HTML File |
HTML 285 |
|
|
Viewing, Testing, and Printing Web Pages |
HTML 286 |
|
|
To View and Print the Frame Definition File Using a Browser |
HTML 287 |
|
|
To Test and Print the Links |
HTML 288 |
|
|
To Quit Notepad and a Browser |
HTML 289 |
|
|
Chapter Summary |
HTML 290 |
|
|
Learn it Online |
HTML 290 |
|
|
Apply Your Knowledge |
HTML 291 |
|
|
Extend Your Knowledge |
HTML 292 |
|
|
Make it Right |
HTML 293 |
|
|
In the Lab |
HTML 294 |
|
|
Cases and Places |
HTML 299 |
|
Chapter Seven |
Creating a Form on a Web Page |
|
|
|
Objectives |
HTML 301 |
|
|
Introduction |
HTML 302 |
|
|
Project — Creating Forms on a Web Page |
HTML 302 |
|
|
Overview |
HTML 304 |
|
|
Web Page Forms |
HTML 305 |
|
|
Input Controls |
HTML 305 |
|
|
HTML Tags Used to Create Forms |
HTML 308 |
|
|
Attributes of HTML Tags Used to Create Forms |
HTML 308 |
|
|
Creating a Form on a Web Page |
HTML 309 |
|
|
To Start Notepad and Open an HTML File |
HTML 310 |
|
|
Creating a Form and Identifying the % Form Process |
HTML 311 |
|
|
To Create a Form and Identify the Form Process |
HTML 312 |
|
|
To Change the Text Message |
HTML 312 |
|
|
Adding Text Boxes |
HTML 314 |
|
|
To Add Text Boxes |
HTML 314 |
|
|
Adding Check Boxes |
HTML 315 |
|
|
To Add Check Boxes |
HTML 316 |
|
|
Adding a Selection Menu |
HTML 317 |
|
|
To Add a Selection Menus |
HTML 317 |
|
|
Adding More Advanced Selection Menus |
HTML 318 |
|
|
To Add Additional Text Boxes |
HTML 320 |
|
|
Adding Radio Buttons and a Textarea |
HTML 321 |
|
|
To Add Radio Buttons |
HTML 321 |
|
|
To Add a Textarea |
HTML 322 |
|
|
Adding Submit and Reset Buttons |
HTML 323 |
|
|
To Add Submit and Reset Buttons |
HTML 324 |
|
|
Organizing a Form Using Form Groupings |
HTML 325 |
|
|
To Add Fieldset Controls to Create Form Groupings |
HTML 327 |
|
|
To Save the HTML File |
HTML 328 |
|
|
Validating, Viewing, Testing, and Printing the Web Page and HTML Code |
HTML 328 |
|
|
To Validate, View, Test, and Print a Web Page and HTML |
HTML 328 |
|
|
To Quit Notepad and a Browser |
HTML 330 |
|
|
Chapter Summary |
HTML 331 |
|
|
Learn it Online |
HTML 331 |
|
|
Apply Your Knowledge |
HTML 332 |
|
|
Extend Your Knowledge |
HTML 333 |
|
|
Make it Right |
HTML 334 |
|
|
In the Lab |
HTML 335 |
|
|
Cases and Places |
HTML 339 |
|
Chapter Eight |
Creating Style Sheets |
|
|
|
Objectives |
HTML 341 |
|
|
Introduction |
HTML 342 |
|
|
Project — Using Style Sheets in the Stofcich Financials Web Site |
HTML 342 |
|
|
Overview |
HTML 342 |
|
|
Using Style Sheets |
HTML 345 |
|
|
Style Sheet Precedence |
HTML 348 |
|
|
Style Statement Format |
HTML 348 |
|
|
Inline Style Sheets |
HTML 350 |
|
|
Embedded Style Sheets |
HTML 350 |
|
|
External Style Sheets |
HTML 351 |
|
|
Adding Style Sheets to the Karen Stofcich Financials Site |
HTML 352 |
|
|
Adding an Embedded Style Sheet |
HTML 353 |
|
|
To Start Notepad and Open an HTML File |
HTML 354 |
|
|
Setting the Paragraph Style, Link Style, and Link Hover Style |
HTML 355 |
|
|
To Add an Embedded Style Sheet |
HTML 357 |
|
|
To Save, Validate, and View an HTML File |
HTML 358 |
|
|
To Print an HTML File and Web Page |
HTML 359 |
|
|
Adding an External Style Sheet |
HTML 360 |
|
|
Setting the Body, Link, Paragraph, and Table Styles |
HTML 361 |
|
|
To Create an External Style Sheet |
HTML 362 |
|
|
Linking to an External Style Sheet |
HTML 362 |
|
|
To Link to an External Style Sheet |
HTML 363 |
|
|
To Link the Remaining HTML Files to an External Style Sheet |
HTML 365 |
|
|
Working with Classes in Style Sheets |
HTML 365 |
|
|
Adding an Inline Style Sheet |
HTML 368 |
|
|
To Add an Inline Style Sheet |
HTML 370 |
|
|
Viewing and Printing Framed Web Pages |
HTML 370 |
|
|
To View and Print Framed Web Pages |
HTML 371 |
|
|
Viewing and Printing HTML Files |
HTML 371 |
|
|
To View and Print HTML Files |
HTML 372 |
|
|
To Quit Notepad and a Browser |
HTML 372 |
|
|
Chapter Summary |
HTML 372 |
|
|
Learn it Online |
HTML 373 |
|
|
Apply Your Knowledge |
HTML 373 |
|
|
Extend Your Knowledge |
HTML 375 |
|
|
Make it Right |
HTML 377 |
|
|
In the Lab |
HTML 378 |
|
|
Cases and Places |
HTML 383 |
|
Chapter Nine |
Integrating Javascript and HTML |
|
|
|
Objectives |
HTML 385 |
|
|
Introduction |
HTML 386 |
|
|
Project — Creating the |
HTML 386 |
|
|
Overview |
HTML 387 |
|
|
Javascript |
HTML 388 |
|
|
User-Defined Functions |
HTML 390 |
|
|
Adding Javascript to a Web Page |
HTML 390 |
|
|
To Open an Existing HTML File |
HTML 391 |
|
|
Inserting <Script> Tags in HTML Code |
HTML 391 |
|
|
To Enter the Start <Script> and Comment Tags |
HTML 393 |
|
|
Javascript Variables |
HTML 394 |
|
|
Extracting the Current System Date |
HTML 395 |
|
|
To Extract the Current System Date Using the Date() Object |
HTML 397 |
|
|
Calculating the Number of Days Until a Future Event |
HTML 398 |
|
|
To Create a Date() Object Instance to Store a Future Date |
HTML 399 |
|
|
To Calculate Milliseconds Between Two Dates Using the Gettimeo Method |
HTML 400 |
|
|
To Convert Milliseconds to Days and Round Up Using the Ceil() Method |
HTML 401 |
|
|
Writing Text and Variable Values to a Web Page |
HTML 402 |
|
|
To Write Text and Variable Values to a Web Page |
HTML 403 |
|
|
Completing the Javascript Section |
HTML 404 |
|
|
To Enter the End Comment and </Script> Tags |
HTML 404 |
|
|
Saving the HTML File and Testing the Web Page |
HTML 405 |
|
|
To Save an HTML File |
HTML 405 |
|
|
To Test the Javascript on a Web Page |
HTML 405 |
|
|
Displaying the Last Modified Document Date |
HTML 407 |
|
|
To Include the Date Last Modified in a Text String |
HTML 408 |
|
|
Writing a Javascript User-Defined Function |
HTML 408 |
|
|
Changing the Color of the Browser Scroll Bar |
HTML 409 |
|
|
To Enter User-Defined Functions in the <Head> Section |
HTML 411 |
|
|
Using the Location Object and Selectedlndex Property to Link to a New URL |
HTML 411 |
|
|
To Enter the User-Defined Function to Link to a New URL Using the Drop-Down Menu List |
HTML 413 |
|
|
Calling Javascript Functions Using Event Handlers |
HTML 414 |
|
|
To Associate a User-Defined Function with the Onload Event |
HTML 414 |
|
|
To Associate a User-Defined Function with the Select List |
HTML 416 |
|
|
To Save an HTML File and View and Test the Completed Web Page |
HTML 417 |
|
|
To Validate a Web Page |
HTML 418 |
|
|
To Print an HTML File |
HTML 419 |
|
|
To Quit Notepad and a Browser |
HTML 419 |
|
|
Chapter Summary |
HTML 419 |
|
|
Learn it Online |
HTML 420 |
|
|
Apply Your Knowledge |
HTML 420 |
|
|
Extend Your Knowledge |
HTML 422 |
|
|
Make it Right |
HTML 423 |
|
|
In the Lab |
HTML 425 |
|
|
Cases and Places |
HTML 430 |
|
Chapter Ten |
Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms |
|
|
|
Objectives |
HTML 433 |
|
|
Introduction |
HTML 434 |
|
|
Project — Statewide Realty Mortgage Loan Calculator |
HTML 434 |
|
|
Overview |
HTML 436 |
|
|
Inserting a Scrolling Message on a Web Page |
HTML 437 |
|
|
To Open an Existing HTML File |
HTML 438 |
|
|
To Create a Form Text Field to Display a Scrolling Message |
HTML 438 |
|
|
Creating the Scrollingmsgo User-Defined Function |
HTML 439 |
|
|
To Create the Scrollingmsgo User-Defined Function |
HTML 440 |
|
|
To Enter the Code to Increment the Position Locator Variable |
HTML 441 |
|
|
To Enter an if Statement |
HTML 444 |
|
|
To Add the Settimeout() Method to Create a Recursive Call |
HTML 445 |
|
|
To Complete a Javascript Section |
HTML 446 |
|
|
Adding an Onload Event Handler |
HTML 446 |
|
|
To Enter the Onload Event Handler to Call the Scrollingmsgo Function |
HTML 447 |
|
|
To Save an HTML File and Test a Web Page |
HTML 448 |
|
|
Adding a Loan Payment Calculator |
HTML 449 |
|
|
Validating Forms Using Nested If... Else Statements |
HTML 450 |
|
|
To Start the Calc() Function and Nested If... Else Statements to Validate Form Data |
HTML 454 |
|
|
Completing the Validation and Adding the Event Handler |
HTML 455 |
|
|
To End the Nested If... Else Statements to Validate Form Data |
HTML 456 |
|
|
To Enter an Onclick Event Handler to Call the Calc() Function |
HTML 457 |
|
|
To Save an HTML File and Test a Web Page |
HTML 458 |
|
|
Adding the Monthly Payment Calculation |
HTML 459 |
|
|
To Enter Code, to Call the Monthly() Function |
HTML 460 |
|
|
To Create the Monthly() Function |
HTML 462 |
|
|
To Save an HTML File and Test a Web Page |
HTML 463 |
|
|
Formatting the Monthly Payment Output as Currency |
HTML 463 |
|
|
To Enter the DollarFormat() Function |
HTML 465 |
|
|
To Enter an If...Else Statement and
While |
HTML 468 |
|
|
To Reconstruct the Formatted Output and Return the Formatted Value |
HTML 469 |
|
|
To Pass the Monthly Payment Value to the Dollarformat() Function |
HTML 470 |
|
|
To Save an HTML File and Test a Web Page |
HTML 471 |
|
|
Adding a Pop-Up Window |
HTML 471 |
|
|
To Enter the PopupAD() Function to Open a Pop-Up Window |
HTML 473 |
|
|
To Add the Event Handler to Call the PopupAD()Function |
HTML 474 |
|
|
Adding the Date Last Modified |
HTML 474 |
|
|
To Display the Date Last Modified Using the Substring() Method |
HTML 475 |
|
|
To Save and Validate an HTML File, Test a Web Page, and Print the HTML File |
HTML 476 |
|
|
To Close Notepad and a Browser |
HTML 476 |
|
|
Chapter Summary |
HTML 477 |
|
|
Learn it Online |
HTML 477 |
|
|
Apply Your Knowledge |
HTML 478 |
|
|
Extend Your Knowledge |
HTML 479 |
|
|
Make it Right |
HTML 481 |
|
|
In the Lab |
HTML 482 |
|
|
Cases and Places |
HTML 488 |
|
Chapter Eleven |
Using DOM to Enhance Web Pages |
|
|
|
Objectives |
HTML 491 |
|
|
Introduction |
HTML 492 |
|
|
Project — the |
HTML 492 |
|
|
Overview |
HTML 494 |
|
|
The Document Object Model (DOM) |
HTML 494 |
|
|
Creating the Vertical Scrolling Menu and Pop-Up Windows |
HTML 495 |
|
|
To Open an Existing HTML File |
HTML 496 |
|
|
To Create an HTML Division and Table to W Contain a Menu Object |
HTML 496 |
|
|
Creating an Embedded Style Sheet |
HTML 497 |
|
|
To Create an Embedded Style Sheet |
HTML 498 |
|
|
Creating the Checklocation() Function to Scroll the Menu Vertically |
HTML 499 |
|
|
To Create the Checklocation()User-Defined Function |
HTML 500 |
|
|
To Write the Onload Event Handler to Call the Checklocation() Function |
HTML 501 |
|
|
Creating the Functions to Open
the |
HTML 501 |
|
|
To Enter the BloodDrive() and MissionStatement() User-Defined Functions to Open Pop-Up Windows |
HTML 502 |
|
|
Using Javascript to Call a User-Defined Function from an Anchor Tag Link |
HTML 502 |
|
|
To Enter Links with a Javascript Method To1 Open the Pop-Up Windows |
HTML 503 |
|
|
To Enter Code to Show Copyright Information and Date Last Modified |
HTML 504 |
|
|
To Save an HTML File and Test a Web Page |
HTML 505 |
|
|
Creating a Rotating Banner on
the |
HTML 507 |
|
|
To Open an Existing HTML File in Notepad |
HTML 507 |
|
|
Creating and Placing an Image Object |
HTML 508 |
|
|
To Create an Image Object |
HTML 508 |
|
|
Creating the Rotating Banner User-Defined Function |
HTML 509 |
|
|
To Create the User-Defined Function to Add a Rotating Banner |
HTML 511 |
|
|
To Enter the Onload Event Handler to Call a Function |
HTML 511 |
|
|
To Save an HTML File and Test a Web Page |
HTML 512 |
|
|
Creating Screen Tips on the Counseling Services Web Page |
HTML 513 |
|
|
To Open an Existing HTML File in Notepad |
HTML 513 |
|
|
Creating the PopUP() User-Defined Function |
HTML 514 |
|
|
To Enter the PopUP() Function |
HTML 515 |
|
|
Adding an Embedded Style Sheet Using Id and Class Properties |
HTML 516 |
|
|
To Enter a Cascading Style Sheet Using Id and Class Selectors |
HTML 518 |
|
|
Adding Links and Event Handlers to Call the PopUP() Function |
HTML 519 |
|
|
To Add Links and Event Handlers to Call the PopIP() Function |
HTML 519 |
|
|
Entering the <Span> Tags Containing ScreenTip Text |
HTML 521 |
|
|
To Enter <Span> Tags Containing ScreenTip Text |
HTML 522 |
|
|
To Save an HTML File and Test the Counseling Services Web Page |
HTML 523 |
|
|
Adding a Scrolling Image to the Academic Assistance Web Page |
HTML 524 |
|
|
To Open an Existing HTML File in Notepad |
HTML 525 |
|
|
Entering the Scrolllmage(), Stopscroll(), and Restartscroll()Functions |
HTML 525 |
|
|
To Enter the Scroll I Mage() Function |
HTML 526 |
|
|
To Enter the Stopscroll() Function |
HTML 527 |
|
|
To Enter the Restartscroh() Function |
HTML 528 |
|
|
Entering the Studentlife() Function to the Academic Assistance Web Page |
HTML 528 |
|
|
To Enter the Studentlife() Function |
HTML 529 |
|
|
Adding an Id Selector to the Style Sheet for the Scrolling Image |
HTML 529 |
|
|
To Enter the Embedded Style Sheet Used to Format the Scrolling Image |
HTML 530 |
|
|
Entering an Image Object for the Scrolling Image Using the <Div> and <Img> Tags |
HTML 530 |
|
|
To Enter the <Div> and <Img> Tags for the Scrolling Image |
HTML 531 |
|
|
To Add the Onload Event Handler to Call the Scrolllmage() Function |
HTML 531 |
|
|
To Save an HTML File and Test a Web Page |
HTML 531 |
|
|
To Test and Validate the |
HTML 533 |
|
|
To Close Notepad and a Browser |
HTML 533 |
|
|
Chapter Summary |
HTML 533 |
|
|
Learn it Online |
HTML 534 |
|
|
Apply Your Knowledge |
HTML 534 |
|
|
Extend Your Knowledge |
HTML 536 |
|
|
Make it Right |
HTML 538 |
|
|
In the Lab |
HTML 539 |
|
|
Cases and Places |
HTML 544 |
|
Chapter Twelve |
Creating and Using XML Documents |
|
|
|
Objectives |
HTML 547 |
|
|
Introduction |
HTML 548 |
|
|
Project — Creating an XML Document |
HTML 548 |
|
|
Overview |
HTML 550 |
|
|
Designing XML Documents |
HTML 550 |
|
|
XML Standards |
HTML 551 |
|
|
Syntax Rules |
HTML 552 |
|
|
Creating a Well-Formed XML Document |
HTML 554 |
|
|
To Start Notepad and Create a New XML Document |
HTML 556 |
|
|
Creating the Prolog in an XML Document |
HTML 556 |
|
|
To Enter the Prolog in an XML Document |
HTML 559 |
|
|
Creating the Document Instance in an XML Document |
HTML 559 |
|
|
To Start Entering the Document Instance in an XML Document |
HTML 562 |
|
|
To Finish Entering the Document Instance in an XML Document |
HTML 563 |
|
|
To Save and Test the XML Document |
HTML 564 |
|
|
To Correct the Tag Error and Retest the XML Document |
HTML 565 |
|
|
Formatting an XML Document Using a Cascading Style Sheet |
HTML 567 |
|
|
To Create an External Style Sheet Using CSS |
HTML 569 |
|
|
Linking the Style Sheet and XML Document File |
HTML 569 |
|
|
To Link an External Cascading Style Sheet to an XML Document |
HTML 570 |
|
|
To Test an XML Document Formatted Using an External CSS |
HTML 571 |
|
|
Formatting an XML Document Using an XSL Style Sheet |
HTML 571 |
|
|
To Open and Save an XML Document with a New File Name |
HTML 572 |
|
|
Creating an XSL Style Sheet |
HTML 572 |
|
|
To Start Creating an XSL Style Sheet |
HTML 573 |
|
|
To Add XML Tags to a Template Element in an XSL Style Sheet |
HTML 575 |
|
|
Completing the XSL Style Sheet |
HTML 576 |
|
|
To Finish, Creating an XSL Style Sheet |
HTML 577 |
|
|
To Save an XSL Style Sheet |
HTML 578 |
|
|
Linking an XSL Style Sheet to an XML Document |
HTML 578 |
|
|
To Link an XSL Style Sheet to an XML Document |
HTML 578 |
|
|
To Save and Test an XML Document Formatted Using an XSL Style Sheet |
HTML 579 |
|
|
To Close the Notepad Window and the XSL Style Sheet |
HTML 580 |
|
|
Using an HTML Table with Paging to Display XML Data |
HTML 580 |
|
|
To Create an HTML Document to Display XML Data in a Table |
HTML 581 |
|
|
To Enter Code to Link an XML Document with an HTML Web Page |
HTML 582 |
|
|
Adding Navigation Controls |
HTML 582 |
|
|
To Enter Code to Add Navigation Buttons |
HTML 583 |
|
|
To Enter Code to Bind XML Elements to an HTML Table Header |
HTML 584 |
|
|
To Enter Code to Bind XML Elements to HTML Table Rows |
HTML 585 |
|
|
To Save the HTML File and Test the Web Page |
HTML 586 |
|
|
Using Javascript to Search an XML Document and Display Results on a Web Page |
HTML 587 |
|
|
To Create an HTML Document to Search an XML Document and Display Results |
HTML 588 |
|
|
To Enter Code to Bind an XML Document with an HTML Web Page |
HTML 588 |
|
|
Adding the <Input> and <Button> Elements |
HTML 589 |
|
|
To Enter Code to Add the <Input> and <Button> Elements |
HTML 589 |
|
|
To Enter the <Div> Element |
HTML 590 |
|
|
Creating the Javascript User-Defined Functions, Findapartment() and Keypressedo |
HTML 590 |
|
|
To Enter Code for the Findapartment() User-Defined Function |
HTML 591 |
|
|
Searching the Recordset Values and Outputting Results |
HTML 591 |
|
|
To Enter Code to Search the Recordset Values and Build the Output String |
HTML 593 |
|
|
To Enter Code to Complete the FindApartment() Function |
HTML 594 |
|
|
To Enter the Code for the Keypressed() Function |
HTML 594 |
|
|
To Save and Test the HTML Document in the Browser |
HTML 595 |
|
|
To Verify the Links on the Statewide Realty Web Page |
HTML 596 |
|
|
To Validate a Web Page |
HTML 597 |
|
|
To Close Notepad and the Browser |
HTML 597 |
|
|
Chapter Summary |
HTML 597 |
|
|
Learn it Online |
HTML 598 |
|
|
Apply Your Knowledge |
HTML 599 |
|
|
Extend Your Knowledge |
HTML 600 |
|
|
Make it Right |
HTML 601 |
|
|
In the Lab |
HTML 603 |
|
|
Cases and Places |
HTML 607 |
|
|
APPENDICES |
|
|
Appendix A |
HTML Quick Reference HTML Tags and Attributes |
APP 1 |
|
Appendix B |
Browser-Safe Color Palette Browser-Safe Colors |
APP 13 |
|
Appendix C |
Accessibility Standards and the Web Making the Web Accessible |
APP 15 |
|
|
Section 508 Guidelines Examples |
APP 15 |
|
|
WAI Guidelines |
APP 19 |
|
Appendix D |
CSS Properties and Values Style Sheet Properties and Values |
APP 25 |
|
|
Background and Color Styles |
APP 25 |
|
|
Border Styles |
APP 26 |
|
|
Font Styles |
APP 28 |
|
|
List Styles |
APP 29 |
|
|
Margin and Padding Styles |
APP 29 |
|
|
Text Styles |
APP 30 |
|
Appendix E |
Javascript Quick Reference Javascript Introduction |
APP 33 |
|
|
Why Use Javascript? |
APP 33 |
|
|
Reserved Words |
APP 34 |
|
|
Data Types |
APP 34 |
|
|
Variable Names |
APP 35 |
|
|
Literals |
APP 36 |
|
|
Escape Sequences in Strings |
APP 36 |
|
|
Operators |
APP 37 |
|
|
Operator Types |
APP 37 |
|
|
0rder of Precedence |
APP 38 |
|
|
Javascript Statements |
APP 39 |
|
|
Event Handlers |
APP 40 |
|
|
Objects |
APP 42 |
|
|
Date Object |
APP 42 |
|
|
Document Object |
APP 43 |
|
|
Form Object |
APP 44 |
|
|
History Object |
APP 44 |
|
|
Image Object |
APP 45 |
|
|
Math Object |
APP 45 |
|
|
Location Object |
APP 46 |
|
|
Navigator Object |
APP 47 |
|
|
Window and Frame Objects |
APP 47 |
|
|
Number Object |
APP 48 |
|
|
Function Object |
APP 49 |
|
|
Screen Object |
APP 49 |
|
|
Boolean Object |
APP 50 |
|
|
Array Object |
APP 50 |
|
|
String Object |
APP 51 |
|
|
Regular Expression |
APP 52 |
|
|
Global Functions |
APP 52 |
|
Appendix F |
XML Quick Reference What is XML? |
APP 53 |
|
|
Well-Formed and Valid XML Documents |
APP 53 |
|
|
XML Processing Instructions |
APP 54 |
|
|
XML Element and Attribute Rules |
APP 54 |
|
|
Document Type Definition (DTD) |
APP 56 |
|
|
Attribute List Declarations |
APP 56 |
|
|
Entity Declarations |
APP 57 |
|
|
Unparsed Entities and Notation Declarations |
APP 58 |
|
|
X5L Style Sheets |
APP 58 |
|
|
Index |
IND1 |
|
|
|
|