Guide to CSS.and.HTML Web.Design

INDEXTimes New Roman font, 75 Vtitle attribute, 39, 68, 135, 163<title> element, 35–37, 444 validation tools, 31, 348title text, alt text overriding, 359 valign attribute, 238–239title=string attribute, 400, 439 valign=top|middle|bottom|baseline attribute, 413, 440,tooltips, 135top property, 488 441, 442, 443, 444top-of-page links, 154–155 value=n attribute, 429TopStyle Pro, 504 value=string attribute, 411, 426, 435Total Validator, 349 valuetype=data|object|ref attribute, 435<tr> element, 235, 444 <var> element, 68, 445transitional layouts, 254 vCard format, 336, 341Transmission Control Protocol/Internet Protocol (TCP/IP), 2 Verdana font, 73Transmit, 506 vertical-align property, 238–239, 488transparency visibility property, 488 visited state, 155, 159 GIF89 and, 128 visual presentation, 10. See also Cascading Style Sheets PNG format and, 129, 364–365 visual tags, 37Trebuchet MS font, 73 vlink attribute, 155Tredosoft, 353 vspace=number attribute, 407, 417triadic color scheme, 123<tt> element, 444 Wtwo-tier navigation systems, 220–223type attribute, 316 WAI (Web Accessibility Initiative), 349type selector, 490 warm colors, 123type=1|A|a|I|I attribute433 watermarks, 55–56type=button|checkbox|file|hidden|image|password|rad WDG HTML Validator, 349 WDG Link Valet, 349 io|reset|submit|text attribute, 426 web browsers, 2, 5type=button|reset|submit attribute, 411type=format attribute, 429 CSS support and, 15type=MIME type attribute, 405, 417, 430, 433, 435, 437, DTD and, 31 font sizes in, 82 439 guide to, 498–500typography, introduction to, 62–64 restrictions of, 71 web color reference, 448–449U web design. See also web pages; websites accessibility and, 11<ul> element, 107, 445 conventions, 63ul#pullNav li:first-child rule, 383 fixed vs. liquid, 260underline (u), 67 limitations of, 27Unicode-bidi property, 488 overview, 5–6universal selector (*), 43, 375, 381, 389, 490 vs. print design, 258, 260unordered list element <ul>, 107, 445 semantic markup and, 9unordered lists, 107, 445 separating content from design, 10–11uppercase attribute, 87 simplicity in, 259url value, 473–474 software, 504usability, 5, 26 usability and, 26usemap attribute, 175 web designers, backgrounds of, 258usemap=URL attribute, 425, 433 web layouts. See also CSS layoutsuser feedback columns, 259–260 CSS vs. tables for, 260 forms for, 315–319 fixed vs. liquid, 260 introduction to, 314–315 grids and boxes, 258–259 mailto: URLS for, 314 logical element placement and, 261 sending, 326–333 tables vs. CSS, 262 using microformats to enhance, 336–341UTF-8 (Unicode) character set, 31 523

INDEX X web navigation. See navigation XHTML (Extensible Hypertext Markup Language) web page links. See links character entities used in, 452 web pages. See also web design; websites comments, 58 core attributes, 400 adding styles to, 15–16 core events, 401–402 attaching external documents, 38–42 elements and attributes, 403–445 backgrounds, 45–56 event attributes, 401–403 basic structure of, 25–27 form element events, 402–403 body section, 42–45 vs. HTML, 8, 30–32 boilerplate creation, 18–23 images in, 134–136 centering in browser window, 376 introduction to, 8–9 creating, styling, and restyling (exercise), 20–23 keyboard attributes, 400 dimensions of, 259 lack of consistency in, 350 essentials for, 30, 59 language attributes, 401 head section, 35–39, 41–42 standard attributes, 400–401 Web palette, 127 Window events, 403 web standards, 6, 8–9 web typography, 63 XHTML documents web-safe colors, 124–125, 448 closing, 57 web-safe fonts, 73–76 document defaults, 30–32 WebKit, 354 website content. See content XHTML frameset, 33 websites. See also web design; web pages XHTML strict, 32 business website, 387–391 XHTML transitional, 33 common errors in, 349–350 XML declarations, 34–35 creating, 387–391 XML prologs, 34–35 design and images for, 387 xml:lang attribute, 31 styling, 389–391 xmlns=namespace attribute, 422 audience requirements, 4–5 xml:lang=language attribute, 401 reasons to create, 3–4 testing, 348–354 Y white-space property, 489 whitespace bugs, 350, 363 Yahoo Search Builder, 150 widows property, 489 width attribute, 17, 134, 237–238, 489 Z width=%|n attribute, 413, 414, 423, 439 width=n attribute, 425, 433, 436, 441, 444 z-index property, 489 width=number attribute, 417 Wikipedia, 149–150 Window events, XHTML, 403 Windows color display in, 72 fonts for, 74–77 word-spacing property, 86, 489 word-wrap property, 362 World Wide Web Consortium (WC3), 7 #wrapper rule, 49, 52, 90, 212, 376, 382, 386, 389 wrappers, 264–272 fixed-width, 264–265, 288–289 maximum-width, 268–269 placing columns within, 288–290 WYSIWYG editing tools, 6, 71, 132524