9780138024901

Learning Web Design w/Adobe CS5

by ;
  • ISBN13:

    9780138024901

  • ISBN10:

    0138024901

  • Edition: 1st
  • Format: Paperback
  • Copyright: 8/18/2010
  • Publisher: Prentice Hall

Note: Supplemental materials are not guaranteed with Rental or Used book purchases.

Purchase Benefits

  • Free Shipping On Orders Over $59!
    Your order must be $59 or more to qualify for free economy shipping. Bulk sales, PO's, Marketplace items, eBooks and apparel do not qualify for this offer.
  • Get Rewarded for Ordering Your Textbooks! Enroll Now
List Price: $93.20 Save up to $18.64
  • Rent Book $74.56
    Add to Cart Free Shipping

    TERM
    PRICE
    DUE

Supplemental Materials

What is included with this book?

  • The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.
  • The Rental copy of this book is not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.

Summary

Hands-on exercises and applications provide students with a practical method to learning software skills as well as web design concepts. Exercises introduce basic skills then build to integrate Dreamweaver, Flash and Fireworks together. The full color illustrations visually support the concepts taught. The text is spiral bound for extra ease-of-use.

Table of Contents

Lesson 1: Get Started with Dreamweaver 1
Exercise 1 [Dreamweaver]
  About Adobe Dreamweaver CS5 3
  Start Dreamweaver 3
  Open a Web Page 4
  Dreamweaver Workspace 5
Ï Property Inspector 5
Ï Application Bar and Document Toolbar 6
Ï Status Bar 7
  Work with Panels and Panes 8
  Close and Exit Dreamweaver 8
Exercise 2 [Dreamweaver]
  Create a New Site 11
Ï Select a Server Technology 12
Ï Where to Store Your Web Site 13
Ï Test Your Web Site 13
Ï Select a Remote Server 14
Ï Check In/Check Out Feature 15
Ï Finish the Site Setup 15
  Create Web Pages 16
  View Site Files 18
  Web Design Guidelines 18
Exercise 3 [Dreamweaver]
  About HTML and XHTML 23
  HTML Document Structure 24
  HTML Tags 24
Ï Attributes and Values 25
Ï Common HTML Tags 25
Ï HTML vs CSS 26
  About XML 26
  Add Keywords to a Web Site 27
  Enter Text on a Web Page 28
  Use Paragraph and Heading Tags 29
  Use Code and Design Views 29
  Open a Different Web Site 30
END OF LESSON PROJECTS
Exercise 4
  Summary Exercise 35
Exercise 5
  Application Exercise 37
Exercise 6
  Curriculum Integration 39
Exercise 7
  Portfolio Builder 40
iv
Exercise 11 [Dreamweaver]
  Adjust Paragraph Alignment 70
  Change Paragraph Indentation 70
  Create Lists 71
  Insert a Date 72
  Use the History Panel 72
Exercise 12 [Dreamweaver]
  About Dreamweaver’s HTML Code Features 77
  Use the Code Inspector 78
  Display Head Content 79
  Use Code Hints and the Tag Chooser 80
  Use the Tag Inspector 81
  Insert Snippets 81
  Clean Up XHTML Code 81
  Find and Replace Code 82
END OF LESSON PROJECTS
Exercise 13
  Summary Exercise 87
Exercise 14
  Application Exercise 89
Exercise 15
  Curriculum Integration 90
Exercise 16
  Portfolio Builder 91
Lesson 2: Working with Text Using CSS Styles and HTML 41
Exercise 8 [Dreamweaver]
  Insert Text from Office Documents 43
Ï Importing or Copying Office Text 43
Ï Create a Link to an Office Document 44
Ï Opening Office HTML Files 44
  Modify Font Formats 45
Ï Select New Font Combination 45
Ï Add Fonts to the Font List 46
Ï Apply Font Styles 46
Ï Change Font Size 46
Ï Apply Font Color 47
  Insert Special Characters 47
  Check Spelling 48
  Find and Replace Text 48
  Save Edits 49
Exercise 9 [Dreamweaver]
  About Styles and Style Sheets 54
  Use the Property Inspector to Create Internal CSS Styles 54
  Use the CSS Styles Panel to Create Internal CSS Styles 55
Ï Define a New Class Style 56
Ï Redefine HTML Tags 57
  Apply Internal CSS Styles 57
  Edit Internal CSS Styles 57
  Dreamweaver CSS Reference 58
Exercise 10 [Dreamweaver]
  Create an External Cascading Style Sheet 61
Ï Save New External Style Sheet 62
Ï Attach External Style Sheet to Existing or New Web Document 62
  Dreamweaver CSS Layouts and Samples 63
Ï Use a CSS Layout 63
Ï Use a Dreamweaver Sample Style Sheet 65
  About Inline Styles 65
  Manage Styles  66
Learning Web Design with Adobe CS5 Table of Contents v
Lesson 4: Work with Graphic Elements and Templates 117
Exercise 24 [Dreamweaver]
  Change the Page Background Color 119
  Insert Horizontal Rules 121
  Use Web-Safe and Custom Colors 121
Exercise 25 [Fireworks]
  About Adobe Fireworks 126
  About Bitmap and Vector Images 126
  Start Fireworks and Create a New Document 126
  Learn the Fireworks Window and Tools  127
  Understand the Select Tools 127
  Learn the Bitmap Tools 129
  Understand Vector Tools 129
  Change the View 130
  Fit the Canvas 130
Exercise 26 [Fireworks]
  Learn about Bitmap Objects 134
  Select the Drawing Colors 134
  Draw with the Brush Tool 134
  Draw with the Pencil Tool 134
  Select Bitmap Objects 135
  Copy and Paste Bitmap Objects 136
Exercise 27 [Fireworks]
  Adjust Brightness and Contrast 140
  Apply Filters 140
  Sharpen and Blur an Image 141
  Use the Burn and Dodge Tools 142
  Use the Rubber Stamp Tool 142
  Use the Smudge Tool 142
Lesson 3: Adding and Managing Links and Previewing Pages 93
Exercise 17 [Dreamweaver]
  About Links 95
  Create Text Links 95
  Link to Named Anchor 96
  Link to E-Mail Address 97
  Other Ways to Link 98
Exercise 18 [Dreamweaver]
  Preview a Site in a Browser 101
  Preview a Site in Device Central 102
  Work in the Files Panel 103
Ï Displaying Files in the Files Panel 103
Ï Basic Files Panel Operations 103
Exercise 19 [Dreamweaver]
  Check Browser Compatibility 107
  Understand Browser Compatibility Issues 108
  Check and Modify Links 108
Ï Check Links 109
Ï Repair Links 110
END OF LESSON PROJECTS
Exercise 20
  Summary Exercise 113
Exercise 21
  Application Exercise 114
Exercise 22
  Curriculum Integration 115
Exercise 23
  Portfolio Builder 116
Exercise 31 [Dreamweaver]
  About Adobe Bridge 166
  Insert an Image on a Page in Dreamweaver 166
  Modify Image Properties 169
Ï Resize Image 170
Ï About Image Borders 170
  Position an Image on a Page 170
Ï Position a Standalone Image 170
Ï Wrap Text around an Image 170
Ï About Spacing around Images 171
Ï Use Rulers and Guides to Help Position Graphics 172
  Edit Graphics within Dreamweaver 172
  Insert and Edit a Fireworks Image 173
  Manage Graphic Files 174
Exercise 32 [Dreamweaver]
  Insert a Background Picture 181
  Create Image Maps 181
  About Rollover Images 183
Ï Insert a Rollover Image 183
Ï Insert a Navigation Bar 183
  Use the Assets Panel 185
Exercise 33 [Dreamweaver]
  About Templates  190
  Create a New Template 190
  Apply a Template 192
  Edit a Template and Update Pages 193
Exercise 34 [Dreamweaver]
  Use the Library 198
Ï Add Items to the Library 198
Ï Insert Library Item on Page 199
Ï Modify Library Item and Update Pages 199
  Use Design Notes 199
Ï Viewing Design Notes 200
Exercise 28 [Fireworks]
  Learn about Vector Objects  145
  Draw Lines  146
  Draw Rectangles 146
  Draw Ellipses  146
  Create Polygons  146
  Scale Vector Objects 147
  Draw Using the Vector Path Tool 147
  Use the Pen Tool to Create Paths  147
  Add, Change, and Delete Points 148
  Apply a Stroke to a Vector Path  148
  Add a Fill to a Path 148
Exercise 29 [Fireworks]
  Create a Text Block 152
  Add Text 152
  Choose a Font 152
  Set Text Size 153
  Add Fills to Text 153
  Make Text Follow a Path 154
Exercise 30 [Fireworks]
  Add Layers 157
  Place Objects on Layers  158
  Hide and Display Layers  158
  Create a Vector Mask 159
  Create a Bitmap Mask  159
  Convert an Object to a Mask  160
  Add a Blend  160
  Set Opacity  160
  Set a Blending Mode  161
Learning Web Design with Adobe CS5 Table of Contents vii
Exercise 41 [Dreamweaver]
  About Forms 230 230
  Create a Form230 230
Ï Handle Accessibility Issues 231 231
Ï Insert Single-Line Text Fields232 232
Ï Insert Radio Buttons232 232
Ï Insert Radio Groups 233 233
Ï Insert Checkboxes234 234
Ï Insert Lists and Menus 234 234
Ï Insert Multiple-Line Text Fields 236 236
  Insert Buttons 237 237
Ï About Spry Form Fields237 237
  About Validating a Form237 237
  Test a Form238 238
  About Dynamic Data238 238
  About Form Handling238 238
Exercise 42 [Dreamweaver]
  About Frames Pages 243
  Create a Frameset 243
Ï Insert Frames Manually 243
Ï Use a Frameset Page Design 245
  Work with Frames 245
Ï Activate or Select a Frame 245
Ï Name a Frame 245
Ï Save Framesets and Frames 246
  Add Content to Frames 246
Ï Set Frame Source 247
  Add Frame Borders 248
  Resize Frames 248
  Set Frame Target for Links 248
END OF LESSON PROJECTS
Exercise 43
  Summary Exercise 253
Exercise 44
  Application Exercise 255
END OF LESSON PROJECTS
Exercise 35
  Summary Exercise 206
Exercise 36
  Application Exercise 208
Exercise 37
  Curriculum Integration 210
Exercise 38
  Portfolio Builder 212
Lesson 5: Create Tables, Forms, and Frames
Exercise 39 [Dreamweaver]
  About Tables 214
  Create a Table 215
  Insert Text and Images in Table Cells 216
  Adjust Table Structure 216
Ï Select Table Elements 217
Ï Change Cell Width and Height 217
Ï Insert and Delete Rows and Columns 217
Ï Split and Merge Cells 218
Ï Span Rows and Columns 218
Exercise 40 [Dreamweaver]
  Modify Table Borders and Backgrounds 223
Ï Set Border Colors 223
Ï Add Background Color to Cells 224
Ï Insert Background Image in Cell 224
  Import Table Data 224
  Sort Table Data 225
  Insert Table-Related Tags 225
  Use Expanded Tables Mode 225
Learning Web Design with Adobe CS5 Table of Contents viii
Exercise 45
  Curriculum Integration 256
Exercise 46
  Portfolio Builder 256
Lesson 6: Create Dynamic and Interactive Pages 259
Exercise 47 [Dreamweaver]
  About the Spry Framework 261
  About Spry Widgets 261
  Insert Spry Validation Widgets 262
Ï Insert Spry Validation Widgets 262
Ï Set Properties and Validation 262
  Create a Spry Menu Bar  264
Ï Insert a Menu Bar Widget 264
Ï Specify Menu Bar Entries  264
  Create a Spry Collapsible Panel  265
  Create a Spry Accordion 266
  Other Spry Elements  266
Exercise 48 [Flash]
  About Flash271 271
  Start Flash and Create a New Document 272
Ï Explore the Flash Window 273
Ï Understand the Timeline 274
Ï Learn about the Tools Panel 274
  Set Document Properties 275
  Enter Content on the Stage 275
  Change the Stage View 275
Exercise 49 [Flash]
  Draw Basic Shapes in Flash 279
  Select Objects 280
  Position Objects on the Stage 280
  Transform Objects 281
  Arrange the Stack Order 281
  Group and Ungroup Objects 282
Exercise 50 [Flash]
  About Animation  287
  About Frames and Keyframes  287
  Work with Frames and Keyframes  287
  View Frames with the Timeline  287
  Preview an Animation 288
Exercise 51 [Flash]
  About Layers 292
  Work with Layers 293
  Create Graphic Symbols 293
  Add a Symbol Instance 294
  Classic Tweening 294
  Classic Tween Settings 294
  Motion Tweening 295
  Shape Tweening 295
Exercise 52 [Flash]
  Test a Movie 300
  Test Download Performance 300
  Publish a Flash Application 300
  Publish Settings 301
  Preview a Published Application 302
  Export Flash Content 302
Exercise 53 [Dreamweaver]
  About Multimedia Files 307
  Insert a Flash Movie 308
  Modify and Play a Movie 308
  Other Multimedia Plugins 310
Exercise 54 [Fireworks]
  About Buttons 313
  Create Up and Down States 315
  Create Over and Over While Down States 315
  Edit Buttons 315
  Add a URL to a Button 316
Exercise 55 [Fireworks]
  About Slices 319
  Draw Slices with the Slice Tool 319
  Modify Slices 320
  Add Rollovers to a Slice 320
  Add a Disjoint Rollover 321
  Remove a Rollover 321
END OF LESSON PROJECTS
Exercise 56
  Summary Exercise 325
Exercise 57
  Application Exercise 327
Exercise 58
  Curriculum Integration 329
Exercise 59
  Portfolio Builder 330
Lesson 7: Advanced Graphics and Animation 331
Exercise 60 [Fireworks]
  Choose an Output Format 332
  Select the Palette 333
  Choose the Right Number of Colors 333
  Use the Color Palette 333
Exercise 61 [Fireworks]
  Compress GIF Files 336
  Make Transparent GIFs 337
  Use Interlacing GIFs 338
Exercise 62 [Fireworks]
  Adjust JPEG Quality 341
  Use Selective JPEG Compression 342
  Adjust Detail Sharpness 343
  Create Progressive JPEGs 343
Exercise 63 [Flash]
  Create a Movie Clip Symbol 346
Exercise 64 [Flash]
  Use the Movie Explorer 350
  Use Motion Presets 351
  Use the Motion Editor 352
END OF LESSON PROJECTS
Exercise 65
  Summary Exercise 325
Exercise 66
  Application Exercise 327
Exercise 67
  Curriculum Integration 329
Exercise 68
  Portfolio Builder 330
Learning Web Design with Adobe CS5 Table of Contents x
Lesson 8: Manage and Publish a Web Site 363
Exercise 69 [Dreamweaver]
  Run Dreamweaver Reports 364
  Validating Web Pages 365
Exercise 70 [Dreamweaver]
  Publish a Web Site on a Server  368
Ï Associating an FTP Server
with a Web Site 369
Ï Putting the Web Site on the
FTP Server  370
Ï Associating a WebDAV Connection
(HTTP server) with a Web Site  371
Ï Associating a Local or Network
Server with a Web Site  372
  Check Files In and Out  372
  Copy Files from a Remote Server 374
END OF LESSON PROJECTS
Exercise 71
  Summary Exercise 377
Exercise 72
  Application Exercise 378
Exercise 73
  Curriculum Integration 379
Exercise 74
  Portfolio Builder 380
Index 381

Rewards Program

Write a Review