Details

<b>Chapter 1: The Tools of Web Design and Planning Your Site.</b> <p>A Brief History of the Web.</p> <p>Understanding Browsers.</p> <p>Visual Design Tools.</p> <p>Code-based Tools.</p> <p>Graphics Programs.</p> <p>Understanding the Importance of Planning Your Site.</p> <p>Understanding Your Audience.</p> <p>Gather Your Materials.</p> <p>Plan Your Navigation Structure.</p> <p>Plan Your File Structure.</p> <p><b>Chapter 2: Getting Started with HTML.</b></p> <p>Introduction to HTML.</p> <p>Create Your First Web Page.</p> <p>Save Your Web Page.</p> <p>Preview a Page in a Browser.</p> <p>Declare Your Document Type.</p> <p>Add Headings.</p> <p>Add Paragraphs.</p> <p>Apply Logical Formatting.</p> <p>Understanding URLs and File Paths.</p> <p>Link to Other Pages in Your Site.</p> <p>Link to Pages on the Web.</p> <p>Link within a Page.</p> <p>Link to an E-mail Address.</p> <p>Link to Other Document Types.</p> <p>Show Tool Tips for Links.</p> <p><b>Chapter 3: Creating Images.</b></p> <p>Understanding Image Formats.</p> <p>Legally Acquiring Stock Images.</p> <p>Understanding Image Optimization.</p> <p>Download a Stock Image from the Web.</p> <p>Get to Know the Photoshop Interface.</p> <p>Get to Know the Photoshop Elements Interface.</p> <p>Use Photoshop to Fix Colors.</p> <p>Crop and Resize an Image in Photoshop.</p> <p>Save an Image for the Web in Photoshop.</p> <p>Open an Image for Editing in Photoshop Elements.</p> <p>Use Photoshop Elements to Fix Colors.</p> <p>Rotate an Image in Photoshop Elements.</p> <p>Crop an Image in Photoshop Elements.</p> <p>Resize an Image in Photoshop Elements.</p> <p>Save an Image for the Web in Photoshop Elements.</p> <p>Get to Know the Fireworks Interface.</p> <p>Get to Know the Illustrator Interface.</p> <p>Create a Button in Fireworks.</p> <p>Save an Image for the Web in Fireworks.</p> <p>Create a Logo in Illustrator.</p> <p>Save an Illustrator Image for the Web.</p> <p>Add an Image to Your Web Page.</p> <p>Make Your Images Accessible.</p> <p>Use Images as Links.</p> <p><b>Chapter 4: Formatting Your Pages.</b></p> <p>Introduction to CSS.</p> <p>Create an Embedded Style Sheet.</p> <p>Understanding Units of Measurement.</p> <p>Set the Font and Text Size on Your Page.</p> <p>Understanding Color on the Web.</p> <p>Determine a Color Scheme Using Kuler.</p> <p>Set Text Color.</p> <p>Set a Background Color.</p> <p>Add a Background Image.</p> <p>Control Background Image Tiling.</p> <p>Position Background Images.</p> <p>Apply Additional Text Formatting.</p> <p>Indent and Align Text.</p> <p>Apply Spacing with Padding.</p> <p>Control Whitespace with Margins.</p> <p>Specify Widths.</p> <p>Add Borders.</p> <p><b>Chapter 4: Advanced CSS.</b></p> <p>Style Multiple Elements.</p> <p>Format Text with Spans.</p> <p>Group Elements with Divs.</p> <p>Apply Styles with Classes.</p> <p>Apply Styles with IDs.</p> <p>Use Contextual Selectors.</p> <p>Use Pseudo-Elements.</p> <p>Use Pseudo-Classes.</p> <p>Create an External Style Sheet.</p> <p>Link a Style Sheet to a Page.</p> <p>Use the Cascade.</p> <p><b>Chapter 6: Laying Out Pages.</b></p> <p>Set Up Your Page for CSS Layouts.</p> <p>Float Elements.</p> <p>Use Margins and Padding to Fix Float Problems.</p> <p>Work with Overflow.</p> <p><b>Chapter 7: Adding Tables and Lists.</b></p> <p>Add Data Tables.</p> <p>Format Tables with CSS.</p> <p>Create Complex Tables.</p> <p>Add a Header Row.</p> <p>Add Table Sections.</p> <p>Add an Unordered List.</p> <p>Add an Ordered List.</p> <p>Style Lists.</p> <p><b>Chapter 8: Creating a Page Visually in Dreamweaver.</b></p> <p>Introduction to Dreamweaver's Interface.</p> <p>Define a Site in Dreamweaver.</p> <p>Create a New Document.</p> <p>Replace the Logo Placeholder.</p> <p>Replace the Main Content.</p> <p>Replace the Content in the Sidebar and Footer.</p> <p>Add Navigation.</p> <p>Add Images.</p> <p>Insert a Photoshop Image.</p> <p>Edit a Photoshop Image in Dreamweaver.</p> <p>Modify CSS.</p> <p>Add New Styles.</p> <p>Preview the Page Using Live View.</p> <p>Preview the Page in a Browser.</p> <p>Preview the Page in Other Browsers Using BrowserLab.</p> <p><b>Chapter 9: Adding Interactivity and Multimedia.</b></p> <p>Introduction to JavaScript and Ajax.</p> <p>Embed JavaScript in HTML.</p> <p>Write a Function.</p> <p>Change the Visibility of an Object.</p> <p>Create a Menu Using Spry.</p> <p>Create a Calendar Control with YUI.</p> <p>Create an Image Gallery with jQuery.</p> <p>Create Animation Using Flash Professional.</p> <p>Publish a Flash Movie.</p> <p>Add a Flash Movie to Your Page in Dreamweaver.</p> <p>Convert a Video to Flash Video.</p> <p>Add Flash Video Using Flash Professional.</p> <p>Add Video with HTML5.</p> <p><b>Chapter 10: Making Sites Accessible.</b></p> <p>Understanding Web Standards.</p> <p>Understanding Web Accessibility.</p> <p>Add Captions and Summaries to Tables.</p> <p>Create Accessible Table Headings.</p> <p>Create Accessible Navigation.</p> <p><b>Chapter 11: Adding Forms to Your Site.</b></p> <p>Create a Form.</p> <p>Add a Text Field.</p> <p>Add a Label.</p> <p>Add Check Boxes.</p> <p>Add Radio Buttons.</p> <p>Create a Drop-Down List.</p> <p>Insert a Text Area.</p> <p>Add a Button to Your Form.</p> <p>Group Related Form Elements.</p> <p><b>Chapter 12: Creating Dynamic Pages.</b></p> <p>Understanding Dynamic Web Applications.</p> <p>Download and Install WAMP on Windows.</p> <p>Download and Install MAMP on a Mac.</p> <p>Create a Basic PHP Page.</p> <p>Save and Test a PHP Page.</p> <p>Process Form Data.</p> <p>Send E-mail with PHP.</p> <p>Include External Files.</p> <p>Create Your Own PHP Function.</p> <p><b>Chapter 13: Adding Information from a Database.</b></p> <p>Understanding Relational Databases.</p> <p>Create a Database.</p> <p>Create a Table.</p> <p>Populate the Table with Data.</p> <p>Connect PHP to the Database.</p> <p>Display the Contents of a Table on a Web Page.</p> <p>Search the Database.</p> <p>Insert New Data into a Table with PHP.</p> <p><b>Chapter 14: Publishing Your Site and Getting Noticed.</b></p> <p>Find a Web Host.</p> <p>Buy a Domain Name.</p> <p>Publish Your Web Site Using FTP.</p> <p>Set Up Remote Server Information in Dreamweaver.</p> <p>Upload Your Files Using Dreamweaver.</p> <p>Understanding Search Engine Optimization.</p> <p>Use Meta Tags.</p> <p>Use Google Webmaster Tools.</p> <p>Create a Sitemap.</p> <p>Prevent Pages from Being Listed on Search Engines.</p> <p><b>HTML Colors.</b></p> <p><b>Index.</b></p>

<b>Rob Huddleston</b> has been developing Web pages and applications since 1994, and has been an instructor since 1999, teaching Web and graphic design to thousands of students. His clients have included the United States Bureau of Land Management, the United States Patent and Trademark Office, the States of California and Nevada and many other federal, city, and county agencies; the United States Army and Air Force; Fortune 500 companies such as AT&T, Bank of America, Wells Fargo, Safeway, and Coca-Cola; software companies including Adobe, Oracle, Intuit, and Autodesk; the University of California, San Francisco State University, and the University of Southern California; and hundreds of small businesses and nonprofit agencies, both in the United States and abroad. Rob is an Adjunct Professor in the Interactive Media program at the Art Institute of California, Sacramento. He is an Adobe Certified Instructor, Certified Expert, and Certified Developer, serves as an Adobe User Group Manager, and has been named as an Adobe Community Professional for his volunteer work answering user questions in online forums. He also helps users as an expert moderator on Adobe's Community Help system.<br />Rob is the author of <i>XML: Your visual blueprint for building expert Web sites with XML, CSS, XHTML, and XSLT; HTML, XHTML, and CSS: Your visual blueprint for designing effective Web pages; Master VISUALLY: Dreamweaver CS4 and Flash CS4 Professional; ActionScript: Your visual blueprint for creating interactive projects in Flash CS4 Professional;</i> and the <i>Flash Catalyst CS5 Bible.</i> You can visit Rob's blog at www.robhuddleston.com, or follow him on Twitter at twitter.com/robhuddles.

<p>Are you a visual learner? Do you prefer instructions that show you how to do something — and skip the long-winded explanations? If so, then this book is for you. Open it up and you'll find clear, step-by-step screen shots that show you how to tackle more than 150 Web design tasks. Each task-based spread covers a single technique, sure to help you get up and running with Web design in no time.</p> <p>You'll learn to:</p> <ul> <li> <p>Start using HTML and build links</p> </li> <li> <p>Download, crop, and resize images</p> </li> <li> <p>Create embedded style sheets</p> </li> <li> <p>Set up a page in Dreamweaver</p> </li> <li> <p>Add interactivity and multimedia</p> </li> <li> <p>Two-page lessons break big topics into bite-sized modules</p> </li> <li> <p>Succinct explanations walk you through step by step</p> </li> <li> <p>Full-color screen shots demonstrate each task</p> </li> <li> <p>Helpful sidebars offer practical tips and tricks</p> </li> <li> <p>Step-by-step instructions</p> </li> <li> <p>Hundreds of color photos</p> </li> </ul>

US