Free Dreamweaver Family Template

Document Sample
Free Dreamweaver Family Template Powered By Docstoc
					                                         Index
                                                  images, resizing, 77–78
• Symbols and Numerics •                          images with multiple layers, 91–93
# (pound) character, 59                           menu bar, 73
1&1 Internet Web site, 293                        Options bar, 72–73
72 ppi, 78                                        overview, 18, 20, 69–70




                                                               AL
                                                  panels, 73–74
                                                  starter image templates, editing, 182–188
•A•                                               Toolbox, 70–72




                                                           RI
                                                 Adobe Soundbooth program, 249
about.html page, 132, 157, 172–173
                                                 Adobe Web site, 271
AC_RunActiveContent.js file,




                                                      TE
                                                 AdSense, Google, 127, 276–281, 306
    Dreamweaver, 263
                                                 AdSense for Content page, Google
Access drop-down list box, Site Definition
                                                       AdSense, 280–281

                                                 MA
     dialog box, 210
                                                 AdSense Setup tab, Google AdSense, 279
accessibility, 56, 259
                                                 Advanced Mode option, Export Settings dialog
account, Google Analytics, 217–218
                                                       box, 266
Active Links option, Page Properties
                                                 Advanced tab, Site Definition dialog box, 97
    dialog box, 117
                                            D
                                                 advertising, 275–281. See also promoting
Add an Image window, WordPress, 238
                                                       Web site
                                       TE

Add Browser dialog box, Dreamweaver, 202
                                                 Advertising Programs page, Google, 277
Add New Post page, WordPress, 236–237
                                                 .aero domain, 40
Add New Tag text box, WordPress, 238
                                                 affiliate program, 282–287
                                 GH



Additional Search Options link, Commission
                                                 alignment, image, 109, 142
    Junction Get Links page, 285
                                                 Amazon affiliate program, 282, 287
address, distribution of e-mail, 299
                                                 American Airlines domain name, 36
AddressMunger Web site, 114, 301–302
                             RI




                                                 Analytics, Google, 127–128, 217–219, 297–298
Adobe Audition program, 249
                                                 animation, 257–259
Adobe Browser Labs Web site, 204
                                                 AP Div, 53–54
                        PY




Adobe Contribute, 19
                                                 Appearance (CSS) category, Page Properties
Adobe Dreamweaver. See Dreamweaver, Adobe
                                                       dialog box, 115–116
Adobe Fireworks, 20
                                                 Apple iTunes, 255
                  CO




Adobe Flash
                                                 Apple MobileMe Web site, 133
 animation files, inserting into page, 260–263
                                                 .asp extension, 17
 overview, 259
                                                 ASP template, Microsoft, 17
 player, 258
                                                 ASP.NET site, 17
 templates, 17
                                                 .aspx extension, 17
 video, 258, 264–270
                                                 Atom feed, 242
Adobe Media Encoder program, 264–267
                                                 Audacity program
Adobe Photoshop, 18, 20
                                                  editing recording, 250–254
Adobe Photoshop Elements
                                                  music track, 256
 background images, creating, 175–177
                                                  recording podcasts, 246–249
 banner graphics, customizing, 134–137
                                                 audience, target, 23
 Business Template, editing and sizing images
                                                 audio. See podcast
    for, 159–164
                                                 audio format, 258
 images, combining photos and text in, 85–90
                                                 Audio tab, Export Settings dialog box, 266
 images, cropping, 75–76
                                                 Audio Video Interleave (AVI) format, 258
312   Web Sites Do-It-Yourself For Dummies, 2nd Edition

      Audition program, Adobe, 249                       Browsershots Web site, 204–205
      Austin Relax massage site, 12, 199                 budget, project plan, 27–29
      Automatically Upload Files to Server on Save       business site
          check box, Site Definition dialog box, 212      Dreamweaver Web template, 171–174
      AVI (Audio Video Interleave) format, 258            images, 159–164
      AWStats program, 220                                overview, 12, 155
                                                          page layouts, background images in, 175–177
      •B•                                                 pages, creating, 165–170
                                                          templates, 155–158
      Background Color swatch box, Page Properties
           dialog box, 116
      bandwidth, 43–44
                                                         •C•
      bank confirmation, PayPal, 291                     Cascading Style Sheets (CSS)
      banner graphics                                     advantages of, 54–56
       business site, 167                                 class selectors, 58–59
       customizing, 134–137                               compound styles, 61–62
       gallery templates, 152–153                         ID selectors, 59–60
       overview, 132                                      overview, 51–52, 54
       portfolio home page, customizing, 148–149          page layouts, 57–58
       starter image templates, 187                       rule definition options, 62–63
      Benchmark Email service, 298                        tag selectors, 60–61
      biography, 139                                      viewing code, 65
      Bitrate options, Export Settings dialog box, 266    XHTML, combining with, 56–57
      .biz domain, 40                                    case sensitivity, domain name, 36–37
      _blank target option, 111                          Categories section, WordPress, 240
      blog                                               Category box, Site Definition dialog box, 97
       benefits, 18                                      Category list, CSS Rule Definition dialog box, 105
       blogging software, 229                            cellphone
       creating, 15                                       designing pages with CSS for, 55
       Google Analytics code, adding, 219                 limitations of, 29–30
       overview, 13, 223                                 channel, 281
       posting to, 236–241                               character recognition software, 300
       promotion methods, 309                            Check Links Sitewide option,
       style of, 241                                         Dreamweaver, 207–208
       template, 230–235                                 Check Spelling icon, WordPress, 239
       titles, 233                                       Chitika Web site, 287
       Web hosting packages, 44                          Chocolate Game Rules Web site, 51–52
       WordPress, starting, 224–228                      Choose Local Root Folder dialog box,
      Blog Title field, WordPress, 226                       Dreamweaver, 138
      Blogger software, 229                              CJ Account Manager, Commission Junction, 284
      BlueMountain Web site, 310                         class selector, CSS, 58–59
      body tag, 105                                      class style, 58–59
      box model, 57                                      Clicky Web analytics service, 220
      broken link, 32, 208                               club site, 11
      Browse icon, Dreamweaver, 98                       Code view, Dreamweaver, 48–49
      browser                                            color
       function of, 50                                    of advertisements, 280
       previewing in multiple, 201–203                    setting, in Dreamweaver, 115–116
       site appearance, effect on, 198, 200              .com domain, 39–40
       testing site designs before publishing, 122       Commission Junction affiliate program, 282–287
      browser emulator, 204–205                          Commit icon, Crop tool, 76
                                                                                         Index     313
competitor site, reviewing, 29                    country domains, 40
compound style, CSS, 61–62                        endings, 39–40, 42
conference call, free, 302                        hosting multiple sites, 45–46
confirmation e-mail, WordPress, 227               overview, 35–36
Connects to Remote Host icon,                     registering, 40–42
    Dreamweaver, 213–214                          selecting, 36–37
consistency, of Web design, 30–31                 top-level domains, 39
Constant Contact service, 298                     WordPress blog, 225
Constrain Proportions check box, Image Size      Domain Web site, 38
    dialog box, 78                               downloading
consulting service, cost of, 28                   design considerations for, 30
contact.html page, 157                            Dreamweaver templates, 17
content, collecting, 26, 30                       existing sites, 96
content list, 24–25                               files or folders in Dreamweaver, 216
Contribute, Adobe, 19                             image formats, 82
conventions used in book, 2–3                     new browsers, 203
.coop domain, 40                                 Dreamweaver, Adobe
cost, of Web site, 10, 27–29                      AP Divs, 53–54
country domain, 40                                code, inserting, 127–128
Create Buy Now Button form, PayPal, 292           Commission Junction code, inserting, 287
Create New Website Profile page, Google           creating pages, 101–105, 165–170, 192–195
    Analytics, 218                                CSS Rule dialog box, 59–63
Crop tool, Photoshop Elements, 75–76, 187         defining Web site, 97–100
Cross Browser Testing Web site, 204               Device Central, 55
CSS. See Cascading Style Sheets                   Dynamic Web Templates, 145
css folder, Family template, 181                  Edit Font List dialog box, 64
CSS Rule Definition dialog box, Dreamweaver,      existing site, setting up, 95–96
    104–105, 119, 143, 169                        Family Web Site template, 189–191
CSS Rule dialog box, Dreamweaver, 59–63           Flash animation files, inserting, 260–263
CSS Styles panel, Dreamweaver, 103                Flash video, adding to site, 268–270
Custom Header link, Wordpress, 231                FTP, setting up, 209–212
CuteFTP program, 216                              FTP features, 213–216
                                                  Gallery templates, 150–154
•D•                                               Google Analytics code, adding, 219
                                                  images, inserting, 107–109
Dashboard, WordPress, 228                         linking new pages, 192–195
dead air, deleting, 254                           linking to e-mail addresses, 113–114
deadline, 27                                      linking to other pages in site, 110–111
dedicated FTP program, 216                        linking to other Web sites, 112
default.html page, 100                            link-testing features, 207–208
deleting noise, Audacity, 251                     meta tags, 126
design. See Web design                            new site, setting up, 95–96
Design view, Dreamweaver, 48                      online profile, designing, 138–143
Detect Size button, Insert FLV dialog box, 269    overview, 18–19, 95
Device Central, Dreamweaver, 55, 203              page properties, 115–117
Digital Family Web site, 2, 19, 36                portfolio home page, customizing, 145–149
digital format, 26                                previewing pages in multiple
disk space, 44                                        browsers, 201–203
<div> tag, 51, 57, 176                            setting up site, 95–96
domain name                                       styles, defining, 118–120
 availability, 38–39                              templates, 16–17, 121–125
 in budget, 28                                                                       (continued)
314   Web Sites Do-It-Yourself For Dummies, 2nd Edition

      Dreamweaver, Adobe (continued)                      Export Settings dialog box, Media
       views in, 48                                           Encoder, 264–266
       Web template, 171–174                              Expression Web, Microsoft, 18–19, 50
       XTML code, 50                                      ExpressionEngine software, 229
       YouTube code, adding, 274                          Extensible Hypertext Markup Language
      .dwt extension, 16, 122                                 (XHTML)
      dynamic Web site, 13, 14–15                          combining with CSS, 56–57
      Dynamic Web Template, 145                            overview, 47–50
                                                           page layouts, 57–58
      •E•                                                 external link, 112, 208
                                                          external style sheet, 63
      Ecademy Web site, 307                               Eyedropper tool, Save for Web dialog box, 83
      e-card, 309–310
      e-commerce
       cost of transaction features, 28
                                                          •F•
       PayPal buttons, adding to site, 288–292            Facebook Web site, 306
       services, 45                                       family site
       shopping cart system, 293                            creating pages, 192–196
       Web hosting packages, 44                             designing for entire family, 189–191
      Edit CSS option, WordPress Manage                     group site templates, 179–181
          Themes page, 235                                  linking pages, 192–196
      Edit Font List dialog box, Dreamweaver, 64            overview, 12–13, 179
      editable region, of template, 123–124, 193            starter image templates, 182–188
      editing                                               templates, 179–181
       Audacity recording, 250–254                        Family Web Site template, 189–191
       Business Template, 172                             favicon, 301
       existing sites, 96                                 feed, Twitter, 309
       images for template, 159–164                       Fetch program, 216
       podcast, 250–254                                   file extension, 100
       starter image templates, 182–188                   File Transfer Protocol (FTP)
      .edu domain, 40                                       features, of Dreamweaver, 96, 213–216
      Effect menu, Audacity, 253                            setting up, 209–212
      effects, special, 30                                filename, 100, 102
      elastic layout, 101                                 FileZilla program, 216
      Elements. See Photoshop Elements                    Fill Layer dialog box, Photoshop Elements, 136
      e-mail                                              FireFTP program, 216
       addresses, linking to, 113–114                     Fireworks, Adobe, 20
       blog updates by, 241                               fixed layout, 101
       newsletter services, 298                           Flash
       protecting addresses, 301–302                        animation files, inserting into page, 260–263
       registration services, 41                            overview, 259
      Email Link dialog box, Dreamweaver, 114               player, 258
      Email Link icon, Common Insert panel, 113             templates, 17
      Enable Cache option, Site Definition                  video, 258, 264–270
          dialog box, 99                                  Flash Arcade Web site, 271
      Enable File Check In and Check Out option, Site     Flash Kit Web site, 271
          Definition dialog box, 212                      Flickr Web site, 133
      Excerpt area, WordPress, 240                        font, 30, 64, 119, 183
      An existing external style sheet option, CSS Rule   format
          dialog box, 63                                    audio, 258
      export feature, Audacity, 248                         video, 258, 264–265
                                                                                              Index   315
formatting, text, 103                                hierarchical tag, 49, 60
frame, HTML, 52–53                                   hobby site
free image editing program, 20                        creating pages, 192–196
FreeConference Web site, 302                          designing for entire family, 189–191
front page. See home page                             family or group site templates, 179–181
FTP (File Transfer Protocol)                          linking pages, 192–196
  features, of Dreamweaver, 96, 213–216               overview, 179
  setting up, 209–212                                 starter image templates, 182–188
An FTP error occurred message, 212                   HockeyBuzz Web site, 9
FTP Host text box, Site Definition dialog box, 210   home page
                                                      creating, 48
•G•                                                   filenames, 100
                                                      portfolio site, customizing, 145–149
gallery template, 150–154                             Web design, 31–32
gallery.html page, 157                               hosting, Web. See Web hosting
GarageBand program, 249                              HTML (Hyper Text Markup Language)
Gardens to Tables Web site, 15                        frames, 52–53
Gcast Web site, 255                                   overview, 47–50
General settings, WordPress, 232                      tables, 51–52
Get Ad Code page, Google AdSense, 281                http://, in domain name, 37
Get Links page, Commission Junction, 285–286         HTTP address, 99
Get Started page, PayPal, 290–291                    hybrid layout, 101
GIF format, 82–84                                    Hyperlink dialog box, Dreamweaver, 110–111
goals, project plan, 22–24                           hyphen, in domain name, 37
Google AdSense, 127, 276–281, 306
Google Analytics, 127–128, 217–219, 297–298
Google Checkout for Merchants Web site, 293
                                                     •I•
Google Search tools, 33                              icons used in book, 4
GotoAndLearn Web site, 271                           iContact service, 298
.gov domain, 40                                      ID selector, CSS, 59–60
graphics. See also Photoshop Elements                IFP3 Advanced Photo Websites, 133
 banner, 132, 134–137, 148–149, 152, 167, 187        image. See also graphics
 GIF format, 82–84                                     Business Template, adding to, 166, 168
 JPEG format, 79–81                                    creating, 74
 optimizing, 79–84                                     cropping, 75–76
 overview, 69                                          digitalizing, 26
 PNG format, 82–84                                     Dreamweaver Gallery template, 151–152
graphics program, 18, 20. See also specific             editable regions, adding to, 194
     programs by name                                  editing for template, 159–164
group site template, 179–181                           Family Web Site template, adding to, 191
                                                       home page, replacing on, 147
•H•                                                    inserting, 107–109
                                                       with multiple layers, 91–93
Hallmark Web site, 310                                 opening in Elements, 74
hardware, 198                                          for page layout background, 175–177
header                                                 professional, downloading inexpensively,
 blog, 231–232                                            299–300
 e-mail, 299                                           for profiles, 140–142
heading, page, 60, 143, 169                            resizing, 77–78
headline, blog, 237                                    sizing for template, 159–164
                                                       starter template, 182–188
316   Web Sites Do-It-Yourself For Dummies, 2nd Edition

      image editing program, 20. See also specific      link
           programs by name                              broken, 32, 208
      image gallery, 131                                 Business Template, 167
      Image Size dialog box, Photoshop                   from other sites, 304
           Elements, 77–78, 93                           overview, 31
      Image Tag Accessibility Attributes dialog box,     setting up, 32–33
           Dreamweaver, 107, 141                         styles, 116
      images file, Business Template, 157              Link Color option, Page Properties
      images folder                                         dialog box, 117
        Dreamweaver, 98                                Link Font drop-down list, Page Properties
        Family template, 181                                dialog box, 117
      index.html page, 100, 132, 157, 180              Link text box, Property Inspector, 112
      .info domain, 40                                 LinkedIn Web site, 306
      inline style, 63                                 linking, in Dreamweaver
      Insert FLV dialog box, Dreamweaver, 268–269        to e-mail addresses, 113–114
      internal style, 62                                 to other pages in site, 110–111
      iStockphoto Web site, 175, 299                     to other Web sites, 112
      iTunes, Apple, 255                               Links (CSS) category, Page Properties dialog
                                                            box, 116–117
      •J•                                              Links Relative To radio buttons, Site Definition
                                                            dialog box, 98
      Jasper Johal Photography Web site, 11            LinkShare Web site, 282, 287
      Java template, 17                                link-testing features, Dreamweaver, 207–208
      Joomla! program, 15, 229                         Linux, 44
      journalists, writing to, 308                     liquid layout, 101
      JPEG format, 79–81                               Liquid Web company, 42–43
      .jsp extension, 17                               list
                                                         content, 24–25
                                                         task, 25–26
      •K•                                              local root folder, 96
      keyword, 304–305                                 Local Root Folder text box, Site Definition
      Kitchen Sink, WordPress Add New                       dialog box, 98
          Post page, 237                               location, of page elements, 30
      Kodak Gallery Web site, 133                      Login screen, WordPress, 228
      Kogi, 8
                                                       •M•
      •L•                                              main page, 100
      landing page, 306                                Maintain Synchronization Information check
      language options, WordPress, 226                    box, Site Definition dialog box, 212
      law regarding newsletters, 299                   Manage Sites dialog box, Dreamweaver, 99, 209
      layers, starter image, 183                       Manage Themes page, WordPress, 235
      Layers panel, Photoshop Elements, 85–90,         margin
           91–93, 135, 183                              image, 109
      layout                                            page, 116
        Business Template, 169–170                     marketing. See promoting Web site
        types of, 101                                  mark-up language, 47
      Legacy Tracking Code, Google Analytics, 218      Marquee selection tool, Photoshop
      line break, 106                                     Elements, 136
                                                                                          Index   317
media. See also multimedia                       Business Template, generating, 173
 marketing to, 308                               Page from Template option, 124, 146
 streaming, 44                                   Portfolio template, 150
Media Encoder program, Adobe, 264–267           New Editable Region dialog box,
menu bar, Photoshop Elements, 73                    Dreamweaver, 124
Merchant Services tab, PayPal, 291              New File dialog box, Photoshop Elements, 74
meta tag, 126, 304                              New Style Sheet file option, CSS Rule
micro blogging, 309                                 dialog box, 63
Microsoft ASP template, 17                      New Tracking Code, Google Analytics, 218
Microsoft Expression Web, 18–19, 50             news.html page, 157
Microsoft Project, 26                           newsletter service, 298–299
.mil domain, 40                                 Ning Web site, 307
.mobi domain, 40                                noise, deleting in Audacity, 251
mobile device                                   Normalize dialog box, Audacity, 253
 CSS, designing with, for, 55
 designing for, 206
 limitations of, 29–30                          •O•
mobile phone emulator, 206                      objectives, project plan, 22–24
money, making                                   OCR (Optical Character Recognition)
 advertisers, 276–281                               software, 26
 affiliate programs, 282–287                    1&1 Internet Web site, 293
 Google AdSense, 276–281                        one-click service, 44
 overview, 275                                  oneColFixCtrHdr body class, 104
 PayPal, 288–292                                online magazine, 32
Movable Type software, 229                      online Web-traffic service, 220
Move tool, Photoshop Elements, 136, 161,        Optical Character Recognition (OCR)
     163, 184                                       software, 26
multimedia. See also Adobe Flash                optimizing
 animation, 257–259                              graphics, 82–84
 Business Template, 174                          multimedia, 259
 mobile devices, 206                             photos, 26, 79–81, 187–188
 overview, 16, 257                              Options bar, Photoshop Elements, 72–73
 uploading videos, 272–274                      opt-out method, for message, 299
 video, playing on Web, 257–259                 .org domain, 40
.museum domain, 40                              organization, of Web design, 31
music, in podcast, 256                          organization site, 11
MyPodcast Recorder program, 249                 orphaned file, 208
MySpace Web site, 306                           Others tab, Export Settings dialog box, 267
                                                Outblush Web site, 9
•N•                                             overwriting file, 215

.name domain, 40
navigation, in Web design, 31                   •P•
navigation bar, 32                              padding, 109
.net domain, 40                                 Page Font drop-down list, Page Properties
netiquette, 306                                     dialog box, 115
New CSS Rule dialog box, Dreamweaver, 118–119   page layout
New dialog box, Photoshop Elements, 85           background images, 175–177
New Document dialog box, Dreamweaver             with CSS and XHTML, 57–58
 blank page, creating, 101–102                  Page Properties dialog box, Dreamweaver,
 Blank Template option, 121                         105, 115–117
318   Web Sites Do-It-Yourself For Dummies, 2nd Edition

      Page Type column, New Document                     portfolio site
          dialog box, 101                                 banner graphics, 134–137
      pages folder, Family template, 181                  gallery templates, 150–154
      panels, Photoshop Elements, 73–74                   home page, customizing, 145–149
      paragraph, 106                                      overview, 10–11, 129
      _parent target option, 111                          template, 131–133
      password, WordPress, 224–225                       posting, to blog, 236–241
      PayLoadz Web site, 293                             pound (#) character, 59
      PayPal, 288–292                                    PowerPoint presentation, sharing, 302
      Pearl template, 17                                 Press section, Web site, 308
      Perez Hilton Web site, 9                           previewing page, 111, 144, 201–203
      Permalink, WordPress Add New Post page, 237        privacy, 41
      personal biography, 139                            Privacy check box, WordPress, 226
      photo. See image                                   .prl extension, 17
      photo1.html pages, 132–133                         product, selling, 275
      Photobucket Web site, 133                          product site, 32
      photography site, professional, 131                Products & Services tab, PayPal, 288–289
      photo-sharing Web site, 131, 133                   professional biography, 139
      Photoshop, 18, 20                                  professional images, on site, 299–300
      Photoshop Elements                                 profile site
       background images, creating, 175–177               banner graphics, 134–137
       banner graphics, customizing, 134–137              gallery templates, 150–154
       Business Template, editing and sizing images       online profile, designing, 138, 140–144
          for, 159–164                                    overview, 11–12, 129
       images, combining photos and text in, 85–90        template, 130–131
       images, cropping, 75–76                           Project, Microsoft, 26
       images, resizing, 77–78                           Project Bin, Photoshop Elements, 86–87
       images with multiple layers, 91–93                project plan
       menu bar, 73                                       budget, 27–29
       Options bar, 72–73                                 content list, 24–25
       overview, 18, 20, 69–70                            goals, 22–24
       panels, 73–74                                      objectives, 22–24
       starter image templates, editing, 182–188          overview, 21–22
       Toolbox, 70–72                                     task list, 25–26
      .php extensions, 17                                 team, 29
      ping, 242                                           timeline, 26–27
      Pink Flamingos site, 52–53                         promoting blog, 242
      Piwik program, 220                                 promoting Web site
      Pixel Dimensions area, Image Size dialog box, 78    blogging, 309
      player, multimedia, 257–259                         ideas from other sites, 307–308
      PNG format, 82–84                                   marketing to media, 308
      podcast                                             overview, 303
       editing, 250–254                                   search engine optimization, 303–305
       overview, 243                                      social bookmarking sites, 307
       preparing, 244–245                                 social networking sites, 306–307
       publishing, 255                                    traffic, buying, 305–306
       recording, 246–248                                 Twitter, 309
      Podcast Alley Web site, 255                         updates, 307
      The Podcast Network, 255                            viral marketing, 308–309
      Podcasting Tools Web site, 255                      word of mouth, 309–310
      pop-up link preview service, 300                   Propaganda program, 249
                                                                                            Index     319
Property Inspector, Dreamweaver, 112, 262–263     Save Optimized As dialog box, Photoshop
ProStores Web site, 293                                Elements, 188
publisher registration page, Commission           Save Style Sheet File As dialog box,
    Junction, 283                                      Dreamweaver, 119
publishing                                        Scale Styles check box, Image Size dialog box, 78
 appearance on different browsers, 200            scanning image, 26
 appearance on different computers, 198–199       screen reader, 56
 Dreamweaver options, 211                         <script> tag, 128
 FTP, setting up, 209–212                         Scripts folder, Dreamweaver, 262–263
 FTP features, 213–216                            search, Web site, 33
 Google Analytics, 217–219                        search engine optimization (SEO), 303–305
 link-testing features, 207–208                   Search field, Commission Junction Get
 online browser emulators, 204–205                     Links page, 285
 overview, 197–198                                Search tool, Google, 33
 previewing in multiple browsers, 201–203         Select File dialog box, Dreamweaver, 111,
 static Web pages, 14                                  195, 261
                                                  Select Image Source dialog box, Dreamweaver
•Q•                                                background images, 116
                                                   banner images, 149
Quality setting, Save for Web dialog box, 80–81    Business Template, 166
QuickTime video format, 258                        customizing images on Portfolio
                                                       home page, 147
                                                   images in Gallery templates, 151–152
•R•                                                Profile site images, 141
Rackspace company, 43                             Selection Tool, Audacity, 251
recording podcast, 245                            _self target option, 111
Rectangular Marquee tool, Photoshop               SEO (search engine optimization), 303–305
    Elements, 186                                 server, Web, 96
Redo option, Photoshop Elements, 72               service agreement, Commission Junction, 284
registration, domain name, 37, 40–42              services
relative link, 110                                 conference calls, free, 302
Remote Info category, Site Definition              e-mail addresses, protecting, 301–302
    dialog box, 210–212                            e-mail newsletters, 298
Resample Image check box, Image Size               favicons, 301
    dialog box, 77–78                              overview, 297
resizing image, 77–78, 185                         pop-up link previews, 300
resolution, 77, 198                                PowerPoint presentations, sharing, 302
revenue. See money, making                         professional images, 299–300
Revert option, Photoshop Elements, 72              selling, 275
Rollover Links option, Page Properties             sites for, 32
    dialog box, 117                                surveys, 301
rotating image, in Photoshop Elements, 160         traffic, measuring, 297–298
RSS feed, 242                                      WhatTheFont, 300
Rule Definition area, New CSS Rule                72 ppi, 78
    dialog box, 119                               shopping cart system, 28, 44, 293
rule definition, CSS, 62–63                       shortcut icon, 301
                                                  Show/Hide Kitchen Sink button, WordPress Add
                                                       New Post page, 237
•S•                                               Shutterfly Web site, 133
                                                  Site Definition dialog box, Dreamweaver
Save As Template dialog box, Dreamweaver, 122
                                                   Advanced Tab, 97–99
Save for Web dialog box, Photoshop Elements,
                                                   Family Web Site template, 189–191
    79–84, 137, 164, 188
                                                                                        (continued)
320   Web Sites Do-It-Yourself For Dummies, 2nd Edition

      Site Definition dialog box, Dreamweaver (continued)   template
        naming sites, 138, 145–146, 165                       blog, 230–235
        Remote Info category, 210–212                         business site, 155–158
      Site Name text box, Site Definition dialog box, 98      creating site with, 10–13
      site-definition process, 97–99                          Dreamweaver, 121–125, 171–174
      Size drop-down list, Page Properties                    family site, 179–181
           dialog box, 115                                    gallery, 150–154
      Skin option, Insert FLV dialog box, 269                 group site, 179–181
      SlideShare Web site, 302                                images, editing for, 159–164
      SnapKast program, 249                                   images, sizing for, 159–164
      Snap-shots online service, 300                          images, starter, 182–188
      social bookmarking site, 307                            portfolio, 131–133
      social networking site, 242, 306–307                    profile, 130–131
      software, cost of, 28                                   types of, 16–18
      SolidCasts Web site, 255                              Template files dialog box, Dreamweaver, 153
      Some text layers contain fonts that                   Templates folder, Family template, 181
           are missing error message, 183                   testing
      sound, Web site, 259                                    appearance on different browsers, 200
      Soundbooth program, Adobe, 249                          appearance on different computers, 198–199
      spam, 114, 299                                          designs before publishing, 122
      special characters, in domain name, 37                  dynamic Web sites, 14
      special effects, 30                                     FTP, setting up in Dreamweaver, 209–212
      spell check, WordPress, 239                             FTP features, Dreamweaver, 213–216
      Split view, Dreamweaver, 48–49, 127                     Google Analytics, 217–219
      standards, Web site, 56                                 links, 154, 196, 207–208
      starter image template, 182–188                         in multiple browsers, 201–203
      static Web site, 13, 14                                 online browser emulators, 204–205
      stock image site, 175                                   overview, 197–198
      streaming media, 44                                     static Web pages, 14
      structure, of Web design, 31                          text
      style, defining in Dreamweaver, 118–120                 Business Template, 168–169
      subject line, e-mail, 299                               digitalizing, 26
      survey, 301                                             in Dreamweaver, 102–103
      SurveyMonkey Web site, 301                            Text Color swatch box, Page Properties dialog
      .swf extension, 17                                          box, 115
      SWiSH Web site, 271                                   Text tool, Photoshop Elements, 88–89, 92–93, 161
                                                            theme, WordPress, 230–231
      •T•                                                   This Document Only option, CSS Rule
                                                                  dialog box, 63
      table, HTML, 51–52                                    threadless Web site, 8
      tag                                                   three-clicks rule, 33
        blog post, 238                                      thumbnail image, Gallery template, 153–154
        HTML, 47                                            timeline, project plan, 26–27
        XTML, 49–50                                         title
      tag selector, CSS, 60–61                                blog, 233
      tagline, blog, 233                                      page, 166, 191, 305
      target audience, 23                                   Toolbox, Photoshop Elements, 70–72
      target option, Adobe Dreamweaver, 111                 _top target option, 111
      task list, 25–26                                      top-level domain, 39
      team, design, 29                                      trackback, 242
                                                            trademark, 37
                                                                                             Index   321
traffic                                            playing on Web, 257–259
  buying, 305–306                                  Vimeo, 272–274
  measuring, 297–298                               YouTube, 44, 272–274
  reporting services, cost of, 28                 viewing code, CSS, 65
Transmit program, 216                             Vimeo
Transparency check box, Save for Web               overview, 44
     dialog box, 83                                uploading videos to, 272–274
Tweets, 309                                       viral marketing, 308–309
Twitter, 309                                      Visited Links option, Page Properties
Type tool, Photoshop Elements, 135, 183–184            dialog box, 117
TypePad software, 229                             visitor
                                                   accessibility of pages with CSS, 56
•U•                                                objectives, defining, regarding, 23
                                                   online surveys for, 301
Underline Style drop-down list, Page Properties   Voice over Internet Protocol (VoIP), 245
    dialog box, 117                               volume, recording, 247
Undo option, Photoshop Elements, 72
Uniform Resource Locator (URL), 35–36
Unix, 44
                                                  •W•
Update Links dialog box, Dreamweaver, 122         Web browser
Update Template Files dialog box,                  function of, 50
    Dreamweaver, 125, 149, 195                     previewing in multiple, 201–203
updating                                           site appearance, effect on, 198, 200
 blogs by e-mail, 241                              testing site designs before publishing, 122
 as promotion method, 307                         Web design. See also Cascading Style Sheets;
 Web sites, 15, 19                                    Hyper Text Markup Language; project plan;
Upload link, YouTube, 273                             specific programs by name
Upload/Insert area, WordPress Add New Post         AP Divs, 53–54
    page, 237                                      consistency of, 30–31
URL (Uniform Resource Locator), 35–36              dynamic pages, 14–15
Use Case-Sensitive Link Checking check box,        home page, 31–32
    Site Definition dialog box, 99                 links, 31, 32–33
Use Firewall option, Site Definition               main sections, 31–32
    dialog box, 211                                multimedia, 16
Use Passive FTP option, Site Definition            navigation, 31
    dialog box, 211                                options, 13–16
username, WordPress, 224                           organization, 31
                                                   overview, 21, 29–30, 47
•V•                                                programs, 18–19
                                                   static pages, 14
vacation site                                      structure, 31
 creating pages, 192–196                           templates, 16–18
 designing for entire family, 189–191              XHTML, 47–50, 56–58
 family or group site templates, 179–181          Web hosting
 linking pages, 192–196                            costs, 28
 overview, 179                                     e-commerce service, 45
 starter image templates, 182–188                  multiple sites with different domain
video                                                 names, 45–46
 Business Template, adding to, 174                 overview, 42–43
 Flash, 264–270                                    registration services, 41
 formats, 258, 264–265                             selecting, 43–44
322   Web Sites Do-It-Yourself For Dummies, 2nd Edition

      Web server, 96                                 writing style, for blog, 241
      Web site. See also specific programs by name;   WS_FTP program, 216
          specific Web sites by name or type          www, in domain name, 37
       cost of, 10, 27–29
       design options, 13–16
       image editing programs, 20                    •X•
       overview, 1–4, 7–8                            Xenocode Browser Sandbox Web site, 204
       successful examples of, 8–9                   XHTML (Extensible Hypertext Markup
       templates, 10–13, 16–18                          Language)
       Web design programs, 18–19                     combining with CSS, 56–57
      Web template, Dreamweaver, 171–174              overview, 47–50
      Website Payments Standard page, PayPal, 289     page layouts, 57–58
      Web-traffic services, online, 220
      wedding Web site, 12
      WhatTheFont software, 300                      •Y•
      Whois database, 41                             Yahoo! e-commerce capability, 44
      Whyville Web site, 42                          Yahoo! Merchant Solutions, 293
      widget, WordPress, 233–235                     Yahoo! Web Analytics, 220
      width, page, 170                               YouTube
      Windows Media Video format, 258                 Fred, 9
      word of mouth, as promotion method, 309–310     hosting video with, 44
      WordPress                                       uploading videos to, 272–274
       Google Analytics code, adding to blog, 219    Yuval David Web site, 155–156, 158
       overview, 15, 223
       posting to blog, 236–241
       starting blog, 224–228                        •Z•
       templates, 17, 230–235
                                                     Zoom tool, Photoshop Elements, 93
      work.html page, 157

				
DOCUMENT INFO
Shared By:
Categories:
Stats:
views:195
posted:11/19/2010
language:English
pages:12
Description: Free Dreamweaver Family Template document sample