Preface | p. vi |
Introduction to HTML | |
Objectives | p. 4 |
Introduction | p. 4 |
What Is the Internet? | p. 4 |
What Is the World Wide Web? | p. 6 |
Web Servers | p. 6 |
Web Site Types and Purposes | p. 7 |
Web Browsers | p. 9 |
What Is Hypertext Markup Language? | p. 9 |
HTML History | p. 11 |
HTML Elements | p. 12 |
HTML Coding Practices | p. 12 |
HTML Versions | p. 12 |
Dynamic HTML (DHTML) | p. 13 |
Extensible Hypertext Markup Language (XHTML) | p. 13 |
Tools for Creating HTML Documents | p. 14 |
Web Development Life Cycle | p. 15 |
Web Site Planning | p. 15 |
Web Site Analysis | p. 16 |
Web Site Design and Development | p. 17 |
Web Site Testing | p. 20 |
Web Site Implementation and Maintenance | p. 21 |
Project Summary | p. 22 |
What You Should Know | p. 22 |
Learn It Online | p. 23 |
Apply Your Knowledge | p. 24 |
In the Lab | p. 25 |
Cases and Places | p. 28 |
Creating and Editing a Web Page | |
Objectives | p. 30 |
Introduction | p. 30 |
The Campus Tutoring Service | p. 30 |
Elements of a Web Page | p. 32 |
Window Elements | p. 32 |
Text Elements | p. 32 |
Image Elements | p. 33 |
Hyperlink Elements | p. 33 |
Starting Notepad | p. 33 |
The Notepad Window | p. 35 |
Title Bar | p. 35 |
Menu Bar | p. 35 |
Text Area | p. 35 |
Scroll Bar | p. 35 |
Enabling Word Wrap in Notepad | p. 35 |
Entering HTML Tags and Text | p. 36 |
Entering HTML Tags to Define the Web Page Structure | p. 36 |
Entering Headings | p. 39 |
Entering a Paragraph of Text | p. 40 |
Creating a List | p. 41 |
Saving an HTML File | p. 44 |
Using a Browser to View a Web Page | p. 47 |
Starting a Browser | p. 47 |
Viewing a Web Page in a Browser | p. 48 |
Activating Notepad | p. 50 |
Web Page Images | p. 51 |
Image Types | p. 51 |
Image Attributes | p. 51 |
Improving the Appearance of Your Web Page | p. 52 |
Adding an Image | p. 53 |
Adding Background Color | p. 54 |
Centering the Heading | p. 56 |
Adding a Horizontal Rule | p. 56 |
Refreshing the View in a Browser | p. 58 |
Viewing HTML Source Code for a Web Page | p. 58 |
Printing a Web Page and an HTML File | p. 60 |
Quitting Notepad and a Browser | p. 62 |
Project Summary | p. 62 |
What You Should Know | p. 62 |
Learn It Online | p. 63 |
Apply Your Knowledge | p. 64 |
In the Lab | p. 65 |
Cases and Places | p. 68 |
Creating Web Pages with Links, Images, and Formatted Text | |
Objectives | p. 70 |
Introduction | p. 70 |
Plant World Web Site | p. 71 |
Starting Notepad | p. 72 |
Using Links on a Web Page | p. 72 |
Linking to Another Web Page within the Same Web Site | p. 75 |
Linking to a Web Page in Another Web Site | p. 76 |
Linking within a Web Page | p. 77 |
Linking to an E-Mail Address | p. 77 |
Creating a Home Page | p. 78 |
Entering HTML Tags to Define the Web Page Structure | p. 78 |
Adding an Image | p. 79 |
Adding a Left-Aligned Heading with a Font Color | p. 80 |
Entering a Paragraph of Text | p. 82 |
Creating Unordered (Bulleted) Lists | p. 83 |
Adding a Background Image | p. 85 |
Adding a Text Link | p. 85 |
Adding a Text Link to Another Web Page within the Same Web Site | p. 86 |
Adding an E-Mail Link | p. 88 |
Saving and Printing the HTML File | p. 89 |
Viewing, Testing Links, and Printing a Web Page | p. 90 |
Editing the Second Web Page | p. 94 |
Formatting Text | p. 96 |
Formatting Text in Bold | p. 96 |
Formatting Text in Italics | p. 98 |
Format Text with a Font Color | p. 99 |
Adding an Image with Wrapped Text | p. 100 |
Adding an Image with Wrapped Text | p. 103 |
Clearing the Text Wrapping | p. 104 |
Using Horizontal and Vertical Spacing | p. 106 |
Using Thumbnail Images | p. 106 |
Obtaining Images | p. 107 |
Adding a Text Link to Another Web Site | p. 108 |
Adding a Text Link to a Web Page in Another Web Site | p. 108 |
Adding Links within a Web Page | p. 109 |
Setting Link Targets | p. 110 |
Adding Links to Link Targets within a Web Page | p. 112 |
Adding Links to a Link Target at the Top of the Page | p. 114 |
Adding an Image Link to a Web Page | p. 115 |
Saving and Printing the HTML File and Web Page | p. 117 |
Project Summary | p. 120 |
What You Should Know | p. 120 |
Learn It Online | p. 121 |
Apply Your Knowledge | p. 122 |
In the Lab | p. 124 |
Cases and Places | p. 129 |
Creating Tables in a Web Site | |
Objectives | p. 132 |
Introduction | p. 132 |
Bell Video | p. 132 |
Creating Web Pages with Tables | p. 134 |
Table Elements | p. 136 |
Table Borders, Headers, Captions, and Rules | p. 137 |
Planning, Designing, and Coding a Table | p. 138 |
Determining if a Table Is Needed | p. 139 |
Planning the Table | p. 139 |
Coding the Table | p. 141 |
Table Tag Attributes | p. 142 |
Creating a Home Page | p. 143 |
Starting Notepad | p. 143 |
Entering HTML Tags to Define the Web Page Structure | p. 143 |
Using Borderless Tables to Position Images | p. 145 |
Creating a Borderless Table to Position Images | p. 146 |
Inserting Images in a Table | p. 147 |
Creating a Vertical Menu Bar with Text Links | p. 148 |
Adding Text to a Table Cell | p. 151 |
Viewing and Printing the Web Page Using the Browser | p. 154 |
Creating a Secondary Web Page | p. 155 |
Changing the Title | p. 157 |
Deleting an Image | p. 158 |
Creating a Horizontal Menu Bar with Text Links | p. 158 |
Creating a Table with Borders | p. 160 |
Creating a Table with Borders and Inserting Text into Cells | p. 162 |
Adding Cellspacing, Cellpadding, and a Caption | p. 169 |
Adding Cellspacing and Cellpadding to a Table | p. 170 |
Adding a Table Caption | p. 172 |
Spanning Rows and Columns | p. 174 |
Spanning the Main Heading across All Columns | p. 177 |
Creating Additional Headings that Span Rows and Columns | p. 178 |
Project Summary | p. 183 |
What You Should Know | p. 184 |
Learn It Online | p. 185 |
Apply Your Knowledge | p. 186 |
In the Lab | p. 187 |
Cases and Places | p. 192 |
Creating an Image Map | |
Objectives | p. 194 |
Introduction | p. 194 |
Ibrahim Real Estate | p. 195 |
Introduction to Image Maps | p. 196 |
Using Image Maps with Text Links | p. 197 |
Image Map Uses | p. 197 |
Server-Side versus Client-Side Image Maps | p. 201 |
Creating an Image Map | p. 201 |
Selecting Images | p. 201 |
Sketching the Borders of Hotspots | p. 203 |
Mapping Image Coordinates | p. 204 |
Coding the Map | p. 206 |
Using Paint to Locate X- and Y-Coordinates | p. 207 |
The Paint Window | p. 207 |
Opening an Image File in Paint | p. 208 |
Locating X- and Y-Coordinates of an Image | p. 209 |
Creating the Home Page | p. 213 |
Starting Notepad and Entering Initial HTML Tags | p. 213 |
Creating a Table | p. 214 |
Inserting an Image in a Table | p. 215 |
Adding Text to a Table Cell | p. 216 |
Adding an Image to Use as an Image Map | p. 217 |
Creating a Horizontal Menu Bar with Text Links | p. 219 |
Coding the Image Map Using HTML Tags and Attributes | p. 220 |
Creating an Image Map | p. 221 |
Changing Link Colors | p. 223 |
Viewing and Printing the Web Page Using a Browser | p. 225 |
Creating a Second Web Page | p. 226 |
Changing the Title | p. 228 |
Adding a Heading and Paragraphs of Text | p. 229 |
Adding an Image | p. 231 |
Creating a Horizontal Menu Bar | p. 232 |
Viewing and Printing the Web Page | p. 234 |
Testing the Links | p. 236 |
Project Summary | p. 237 |
What You Should Know | p. 237 |
Learn It Online | p. 238 |
Apply Your Knowledge | p. 239 |
In the Lab | p. 241 |
Cases and Places | p. 245 |
Using Frames in a Web Site | |
Objectives | p. 248 |
Introduction | p. 248 |
Bill Thomas Illustrations | p. 249 |
Creating Frames | p. 250 |
Creating a Frame Definition File | p. 250 |
Defining Columns and Rows in a Frameset | p. 252 |
Defining Frame Attributes | p. 254 |
Planning and Laying Out Frames | p. 258 |
Creating a Frame Definition File | p. 260 |
Starting Notepad and Entering Initial HTML Tags | p. 260 |
Defining the Frameset Columns and Rows | p. 262 |
Identifying Attributes of the Header and Menu Frames | p. 265 |
Identifying Attributes of the Main Frame | p. 266 |
Saving the HTML File | p. 267 |
Creating the Header Page | p. 268 |
Creating the Menu Page | p. 270 |
Adding Links with Targets to the Menu Page | p. 272 |
Creating the Home Page | p. 273 |
Viewing, Testing, and Printing Web Pages and HTML Code | p. 275 |
Viewing and Printing the Frame Definition File Using a Browser | p. 275 |
Testing the Links | p. 277 |
Printing the HTML Files | p. 277 |
Project Summary | p. 279 |
What You Should Know | p. 279 |
Learn It Online | p. 280 |
Apply Your Knowledge | p. 281 |
In the Lab | p. 282 |
Cases and Places | p. 287 |
Creating a Form on a Web Page | |
Objectives | p. 290 |
Introduction | p. 290 |
Creating Forms on a Web Page | p. 291 |
Creating Web Page Forms | p. 292 |
Input Controls | p. 292 |
HTML Tags Used to Create Forms | p. 296 |
Attributes of HTML Tags Used to Create Forms | p. 296 |
Creating a Form On a Web Page | p. 298 |
Creating a Form and Identifying the Form Process | p. 299 |
Changing the Text Message | p. 300 |
Adding Text Boxes | p. 301 |
Adding Check Boxes | p. 303 |
Adding a Selection Menu | p. 304 |
Adding More Advanced Selection Menus | p. 306 |
Adding Additional Text Boxes | p. 307 |
Adding Radio Buttons and a Textarea | p. 309 |
Adding Radio Buttons | p. 309 |
Adding a Textarea | p. 310 |
Submit and Reset Buttons | p. 312 |
Adding Submit and Reset Buttons | p. 312 |
Organizing a Form Using Form Groupings | p. 313 |
Using Fieldset Controls to Create Form Groupings | p. 314 |
Saving the HTML File | p. 316 |
Viewing, Testing, and Printing the Web Page and HTML Code | p. 317 |
Project Summary | p. 321 |
What You Should Know | p. 321 |
Learn It Online | p. 322 |
Apply Your Knowledge | p. 323 |
In the Lab | p. 324 |
Cases and Places | p. 328 |
Creating Style Sheets | |
Objectives | p. 330 |
Introduction | p. 330 |
Using Style Sheets in the Stained Glass Club Web Site | p. 331 |
Creating Style Sheets | p. 334 |
Style Sheet Precedence | p. 334 |
Style Statement Format | p. 334 |
Inline Style Sheets | p. 336 |
Embedded Style Sheets | p. 336 |
External Style Sheets | p. 337 |
Working with Classes in Style Sheets | p. 338 |
Adding Style Sheets to the Stained Glass Club Web Site | p. 340 |
Adding an Embedded Style Sheet | p. 341 |
Setting the Paragraph Style | p. 343 |
Setting a Style for All Links | p. 344 |
Setting the Link Hover Style | p. 345 |
Saving, Viewing, and Printing the HTML File | p. 345 |
Adding an External Style Sheet | p. 348 |
Setting a Body Style | p. 349 |
Setting Link and Paragraph Styles | p. 350 |
Setting Table and Caption Styles | p. 350 |
Creating an External Style Sheet | p. 350 |
Linking to an External Style Sheet | p. 352 |
Linking the Remaining HTML Files to an External Style Sheet | p. 353 |
Adding an Inline Style Sheet | p. 355 |
Viewing and Printing Framed Web Pages | p. 357 |
Viewing and Printing HTML Files | p. 359 |
Quitting Notepad and a Browser | p. 361 |
Project Summary | p. 361 |
What You Should Know | p. 361 |
Learn It Online | p. 362 |
Apply Your Knowledge | p. 363 |
In the Lab | p. 364 |
Cases and Places | p. 368 |
HTML Quick Reference | |
HTML Tags and Attributes | p. App 1 |
Browser-Safe Color Palette | |
Browser-Safe Colors | p. App 11 |
Style Sheet Browser Compatibility Tables | |
Style Sheet Properties and Values | p. App 13 |
Index | p. Ind 1 |
Table of Contents provided by Ingram. All Rights Reserved. |
The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.
The Used, Rental and eBook copies of this book are not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.