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
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 do 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, 2
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, 2
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, 3
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