Teach yourself visually web design
By: Rob Huddleston
Series: Teach yourself visually; Read less, learn more
Publisher: Wiley
Published: 2011
Place of publication: Indianapolis, IN
Language: eng
Number of pages: 353
ISBN-13: 9780470881019
Subjects: Authoring programs; Design; Dreamweaver (Computer file); Cascading style sheets; Relational databases; Web sites; Web site development
Other titles: Web design
Description: From the Publisher: The mechanics of Web design made easy for visual learners. An effective Web site combines good graphic design principles with a functional user interface. This colorful, step-by-step guide shows visual learners how to plan, develop, and publish a site, all with easy-to-follow lessons. Each task is illustrated with screen shots accompanied by numbered steps. You'll learn all the tools and techniques for creating great-looking Web sites that users will love. -- Good Web design incorporates basic graphic design principles as well as the techniques required to make a site easy to navigate and user-friendly -- Those who learn best when someone shows them how will quickly get up to speed with the full-color screen shots and step-by-step illustrations in this visual guide -- Covers planning a site, creating eye-popping content with popular Adobe tools, building in functionality with HTML and CSS, testing the site, taking it live, and keeping it up to date -- Companion Web site features code and design examples for experimentation -- If you find learning easier when someone shows you how to do something, you'll quickly learn to build Web sites with Teach Yourself VISUALLY Web Design.
Notes: Includes index.

"The fast and easy way to learn" --Cover.
Table of contents: title: Chapter 1: Tools Of Web Design And Planning Your Site; title: Brief history of the web; title: Understanding browsers; title: Visual design tools; title: Code-based tools; title: Graphics programs; title: Understanding the importance of planning your site; title: Understanding your audience; title: Gather your materials; title: Plan your navigation structure; title: Plan your file structure; title: Chapter 2: Getting Started With HTML; title: Introduction to HTML; title: Create your first web page; title: Save your web page; title: Preview a page in a browser; title: Declare your document type; title: Add headings; title: Add paragraphs; title: Apply logical formatting; title: Understanding URLs and file paths; title: Link to other pages in your site; title: Link to pages on the web; title: Link within a page; title: Link to an e-mail address; title: Link to other document types; title: Show tool tips for links; title: Chapter 3: Creating Images; title: Understanding image formats; title: Legally acquiring stock images; title: Understanding image optimization; title: Download a stock image from the web; title: ^; title: Get to know the Photoshop interface; title: Get to know the Photoshop Elements interface; title: Use Photoshop to fix colors; title: Crop and resize an image in Photoshop; title: Save an image for the web in Photoshop; title: Open an image for the web in Photoshop; title: Open an image for editing in Photoshop elements; title: Use Photoshop Elements to fix colors; title: Rotate an image in Photoshop Elements; title: Crop an image in Photoshop Elements; title: Resize an image in Photoshop Elements; title: Save an image for the web in Photoshop Elements; title: Get to know the Fireworks interface; title: Get to know the Illustrator interface; title: Create a button in Fireworks; title: Save an image for the web in Fireworks; title: Create a logo in Illustrator; title: Save an Illustrator image for the web; title: Add an image to your web page; title: Make your images accessible; title: Use images as links; title: Chapter 4: Formatting Your Pages; title: Introduction to CSS; title: Create an embedded style sheet; title: Understanding units of measurement; title: Set the font and text size on your page; title: ^; title: ^^; title: Understanding color on the web; title: Determine a color scheme using Kuler; title: Set text color; title: Set a background color; title: Add a background image; title: Control background image tiling; title: Position background images; title: Apply additional text formatting; title: Indent and align text; title: Apply spacing with padding; title: Control whitespace with margins; title: Specify widths; title: Add borders; title: Chapter 5: Advanced CSS; title: Style multiple elements; title: Format text with spans; title: Group elements with divs; title: Apply styles with classes; title: Apply styles with IDs; title: Use contextual selectors; title: Use pseudo-elements; title: Use pseudo-classes; title: Create an external style sheet; title: Link a style sheet to a page; title: Use the cascade; title: Chapter 6: Laying Out Pages; title: Set up your page for CSS layouts; title: Float elements; title: Use margins and padding to fix float problems; title: Work with overflow; title: Chapter 7: Adding Tables And Lists; title: Add data tables; title: Format tables with CSS; title: Create complex tables; title: Add a header row; title: Add table sections; title: ^; title: ^^; title: Add an unordered list; title: Add an ordered list; title: Style lists; title: Chapter 8: Creating A Page Visually In Dreamweaver; title: Introduction to Dreamweaver's interface; title: Define a site in Dreamweaver; title: Create a new document; title: Replace the logo placeholder; title: Replace the main content; title: Replace the content in the sidebar and footer; title: Add navigation; title: Add images; title: Insert a Photoshop image; title: Edit a Photoshop image in Dreamweaver; title: Modify CSS; title: Add new styles; title: Preview the page using live view; title: Preview the page in a browser; title: Preview the page in other browsers using BrowserLab; title: Chapter 9: Adding Interactivity And Multimedia; title: Introduction to JavaScript and Ajax; title: Embed JavaScript in HTML; title: Write a function; title: Change the visibility of an object; title: Create a menu using Spry; title: Create a calendar control with YUI; title: Create an image gallery with jQuery; title: Create animation using Flash Professional; title: Publish a Flash movie; title: Add a Flash movie to your page in Dreamweaver; title: ^; title: ^^; title: Convert a video to Flash video; title: Add Flash video using Flash Professional; title: Add video with HTML5; title: Chapter 10: Making Sites Accessible; title: Understanding web standards; title: Understanding web accessibility; title: Add captions and summaries to tables; title: Create accessible table headings; title: Create accessible navigation; title: Chapter 11: Adding Forms To Your Site; title: Create a form; title: Add a text field; title: Add a label; title: Add check boxes; title: Add radio buttons; title: Create a drop-down list; title: Insert a text area; title: Add a button to your form; title: Group related form elements; title: Chapter 12: Creating Dynamic Pages; title: Understanding dynamic web applications; title: Download and install WAMP on Windows; title: Download and install MAMP on a Mac; title: Create a basic PHP page; title: Save and test a PHP page; title: Process form data; title: Send e-mail with PHP; title: Include external files; title: Create your own PHP function; title: Chapter 13: Adding Information From A Database; title: Understanding relational databases; title: Create a database; title: Create a table; title: ^; title: ^^; title: Populate the table with data; title: Connect PHP to the database; title: Display the contents of a table on a web page; title: Search the database; title: Insert new data into a table with PHP; title: Chapter 14: Publishing Your Site And Getting Noticed; title: Find a web host; title: Buy a domain name; title: Publish your web site using FTP; title: Set up remote server information in Dreamweaver; title: Upload your files using Dreamweaver; title: Understanding search engine optimization; title: Use meta tags; title: Use Google webmaster tools; title: Create a sitemap; title: Prevent pages from being listed on search engines; title: HTML colors; title: Index.; title: ^^