COPYRIGHTED MATERIAL Index
Total Page:16
File Type:pdf, Size:1020Kb
COPYRIGHTED MATERIAL Index ▶ A-Z ▶ HTML & CSS shortcuts ▶ Troubleshooting # symbol (links) 87, 88 background gradients 419 top 366–371 _blank 86 backups 487 box-shadow property 320 <!-- --> 182 bandwidth 487 brightness 252 3D borders 310 baseline 268 bring to front 369 3D form buttoms 343 bgcolor attribute 138 browser quirk 242 12 column grid 387–390 blinking text 282 bulleted lists 65 960 pixel grid 387–390, block elements 102, 185, 317, list-style-type property 333 391–394, 463 229, 361 position of marker 335 blueprint css 391 bold text 45 A <b> 45 C abbreviations 53 font-weight property 279 cache control 192 above the fold 379 <strong> 51 cap height 268 absolute positioning 363, 367 borders capitalize 281 absolute URLs 79 border attribute 138 carriage returns 48 accessibility 7 border (CSS shorthand) 312 cascade in CSS 239 alt text 99, 272, 480 color 311 centering boxes 315 contrast 253, 420 design 469 centering images 412 headings 480 images 319 centering layouts 315 labelling form controls 163 radius 321 centering text 285 screen readers 7 spacing 340 changes to content acronyms 53 style 310 <del> 56 adjacent sibling selector 238 width 309 <ins> 56 align attribute 103–105 bottom property 366–371 <s> 56 aligning form controls 345 bounce rate 485 checkboxes (forms) 155 aligning images using CSS 411 boxes 300-327 checked attribute 155, 156 aligning text 285 borders 309-312, 321 child folder 84 alpha transparency 256 design 469 child selector 238 alt attribute 99 box offsets 364, 364–371 chunking / grouping 465 alt text 99, 272, 480 box-shadow property 320 circles in CSS 322 ampersand 194 centering boxes 315 citations 52, 54 analytics 483–486 circles 322 cite attribute 52 angled brackets 23, 24 elliptical shapes 322 class attribute 184, 431 animated GIFs 117 float 370–375 class selector 238 ascender 268, 283 hiding content 317, 318 clear property 372 attributes 25, 26, 38 IE6 box model 316 closing tag 20, 24 attribute names 25, 26 margin 307, 314 closure 469 attribute selectors 292 max-height property 305 codecs attribute 215 attribute values 25, 26 min-height property 305 code editors 29, 31-34, 49 audio 217–223 overflow property 306 color 246–261 author details 55, 192 padding 307, 313 background color 250 autoplay attribute 214, 219 positioning schemes 367-375 bgcolor attribute 138 rounded corners 321 border color 311 visibility property 318 brightness 252 B box offsets 364, 364–371 color names 249, 252 background property 344 bottom 366–371 color pickers 251 background images 413-416 left 366–371 color values for CSS 251 background colors 138, 250 right 366–371 contrast 253, 420 INDEX design 467, 469 float 364, 370–375 design 452–473 hex codes 249, 252 float (images) 411 960 pixel grid 387–390, hsl / hsla 255–256 fonts 271-280 391–394, 463 hue 252, 255 height 303, 409–410 above the fold 379 lightness 255 hiding content 317-318 chunking / grouping 465 opacity 254 how CSS works 229–232 columns 387–390 rgb values 249, 252 how rules cascade 239 consistency 470 rgba 254 inheritance 239 fixed-width layouts 381, saturation 252, 255 internal style sheets 236 383–384 selecting a color 251 layout 358-405 getting your message across cols attribute 154 links 290-291 465–466 colspan attribute 133 lists 333-336 grouping and similarity columns (layout) 375–376 margins 314 469–470 comments in HTML 182 multiple style sheets 395 information hierarchy 465– comments in CSS 249 padding 313, 337 466 conditional comments 442 positioning boxes 363-367 layout 358-405 containing elements 362 properties and values 231 liquid layouts 382, 385–386 content attribute 191–192 pseudo-classes 289-290 screen sizes and resolution content management system rules 231–232 377–378 (CMS) 33-34 selectors 231–232, 237–238, site maps 461 code view 34 292 target audience 455 templates 81 style attribute 236 visitors' motivation 457 visual view 34 <style> element (for internal visual hierarchy 465, 467–468 continuance 469 CSS) 236 web page sizes 379–380 contrast 253, 420 tables 337-340 what information visitors need controls attribute 214, 219 text 282–297 459 copyright symbol 194 vertical-alignment 286 wireframes 463–464 cropping images 113–114 what CSS is 6 digital rights management 213 CSS 226–425 what style an element is using dimensions of boxes in CSS 303 @import rule 395 348 directory structure 81-84 !important 239 width 303, 337, 371, 409-410 images 98 attribute selectors 292 cufon (typefaces) 272 direct traffic 486 background images 413-419 currency symbols 194 diskspace 487 borders 309-321 cursive typefaces 270 display property 317 boxes 300–327 cursor styles 347 division symbol 194 box offsets 366–371 DOCTYPE declarations 181 bugs and browser quirks 242 domain name 10, 487 clearing floats 372 d Domain Name System (DNS) colors 249, 252, 255–256 dashed borders 310 9, 10 CSS1, CSS2, CSS3 (versions) databases 149, 488 dotted borders 310 242 date input 166 drop down list box 157 CSS3 8 default pages 81, 82 drop shadows 288, 320 declaration 231–232 defining intsance of a term 54 frameworks 391 definition lists 67 cursor styles 347 definitions 54 external style sheets 235 descendant selector 238 external vs internal style descender (typefaces) 268, 283 sheets 241 description attribute 191 INDEX how flash works 203 type="radio" 155 e params 218 type="search" 168 e-commerce 33 swfobject 207–208, 211, 218 types of form control 148 editing content uses of 204 type="submit" 160 <del> 56 flash of unstyled content 278 type="text" 152 <ins> 56 float property 364, 370–375 type="url" 167 <s> 56 float property (images) 411 action attribute 151 editing images 108 FLV (video format) 211 checked attribute 155, 156 editing pages in a CMS 33 folder structure 81-84 cols attribute 154 elements 52 images 98 for attribute 163 definition of 20, 24, 38 fonts id attribute 151, 163 diagram of 23, 24 choosing a typeface 269 maxlength attribute 152 elliptical shapes 322 font sizes 276 method attribute 151 email input 167 fontsquirrel.com 277 multiple attribute 158 email links 85 specifying a font 273 name attribute 152, 155, 156, embossed borders 310 preferences / font stack 269 157, 160 emphasis 51 styles / terminology 267–268 rows attribute 154 empty-cells property 339 type scales 275 selected attribute 157 empty elements 48 weights 268 size attribute 152, 158 ems (for font sizes) 274, 276 font-face property 271 value attribute 155, 156, 157, ems (unit of measurement font-family property 271, 273 160 boxes) 303 font-size property 274, 276 aligning form controls 345 encoding 209 font-weight property 279 changing submit button on entity references 193–194 for attribute 163 hover 343 equality selector 292 foreground color 249 form validation 165 escape characters/codes forward slash 24, 48, 84 get method 151 193–194 formatting code 47 grouping form elements 164 existence selector 292 forms 144–173 hidden form controls 162 exit pages 485 how forms work 149–150 hover styles 342 expires (meta information) 192 what HTML forms are 145 image buttons 161 external style sheets (when to where to position labels 163 name/value pairs 150 use) 241 why use forms 147 placeholder text 168 <button> 162 rounded corners on text inputs <fieldset> 164 342 F <form> 151 styling with CSS 341–346 fantasy typefaces 270 <input> 155, 159, 160-162, 166 submit button 160 file input / upload box 159 <label> 163 form validation 165 fixed positioning 364, 368 <legend> 164 frameborder attribute 190 fixed width layouts 381, <option> 157 FTP 489–490 383–384 <select> 157 full screen layouts 382 flash 200–223 <textarea> element 154 adding a flash movie to your type attribute 155 page 207–208 type="checkbox" 156 G declining usage 204 type="date" 166 general sibling selector 238 flash movies 203 type="email" 167 GIF 111 flash player 203 type="file" 159 animated GIFs 117 flashvars 212, 218 type="hidden" 162 GIMP 108 flash video 211 type="image" 161 global attributes 183 INDEX Google analytics 483–486 <hgroup> 438 background-images 413-416 Google maps 189 <nav> 432, 434 (gradients) 419 Google web fonts 277 <section> 433, 437 indenting text 287 gradients 419 <source> 215, 220 border-images 319 greater than symbol 194 <video> 213–216 bullet points 334 grids 387–390, 463 autoplay attribute 219 choosing images and stock grouping and similarity 469, controls attribute 219 photography 97 469–470 loop attribute 219 copyright 97 grouping / chunking 465 preload attribute 219 cursors 347 grouping elements (<div>) 187 scrolling attribute 190 dimensions 100, 107, 113–114 grouping inline elements seamless attribute 190 in CSS 409–410 (<span>) 188 src attribute (audio) 219 editing images 108, 113–114, date input 166 116, 117 email input 167 image formats 107 H search input 168 animated GIFs 117 hCard 55 URL input 167 bitmap 115 headings 22, 43 form validation 165 GIF 111, 115, 118 <hgroup> 438 placeholder text 168 JPEG 109–110, 115 height attribute 100, 214 helping older browser PNG 112, 115, 118 height property 303 understand 442 SVG 116 height property (images) HTML5 shiv / shim 442 transparent GIF/PNGs 118 409–410 layout 428–449 vector formats 116 height iframe 189 HTML5 layout 428–449 resolution 107, 115 hex codes 249, 252 HTTP orientation (landscape/ hidden form controls 162 get method 151 portrait) 114 hiding content 317, 318 post method 151, 159 position in surrounding text home pages 81, 82 HTTP headers 151 101 horizontal rules 48 Secure Sockets Layer (SSL) preparing for the web 107 hosted video 210 153 rollovers 417 href 77, 79, 88, 235 http-equiv attribute 192 sprites 417 hsl / hsla 255–256 hue 252, 255 titles 99 HTML indenting