TY - BOOK AU - Huddleston,Rob TI - Teach yourself visually web design T2 - Teach yourself visually SN - 9780470881019 (pbk.) AV - TK5105.888 .H827 2011 PY - 2011/// CY - Indianapolis, IN PB - Wiley KW - Dreamweaver (Computer file) KW - Web site development KW - Web sites KW - Design KW - Cascading style sheets KW - Authoring programs KW - Relational databases N1 - Includes index; "The fast and easy way to learn" --Cover; 1. The tools of web design and planning your site : A brief history of the web ; Understanding browsers ; Visual design tools ; Code-based tools ; Graphics programs ; Understanding the importance of planning your site ; Understanding your audience ; Gather your materials ; Plan your navigation structure ; Plan your file structure -- 2. Getting started with HTML : Introduction to HTML ; Create your first web page ; Save your web page ; Preview a page in a browser ; Declare your document type ; Add headings ; Add paragraphs ; Apply logical formatting ; Understanding URLs and file paths ; Link to other pages in your site ; Link to pages on the web ; Link within a page ; Link to an e-mail address ; Link to other document types ; Show tool tips for links -- 3. Creating images : Understanding image formats ; Legally acquiring stock images ; Understanding image optimization ; Download a stock image from the web ; Get to know the Photoshop interface ; Get to know the Photoshop Elements interface ; Use Photoshop to fix colors ; Crop and resize an image in Photoshop ; Save an image for the web in Photoshop ; Open an image for the web in Photoshop ; Open an image for editing in Photoshop Elements ; Use Photoshop Elements to fix colors ; Rotate an image in Photoshop Elements ; Crop an image in Photoshop Elements ; Resize an image in Photoshop Elements ; Save an image for the web in Photoshop Elements ; Get to know the Fireworks interface ; Get to know the Illustrator interface ; Create a button in Fireworks ; Save an image for the web in Fireworks ; Create a logo in Illustrator ; Save an Illustrator image for the web ; Add an image to your web page ; Make your images accessible ; Use images as links -- 4. Formatting your pages : Introduction to CSS ; Create an embedded style sheet ; Understanding units of measurement ; Set the font and text size on your page ; Understanding color on the web ; Determine a color scheme using Kuler ; Set text color ; Set a background color ; Add a background image ; Control background image tiling ; Position background images ; Apply additional text formatting ; Indent and align text ; Apply spacing with padding ; Control whitespace with margins ; Specify widths ; Add borders --; 5. Advanced CSS : Style multiple elements ; Format text with spans ; Group elements with divs ; Apply styles with classes ; Apply styles with IDs ; Use contextual selectors ; Use pseudo-elements ; Use pseudo-classes ; Create an external style sheet ; Link a style sheet to a page ; Use the cascade -- 6. Laying out pages : Set up your page for CSS layouts ; Float elements ; Use margins and padding to fix float problems ; Work with overflow -- 7. Adding tables and lists : Add data tables ; Format tables with CSS ; Create complex tables ; Add a header row ; Add table sections ; Add an unordered list ; Add an ordered list ; Style lists -- 8. Creating a page visually in Dreamweaver : Introduction to Dreamweaver's interface ; Define a site in Dreamweaver ; Create a new document ; Replace the logo placeholder ; Replace the main content ; Replace the content in the sidebar and footer ; Add navigation ; Add images ; Insert a Photoshop image ; Edit a Photoshop image in Dreamweaver ; Modify CSS ; Add new styles ; Preview the page using live view ; Preview the page in a browser ; Preview the page in other browsers using BrowserLab --; 9. Adding interactivity and multimedia : Introduction to JavaScript and Ajax ; Embed JavaScript in HTML ; Write a function ; Change the visibility of an object ; Create a menu using Spry ; Create a calendar control with YUI ; Create an image gallery with jQuery ; Create animation using Flash Professional ; Publish a Flash movie ; Add a Flash movie to your page in Dreamweaver ; Convert a video to Flash video ; Add Flash video using Flash Professional ; Add video with HTML5 -- 10. Making sites accessible : Understanding web standards ; Understanding web accessibility ; Add captions and summaries to tables ; Create accessible table headings ; Create accessible navigation -- 11. Adding forms to your site : Create a form ; Add a text field ; Add a label ; Add check boxes ; Add radio buttons ; Create a drop-down list ; Insert a text area ; Add a button to your form ; Group related form elements -- 12. Creating dynamic pages : Understanding dynamic web applications ; Download and install WAMP on Windows ; Download and install MAMP on a Mac ; Create a basic PHP page ; Save and test a PHP page ; Process form data ; Send e-mail with PHP ; Include external files ; Create your own PHP function -- 13. Adding information from a database : Understanding relational databases ; Create a database ; Create a table ; Populate the table with data ; Connect PHP to the database ; Display the contents of a table on a web page ; Search the database ; Insert new data into a table with PHP -- 14. Publishing your site and getting noticed : Find a web host ; Buy a domain name ; Publish your web site using FTP ; Set up remote server information in Dreamweaver ; Upload your files using Dreamweaver ; Understanding search engine optimization ; Use meta tags ; Use Google webmaster tools ; Create a sitemap ; Prevent pages from being listed on search engines -- HTML colors N2 - Provides 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, to help you get up and running with Web design in no time ER -