If you're a Premium member of the Lynda.com Online Training Library or if you're watching this tutorial on a disk, you have access to the Exercise Files used throughout this course. Exercise Files for this title are arranged by chapter and are located in folders that are named based on the movie numbers they represent. Since each exercise is self-contained, you'll want to work with these files individually. Prior to each exercise, copy the appropriate exercise folder to your Desktop and redefine your local Dreamweaver site using the new exercise folder as your root folder.
To help you with this process, I'll go ahead and demonstrate it for you. So here I am in Dreamweaver and I want to set up my site so that I can begin working with the first exercise file. So to do that, I'm just going to go right to the Welcome screen and I am going to choose a new Dreamweaver Site and all I've to do is just two things: name the site and then point it to the folder that I need to work on. So in this case I'm just going type in DWCS6_Essential. You don't really need the underscore there, you can name the site name anything you want it to be, it doesn't really matter, I just love using underscores.
So for the Local Site Folder I am going to Browse, and as you see, I can Browse out to the Desktop and right there is my Exercise Files folder that I copied over earlier. So I am going to open that up, I'll go in Chapter_01 and find the first folder, which is 01_06. So these exercises will correspond with the sixth movie of Chapter_01. So I'll double-click that to open it up and I'll choose Select on the PC, and on the Mac you'll have to select Choose, you see how that works. So I'm going to choose Select and then I'll Save it.
So Dreamweaver is going to cache out the contents of that folder and you'll notice here, and I'll just expand this so you can see the Files Panel, now inside my Files Panel I have all the files right there that I'm going to be working with. The reason that I recommend working with this particular workflow is it makes sure that you're focusing on exactly the files that you need to work on. It's going to make sure that your site structure is consistent with what's being used in the Exercise Files as well. So this is definitely an approach that I would encourage you to adopt. If you don't have access to the Exercise Files, feel free to follow along with your own files and experiment with the features that we'll cover in this course.
Author
Released
5/7/2012- Choosing and customizing a workspace
- Defining a new site
- Uploading files to your site
- Creating new documents and web pages
- Formatting source code
- Working with CSS
- Placing images and background graphics
- Creating links
- Styling a basic table
- Creating a web form with buttons, check boxes, and list menus
- Adding Spry effects
Skill Level Beginner
Duration
Views
-
Adobe Dreamweaver
-
What is Dreamweaver?1m 4s
-
-
Introduction
-
Welcome1m
-
Using the exercise files2m 17s
-
Learning web design2m 23s
-
-
1. The Dreamweaver Interface
-
Arranging panels8m 44s
-
Managing workspaces10m 14s
-
Using the Insert panel6m 30s
-
2. Site Control
-
Defining a new site5m 23s
-
Managing files and folders7m 57s
-
Adding remote servers7m 4s
-
Uploading files12m 46s
-
Previewing in browsers9m 11s
-
Managing multiple sites4m 46s
-
3. Creating New Documents
-
Creating new documents6m 49s
-
Working with starter pages4m 32s
-
Managing starter pages13m 1s
-
-
4. Adding and Structuring Text
-
Importing Word documents4m 6s
-
Adding structure to text7m 35s
-
Creating lists4m 35s
-
Using the Quick Tag Editor8m 24s
-
5. Coding in Dreamweaver
-
Exploring the Code toolbar5m 41s
-
Setting code preferences7m 19s
-
Using code hints8m 8s
-
Wrapping tags5m 7s
-
Adding comments6m 29s
-
Using snippets7m 32s
-
Formatting source code4m 25s
-
-
6. Managing CSS
-
Setting CSS preferences9m 32s
-
Creating a new CSS rule6m 42s
-
Organizing styles7m 22s
-
Modifying style properties6m 17s
-
Using CSS visual aids7m 3s
-
Using CSS Inspect6m 48s
-
Using the Code Navigator6m 39s
-
-
7. Working with Images
-
Placing images on the page10m 12s
-
Modifying Smart Objects9m 42s
-
Styling images with CSS6m 45s
-
Using background graphics7m 28s
-
Positioning background graphics10m 10s
-
8. Creating Links
-
Link basics3m 17s
-
Using absolute links3m 43s
-
Using named anchors6m 41s
-
Creating an email link5m 25s
-
Creating CSS-based rollovers5m 41s
-
-
9. Working with Tables
-
Reviewing table structure5m 20s
-
Importing tabular data6m 46s
-
Creating accessible tables6m 11s
-
Styling alternate rows8m 57s
-
-
10. Working with Forms
-
Understanding how forms work2m 45s
-
Reviewing form design3m 44s
-
Creating accessible forms5m 16s
-
Setting form properties2m 39s
-
Inserting text fields6m 56s
-
Inserting list menu items7m 54s
-
Inserting checkboxes4m 14s
-
Inserting submit buttons2m 25s
-
-
11. Adding Interactivity
-
Adding CSS3 transitions8m 29s
-
Spry overview2m 44s
-
Using Spry widgets3m 57s
-
Adding Spry effects8m 1s
-
Using the Widget Browser7m 4s
-
Extending Dreamweaver3m 10s
-
-
Conclusion
-
Additional resources1m 2s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Using the exercise files