Master Page, 298 declaration, 107 Find it faster at contextual selector, 137 defining a CSS class, 121 copyright defining a CSS ID, 121 copyright meta-element, 102 defining multiple selectors with the same displaying a copyright notice, 290 property values, 135 information resources on, 290 defining page elements, 122
ownership of, 290 definition of, 107 http://superindex.apress.com/ registering, 290
element, 121 using the copyright symbol, 290 document-level styles, 111–112 Create New Document option, 98 embedded stylesheets, 111, 113 creating a masthead, 219 external stylesheets, 62, 111 CSS float property, 139 applying the border property to the general syntax, 59 element, 67 grouping background properties together, attaching a stylesheet to a web page, 112 130 background color, 126 hex color, 128 background properties, 129
element, 161 background-attachment property, 129 element, 122 background-image property, 129 HTML page design before stylesheets, 109 background-position property, 130 id attribute, 121 background-repeat property, 129 @import statement, 112, 119 block element, definition of, 151 importing a stylesheet into a web page, element, 122 112 border style, 61 inheritance, 119 box model, 163 inline styles, 62, 111–112 box properties, 139 keeping presentation elements in one browsers supporting CSS stylesheets, 111 style block, 70 changing browser display defaults, 123 lack of a default size unit in, 132 changing styles for positioning, 68 linking a stylesheet to a web page, 113 changing the bullet style of unordered links and underlining, 149 lists, 88 margin attribute, 123 changing the document flow with CSS, named colors, 128 139 opening and closing curly brackets, 107 changing the number format of ordered padding attribute, 123 lists, 88 passing conditional comments to Internet changing the order of the cascade, 113 Explorer, 202 choosing a CSS schema, 147 position property, 140 class attribute, 121 position: absolute, 140 358 ■INDEX
CSS, continued ■D position: relative, 142 Data Protection Act (UK), 291 properties accepting multiple values, 125 Database tab, 81 property, 59, 108 declaration, 107 pseudo-classes, 67 default document name, 29 resolving CSS style conflicts, 113 Default Fonts tab, 56 RGB color, 128 Define in drop-down box, 149 selectors, 59, 107 definition lists, 91 separating content from presentation, 91, Design view, 20, 28 109 changing margin and padding in, 165 setting properties and values, 122 changing the font displayed in, 57 element, 121 inserting a line break using Ctrl+Enter, 97 specificity, 119 digital certificates, 8 specifying a length value, 131 Directive on Data Protection (EC), 291 specifying a percentage value, 131 Disability Discrimination Act (UK), 288 style blocks, 62, 111 display property, 182 stylesheets, advantages of, 108–111 display: inline property, 222 styling multiple selectors, 136 element, 68, 175 summarizing the cascade order, 120 definition of, 61
element, 168 dividing a page into sections, 121, 172 text color, 127 doctitle region, 234, 238–239 three components of, 59 doctype, 20, 33 understanding browser display defaults, definition of, 83–84 122 HTML 3.2 or earlier, 84 understanding color syntax, 127 HTML 4.01 Transitional, 84 understanding the cascade, 113, 115–118 XHTML 1.0 Transitional, 84 using elements to create page document tabs, 20 sections, 121 Document window, 20 using a distinct style for one page section, document-level styles, 111–112 120 domain forwarding, 9 using a flow layout, 139 Domain Name System (DNS), 30 using a nonbreaking space, 142 domain names using CSS shorthand, 61 checking the availability of, 6 using stylesheets to keep website branding choosing, 6 consistent, 230 .com TLD extension, 8 value, 59, 108 country codes, 7 web-safe colors, 128 country-specific domain extensions, 8 white-space: nowrap attribute, 153 digital certificates and .pro registration, 8 white-space: pre attribute, 153 domain forwarding, 9 writing a custom class for a hyperlink with Global Name Registry, 7 a pseudo-class, 134 length limitations of, 6 writing styles in the section of a .name TLD extension, 7 page, 62 .pro TLD extension, 8 .css extension, 62, 112 registering, 7 CSS Properties task pane, 19, 175 registrars, 6, 8 Applied Rules section, 163, 194 Registry Pro, 8 two sections of, 162 restricted and unrestricted, 7 using to write your own CSS, 162 second-level domains, 7 CSS Reports, 49 subdomains, 7 CSS tab, 59 third-level domains, 7 Auto Style Application setting, 61 top-level domains (TLDs), types available, 7 using the element as a selector, 67 Dreamweaver Web Templates, 233 CSS Tab Styles, changing the setting of, 63 Drop-Down Box Properties, 260 curly brackets, opening and closing, 107 Dynamic Web Templates (DWTs) Cynthia Says, 290 adding editable regions, 236, 239 advantages of, 233, 255 ■INDEX 359
applying to a page with content, 247 Edit menu applying to an existing page, 241 Bookmark dialog box, 39 Attach Dynamic Web Template dialog box, Bookmark section, 41 241 changing the margin and padding around attaching to web pages, 241 an HTML element, 43
element, 235 Code View section, 40 changing an attached DWT, 253 Hyperlinks section, 41 choosing a naming convention for IntelliSense section, 41 editable regions, 236 menu items, 39 comparison to Master Pages, 297, 312 Quick Tag bar, 44 creating, 234 Quick Tag Editor, 39 creating a new page from, 243 Refresh, 44 creating editable regions in the body setting the display mode for the main section, 238 document window, 42 as a design-time tool, 234 Styles toolbar, 44 detaching a page from, 252 Tag Management section, 40 doctitle region, 234, 238–239 Visual Aids, options for, 42 dragging and dropping on to an existing editable regions, 233
page, 243 Editable Regions dialog box, 236, 240 Find it faster at Dreamweaver Web Templates, 233 Elementz, 349 Editable Regions dialog box, 236, 240 tag, 55 editing, 251 em, definition of, 72 ensuring consistency between pages, 234 embedded stylesheets, 111, 113 Expression DWTs as working in Empty Web Site option, 27
Dreamweaver, 234 error message, 404 (file not found), 30–31 http://superindex.apress.com/
element, 234 Expression Web headblock region, 240 Byte Order Marks (BOMs), 56 making global changes to a website, 234 Cassini web server, 80 marking page areas as editable regions, choosing a default installation, 13 233 Code view, 20
element, 239, 250 default character set, 75 moving content between editable regions, default installation location, 13 249 Design view, 20, 28 New Region drop-down menu, 249 disabling right-click functions, 290 null links, 251 doctype, 20 preparing an existing page for, 245 Document window, 20 preventing editable regions that collapse, Dynamic Web Templates (DWTs), 18 250 extending through add-ons, 50, 347 removing editable regions, 237 FrontPage Server Extensions (FPSE), 12 republishing changed pages, 234 installing, 13 retaining page-level styles, 250 installing the ASP.NET web server, 15 saving templates in a Templates folder, installing the VBScript editor, 15 234 IntelliSense, 11 selecting Manage Editable Regions to add interface features, 16 content regions, 236 keyboard shortcuts, 350 server-side scripting and, 242, 248 Linux-based vs. Windows-based web
element, 238, 250 servers, 11 updating pages attached to, 251 menu bar, 17 uploading not required, 234 minimum screen resolution using locked areas, 233 recommended, 13 operating systems supported, 13 ■E performing a custom installation, 13 e-commerce websites, 2 setting the default Code view E-mail Address option, 101 configuration, 40 Edit Browser List option, 32 setting the default fonts, 56 Edit Hyperlink dialog box, 241 Split view, 20, 28 360 ■INDEX</p><p>Expression Web, continued Georgia, 73 Status bar, 22 guidelines for using, 74 synchronizing a website, 36 handling multiple-word font names, 74 task panes, 18 Helvetica, 73 Undo option, 33 including a font not installed on your using a third-party FTP program, 34 computer, 75 using an external graphics editor, 51 including a generic font family in a font using the built-in FTP client, 34 value list, 74 UTF-8 encoding, 56, 75 lack of kerning in browsers, 152 Visual Aids, 22 listing multiple font choices for visitors, 74 Web Site view, 20 monospace and monotype, 72 Windows Vista, 13 Tahoma, 73 Windows XP, Service Pack 2, 13 three major families of web fonts, 72 external stylesheets, 111 Times New Roman, 72 attaching using a relative link, 62 using serif fonts at small sizes, 72 detaching before removing Unused Styles, Verdana, 73 49 <form> element, 257, 271 importing, 63 Form Field Properties dialog box, 258, 266 form handler, definition of, 270 ■F Form Properties dialog box, 262, 270 File menu form-processing bots, 271 Edit Browser List option, 32 Format menu menu items, 25 automatic reuse of existing styles, 46 New option, 26 Dynamic Web Template option, 46 New Page option, 26 Font drop-down, 70 New Web Site option, 26 Master Page option, 46 Preview in Browser option, 26, 31 menu items, 45 Publish option, 26, 33 Remove Formatting option, 45 file names, using lowercase letters and Format toolbar, 68 hyphens in, 30 autogenerated styles and autoincrement, File Transfer Protocol (FTP), 9, 33 148 Login Credentials dialog box, 35 creating styles, 17, 63, 147 using to publish a website, 35 forms File Upload Properties dialog box, 262 Add Choice dialog box, 260 Firefox, 32, 221 adding hidden field name and value pairs, fixed-width layout, 203 262 float property, 139 Advanced Button control, 259 effect of the clear property on, 190 Advanced Form Properties dialog box, 272 image alignment and, 212 ASP.NET 2.0 form controls, 257 replacing the HTML align attribute, 185 ASPEmail, 275 using instead of the position: absolute associating a label with a form field, 259 property, 185 basic form-to-e-mail script using ASP.NET flow layout, definition of, 139 code, 284 fluid layout, 203 CGI Formmail, 272 Folder List, displaying local site files, 18–19 checking with a web host regarding e-mail Folders item, 78 forms, 284 <font> element, as deprecated, 85 Classic ASP page for processing a contact Font Families tab, 70 form, 273 <font> tag, cleaning up in imported files, 49 creating a fieldset, 260 fonts creating a simple contact form, 266 Arial, 73 creating an .aspx page, 275 Courier and Courier New, 74 creating an ASP.NET 2.0 form, 275, creating a font family group, 74 278–279, 281–283 default selection for browsers, 72 dragging <form> elements from the em, definition of, 72 Toolbox, 257 font-family definition, 108 Drop-Down Box Properties, 260 ■INDEX 361</p><p>File Upload Properties dialog box, 262 FrontPage, importing content from, 49 <form> element, 257, 271 FrontPage Server Extensions (FPSE), 12, 33 form field, 257 processing a web form with, 270, 272 Form Field Properties dialog box, 258, 266 publishing using HTTP, 36 form handler, definition of, 270 remembering the user ID/password when Form Properties dialog box, 262, 270 publishing a site, 35 form-processing bots, 271 Remote Web site location field, 35 forms-processing scripts, 273 using to publish a website, 35 Group Box control, 260 Group Box Properties dialog box, 260 ■G hosting on a Linux server, 274 gamma of monitors, 127 hosting on a Windows 2000/Windows gateway computers, 30 2003 server, 273 General tab, 54, 79 HTML <form> element, 257 General Tools section, 48 Input (Button) control, 259, 261 GeoCities, 9 Input (Checkbox) control, 261 GIF (Graphics Interchange Format), 209 Input (File) control, 262 Global Name Registry, 7 Input (Hidden) control, 262 Google, 102</p><p>Input (Image) control, 263 AdWords, 234 Find it faster at Input (Password) control, 264 Checkout, 2 Input (Radio) control, 264 Sitemaps, 347 Input (Reset) control, 264 Group Box Properties dialog box, 260 Input (Submit) control, 264 Input (Text) control, 264 ■H</p><p>Label control, 265 <h1> tag, 85 http://superindex.apress.com/ <label> element, 259 hand cursor, 201 <legend> element, 260 <head> element, 66, 84, 112, 234 naming convention for form fields, 258 headblock region, 240 Option Button Properties dialog box, 264 header markup, 85 password text box, 264 hex color, 128 PHP page for processing a contact form, HIPPA, 291 274 horizontal rules, creating, 161 PHP Send Mail, 274 hover state, 132 Picture Properties dialog box, 263 <hr /> element, 161 postback, 257 href attribute, 97 processing, 270 HTML Programming Language drop-down <address> element, 96 menu, 276 align property, 139 Push Button Properties dialog box, 261 alternate language page, 105 required elements, 257 anchor (bookmark), 99 reserved words for field names, 258 anchor element, 97 sendfile.php, 274 attaching a stylesheet to a web page, 112 sending form results by e-mail, 271 automatic highlighting of invalid or sendmail.asp, 273 incompatible HTML, 55 sendmail.php, 274 background color, 126 styling ASP.NET controls, 286 background properties, 129 submit button, 257 background-attachment property, 129 Tag Properties dialog box, 286 background-image property, 129 Text Area control, 265 background-position property, 130 TextArea Box Properties dialog box, 268 background-repeat property, 129 Toolbox, Form Controls section, 257 <blink> element, 150 using ASP.NET 2.0 to add form validation, <blockquote> element, 96 279 <body> element, 62, 84, 122 using FPSE to process a web form, 270, box properties, 139 272 <br /> element, 97 Windows server support for CDONTs, 273 browsers supporting CSS stylesheets, 111 362 ■INDEX</p><p>HTML, continued @import statement, 112, 119 <caption> element, 169 importing a stylesheet into a web page, cell padding and cell spacing, 168 112 cellspacing attribute, 169 inheritance, 119 changing browser display defaults, 123 inline styles, 111–112 changing the document flow with CSS, 139 <label> element, 259 changing the margin and padding around language, 102 an element, 43 <legend> element, 260 character set (charset), 83, 101 <link> element, 105 class attribute, 121 linking a stylesheet to a web page, 113 clear property, 140, 189 lists, types of, 88 <code> element, 96, 122 making relevant headers, 86 commenting out a portion of a stylesheet, margin attribute, 123 126 meta-elements, 101 comparing absolute and relative named colors, 128 positioning, 143 Netscape 4.x, 113 contextual selector, 137 <noscript> element, 105–106 creating a list, 89 opening and closing curly brackets, 107 creating an indented block of text, 96 Optimize HTML dialog box, 49 creating effects with overlapping ordered lists, 88 elements, 141 <p> element, 84 creating headers for a website, 86 padding attribute, 123 creating hyperlinks, 97 page design before stylesheets, 109 creating ordered, structured pages, 83 position property, 140 CSS 1, 2, and 2.1, 147 position: absolute, 140 CSS properties accepting multiple values, position: relative, 142 125 <pre> element, 96 CSS styles and the <head> section of a property, 108 page, 62 reserved words for form field names, 258 CSS units of measurement, table of, 131 resolving CSS style conflicts, 113 declaration, 107 RGB color, 128 defining a CSS class, 121 <script> element, 105 defining a CSS ID, 121 search engines and properly structured defining multiple selectors with the same sites, 86 property values, 135 selector, 107 defining page elements, 122 setting properties and values, 122 definition lists, 91 <span> element, 121 <div> element, 121 specificity, 119 document-level styles, 111–112 specifying a length value, 131 embedded stylesheets, 111, 113 specifying a percentage value, 131 external stylesheets, 111 style blocks, 111–112 float property, 139 <style> element, 105, 111–112 <font> element, as deprecated, 85 stylesheets, advantages of, 108–111 <form> element, 257 styling multiple selectors, 136 grouping background properties together, tables, 91 130 text color, 127 <h1> tag, 85 <title> element, 78, 99, 101 <head> element, 84, 112 <ul> element, 196 header markup, 85 understanding browser display defaults, hex color, 128 122 href attribute, 97 understanding color syntax, 127 <html> element, 83–84, 122 understanding how to use structural hyperlinks, 97 markup, 86 id attribute, 121 unordered lists, 88 <image> element, Mosaic’s introduction using <div> elements to create page of, 208 sections, 121 ■INDEX 363</p><p> using a distinct style for one page section, height and width, 210 120 index transparency, 209 using a flow layout, 139 investing in a graphics editor, 208 using a nonbreaking space, 142 JPG/JPEG (Joint Photographic Experts), using an e-mail hyperlink, 101 209 value, 108 location, 210 web-safe colors, 128 lossy and lossless compression, 210 whitespace, removing in code, 50 Netscape 4, 210 http-equiv browser instructions overcompression and artifacts, 210 character set (charset), 101 photos, tips for using, 209 language, 102 PNG (Portable Network Graphics), 161, Hyperlink Properties dialog box, 224 210 Hyperlink reports, 293 recommended image formats for Hyperlink view, 294 websites, 209 hyperlinks relating images to a site’s content and adding an underline to a moused-over goals, 208 link, 133 requirements for inserting on web pages, anchor element, 97 210</p><p> changing a hyperlink from inline to block, stock photos, 209 Find it faster at 199 translucent effects, 210 creating, 97 using an empty alt attribute, 223 creating a hyperlink to a new page, 224 using original graphics, 209 distinguishing a link from ordinary text, Web Image Formats filter, 213 132 iMail, 11</p><p> four pseudo-classes for indicating link @import statement, 112, 119 http://superindex.apress.com/ state, 132 index transparency, 209 href attribute, 97 index.html, 29 Hyperlink Properties dialog box, 224 information websites, 2 Insert Hyperlink dialog box, 98 inheritance, 119 showing a hand cursor for a mouseover inline styles, 62, 111–112 action, 201 effects of using, 65 types of, 97 using sparingly, 118 writing a custom class for a hyperlink with Input (Button) control, 259, 261 a pseudo-class, 134 Input (Checkbox) control, 261 Hyperlinks item, 79 Input (File) control, 262 Hyperlinks section, 41 Input (Hidden) control, 262 Input (Image) control, 263 ■I Input (Password) control, 264 ID Input (Radio) control, 264 applying to an element, 121 Input (Reset) control, 264 defining, 121 Input (Submit) control, 264 id attribute, 121 Input (Text) control, 264 naming conventions, 121 Insert Hyperlink dialog box, 98, 196 <image> element, Mosaic’s introduction of, Insert menu, items in, 44 208 Insert Table dialog box, 167 images Insert Table menu, 167 Accessibility Properties dialog box, 211 Instantfx.net, 349 alpha transparency, 210 IntelliSense, 11, 41 alternative text, 210–211 IntelliSense tab, support for ASP.NET 2.0, 58 browser support for translucent PNG Internet Explorer, 32 images, 202 display bug, 181 clip art, disadvantages of, 209 length limitations on domain names, 6 copyright considerations, 209 passing conditional comments to, 202 creating a masthead, 219 using a different background from other float property and image alignment, 212 web browsers, 202 GIF (Graphics Interchange Format), 209 Internet Explorer 6, 210 364 ■INDEX</p><p>Internet Explorer 7 human- and machine-readable privacy fixes for CSS rendering bugs, 202 policies, 291 support for PNG image format, 202 licensing requirements, 287, 292 Internet Protocol (IP) address, 6 P3P policy, 291 Internet Service Provider (ISP), website Personal Information Protection and hosting, 9 Electronic Documents Act (Canada), 291 ■J privacy policies, 287, 291 JavaScript, using for client-side scripts, 106 Rehabilitation Act, Sections 508 and 504, JPG/JPEG (Joint Photographic Experts), 209 288 Juicy Studio, 127 state requirements for accessibility, 288 W3C Web Content Accessibility Guidelines ■K (WCAG), 288 keyboard shortcuts <legend> element, 260 Code view shortcuts, table of, 352 letter-space, 153 format shortcuts, table of, 352 licensing, 287, 292 interface and new page management <link> element, types of link relationships, 105 shortcuts, table of, 351 link state, 132 standard Windows shortcuts, table of, 350 Linux (Unix) servers table shortcuts, 353 case sensitivity of, 30 Krug, Steve, 292 encoding a space as %20, 30 List category, 192 ■L lists Label control, 265 changing a bullet style using CSS, 88 <label> element, 259 changing a number format using CSS, 88 language, http-equiv browser instructions, creating, 89 102 creating a list as a menu using contextual Language tab, setting to US/Western selectors, 192 European (ISO), 81 definition of, 91 Layout category ordered, 88 clear property, 185 term and definition parts, 91 clip property, 185 types of, 88 cursor property, 185 unordered, 88 differences between hidden and collapse, using for site navigation, 192 184 local website display property, 184 changing the folder location of, 27 float property, 185 choosing a screen resolution for overflow property, 185 previewing, 32 providing scroll bars, 185 choosing between .htm and .html visibility property, 184 extensions, 30 Layout Tables task pane, 169 creating, 25–27 legal issues creating a new web page, 28 accessibility checker in Expression Web, default document name, 29 288 index.html, 29 accessibility laws applying to websites, managing relative file paths, 26 287–288 necessity for, 26 Americans with Disabilities Act (ADA), 288 options for publishing a site, 34 Children’s Online Privacy Protection Act, Page Properties dialog box, 28 291 procedure for publishing, 37 copyright laws, 287, 290 synchronizing a website, 36 Cynthia Says, 290 testing in a real web browser, 31 Data Protection Act (UK), 291 transferring local web pages to a Directive on Data Protection (EC), 291 production server, 34 Disability Discrimination Act (UK), 288 using F12 to preview, 33 disabling right-click functions, 290 using meaningful file and folder names, 30 HIPPA, 291 Lorem Ipsum text, obtaining online, 217 ■INDEX 365</p><p>■M meta-elements Macintosh, Safari browser, 33 adding with the Page Properties dialog Manage Content Regions dialog box, 302, 311 box, 102 Manage Editable Regions, 236 author, 102 Manage Microsoft ASP.NET Content Regions, copyright, 102 301, 309 description, 102 Manage Styles task pane, 19, 158, 230 http-equiv browser instructions, 101 color-coded system of dots, 183 keywords, 102 renaming styles, 178 robot, 102 using to launch the New Style dialog box, Microsoft 147 Access, 12 margin, changing in Design view, 165 Excel, 93 margin attribute, 123 Office 2007, 13 Margins and Padding Visual Aids, enabling, Paint, 51 165 Script Editor, 50 Master Pages SQL Server, 12 adding, deleting, and renaming Windows Vista, 13 ContentPlaceHolders, 298, 302 Windows XP, Service Pack 2, 13 adding, removing, and modifying controls, Word, 45 Find it faster at 299 Modify Style dialog box, 154, 200 basing content delivery on the user’s login border-color property, 159 status, 297 border-style property, 159 changing the default page title, 299 border-width property, 159 comparison to DWTs, 297, 312 Box category, 163</p><p> creating a nested Master Page, 308–311 Layout category, 184 http://superindex.apress.com/ creating a new Master Page, 298 Position category, 174 creating content pages using a Master setting border properties, 158 Page, 305–306, 308 setting box properties, 163 creating from an existing HTML page, Modify Styles task pane, 153 299–300, 302–305 Mono Project, website of, 11 having parent and child masters, 297, 308 Mosaic, 208 keeping .master as the file extension, 298 MSN Live Search, 102 Manage Content Regions dialog box, 302, mystery-meat navigation, 207 311 ■ managing server control references and N <a href="/tags/URL/" rel="tag">URLs</a>, 297 .name TLD extension, 7 Master Page option, 46 named colors, 128 placing the primary site stylesheet, 304 naming conventions selecting Manage Microsoft ASP.NET camel case, 31 Content Regions, 301, 309 file and folder names, 31 selecting the Create from Master Page naming style sheets, 31 menu option, 305 Neilson, Jacob, 292 selecting the page language, 305 Netscape 4.x, 113, 128, 210 updating the primary and secondary New option, 26 masters, 312 New Page option, 26 using View Source in your browser, 308 New Region drop-down menu, 249 web server support for ASP.NET 2.0 New Style dialog box, 179, 196, 201 required, 297 Background category, 154 menu bar, 17 background-image, 155 menus, 207 background-position, 155 adding mouseover behavior, 223 background-repeat, 155 turning an unordered list into a horizontal Block category, 151 menu, 222 Box category, 163 <meta> element, 239, 250 color drop-down list, 149 <meta> tag, 77 Define in drop-down box, 149 Description section, 150 366 ■INDEX</p><p>New Style dialog box, continued Default Fonts tab, 56 Font category, 148 dialog box, 147 font-family drop-down list, 149 document-level styles, 111 font-variant drop-down list, 149 Font Families tab, 70 inline elements, 152–153 General tab, 54 launching, 148 IntelliSense tab, 58 Layout category, 184 Picture tab, 56 letter-space, 153 Ruler and Grid tab, 56 More Colors option, 156 page layout Preview section, 150, 156 adding a two-column layout, code selecting a font category, 150 example, 226 Selector box, 148 creating a centered, fixed-width layout, 204 Selector drop-down list, 156, 168 creating a hyperlink to a new page, 224 setting background properties, 154 creating a masthead, 219 setting box properties, 163 creating a two-column layout using Table category, 168 absolute positioning, 174 text-align, 152 CSS 2.1 support for, in current browsers, text-indent, 153 171 text-transform drop-down list, 149 establishing a distinctive look and feel, 217 vertical-align, 152 fixed-width layout, definition of, 203 white-space, 153 fluid layout, definition of, 203 word-space, 153 layout problems caused by absolute New Table dialog box, available style options, positioning, 183 168 positioning copyright information, 189 New Web Site option, 26 restricting the width of a page, 204 no-right-click scripts, 290 starting with the basic page-level defaults, nonbreaking space, 142, 169, 250 218 <noscript> element turning an unordered list into a horizontal offering alternative navigation with, 106 menu, 222 using meaningfully, 106 two common types of, 171 null links, 251 using <div> elements to divide a page into sections, 172 ■O using stylesheets to keep website branding Open With dialog box, 53 consistent, 230 Opera, 32 Page Properties dialog box, 28, 68, 239, 299 Optimize HTML dialog box Custom tab, 102 options not recommended for use, 50 General tab, 102–103 Remove Comments section, 50 Paint.NET, downloading, 51 Remove Whitespace section, 50 Paragraph dialog box, 68 using, 49 password text box, 264 Option Button Properties dialog box, 264 PayPal buttons, adding, 347 Orange, 9 PDF files, 97 ordered lists, 88 Personal Information Protection and Outlook, 11 Electronic Documents Act (Canada), 291 ■P personal websites, uses and objectives, 2 <p> element, 84 PHP, 80 P3P policy, 291 PHP Send Mail, 274 padding, 43 Picture dialog box, 213 changing in Design view, 165 Picture File Types dialog box, 56 padding attribute, 123 Picture Properties dialog box, 263 Page Editor Options, 40, 74, 120, 214 Picture tab, 56 AutoThumbnail tab, 56 Pictures toolbar, 212 Code Formatting tab, 57 placeholder text, 217 Color Coding tab, 58 PNG (Portable Network Graphics), 161, 202, CSS tab, 59 210 ■INDEX 367</p><p>POP3 mail services, 11 ■Q Position category Quick Link bar, 65 absolute option, 174 Quick Tag bar, 20, 44, 68, 87, 119, 175, 247 creating a two-column layout using Quick Tag Editor, 39, 266–267 absolute positioning, 174 fixed option, 174 ■R relative option, 174 Recalculate Hyperlinks item, 79 position property, 140 Reformat HTML option, restoring text position: absolute, 140 indenting, 50 position: relative, 142 Refresh, 44 postback, 257, 284 registrars, 6, 8 <pre> element, 96 Registry Pro, 8 Preferences section, 51 Rehabilitation Act, layman's guide to, 288 Preview in Browser option, 26, 31 Remote Web Site item, 79 Preview Tab, 80 Remote Web Site Properties dialog box, 34 privacy policies, 287 Remove Formatting option, 45 advisability of having, 291 Remove Generated HTML section, 49 Children’s Online Privacy Protection Act, Remove Unused Content section, 49 291 Reports item, 79 Find it faster at collecting anonymous information about Reports section, 48 site visitors, 291 RGB color, 128 Data Protection Act (UK), 291 Road Runner, 9 Directive on Data Protection (EC), 291 robot meta-element, 102 HIPPA, 291 Ruler and Grid tab, 56</p><p> human- and machine-readable versions, http://superindex.apress.com/ 291 ■S P3P policy, 291 Safari, 33 Personal Information Protection and screen readers, 211 Electronic Documents Act (Canada), <script> element, 105 291 scripting folders, 38 specifying the data encryption type used, scroll bars, providing, 185 291 search engine optimization (SEO), 102–103 types of, 291 Search Engine Watch, 102 .pro TLD extension, 8 search engines Program Management section, 50 description meta-element, 102 Programming Language drop-down menu, Google, 102 276, 298 ISP-provided sites and, 9 Properties Summary tab, 79 keywords meta-element, 102 property, 59, 108 MSN Live Search, 102 pseudo-classes page description and, 29 active state, 132 properly structured sites and, 86 adding an underline to a moused-over search engine optimization (SEO), link, 133 102–103 hover state, 132 Search Engine Watch, 102 inheritance from the <a> element, 132 Yahoo!, 102 link state, 132 second-level domains, 7 listed order of, 67, 132 Section 508 accessibility, 48 visited state, 132 Secure Socket Layer (SSL), 10 Publish option selectors, 107 File Transfer Protocol (FTP), 33 class, 60 FrontPage Server Extensions (FPSE), 33 HTML element, 60 Remote Web Site Properties dialog box, 34 ID, 60 synchronizing a website, 36 sendfile.php, 274 web host’s preinstalled files/folders, 36 sendmail.asp, 273 Push Button Properties dialog box, 261 sendmail.php, 274 368 ■INDEX</p><p> server-side scripting, 9 <caption> element, 169 Set Language option, 48 captions, 91 site map, 4, 106 Cell Properties dialog box, 94 Site menu changing the vertical alignment in table Advanced tab, 81 cells, 169 Database tab, 81 column and row headers, 91 Folders item, 78 creating, 92, 167 General tab, 79 designers’ abuses of, 91, 110 Hyperlinks item, 79 Insert Table menu, 167 Language tab, 81 Layout Tables task pane, 169 links and disabling metafiles, 79 not using tables for page layout, 170 Preview Tab, 80 <table> element, 168 Properties Summary tab, 79 Table Properties dialog box, available style Recalculate Hyperlinks item, 79 options, 168 Remote Web Site item, 79 turning a data cell into a header cell, 94 Reports item, 79 using for data presentation, 91 Site Settings item, 79 Tag Management section, 40 Web Site tab, 78 Tag Properties dialog box, 286 site navigation, 207 Tag Properties task pane, 19, 162, 266, 277 Site Settings item, 79 task panes Site Settings Language tab, 55 Apply Styles, 19 Site Summary reports, 295 CSS Properties, 19 SMTP mail services, 11 Folder List, 19 <span> element, 121 Manage Styles, 19 definition of, 61 Tag Properties, 19 specificity, 119 Toolbox, 19 spell-checker, 48 templates spelling options, 55 Dreamweaver Web Templates, 233 Split view, 20, 28 Dynamic Web Templates (DWTs), 233 Spool, Jared, 292 purpose of, 233 SQL Server, 12 saving templates in a Templates folder, Status bar, 22 234 <strong> tag, 55 server-side templates, 233 structural.html, downloading, 147 types of, 233 style block, 62, 112 Text Area control, 265 <style> element, 105, 111–112 text color, 127 styles, creating, 63 text-align, 152 Styles toolbar, 44 text-indent, 153 creating new styles with, 147 TextArea Box Properties dialog box, 268 stylesheets TextMode attribute, 279 advantages of, 108–111 third-level domains, 7 attaching to web pages, 112 title attribute, 149 .css extension, 112 <title> element, 78, 99, 101, 238, 250 embedded, 111, 113 Toolbox task pane, 19, 44. 257 importing into a web page, 112 Tools menu linking to a web page, 113 Accessibility Report, 48 subdomains, 7, 9 Application Options, 51 submit button, 257 changing the language of a section of text, 48 ■T Checkbox control, 49 <table> element, 168 Compatibility Checker Report, 49 Table Properties dialog box, 168 CSS Reports, 49 tables General Tools section, 48 adding a nonbreaking space to table cells, Optimize HTML dialog box, 49 169 Page Editor Options, 40, 54 adding comment tags, 169 Preferences section, 51 ■INDEX 369</p><p>Program Management section, 50 Web Accessibility Initiative (WAI), 48 Remove Generated HTML section, 49 web hosting Remove Unused Content section, 49 ASP.NET 2.0, 11 Reports section, 48 checking for the supported database and running the spell-checker and setting server-side tools, 12 spelling options, 48 commercial web hosting, 10 Set Language option, 48 domain forwarding, 9 top-level domains (TLDs), types available, 7 File Transfer Protocol (FTP), 9 Tripod, 9 hosting using a subdomain name, 9 ISP hosting, 9 ■U Linux-based vs. Windows-based web <ul> element, 196 servers, 11 Undo option, 33 POP3 mail services, 11 unordered lists, 88 portals offering free hosting, 9 upload managers, 9 recommended features in a web host, 11 usability search engines and ISP-provided sites, 9 creating a clear visual hierarchy, 292 Secure Socket Layer (SSL) encryption, 10 guidelines for, 292 server-side scripting, 9</p><p>Hyperlink reports, 293 SMTP mail services, 11 Find it faster at Krug, Steve, 292 upload managers, 9 making links visually distinctive, 292 Web Image Formats filter, 213 Neilson, Jacob, 292 web pages Site Summary reports, 295 adding meta-elements with the Page Spool, Jared, 292 Properties dialog box, 102</p><p> testing a website for usability, 293 alternate language page, 105 http://superindex.apress.com/ using website conventions, 292 anchor (bookmark), 99 user variables, definition of, 104 attaching stylesheets to, 112 UseSubmitBehavior property, 281 backing up before changing, 245 UTF-8 encoding, 56, 75 <body> element, 84 UTF-16 encoding, 56 branding a website, 207 Browsed Pages list, 99 ■V browsing recently viewed web pages, 99 value, 59, 108 changing browser display defaults, 123 VB.NET (VB), 276, 278 character set (charset), 83, 101 vertical-align, 152 creating a back-to-top bookmark, 99 View menu, items in, 42 creating a centered, fixed-width layout, Virtual PC 204 downloading from Microsoft, 33 creating a hyperlink to a new page, 224 running with a second operating system, creating a list, 89 33 creating a two-column layout using VisiBone, 127 absolute positioning, 174 visited state, 132 creating an indented block of text, 96 Visual Aids, 22 creating headers for a website, 86 Margins and Padding Visual Aids, creating ordered, structured pages with enabling, 165 HTML, 83 options for, 42 CSS 2.1 support for page layout in current Visual Basic Editor, 50 browsers, 171 Visual JavaScript (VJ#), 276 definition lists, 91 Visual Studio, 284 doctype declaration, 83–84 Visual Web Developer Express, 284 E-mail Address option, 101 ensuring sufficient text contrast, 127 ■W <head> element, 84 W3C validator, 49 head section, contents of, 83 W3C Web Content Accessibility Guidelines header markup, 85 (WCAG), 127, 288 HTML 3.2 or earlier doctype, 84 watermarks, 130 HTML 4.01 Transitional doctype, 84 370 ■INDEX</p><p> web pages, continued Web Site tab, 78 <html> element, 83–84 Web Site view, 20 http-equiv browser instructions, 101 WEBASSIST, PayPal buttons, 347 hyperlinks, 97 WebDAV, as a rarely used option, 35 image requirements, 210 web-safe colors, 128 language, 102 websites lists, types of, 88 blogs, 2 making a page appear the same in all brochure sites, 3 browsers, 124 checking domain name availability, 6 making relevant headers, 86 choosing a domain name, 6 margin attribute, 123 creating a site map, 4 menu and site-navigation conventions, determining your site’s goals and 207 requirements, 1 mystery-meat navigation, 207 e-commerce sites, 2 Netscape 4.x, 113 information sites, 2 ordered lists, 88 objectives for business sites, 2–3 padding attribute, 123 objectives for personal sites, 2 required elements, 83 picturing your ideal target visitors, 3 restricting the width of a page, 204 planning your content, 4 screen readers and alt text in images, 211 registrars, 6, 8 search engines and properly structured structuring your site, 4 sites, 86 suggestions for improving, 12 site map, 106 understanding your target audience, 1 structuring, 84 white-space: nowrap attribute, browser tables, 91 support for, 153 <title> element, 99, 101 white-space: pre attribute, browser support understanding browser display defaults, for, 153 122 Windows Desktop Search, 230 understanding how to use structural Windows Mail, 11 markup, 86 Windows servers, case insensitivity of, 30 unordered lists, 88 Windows Vista, 13 using <div> elements to create page Windows XP, Service Pack 2, 13 sections, 121 word-space, 153 using an e-mail hyperlink, 101 Wrap Tag, 175 using color in, 126 using JavaScript for client-side scripts, 106 ■X using stylesheets to keep website branding XHTML consistent, 230 case sensitivity of, 31 validating, 211 outputting of, by ASP.NET 2.0, 283 watermarks, 130 XHTML 1.0 Transitional doctype, 33, 84 XHTML 1.0 Transitional doctype, 84 web servers, Linux-based vs. Windows- ■Y based, 11 Yahoo!, 9, 102</p>
</div>
</article>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
var docId = '1ca8887b7894c10ee7fab336c0a80318';
var endPage = 1;
var totalPage = 23;
var pfLoading = false;
window.addEventListener('scroll', function () {
if (pfLoading) return;
var $now = $('.article-imgview .pf').eq(endPage - 1);
if (document.documentElement.scrollTop + $(window).height() > $now.offset().top) {
pfLoading = true;
endPage++;
if (endPage > totalPage) return;
var imgEle = new Image();
var imgsrc = "//data.docslib.org/img/1ca8887b7894c10ee7fab336c0a80318-" + endPage + (endPage > 3 ? ".jpg" : ".webp");
imgEle.src = imgsrc;
var $imgLoad = $('<div class="pf" id="pf' + endPage + '"><img src="/loading.gif"></div>');
$('.article-imgview').append($imgLoad);
imgEle.addEventListener('load', function () {
$imgLoad.find('img').attr('src', imgsrc);
pfLoading = false
});
if (endPage < 5) {
adcall('pf' + endPage);
}
}
}, { passive: true });
if (totalPage > 0)
adcall('pf1');
</script>
<script>
var sc_project = 11552861;
var sc_invisible = 1;
var sc_security = "b956b151";
</script>
<script src="https://www.statcounter.com/counter/counter.js" async></script>
</html>
