web-design-with-html-and-css-digital-classroom

Slicing an image, 107–111 Tools
Slide Toggle effect, 227 Layout, 43
Software virtualization Overview of, 35–36

Definition, 200 Tracking, 129
Mac OS, 200–201 Training, 5
Windows, 201–202 Transparency effect, 90–91
Style sheets Tweening, 103–104
External. See External style sheets Two-column fixed-width CSS layout, 147–151
Internal, 71–72, 158, 176 Type selectors, 69–70
Issues associated with, 245–246 Typeface, 114
Managing of, 176
Reset, 142 U
Styles
Active page, 187–189 Unordered lists, 130
Cascading, 74 Unsharp Mask dialog box, 84–85
Class, 70–71 Unsharp Mask filter, 84–85
Heading, 67–69 URL text box, 109
Internal, moving to external style sheets, Usability testing, 18–19
187 User agent detectors, 245
Text, 158–159 User agent string, 245
Ways to use, 71–72 User experience, 11
SWFObject, 229 User interaction, 10, 212
Users
T
Description of, 10
TCP/IP address, 26–27 Web design considerations, 11
Templates, 45
Text V

CSS properties, 128–130 Validation, 59
Margins used to modify space between, Vendor-specific property, 207
124–127 <video> element, 258–260
Paragraph line-height settings, 127–128 Video tutorials, 4
Resizing, 118–119, 122 Virtualization
Sizing, 118–123
Text editors Definition, 200
Automation features, 40 Mac OS, 200–201
Code coloring, 39 Windows, 201–202
Code completion, 40 VmWare Fusion, 201
Downloading, 36
Finding and replacing code, 41 W
Invisible characters, 39
Line numbers, 39 Web
Mac OS, 2, 37 Domain names, 26–27
Plain, 37 Evolution of, 28–29
Types of, 41 Typography on, 114
Text styles, 158–159
TextEdit, 37–38 Web analytics, 13–14
TextMate, 40–41 Web design
TextWrangler, 41
then statement, 217 Audience, 31–33
Timing of animation, 102 Challenges associated with, 8
Tolerance text box, 94 Definition of, 8
Goals of, 7–8
Mobile device testing of, 249
Planning. See Planning
Print design versus, 8–10

Index 283

Screen considerations, 32–33 Description of, 36, 42
Tools for. See Tools Dreamweaver. See Adobe Dreamweaver
User-centered, 11 Expression Web. See Microsoft Expression
Web Design Digital Classroom Web
Overview, 1 Popularity of, 42
Prerequisites, 1–2
System requirements, 2 X
Web designers
Description of, 10–11 .xap, 235
Resources for, 16 XHTML, 30, 58–59, 256
Web editors, 37–38. See also Text editors
Web languages Z
CSS. See CSS
Description of, 28, 56 Zoom, 122
HTML. See HTML
Web pages
Flash added to, 229–231
HTML, 56
Silverlight content inserted into, 235–237
Validation, 59–61
World Wide Web Consortium validation,
59–61
Web server, 4, 28
Web Storage, 264
Web Workers, 264
WebKit, 208
Websites
Audience for, 31–33
Defining goals and strategy for, 12
Dreamweaver creation of, 46–48
Flash added to, 229–231
Hosting, 4
Interactivity of, 30
Mobile-optimized, 240
Navigation design of, 16–18
Scope of, 15
Structure and style of, 30
User interaction, 10
Viewers of, 32
Wide navigation, 17
Windows Notepad, 37–38
Windows OS
Description of, 2
Virtualization solutions for, 201–202
Windows Phone 7, 249
Windows Virtual PC, 202
Wireframes, 20
World Wide Web. See Web
World Wide Web Consortium
Description of, 29, 58
Web page validation, 59–61
WYSIWYG editors

284 Web Design with HTML and CSS Digital Classroom



The on-line companion to your Digital Classroom book.

DigitalClassroomBooks.com

Visit DigitalClassroomBooks.com for...

Updated lesson Àles
Errata
Contacting the authors
Video Tutorial samples
Book Samples

For information about the Digital Classroom series
visit www.DigitalClassroomBooks.com

286 Web Design with HTML and CSS Digital Classroom

You have a personal tutor
in the Digital Classroom

Windows® 7 Adobe® Adobe®

Flash® Professional CS5 Photoshop® CS5

A Complete Training Package! A Complete Training Package! 978-0-470-52568-5 A Complete Training Package!

• Full-color, step-by-step • Full-color, step-by-step • Full-color, step-by-step
instructional book instructional book instructional book
• Video training from • Video training from • Video training from
expert instructors Adobe Certified Experts Adobe Certified Experts

Tutorials on Tutorials and lesson files Tutorials and lesson files
companion DVD on companion DVD on companion DVD

Kate Shoup and the AGI Training Team Fred Gerantabee and the AGI Creative Team Jennifer Smith and the AGI Creative Team

978-0-470-56802-6 978-0-470-60776-3 978-0-470-60777-0

Adobe® Adobe® Adobe®

InDesign® CS5 After Effects® CS5 Dreamweaver® CS5

A Complete Training Package! A Complete Training Package! A Complete Training Package!

• Full-color, step-by-step • Full-color, step-by-step • Full-color step-by-step
instructional book instructional book instructional book
• Video training from • Video training from • Video training from
Adobe Certified Experts Adobe Certified Experts Adobe Certified Experts

Tutorials and lesson files Tutorials and lesson files Tutorials and lesson files
on companion DVD on companion DVD on companion DVD

Christopher Smith & the AGI Creative Team AGI Creative Team Jeremy Osborn & the AGI Creative Team

978-0-470-60781-7 978-0-470-59524-4 978-0-470-60774-9

CrAedobae® tive Suite® 5 Adobe®
Design Premium
Illustrator® CS5

978-0-470-57777-6 978-0-470-93230-8 A Complete Training Package! A Complete Training Package!

• Full-color, step-by-step • Full-color, step-by-step
instructional book instructional book
• Video training from • Video training from
Adobe Certified Experts Adobe Certified Experts

Tutorials and lesson files Tutorials and lesson files
on companion DVD on companion DVD

AGI Creative Team AGI Creative Team

978-0-470-60779-4 978-0-470-60783-1

A Complete Training Package

For more information about the Digital Classroom series,
go to www.digitalclassroombooks.com.

Available wherever books are sold.

Wiley, the Wiley logo, and Digital Classroom are trademarks or registered trademarks of John Wiley & Sons, Inc. and/or its affiliates.



You have a personal tutor
in the Digital Classroom

If you want expert instruction that fits into your schedule, Digital Classroom delivers.
Experts guide you through 12 lessons, helping you learn essential web design skills
at your own speed. Full-color, step-by-step instructions in the book are enhanced with
samples and materials on digitalclassroombooks.com. With Digital Classroom, you
have your own private instructor showing you the easiest way to learn web design.

• See how planning, prototyping,
and wireframing benefit your site

• Explore navigation design and user
experience design

• Format layouts and text using CSS

• Master the fundamentals of HTML
and XHTML

• Make the most of graphics, video,
and interactive design

• Discover how to test browsers for
compatibility

• Learn to design sites that are optimized
for mobile devices

Jeremy Osborn is Training Director at American Graphics Institute (AGI) and an expert on web and interactive technology.
Jennifer Smith is cofounder of AGI and a noted expert in digital design for web, interactive, and print. She has developed
training and communications projects for many Fortune 500 companies, including Microsoft and Adobe Systems.
The AGI Creative Team consists of Adobe Certified Instructors who create and deliver training programs for creative,
marketing, and communications professionals.

www.digitalclassroombooks.com

Web/Page Design
$39.99 US/$47.99 CAN