Web Design with HTML and CSS Digital Classroom / Edition 1

Paperback (Print)
Buy New
Buy New from BN.com
Buy Used
Buy Used from BN.com
(Save 41%)
Item is in good condition but packaging may have signs of shelf wear/aging or torn packaging.
Condition: Used – Good details
Used and New from Other Sellers
Used and New from Other Sellers
from $4.88
Usually ships in 1-2 business days
(Save 87%)
Other sellers (Paperback)
  • All (11) from $4.88   
  • New (4) from $7.38   
  • Used (7) from $4.88   


"An invaluable full-color training package for Web design

Web design consists of using multiple software tools and codes-such as Dreamweaver, Flash, Silverlight, Illustrator, Photoshop, HTML, and CSS, among others-to craft a unique, robust, and interactive websites. This book teaches you how to effectively use all the major tools involved in web design to create a site that is both attractive and functional.

You'll go beyond the basics to learn best practices of good web design so you can go from the drawing board to a successful site.

Combining full-color, step-by-step instructions with lesson files and video training from web experts is like having your own personal instructor guiding you through each lesson-but you work at your own pace!

  • Discusses properties of good web design and best practices for building a site that is both attractive and functional
  • Offers clear instruction that makes learning complicated tasks less intimidating
  • Demonstrates how to approach site design concept creation and bring a vision from the drawing board through to full and dazzling operability
  • Combines a full color step-by-step instructional book along with lesson files and video training from web design experts

This training package takes you beyond the basics in a series of easy-to-absorb, five-minute lessons. "

Read More Show Less
  • Web Design with HTML and CSS Digital Classroom
    Web Design with HTML and CSS Digital Classroom  

Product Details

  • ISBN-13: 9780470583609
  • Publisher: Wiley
  • Publication date: 5/10/2011
  • Series: Digital Classroom Series, #31
  • Edition number: 1
  • Pages: 304
  • Sales rank: 818,404
  • Product dimensions: 7.30 (w) x 9.10 (h) x 0.80 (d)

Meet the Author

The AGI Creative Team develops and delivers training programs for creative, marketing, and communications professionals through the American Graphics Institute.
Read More Show Less

Read an Excerpt

Read More Show Less

Table of Contents

Starting Up.

About Web Design with HTML and CSS Digital Classroom.


System requirements.

Understanding menus and commands.

Understanding how to read HTML and CSS code changes.

Loading lesson files.

Video tutorials.

Hosting your websites.

Additional resources.

Lesson 1: Planning Your Website.

Starting up.

The goals of web design.

The diff erence between print design and web design.

The web demands user interaction.

Defi ning the user experience.

User-centered design.

The stages of the planning process.

Defi ning goals and strategy.


Scenarios and characters.

Information architecture.

Defining the navigation design of the SmoothieWorld site.

Rethinking site navigation.

The role of usability testing.

Wireframes, prototypes, and mockups.

The evolving fi eld of interactive prototypes.

Be creative during the planning process.

Self study.


Lesson 2: Fundamentals of the Web.

Starting up.

How web pages work.

The Internet and World Wide Web domain names.

Domain names and hosting.

The language of the web.

The evolution of the web and web standards.

Separating structure, style, and interactivity.

Designing for the web.

Know your audience.

Know that your site's viewers are impatient.

Designing for the screen.

Understanding how your audience

will read your web content.

Self study.


Lesson 3: Web Design Tools.

Starting up.

Web editors versus WYSIWYG tools.

Plain text editors.

Text editors for web design.

WYSIWYG editors.

Defi ning sites in Dreamweaver or Expression Web.

Obtaining Expression Web or Dreamweaver.

Creating a new site in Dreamweaver.

Importing an existing site into Dreamweaver CS5.

Creating a new site in Expression Web.


Lesson 4: Fundamentals of HTML, XHTML, and CSS.

Starting up.

Web languages.

Web page structure is based on HTML.

The details of XHTML syntax.

Doctype lets the web browser know what to expect.

The W3C and page validation.

HTML structure.

Placing images in HTML.

The role of CSS.

Styling a heading.

Understanding class styles and spans.

Three ways to use styles.

Internal versus external style sheets.

Creating an external style sheet.

What makes styles cascading.

Self study.


Lesson 5: Graphics, Color, and Transparency.

Starting up.

Optimizing graphics for the web.

Resizing the image.

Adjusting the image size.

Applying the Unsharp Mask filter to an image.

Selecting the best image format.

Choosing the right file format.

Choosing the best file format for your image.

Saving images as JPEGs.

Choosing the quality of a JPEG.

Previewing your image.

Creating a transparency effect in a JPEG image.

Saving your settings.

Saving images as GIFs.

Optimizing the GIF image.

Using the color table.

Adding a matte to a GIF.

Animating a GIF.

Saving as a PNG.

Slicing an image.

Viewing the completed file.

Creating slices.

Changing the attributes of the slices.

Saving slices out of Photoshop.

Self study.


Lesson 6: Formatting Text with CSS.

Starting up.

The importance of typography on the web.

The challenges of fonts on the web.

Setting a font-family.

Sizing text with CSS.

Pixels and points are not the best choices.

Using a combination of percent and the em measurement.

Using margins to modify the space between your text.

Setting paragraph line-height.

Transforming text with CSS.

Working with HTML lists.

Styling HTML lists.

Self study.


Lesson 7: Introduction to CSS Layout.

Starting up.

Working with a CSS reset file

A brief history of layout techniques on the web.

An overview of page layout options.

Understanding divs: creating a two-column fi xed-width CSS layout.

Understanding the CSS float property.

Creating columns with the float property.

Working with the clear property.

Creating a list-based navigation using floats.

Adding text styles.

The eff ect of margins and padding on your fi xed-width layout.

A review of using margins and padding for layout.

Styling your footer with a background image.

Self study.


Lesson 8: Advanced CSS Layout.

Starting up.

Building your page layout.

Removing the background color.

Working with CSS background images.

Using hacks to solve layout problems.

Enhancing your CSS navigation bar.

Moving your internal styles to the external style sheet.

Creating a style for the active page.

Adding images to your sidebar.

Working with absolute positioning.

Self study.


Lesson 9: Browser Compatibility.

Starting up.

Why browser testing is important.

Are web pages required to look the same in all browsers?

Choose the level of browser support you want.

The special case of IE6.

Tools to identify browser problems.

Virtualization solutions for the Mac OS.

Virtualization solutions for Windows.

Browser compatibility applications.

Addressing browser incompatibilities with CSS fixes.

Addressing Internet Explorer 6 issues with JavaScript.

Browser incompatibilities in the future.

Future browser compatibility issues.

Self study.


Lesson 10: Introduction to Interactivity.

Starting up.

Interactivity on the web.


Adobe Flash.

JavaScript basics.

JavaScript events.

Placing your JavaScript into an external document.

The Document Object Model.

JavaScript frameworks.

Hiding an element with jQuery.

Adding an event to trigger the show effect.

Adobe Flash overview.

Generating code to add Flash movies to a page.

Integrating Flash into a pre-existing design.

Inserting Silverlight content into a web page.

Self study.


Lesson 11: Mobile Design.

Starting up.

The need for mobile-optimized websites.

How is the mobile experience of the web diff erent than the desktop?

Deciding which type of mobile device to target.

The trouble with style sheets.

Using CSS3 media queries.

Self study.


Lesson 12: HTML5 Essentials.

Starting up.

Defi ning HTML5.

The motivation behind HTML5.

HTML5 markup.

The videoaudio, and canvas elements.

Embed media fi les using video and audio elements.

Provide drawing and animation features

using the canvas element.

HTML5 markup is still evolving.

Grouping headings and images.

Identifying figures and captions.

Web forms.

The rest of the HTML5 family.


Web Workers.

Web Storage.

CSS3 integration with HTML5.

How to begin using HTML5/CSS3.

Starting with an HTML5 foundation.

Words of encouragement.

Self study.


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
Sort by: Showing 1 – 2 of 3 Customer Reviews
  • Anonymous

    Posted April 25, 2011

    Great way to learn web design and HTML

    Easy to follow while on my nook and using lesson files and videos I downloaded.

    1 out of 2 people found this review helpful.

    Was this review helpful? Yes  No   Report this review
  • Anonymous

    Posted May 3, 2012

    No text was provided for this review.

Sort by: Showing 1 – 2 of 3 Customer Reviews

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