mcgraw_hill_web_design_demystified_nov_2010_2384

ard / 801-6 / Front Matter Web Design DeMYSTiFieD® DeMYSTiFieD / Web Design DeMYSTiFieD / Wendy Willard / 801-6 / Front Matter DeMYSTiFieD® Series Accounting Demystified Advanced Statistics Demystified Algebra Demystified Alternative Energy Demystified Anatomy Demystified ASP.NET 2.0 Demystified Astronomy Demystified Audio Demystified Biology Demystified Biotechnology Demystified Business Calculus Demystified Business Math Demystified Business Statistics Demystified C++ Demystified Calculus Demystified Chemistry Demystified College Algebra Demystified Corporate Finance Demystified Data Structures Demystified Databases Demystified Differential Equations Demystified Digital Electronics Demystified Earth Science Demystified Electricity Demystified Electronics Demystified Environmental Science Demystified Everyday Math Demystified Forensics Demystified Genetics Demystified Geometry Demystified Home Networking Demystified Investing Demystified Java Demystified JavaScript Demystified Linear Algebra Demystified Macroeconomics Demystified Management Accounting Demystified Math Proofs Demystified Math Word Problems Demystified Medical Billing and Coding Demystified Medical Terminology Demystified Meteorology Demystified Microbiology Demystified Microeconomics Demystified Nanotechnology Demystified Nurse Management Demystified OOP Demystified Options Demystified Organic Chemistry Demystified Personal Computing Demystified Pharmacology Demystified Physics Demystified Physiology Demystified Pre-Algebra Demystified Precalculus Demystified Probability Demystified Project Management Demystified Psychology Demystified Quality Management Demystified Quantum Mechanics Demystified Relativity Demystified Robotics Demystified Signals and Systems Demystified Six Sigma Demystified SQL Demystified Statics and Dynamics Demystified Statistics Demystified Technical Math Demystified Trigonometry Demystified UML Demystified Visual Basic 2005 Demystified Visual C# 2005 Demystified XML Demystified ard / 801-6 / Front Matter DeMYSTiFieD / Web Design DeMYSTiFieD / Wendy Willard / 801-6 / Front Matter Web Design DeMYSTiFieD® Wendy Willard New York Chicago San Francisco Lisbon London Madrid Mexico City Milan New Delhi San Juan Seoul Singapore Sydney Toronto Copyright © 2011 by The McGraw-Hill Companies All rights reserved Except as permitted under the United States Copyright Act of 1976, no part of this publication may be reproduced or distributed in any form or by any means, or stored in a database or retrieval system, without the prior written permission of the publisher ISBN: 978-0-07-174802-5 MHID: 0-07-174802-4 The material in this eBook also appears in the print version of this title: ISBN: 978-0-07-174801-8, MHID: 0-07-174801-6 All trademarks are trademarks of their respective owners Rather than put a trademark symbol after every occurrence of a trademarked name, we use names in an editorial fashion only, and to the benefit of the trademark owner, with no intention of infringement of the trademark Where such designations appear in this book, they have been printed with initial caps McGraw-Hill eBooks are available at special quantity discounts to use as premiums and sales promotions, or for use in corporate training programs To contact a representative please e-mail us at bulksales@mcgraw-hill.com Trademarks: McGraw-Hill, the McGraw-Hill Publishing logo, DeMYSTiFieD®, and related trade dress are trademarks or registered trademarks of The McGraw-Hill Companies and/or its affiliates in the United States and other countries and may not be used without written permission All other trademarks are the property of their respective owners The McGraw-Hill Companies is not associated with any product or vendor mentioned in this book Information has been obtained by McGraw-Hill from sources believed to be reliable However, because of the possibility of human or mechanical error by our sources, McGraw-Hill, or others, McGraw-Hill does not guarantee the accuracy, adequacy, or completeness of any information and is not responsible for any errors or omissions or the results obtained from the use of such information TERMS OF USE This is a copyrighted work and The McGraw-Hill Companies, Inc (“McGrawHill”) and its licensors reserve all rights in and to the work Use of this work is subject to these terms Except as permitted under the Copyright Act of 1976 and the right to store and retrieve one copy of the work, you may not decompile, disassemble, reverse engineer, reproduce, modify, create derivative works based upon, transmit, distribute, disseminate, sell, publish or sublicense the work or any part of it without McGraw-Hill’s prior consent You may use the work for your own noncommercial and personal use; any other use of the work is strictly prohibited Your right to use the work may be terminated if you fail to comply with these terms THE WORK IS PROVIDED “AS IS.” McGRAW-HILL AND ITS LICENSORS MAKE NO GUARANTEES OR WARRANTIES AS TO THE ACCURACY, ADEQUACY OR COMPLETENESS OF OR RESULTS TO BE OBTAINED FROM USING THE WORK, INCLUDING ANY INFORMATION THAT CAN BE ACCESSED THROUGH THE WORK VIA HYPERLINK OR OTHERWISE, AND EXPRESSLY DISCLAIM ANY WARRANTY, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE McGraw-Hill and its licensors not warrant or guarantee that the functions contained in the work will meet your requirements or that its operation will be uninterrupted or error free Neither McGraw-Hill nor its licensors shall be liable to you or anyone else for any inaccuracy, error or omission, regardless of cause, in the work or for any damages resulting therefrom McGraw-Hill has no responsibility for the content of any information accessed through the work Under no circumstances shall McGraw-Hill and/or its licensors be liable for any indirect, incidental, special, punitive, consequential or similar damages that result from the use of or inability to use the work, even if any of them has been advised of the possibility of such damages This limitation of liability shall apply to any claim or cause whatsoever whether such claim or cause arises in contract, tort or otherwise 284 W e b D e s i g n Demys tified vertical-align property, 144 videos embedding into webpages, 108–109, 209 YouTube, 108, 209 visibility property, 150, 152 Visual Web Developer, 17 W W3C (World Wide Web Consortium), 42, 76 W3C validator, 208–209 web browsers See also specific browsers box display and, 141–142 considerations, 41–42 designing for multiple, 41–42 fonts and, 39 forms and, 136 mockups and, 56 pseudo-elements/classes and, 118 screen design, 41–42 templates, 56 testing pages in, 42, 211, 212–215 use statistics, 41 viewing HTML code in, 11, 76 web design bandwidth, 42–43 cross-platform issues, 22 described, documentation, 26–30, 221–222 exporting designs, 68–75 getting started, 1–32 information architecture, 4–5, 23–25 overview, 2–3 resources, 5, 25 site planning, 18–25 tasks, 3–11 teams, 3–11 technologies, 11–14 templates See templates tools for, 14–17 vs web development, 2–3 web designers, Web Developer toolbar, 36–37, 38 web development, 2–3 web file formats, 60–64 Web fonts, 39–40 web forms See forms web servers, 85, 217–220, 243 webdesignerstoolkit.com, 52 WebEx tool, 211 webpage layout, 50–51 creating design mockups, 52–56 documenting layouts, 26, 27 guidelines, 51 importance of content, 51 options, 74–75 webpages See also websites adding interactivity, 151–152 download speed, 42–43 embedding video into, 108–109, 209 eye-tracking studies, 51 “fold,” 38 keywords in, 223–225, 227 “liquid pages,” 38 maintaining with Contribute, 199 on mobile devices See mobile devices multimedia in, 99, 107–110 photographs on, 38 popular, 225–226 positioning elements on, 147–151 screen size and, 35–39, 203 scrolling, 38 size, 42–43, 202, 203 structure, 51, 90–93 templates for See templates testing, 208–217 text on, 38 titles, 224 transitions, 50 viewing, 34, 35 views, number of, 228 width, 38 web-safe colors, 44 website address, 223 Website Grader, 227 websites See also webpages design mockups, 54, 55 front-end vs back-end, helping users find, 222–229 hosting, 22–23 increasing ranking, 226–227 maintenance tasks See maintenance site maps, 26, 27 “sponsored,” 226–227 structure, 26, 27 submitting to search engines, 226 target audience, 22–23 testing See testing tracking progress of, 228–229 uploading to server, 217–220 visits to, 228 width property, 140–141, 152 widths boxes, 140–142, 143 images, 107–108 I nd ex text areas, 37–38 webpages, 38 Windows Media files, 109 Windows-based systems color palette, 43–44 font issues, 39–40 FTP programs/functions, 219, 220 wireframes, 28, 221 WordPress, 21, 187, 190, 191–192 World Wide Web Consortium See W3C WYSIWYG visual editors, 16, 17 X x axis, 149 XHTML (Extensible HTML), 84, 209, 210 XHTML files, 208 XML (Extensible Markup Language), 176–181 XML files, 208 XSL (Extensible Stylesheet Language), 178 Y y axis, 149 Yahoo! Advertising, 227 Yahoo! search engine, 223, 226 YouTube videos, 108, 209 Z z axis, 149 z-index property, 149, 152 z-index value, 149–150 Zoho Projects, 28, 55 285