Teach Yourself VISUALLY Web Design [NOOK Book]


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...

See more details below
Teach Yourself VISUALLY Web Design

Available on NOOK devices and apps  
  • NOOK Devices
  • NOOK HD/HD+ Tablet
  • NOOK
  • NOOK Color
  • NOOK Tablet
  • Tablet/Phone
  • NOOK for Windows 8 Tablet
  • NOOK for iOS
  • NOOK for Android
  • NOOK Kids for iPad
  • PC/Mac
  • NOOK for Windows 8
  • NOOK for PC
  • NOOK for Mac
  • NOOK Study
  • NOOK for Web

Want a NOOK? Explore Now

NOOK Book (eBook)
BN.com price
(Save 45%)$29.99 List Price
Note: This NOOK Book can be purchased in bulk. Please email us for more information.


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.

Read More Show Less

Product Details

  • ISBN-13: 9781118036396
  • Publisher: Wiley, John & Sons, Incorporated
  • Publication date: 11/19/2010
  • Series: Teach Yourself VISUALLY (Tech) , #91
  • Sold by: Barnes & Noble
  • Format: eBook
  • Edition number: 1
  • Pages: 368
  • File size: 84 MB
  • Note: This product may take a few minutes to download.

Table of Contents

Chapter 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.

Chapter 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.

Chapter 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 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.

Chapter 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.

Chapter 4: 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.

Chapter 6: Laying Out Pages.

Set Up Your Page for CSS Layouts.

Float Elements.

Use Margins and Padding to Fix Float Problems.

Work with Overflow.

Chapter 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.

Chapter 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.

Chapter 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.

Chapter 10: Making Sites Accessible.

Understanding Web Standards.

Understanding Web Accessibility.

Add Captions and Summaries to Tables.

Create Accessible Table Headings.

Create Accessible Navigation.

Chapter 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.

Chapter 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.

Chapter 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.

Chapter 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.


Read More Show Less

Customer Reviews

Be the first to write a review
( 0 )
Rating Distribution

5 Star


4 Star


3 Star


2 Star


1 Star


Your Rating:

Your Name: Create a Pen Name or

Barnes & Noble.com Review Rules

Our reader reviews allow you to share your comments on titles you liked, or didn't, with others. By submitting an online review, you are representing to Barnes & Noble.com that all information contained in your review is original and accurate in all respects, and that the submission of such content by you and the posting of such content by Barnes & Noble.com does not and will not violate the rights of any third party. Please follow the rules below to help ensure that your review can be posted.

Reviews by Our Customers Under the Age of 13

We highly value and respect everyone's opinion concerning the titles we offer. However, we cannot allow persons under the age of 13 to have accounts at BN.com or to post customer reviews. Please see our Terms of Use for more details.

What to exclude from your review:

Please do not write about reviews, commentary, or information posted on the product page. If you see any errors in the information on the product page, please send us an email.

Reviews should not contain any of the following:

  • - HTML tags, profanity, obscenities, vulgarities, or comments that defame anyone
  • - Time-sensitive information such as tour dates, signings, lectures, etc.
  • - Single-word reviews. Other people will read your review to discover why you liked or didn't like the title. Be descriptive.
  • - Comments focusing on the author or that may ruin the ending for others
  • - Phone numbers, addresses, URLs
  • - Pricing and availability information or alternative ordering information
  • - Advertisements or commercial solicitation


  • - By submitting a review, you grant to Barnes & Noble.com and its sublicensees the royalty-free, perpetual, irrevocable right and license to use the review in accordance with the Barnes & Noble.com Terms of Use.
  • - Barnes & Noble.com reserves the right not to post any review -- particularly those that do not follow the terms and conditions of these Rules. Barnes & Noble.com also reserves the right to remove any review at any time without notice.
  • - See Terms of Use for other conditions and disclaimers.
Search for Products You'd Like to Recommend

Recommend other products that relate to your review. Just search for them below and share!

Create a Pen Name

Your Pen Name is your unique identity on BN.com. It will appear on the reviews you write and other website activities. Your Pen Name cannot be edited, changed or deleted once submitted.

Your Pen Name can be any combination of alphanumeric characters (plus - and _), and must be at least two characters long.

Continue Anonymously

    If you find inappropriate content, please report it to Barnes & Noble
    Why is this product inappropriate?
    Comments (optional)