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