| |
| |
| |
| Get Started with Dreamweaver | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Adobe Dreamweaver CS3 | |
| |
| |
| Start Dreamweaver | |
| |
| |
| Open a Web Page | |
| |
| |
| Dreamweaver Workspace | |
| |
| |
| Work with Panels and Panes | |
| |
| |
| Close and Exit Dreamweaver | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Create a New Site | |
| |
| |
| Create Web Pages | |
| |
| |
| View Site Files | |
| |
| |
| Web Design Guidelines | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About HTML and XHTML | |
| |
| |
| HTML Document Structure | |
| |
| |
| HTML Tags | |
| |
| |
| Add Keywords to a Web Site | |
| |
| |
| Enter Text on a Web Page | |
| |
| |
| Use Paragraph and Heading Tags | |
| |
| |
| Use Code and Design Views | |
| |
| |
| Open a Different Web Site | |
| |
| |
| End Of Lesson | |
| |
| |
| Projects | |
| |
| |
| |
| Summary Exercise | |
| |
| |
| |
| Application Exercise | |
| |
| |
| |
| Curriculum Integration | |
| |
| |
| |
| Critical Thinking | |
| |
| |
| |
| Work with Web Page Text and Links | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Insert Text from Office Documents | |
| |
| |
| Modify Font Formats | |
| |
| |
| Insert Special Characters | |
| |
| |
| Check Spelling | |
| |
| |
| Find and Replace Text | |
| |
| |
| Save Edits | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Adjust Paragraph Alignment | |
| |
| |
| Change Paragraph Indentation | |
| |
| |
| Create Lists | |
| |
| |
| Insert a Date | |
| |
| |
| Use the History Panel | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Dreamweaver's HTML Code Features | |
| |
| |
| Use the Code Inspector | |
| |
| |
| Display Head Content | |
| |
| |
| Use Code Hints and the Tag Chooser | |
| |
| |
| Use the Tag Inspector | |
| |
| |
| Insert Snippets | |
| |
| |
| Use the Reference Panel | |
| |
| |
| Clean Up XHTML Code | |
| |
| |
| Find and Replace Code | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Links | |
| |
| |
| Create Text Links | |
| |
| |
| Link to Named Anchor | |
| |
| |
| Link to E-Mail Address | |
| |
| |
| Other Ways to Link | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Preview a Site in a Browser | |
| |
| |
| Preview a Site in Device Central | |
| |
| |
| Work in the Files Panel | |
| |
| |
| End of Lesson | |
| |
| |
| Projects | |
| |
| |
| |
| Summary Exercise | |
| |
| |
| |
| Application Exercise | |
| |
| |
| |
| Curriculum Integration | |
| |
| |
| |
| Critical Thinking | |
| |
| |
| |
| Work with Graphic Elements and Templates | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Change the Page Background Color | |
| |
| |
| Insert Horizontal Rules | |
| |
| |
| Use Web-Safe and Custom Colors | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| About Adobe Fireworks | |
| |
| |
| About Bitmap and Vector Images | |
| |
| |
| Start Fireworks and Create a New Document | |
| |
| |
| Learn the Fireworks Window and Tools | |
| |
| |
| Understand the Select Tools | |
| |
| |
| Learn the Bitmap Tools | |
| |
| |
| Understand Vector Tools | |
| |
| |
| Change the View | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| Learn about Bitmap Objects | |
| |
| |
| Select the Drawing Colors | |
| |
| |
| Draw with the Pencil Tool | |
| |
| |
| Draw with the Brush Tool | |
| |
| |
| Copy and Paste Bitmap Objects | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| Adjust Brightness and Contrast | |
| |
| |
| Apply Filters | |
| |
| |
| Sharpen and Blur an Image | |
| |
| |
| Use the Burn and Dodge Tools | |
| |
| |
| Use the Rubber Stamp Tool | |
| |
| |
| Use the Smudge Tool | |
| |
| |
| Learning Web Design with Adobe CS3 | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| Learn about Vector Objects | |
| |
| |
| Draw Lines | |
| |
| |
| Draw Rectangles | |
| |
| |
| Draw Ellipses | |
| |
| |
| Create Polygons | |
| |
| |
| Scale Vector Objects | |
| |
| |
| Draw Using the Vector Path Tool | |
| |
| |
| Use the Pen Tool to Create Paths | |
| |
| |
| Add, Change, and Delete Points | |
| |
| |
| Apply a Stroke to a Vector Path | |
| |
| |
| Add a Fill to a Path | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| Create a Text Block | |
| |
| |
| Add Text | |
| |
| |
| Choose a Font | |
| |
| |
| Set Text Size | |
| |
| |
| Add Strokes to Text | |
| |
| |
| Add Fills to Text | |
| |
| |
| Make Text Follow a Path | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| Add Layers | |
| |
| |
| Place Objects on Layers | |
| |
| |
| Hide and Display Layers | |
| |
| |
| Create a Vector Mask | |
| |
| |
| Create a Bitmap Mask | |
| |
| |
| Convert an Object to a Mask | |
| |
| |
| Add a Blend | |
| |
| |
| Set Opacity | |
| |
| |
| Set a Blending Mode | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Adobe Bridge | |
| |
| |
| Insert an Image on a Page in Dreamweaver | |
| |
| |
| Modify Image Properties | |
| |
| |
| Position an Image on a Page | |
| |
| |
| Edit Graphics within Dreamweaver | |
| |
| |
| Insert and Edit a Fireworks Image | |
| |
| |
| Manage Graphic Files | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Insert a Background Picture | |
| |
| |
| Create Image Maps | |
| |
| |
| About Rollover Images | |
| |
| |
| Use the Assets Panel | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Templates | |
| |
| |
| Create a New Template | |
| |
| |
| Apply a Template | |
| |
| |
| Edit a Template and Update Pages | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Use the Library | |
| |
| |
| Use Design Notes | |
| |
| |
| End Of Lesson | |
| |
| |
| ProjectS | |
| |
| |
| |
| Summary Exercise | |
| |
| |
| |
| Application Exercise | |
| |
| |
| |
| Curriculum Integration | |
| |
| |
| |
| Critical Thinking | |
| |
| |
| |
| Work with Tables and Forms | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Tables | |
| |
| |
| Create a Table | |
| |
| |
| Insert Text and Images in Table Cells | |
| |
| |
| Adjust Table Structure | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Modify Table Borders and Backgrounds | |
| |
| |
| Import Table Data | |
| |
| |
| Sort Table Data | |
| |
| |
| Insert Table-Related Tags | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Use a Table for Page Layout | |
| |
| |
| Work in Layout Mode | |
| |
| |
| Format Layout Cells | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Forms | |
| |
| |
| Create a Form | |
| |
| |
| About Validating a Form | |
| |
| |
| Test a Form | |
| |
| |
| About Dynamic Data | |
| |
| |
| About Form Handling | |
| |
| |
| End of Lesson | |
| |
| |
| Projects | |
| |
| |
| |
| Summary Exercise | |
| |
| |
| |
| Application Exercise | |
| |
| |
| |
| Curriculum Integration | |
| |
| |
| |
| Critical Thinking | |
| |
| |
| |
| Work with AP Elements, Frames, and Styles | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About AP Elements | |
| |
| |
| Create AP Elements | |
| |
| |
| Size and Position AP Elements | |
| |
| |
| Use the AP Elements Panel | |
| |
| |
| Name AP Elements | |
| |
| |
| Add Content to AP Divs | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Manipulate AP Divs | |
| |
| |
| Control AP Element Visibility | |
| |
| |
| Advanced AP Element Properties | |
| |
| |
| Convert AP Divs to Tables | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Frames Pages | |
| |
| |
| Create a Frameset | |
| |
| |
| Work with Frames | |
| |
| |
| Add Content to Frames | |
| |
| |
| Add Frame Borders | |
| |
| |
| Resize Frames | |
| |
| |
| Set Frame Target for Links | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Styles and Style Sheets | |
| |
| |
| Use the Property Inspector to Create Internal | |
| |
| |
| CSS Styles | |
| |
| |
| Use the CSS Styles Panel to Create Internal | |
| |
| |
| CSS Styles | |
| |
| |
| Apply Internal CSS Styles | |
| |
| |
| Edit Internal CSS Styles | |
| |
| |
| Dreamweaver CSS Reference | |
| |
| |
| Learning Web Design with Adobe CS3 Contents | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Create an External Cascading Style Sheet | |
| |
| |
| Dreamweaver CSS Layouts and Samples | |
| |
| |
| About Inline Styles | |
| |
| |
| Manage Styles | |
| |
| |
| End of Lesson | |
| |
| |
| ProjectS | |
| |
| |
| |
| Summary Exercise | |
| |
| |
| |
| Application Exercise | |
| |
| |
| |
| Curriculum Integration | |
| |
| |
| |
| Critical Thinking | |
| |
| |
| |
| Create Dynamic and Interactive Pages | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About the Spry Framework | |
| |
| |
| About Spry Widgets | |
| |
| |
| Insert Spry Validation Widgets | |
| |
| |
| Create a Spry Menu Bar | |
| |
| |
| Create a Spry Collapsible Panel | |
| |
| |
| Create a Spry Accordion | |
| |
| |
| Other Spry Elements | |
| |
| |
| |
| [Flash] | |
| |
| |
| About Adobe Flash | |
| |
| |
| Start Flash and Create a New Document | |
| |
| |
| Set Document Properties | |
| |
| |
| Enter Content on the Stage | |
| |
| |
| Change the Stage View | |
| |
| |
| |
| [Flash] | |
| |
| |
| Draw Basic Shapes in Flash | |
| |
| |
| Select Objects | |
| |
| |
| Position Objects on the Stage | |
| |
| |
| Transform Objects | |
| |
| |
| Arrange the Stack Order | |
| |
| |
| Group and Ungroup Objects | |
| |
| |
| |
| [Flash] | |
| |
| |
| About Animation | |
| |
| |
| About Frames and Keyframes | |
| |
| |
| Work with Frames and Keyframes | |
| |
| |
| View Frames with the Timeline | |
| |
| |
| Preview an Animation | |
| |
| |
| |
| [Flash] | |
| |
| |
| About Layers | |
| |
| |
| Work with Layers | |
| |
| |
| Create Graphic Symbols | |
| |
| |
| Add a Symbol Instance | |
| |
| |
| Motion Tweening | |
| |
| |
| Motion Tween Settings | |
| |
| |
| Shape Tweening | |
| |
| |
| |
| [Flash] | |
| |
| |
| Test a Movie | |
| |
| |
| Test Download Performance | |
| |
| |
| Publish a Flash Application | |
| |
| |
| Publish Settings | |
| |
| |
| Preview a Published Application | |
| |
| |
| Export Flash Content | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| About Multimedia Files | |
| |
| |
| Insert a Flash Movie | |
| |
| |
| Modify and Play a Movie | |
| |
| |
| Insert Flash Buttons and Flash Text | |
| |
| |
| Other Multimedia Plugins | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| About Buttons | |
| |
| |
| Create Up and Down States | |
| |
| |
| Create Over and Over While Down States | |
| |
| |
| Edit Buttons | |
| |
| |
| Add a URL to a Button | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| About Slices | |
| |
| |
| Draw Slices with the Slice Tool | |
| |
| |
| Modify Slices | |
| |
| |
| Add Rollovers to a Slice | |
| |
| |
| Add a Disjoint Rollover | |
| |
| |
| Remove a Rollover | |
| |
| |
| End of Lesson | |
| |
| |
| ProjectS | |
| |
| |
| |
| Summary Exercise | |
| |
| |
| |
| Application Exercise | |
| |
| |
| |
| Curriculum Integration | |
| |
| |
| |
| Critical Thinking Exercise | |
| |
| |
| |
| Advanced Graphics and Animation | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| Choose an Output Palette | |
| |
| |
| Select the Palette | |
| |
| |
| Choose the Right Number of Colors | |
| |
| |
| Use the Color Palette | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| Compress GIF Files | |
| |
| |
| Make Transparent GIFs | |
| |
| |
| Use Interlacing GIFs | |
| |
| |
| |
| [Fireworks] | |
| |
| |
| Adjust JPEG Quality | |
| |
| |
| Use Selective JPEG Compression | |
| |
| |
| Adjust Detail Sharpness | |
| |
| |
| Create Progressive JPEGs | |
| |
| |
| |
| [Flash] | |
| |
| |
| Create a Movie Clip Symbol | |
| |
| |
| Create a Button Symbol | |
| |
| |
| |
| [Flash] | |
| |
| |
| About Actions | |
| |
| |
| Use Script Assist | |
| |
| |
| Assign an Action to a Frame, Movie Clip, or | |
| |
| |
| Button | |
| |
| |
| |
| [Flash] | |
| |
| |
| Use the Movie Explorer | |
| |
| |
| Use Timeline Effects | |
| |
| |
| End of Lesson | |
| |
| |
| ProjectS | |
| |
| |
| |
| Summary Exercise | |
| |
| |
| |
| Application Exercise | |
| |
| |
| |
| Curriculum Integration | |
| |
| |
| |
| Critical Thinking | |
| |
| |
| Learning Web Design with Adobe CS3 Contents | |
| |
| |
| |
| Manage and Publish a Web Site | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Use Browser Compatibility Check | |
| |
| |
| Check and Modify Links | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Run Dreamweaver Reports | |
| |
| |
| Validate Web Pages | |
| |
| |
| |
| [Dreamweaver] | |
| |
| |
| Publish a Web Site on a Server | |
| |
| |
| Check Files In and Out | |
| |
| |
| Copy Files from a Remote Server | |
| |
| |
| End of Lesson | |
| |
| |
| ProjectS | |
| |
| |
| |
| Summary Exercise | |
| |
| |
| |
| Application Exercise | |
| |
| |
| |
| Curriculum Integration | |
| |
| |
| |
| Critical Thinking | |