<!--[if gte mso 9]><xml> </xml><![endif]--> <p style="margin:0px;">Introduction 1</p> <p style="margin:0px;">PART I: Getting Started</p> <p style="margin:0px;">Lesson 1: What Is Web Publishing?</p> <p style="margin:0px;">Thinking Like a Web Publisher</p> <p style="margin:0px;"> The Web Is a Hypertext Information System</p> <p style="margin:0px;"> The Web Is Cross-Platform</p> <p style="margin:0px;"> The Web Is Distributed</p> <p style="margin:0px;"> The Web Is Dynamic</p> <p style="margin:0px;"> The Web Is Interactive</p> <p style="margin:0px;">Web Browsers</p> <p style="margin:0px;"> What the Browser Does</p> <p style="margin:0px;"> An Overview of Some Popular Browsers</p> <p style="margin:0px;">Web Servers</p> <p style="margin:0px;">Uniform Resource Locators</p> <p style="margin:0px;">Defining Web Publishing Broadly</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 2: Getting Your Tools in Order</p> <p style="margin:0px;">Anatomy of a Website</p> <p style="margin:0px;">Setting Up Your Computer for Web Publishing</p> <p style="margin:0px;"> Text Editors</p> <p style="margin:0px;"> A Web Browser</p> <p style="margin:0px;">Using the Google Chrome Developer Tools</p> <p style="margin:0px;">What Do You Want to Do on the Web?</p> <p style="margin:0px;">Wireframing Your Website</p> <p style="margin:0px;"> What’s Wireframing, and Why Do I Need It?</p> <p style="margin:0px;"> Hints for Wireframing</p> <p style="margin:0px;">Web Hosting</p> <p style="margin:0px;"> Using a Content-Management Application</p> <p style="margin:0px;"> Setting Up Your Own Web Hosting</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 3: Introducing HTML and CSS</p> <p style="margin:0px;">What HTML Is (And What It Isn’t)</p> <p style="margin:0px;"> HTML Describes the Structure of a Page</p> <p style="margin:0px;"> HTML Does Not Describe Page Layout</p> <p style="margin:0px;"> Why It Works This Way</p> <p style="margin:0px;"> How Markup Works</p> <p style="margin:0px;">What HTML Files Look Like</p> <p style="margin:0px;"> Text Formatting and HTML</p> <p style="margin:0px;">HTML Attributes</p> <p style="margin:0px;">Using the style Attribute</p> <p style="margin:0px;"> Including Styles in Tags</p> <p style="margin:0px;">A Short History of HTML Standards</p> <p style="margin:0px;"> XHTML</p> <p style="margin:0px;">The Current and Evolving Standard: HTML5</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">PART II: Creating Web Pages</p> <p style="margin:0px;">Lesson 4: Learning the Basics of HTML </p> <p style="margin:0px;">Structuring Your HTML</p> <p style="margin:0px;"> The <html> Tag</p> <p style="margin:0px;"> The <head> Tag</p> <p style="margin:0px;"> The <body> Tag</p> <p style="margin:0px;">The Title</p> <p style="margin:0px;">Headings</p> <p style="margin:0px;">Paragraphs</p> <p style="margin:0px;">Comments</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 5: Organizing Information with Lists</p> <p style="margin:0px;">Lists: An Overview</p> <p style="margin:0px;">Numbered Lists</p> <p style="margin:0px;"> Customizing Ordered Lists</p> <p style="margin:0px;">Unordered Lists</p> <p style="margin:0px;"> Customizing Unordered Lists</p> <p style="margin:0px;">Definition Lists</p> <p style="margin:0px;">Nesting Lists</p> <p style="margin:0px;">Other Uses for Lists</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 6: Working with Links</p> <p style="margin:0px;">Creating Links</p> <p style="margin:0px;"> The Link Tag: <a></p> <p style="margin:0px;">Linking Local Pages Using Relative and Absolute Pathnames</p> <p style="margin:0px;"> Absolute Pathnames</p> <p style="margin:0px;"> Should You Use Relative or Absolute Pathnames?</p> <p style="margin:0px;">Links to Other Documents on the Web</p> <p style="margin:0px;">Linking to Specific Places Within Documents</p> <p style="margin:0px;"> Creating Links and Anchors</p> <p style="margin:0px;"> The name Attribute of the <a> Tag</p> <p style="margin:0px;"> Linking to Elements in the Same Document</p> <p style="margin:0px;">Anatomy of a URL</p> <p style="margin:0px;"> Parts of URLs</p> <p style="margin:0px;"> Special Characters in URLs</p> <p style="margin:0px;"> The rel Attribute </p> <p style="margin:0px;">Kinds of URLs</p> <p style="margin:0px;"> HTTP</p> <p style="margin:0px;"> Anonymous FTP</p> <p style="margin:0px;"> Non-Anonymous FTP</p> <p style="margin:0px;"> Mailto</p> <p style="margin:0px;"> File</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">PART III: Doing More with HTML and CSS</p> <p style="margin:0px;">Lesson 7: Formatting Text with HTML and CSS</p> <p style="margin:0px;">Character-Level Elements</p> <p style="margin:0px;"> Semantic HTML Tags</p> <p style="margin:0px;"> Changes to Physical Style Tags in HTML5</p> <p style="margin:0px;">Character Formatting Using CSS</p> <p style="margin:0px;"> The Text Decoration Property</p> <p style="margin:0px;"> Font Properties</p> <p style="margin:0px;">Preformatted Text</p> <p style="margin:0px;">Horizontal Rules (or Thematic Breaks)</p> <p style="margin:0px;"> Attributes of the <hr> Tag</p> <p style="margin:0px;">Line Break</p> <p style="margin:0px;">Addresses</p> <p style="margin:0px;">Quotations</p> <p style="margin:0px;">Special Characters</p> <p style="margin:0px;"> Character Encoding</p> <p style="margin:0px;"> Character Entities for Special Characters</p> <p style="margin:0px;"> Character Entities for Reserved Characters</p> <p style="margin:0px;">Fonts and Font Sizes</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 8: Using CSS to Style a Site</p> <p style="margin:0px;">Including Style Sheets in a Page</p> <p style="margin:0px;"> Creating Page-Level Styles</p> <p style="margin:0px;"> Creating Sitewide Style Sheets</p> <p style="margin:0px;">Selectors</p> <p style="margin:0px;"> Contextual Selectors</p> <p style="margin:0px;"> Classes and IDs</p> <p style="margin:0px;"> What Cascading Means</p> <p style="margin:0px;">Units of Measure</p> <p style="margin:0px;"> Specifying Colors</p> <p style="margin:0px;">Editing Styles with Developer Tools</p> <p style="margin:0px;">Using Color</p> <p style="margin:0px;">Links</p> <p style="margin:0px;">The Box Model</p> <p style="margin:0px;"> Borders</p> <p style="margin:0px;"> Margins and Padding</p> <p style="margin:0px;"> Controlling Size and Element Display</p> <p style="margin:0px;"> Float</p> <p style="margin:0px;">More Selectors</p> <p style="margin:0px;"> Pseudo-Classes</p> <p style="margin:0px;"> Attribute Selectors</p> <p style="margin:0px;">The <body> Tag</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 9: Using Images on Your Web Pages</p> <p style="margin:0px;">Images on the Web</p> <p style="margin:0px;">Image Formats</p> <p style="margin:0px;"> GIF</p> <p style="margin:0px;"> JPEG</p> <p style="margin:0px;"> PNG</p> <p style="margin:0px;"> SVG</p> <p style="margin:0px;">Inline Images in HTML: The <img> Tag</p> <p style="margin:0px;"> Adding Alternative Text to Images</p> <p style="margin:0px;">Images and Text</p> <p style="margin:0px;"> Text and Image Alignment</p> <p style="margin:0px;"> Wrapping Text Next to Images</p> <p style="margin:0px;"> Adjusting the Space Around Images</p> <p style="margin:0px;">Images and Links</p> <p style="margin:0px;">Other Neat Tricks with Images</p> <p style="margin:0px;"> Image Dimensions and Scaling</p> <p style="margin:0px;">Image Backgrounds</p> <p style="margin:0px;">Using Images as Bullets</p> <p style="margin:0px;">What Is an Imagemap?</p> <p style="margin:0px;"> Getting an Image</p> <p style="margin:0px;"> Determining Your Coordinates</p> <p style="margin:0px;"> The <map> and <area> Tags</p> <p style="margin:0px;"> The usemap Attribute</p> <p style="margin:0px;">Image Etiquette</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 10: Building Tables </p> <p style="margin:0px;">Creating Tables</p> <p style="margin:0px;">Table Parts</p> <p style="margin:0px;"> The <table> Element</p> <p style="margin:0px;"> Summarizing the Table</p> <p style="margin:0px;"> Rows and Cells</p> <p style="margin:0px;"> Empty Cells</p> <p style="margin:0px;"> Captions</p> <p style="margin:0px;">Sizing Tables, Borders, and Cells</p> <p style="margin:0px;"> Setting Table Widths</p> <p style="margin:0px;"> Changing Table Borders</p> <p style="margin:0px;"> Cell Padding</p> <p style="margin:0px;"> Cell Spacing</p> <p style="margin:0px;"> Column Widths</p> <p style="margin:0px;">Table and Cell Color</p> <p style="margin:0px;">Aligning Your Table Content</p> <p style="margin:0px;"> Table Alignment</p> <p style="margin:0px;"> Cell and Caption Alignment</p> <p style="margin:0px;">Spanning Multiple Rows or Columns</p> <p style="margin:0px;">More Advanced Table Enhancements</p> <p style="margin:0px;"> Grouping and Aligning Columns</p> <p style="margin:0px;"> Grouping and Aligning Rows</p> <p style="margin:0px;">How Tables Are Used</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 11: Using CSS to Position Elements on the Page</p> <p style="margin:0px;">Positioning Schemes</p> <p style="margin:0px;"> Relative Positioning</p> <p style="margin:0px;">Absolute Positioning</p> <p style="margin:0px;"> Positioning Properties</p> <p style="margin:0px;"> Positioning Properties and Height and Width</p> <p style="margin:0px;"> Nesting Absolutely Positioned Elements</p> <p style="margin:0px;"> Dynamic Overlays</p> <p style="margin:0px;">Fixed Positioning</p> <p style="margin:0px;">Controlling Stacking</p> <p style="margin:0px;">Creating Drop-Down Menus</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 12: Designing Forms</p> <p style="margin:0px;">Understanding Form and Function</p> <p style="margin:0px;">Using the <form> Tag</p> <p style="margin:0px;">Using the <label> Tag</p> <p style="margin:0px;">Creating Form Controls with the <input> Tag</p> <p style="margin:0px;"> Creating Text Controls</p> <p style="margin:0px;"> Adding Options to Text Fields with datalist</p> <p style="margin:0px;"> Using the New HTML5 Controls</p> <p style="margin:0px;"> Creating Password Controls</p> <p style="margin:0px;"> Creating Submit Buttons</p> <p style="margin:0px;"> Creating Reset Buttons</p> <p style="margin:0px;"> Creating Check Box Controls</p> <p style="margin:0px;"> Creating Radio Buttons</p> <p style="margin:0px;"> Using Images as Submit Buttons</p> <p style="margin:0px;"> Creating Generic Buttons</p> <p style="margin:0px;"> Hidden Form Fields</p> <p style="margin:0px;"> The File Upload Control</p> <p style="margin:0px;">Using Other Form Controls</p> <p style="margin:0px;"> Using the button Element</p> <p style="margin:0px;"> Creating Large Text-Entry Fields with textarea</p> <p style="margin:0px;"> Creating Menus with select and option</p> <p style="margin:0px;">Grouping Controls with fieldset and legend</p> <p style="margin:0px;"> Changing the Default Form Navigation</p> <p style="margin:0px;"> Using Access Keys</p> <p style="margin:0px;"> Creating disabled and readonly Controls</p> <p style="margin:0px;">Displaying Updates with progress and meter</p> <p style="margin:0px;">Applying Cascading Style Sheet Properties to Form Elements</p> <p style="margin:0px;">Planning Your Forms</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 13: Structuring a Page with HTML5 </p> <p style="margin:0px;">A Short History of HTML Page Layout</p> <p style="margin:0px;">Laying Out a Page in HTML5</p> <p style="margin:0px;">HTML5 Structural Tags</p> <p style="margin:0px;"> Sections</p> <p style="margin:0px;"> Header</p> <p style="margin:0px;"> Footer</p> <p style="margin:0px;"> Navigation</p> <p style="margin:0px;"> Articles</p> <p style="margin:0px;"> Asides</p> <p style="margin:0px;">The Page Outline</p> <p style="margin:0px;"> Elements with Their Own Outlines</p> <p style="margin:0px;">Using HTML5 Structural Elements</p> <p style="margin:0px;"> Polyfill Scripts</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercise</p> <p style="margin:0px;">Lesson 14: Integrating Multimedia: Video and Sound</p> <p style="margin:0px;">Embedding Video the Simple Way</p> <p style="margin:0px;"> Advantages and Disadvantages of Hosting Videos on External Sites</p> <p style="margin:0px;"> Uploading Videos to YouTube</p> <p style="margin:0px;"> Customizing the Video Player</p> <p style="margin:0px;"> Other Services</p> <p style="margin:0px;">Hosting Your Own Video</p> <p style="margin:0px;"> Video and Container Formats</p> <p style="margin:0px;"> Converting Video to H.264</p> <p style="margin:0px;">Embedding Video Using <video></p> <p style="margin:0px;"> The <video> Tag</p> <p style="margin:0px;"> Using the <source> Element</p> <p style="margin:0px;">Embedding Flash Using the <object> Tag</p> <p style="margin:0px;"> Alternative Content for the <object> Tag</p> <p style="margin:0px;">The <embed> Tag</p> <p style="margin:0px;">Embedding Flash Movies Using SWFObject</p> <p style="margin:0px;">Flash Video Players </p> <p style="margin:0px;"> JW Player</p> <p style="margin:0px;"> Using Flowplayer</p> <p style="margin:0px;"> Using the <object> Tag with the <video> Tag </p> <p style="margin:0px;">Embedding Audio in Your Pages</p> <p style="margin:0px;"> The <audio> Tag</p> <p style="margin:0px;"> Flash Audio Players</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 15: Advanced CSS: Page Layout in CSS </p> <p style="margin:0px;">Laying Out the Page</p> <p style="margin:0px;"> The Problems with Layout Tables</p> <p style="margin:0px;"> Writing HTML with Structure</p> <p style="margin:0px;"> Writing a Layout Style Sheet</p> <p style="margin:0px;"> The Floated Columns Layout Technique</p> <p style="margin:0px;">The Role of CSS in Web Design</p> <p style="margin:0px;"> Style Sheet Organization</p> <p style="margin:0px;"> Site-Wide Style Sheets</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 16: Using Responsive Web Design </p> <p style="margin:0px;">What Is Responsive Web Design?</p> <p style="margin:0px;"> History of Responsive Web Design</p> <p style="margin:0px;"> Why RWD Is Important</p> <p style="margin:0px;"> RWD Is More Than Just Changing the Number of Columns</p> <p style="margin:0px;">Mobile Devices Should Come First</p> <p style="margin:0px;"> Mobile First</p> <p style="margin:0px;"> Affecting the Viewport</p> <p style="margin:0px;">Planning a Responsive Website</p> <p style="margin:0px;"> Check Your Analytics</p> <p style="margin:0px;"> Try the Site with Your Own Phone</p> <p style="margin:0px;"> Decide What Content Is Critical</p> <p style="margin:0px;">Writing Media Queries</p> <p style="margin:0px;"> Media Types</p> <p style="margin:0px;"> Media Features</p> <p style="margin:0px;"> Breakpoints</p> <p style="margin:0px;"> Building a Style Sheet with Media Queries</p> <p style="margin:0px;">Understanding the Mechanics of RWD</p> <p style="margin:0px;"> Adjusting the Layout</p> <p style="margin:0px;"> Making Images and Videos Responsive</p> <p style="margin:0px;"> Building Responsive Tables</p> <p style="margin:0px;">Responsive Web Design Best Practices</p> <p style="margin:0px;"> Give Everyone the Best Experience</p> <p style="margin:0px;"> Use the Best Breakpoints for Your Website, Not for Devices</p> <p style="margin:0px;"> Be Flexible But Think Small</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">PART IV: Using JavaScript and jQuery</p> <p style="margin:0px;">Lesson 17: Introducing JavaScript </p> <p style="margin:0px;">Why Would You Want to Use JavaScript?</p> <p style="margin:0px;"> Ease of Use</p> <p style="margin:0px;"> Improving Performance</p> <p style="margin:0px;"> Integration with the Browser</p> <p style="margin:0px;">The <script> Tag</p> <p style="margin:0px;"> The Structure of a JavaScript Script</p> <p style="margin:0px;"> The src Attribute</p> <p style="margin:0px;">JavaScript and the Chrome Development Tools</p> <p style="margin:0px;">The JavaScript Language</p> <p style="margin:0px;"> Operators and Expressions</p> <p style="margin:0px;"> Variables</p> <p style="margin:0px;"> Control Structures</p> <p style="margin:0px;"> Functions</p> <p style="margin:0px;"> Data Types</p> <p style="margin:0px;"> Arrays</p> <p style="margin:0px;"> Objects</p> <p style="margin:0px;">The JavaScript Environment</p> <p style="margin:0px;">Events</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 18: Using jQuery </p> <p style="margin:0px;">What Are JavaScript Libraries?</p> <p style="margin:0px;">Getting Started with jQuery</p> <p style="margin:0px;">Your First jQuery Script</p> <p style="margin:0px;">Selecting Elements from the Document</p> <p style="margin:0px;">Binding Events</p> <p style="margin:0px;">Modifying Styles on the Page</p> <p style="margin:0px;"> Hiding and Showing Elements</p> <p style="margin:0px;"> Retrieving and Changing Style Sheet Properties</p> <p style="margin:0px;">Modifying Content on the Page</p> <p style="margin:0px;"> Manipulating Classes</p> <p style="margin:0px;"> Manipulating Form Values</p> <p style="margin:0px;"> Manipulating Attributes Directly</p> <p style="margin:0px;"> Adding and Removing Content</p> <p style="margin:0px;">Special Effects</p> <p style="margin:0px;">AJAX and jQuery</p> <p style="margin:0px;"> Using AJAX to Load External Data</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 19: Using JavaScript in Your Pages </p> <p style="margin:0px;">Validating Forms with JavaScript</p> <p style="margin:0px;">Hiding and Showing Content</p> <p style="margin:0px;"> The Same Code with jQuery </p> <p style="margin:0px;">Adding New Content to a Page</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 20: Working with Frames and Linked Windows </p> <p style="margin:0px;">What Are Frames?</p> <p style="margin:0px;"> Why Were Frames Removed from HTML5?</p> <p style="margin:0px;"> What About Iframes?</p> <p style="margin:0px;">Working with Linked Windows</p> <p style="margin:0px;"> Browsing Context Keywords</p> <p style="margin:0px;"> The <base> Tag</p> <p style="margin:0px;">Inline Frames</p> <p style="margin:0px;">Opening Linked Windows with JavaScript</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">PART V: Designing for Everyone</p> <p style="margin:0px;">Lesson 21: Designing for the Mobile Web </p> <p style="margin:0px;">People Browse Differently on Mobile Phones</p> <p style="margin:0px;">Standards Compliance and the Mobile Web</p> <p style="margin:0px;"> Progressive Enhancement</p> <p style="margin:0px;"> Validating Your Pages</p> <p style="margin:0px;">Writing for the Mobile Web</p> <p style="margin:0px;"> Write Clearly and Be Brief</p> <p style="margin:0px;"> Organize Your Pages for Quick Scanning</p> <p style="margin:0px;"> Make Each Page Stand on Its Own</p> <p style="margin:0px;"> Be Careful with Emphasis</p> <p style="margin:0px;"> Don’t Use Browser-Specific Terminology</p> <p style="margin:0px;"> Spell Check and Proofread Your Pages</p> <p style="margin:0px;">Design and Page Layout</p> <p style="margin:0px;"> Use Headings as Headings</p> <p style="margin:0px;"> Group Related Information Visually</p> <p style="margin:0px;"> Use a Consistent Layout</p> <p style="margin:0px;">Using Links</p> <p style="margin:0px;"> Mobile Users Tap; They Don’t Click</p> <p style="margin:0px;"> Use Link Menus with Descriptive Text</p> <p style="margin:0px;"> Use Links in Text</p> <p style="margin:0px;"> Avoid the “Here” Syndrome</p> <p style="margin:0px;"> To Link or Not to Link</p> <p style="margin:0px;">Using Images and Multimedia</p> <p style="margin:0px;"> Don’t Overuse Images</p> <p style="margin:0px;"> Keep Images Small</p> <p style="margin:0px;"> Watch Out for Assumptions About Your Visitors’ Hardware</p> <p style="margin:0px;"> Don’t Make Your Videos Annoying</p> <p style="margin:0px;"> Avoid Flash</p> <p style="margin:0px;">Making the Most of CSS and JavaScript</p> <p style="margin:0px;"> Put Your CSS and JavaScript in External Files</p> <p style="margin:0px;"> Location Matters</p> <p style="margin:0px;"> Shrink Your CSS and JavaScript</p> <p style="margin:0px;">Take Advantage of Mobile Features</p> <p style="margin:0px;"> Geolocation</p> <p style="margin:0px;"> Make Phone Calls</p> <p style="margin:0px;"> SMS </p> <p style="margin:0px;">Other Good Habits and Hints for Mobile Web Design</p> <p style="margin:0px;"> Link Back to Home</p> <p style="margin:0px;"> Don’t Split Topics Across Pages</p> <p style="margin:0px;"> Sign Your Pages</p> <p style="margin:0px;"> One Final Secret to Mobile Web Design</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 22: Designing for User Experience </p> <p style="margin:0px;">Considering User Experience Level</p> <p style="margin:0px;"> Add a Search Engine</p> <p style="margin:0px;"> Use Concise, Sensible URLs</p> <p style="margin:0px;"> Navigation Provides Context</p> <p style="margin:0px;"> Are Your Users Tourists or Regulars?</p> <p style="margin:0px;">Determining User Preferences</p> <p style="margin:0px;">What Is Accessibility?</p> <p style="margin:0px;"> Common Myths Regarding Accessibility</p> <p style="margin:0px;"> Section 508</p> <p style="margin:0px;">Alternative Browsers</p> <p style="margin:0px;">Writing Accessible HTML</p> <p style="margin:0px;"> Tables</p> <p style="margin:0px;"> Links</p> <p style="margin:0px;"> Images and Multimedia</p> <p style="margin:0px;">Designing for Accessibility</p> <p style="margin:0px;"> Using Color</p> <p style="margin:0px;"> Fonts</p> <p style="margin:0px;"> Take Advantage of All HTML Tags</p> <p style="margin:0px;"> Frames</p> <p style="margin:0px;"> Forms</p> <p style="margin:0px;">Validating Your Sites for Accessibility</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">PART VI: Going Live on the Web</p> <p style="margin:0px;">Lesson 23: How to Publish Your Site </p> <p style="margin:0px;">What Does a Web Server Do?</p> <p style="margin:0px;"> Other Things Web Servers Do</p> <p style="margin:0px;">How to Find Web Hosting</p> <p style="margin:0px;"> Using a Web Server Provided by Your School or Work</p> <p style="margin:0px;"> Using a Commercial Web Host</p> <p style="margin:0px;"> Commercial Web Builders</p> <p style="margin:0px;"> Setting Up Your Own Server</p> <p style="margin:0px;"> Free Hosting</p> <p style="margin:0px;">Organizing Your HTML Files for Publishing</p> <p style="margin:0px;"> Questions to Ask Your Webmaster</p> <p style="margin:0px;"> Keeping Your Files Organized with Directories</p> <p style="margin:0px;"> Having a Default Index File and Correct Filenames</p> <p style="margin:0px;">Publishing Your Files</p> <p style="margin:0px;"> Moving Files Between Systems</p> <p style="margin:0px;">Troubleshooting</p> <p style="margin:0px;"> I Can’t Access the Server</p> <p style="margin:0px;"> I Can’t Access Files</p> <p style="margin:0px;"> I Can’t Access Images</p> <p style="margin:0px;"> My Links Don’t Work</p> <p style="margin:0px;"> My Files Are Being Displayed Incorrectly</p> <p style="margin:0px;">Promoting Your Web Pages</p> <p style="margin:0px;"> Getting Links from Other Sites</p> <p style="margin:0px;"> Content Marketing Through Guest Posting</p> <p style="margin:0px;"> Promoting Your Site Through Social Media</p> <p style="margin:0px;"> Creating a Facebook Page for Your Site</p> <p style="margin:0px;"> Site Indexes and Search Engines</p> <p style="margin:0px;"> Business Cards, Letterhead, Brochures, and Advertisements</p> <p style="margin:0px;">Finding Out Who’s Viewing Your Web Pages</p> <p style="margin:0px;"> Log Files</p> <p style="margin:0px;"> Google Analytics</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 24: Taking Advantage of the Server </p> <p style="margin:0px;">How PHP Works</p> <p style="margin:0px;">Getting PHP to Run on Your Computer</p> <p style="margin:0px;">The PHP Language</p> <p style="margin:0px;"> Comments</p> <p style="margin:0px;"> Variables</p> <p style="margin:0px;"> Arrays</p> <p style="margin:0px;"> Strings</p> <p style="margin:0px;"> Conditional Statements</p> <p style="margin:0px;"> PHP Conditional Operators</p> <p style="margin:0px;">Loops</p> <p style="margin:0px;"> foreach Loops</p> <p style="margin:0px;"> for Loops</p> <p style="margin:0px;"> while and do...while Loops</p> <p style="margin:0px;"> Controlling Loop Execution</p> <p style="margin:0px;">Built-In Functions</p> <p style="margin:0px;">User-Defined Functions</p> <p style="margin:0px;"> Returning Values</p> <p style="margin:0px;">Processing Forms</p> <p style="margin:0px;"> Handling Parameters with Multiple Values</p> <p style="margin:0px;"> Presenting the Form</p> <p style="margin:0px;">Using PHP Includes</p> <p style="margin:0px;"> Choosing Which Include Function to Use</p> <p style="margin:0px;">Expanding Your Knowledge of PHP</p> <p style="margin:0px;"> Database Connectivity</p> <p style="margin:0px;"> Regular Expressions</p> <p style="margin:0px;"> Sending Mail</p> <p style="margin:0px;"> Object-Oriented PHP</p> <p style="margin:0px;"> Cookies and Sessions</p> <p style="margin:0px;"> File Uploads</p> <p style="margin:0px;">Other Application Platforms</p> <p style="margin:0px;"> Microsoft ASP.NET</p> <p style="margin:0px;"> Java EE</p> <p style="margin:0px;"> Ruby on Rails</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;">Lesson 25: Search Engines and SEO </p> <p style="margin:0px;">What Is SEO?</p> <p style="margin:0px;"> Why You Need SEO</p> <p style="margin:0px;"> What About Social Media?</p> <p style="margin:0px;"> You Can Do Your Own SEO</p> <p style="margin:0px;"> Why Don’t Search Engines Find Sites Without SEO?</p> <p style="margin:0px;">How Search Engines Work</p> <p style="margin:0px;"> Google</p> <p style="margin:0px;"> Microsoft Bing</p> <p style="margin:0px;"> Yahoo!</p> <p style="margin:0px;"> Don’t Forget International Searches</p> <p style="margin:0px;">SEO Techniques</p> <p style="margin:0px;"> Is Your Site “Friendly?”</p> <p style="margin:0px;"> Using Keywords and Keyword Research</p> <p style="margin:0px;"> Creating Content for Customers Is the Best SEO</p> <p style="margin:0px;"> Myths and Facts About SEO</p> <p style="margin:0px;">Tools for Tracking and Managing SEO</p> <p style="margin:0px;"> Using Sitemaps</p> <p style="margin:0px;"> The robots.txt File</p> <p style="margin:0px;"> Understanding Canonical Links</p> <p style="margin:0px;"> Redirecting Duplicate Content</p> <p style="margin:0px;"> Checking How Your Site Looks to Search Engines</p> <p style="margin:0px;"> Tracking Your SEO Efforts</p> <p style="margin:0px;">Paying for Links</p> <p style="margin:0px;">Summary</p> <p style="margin:0px;">Workshop</p> <p style="margin:0px;"> Q&A</p> <p style="margin:0px;"> Quiz</p> <p style="margin:0px;"> Quiz Answers</p> <p style="margin:0px;"> Exercises</p> <p style="margin:0px;"> </p> <p style="margin:0px;"> </p> <p style="margin:0px;">9780672336232 TOC 12/1/2015</p> <!--[if gte mso 9]><xml> Normal 0 false false false EN-US X-NONE X-NONE </xml><![endif]--> <!--[if gte mso 9]><xml> </xml><![endif]--> <!--[if gte mso 10]> <![endif]--> <p style="margin:0px;"> </p>