Dreameaver tutorial

1. Dreameaver tutorial Version: Macromedia Dreamweaver CS3 Updated: April 2008

2. Setting up a Regular website Creating a unique folder Defining a new site Editing and uploading webpages with Dreamweaver’s built-in FTP

3. Creating a unique folder • Create a unique folder under the D:\ Drive, or any other permanent drive (ex. Flash Drive) • Create an images folder inside the new folder.

4. Defining the site • Open Dreamweaver • In the toolbar click Site  New Site

5. Defining the site • In the site definition window, click the “Basic” tab, to go through the site definition wizard.

6. Defining the site • Set up the site details: • Give the site a unique name • Choose NOT to use a server technology • Choose to “Edit directly on server using FTP or RDS”. Browse to your folder. • Enter FTP settings • Host: • Folder: depends on your folder’s name • Login: • Password: • ALWAYS click  Test Connection

7. Editing and saving information • If the connection has been successfully made, your screen should show green folders on the right hand side of the screen (make sure you are in local view):

8. Editing and saving information • To save any changes made to the webpage, click either the ‘Put’ or ‘Synchronize’ button after the changes have been made. PUT SYNCHRONIZE

9. Education portfolio websites

10. Where do you find help? • www.baylor.edu/soe/ps • Click on “Working with the e-folio (Tutorials)” located in the left pane for helpful pdfs: • Dreamweaver Setup • Creating a Link • Inserting and Editing Images • Uploading Files

11. Common issues • There are several reasons why an education student’s web portfolio may not work, the most common are: • Forgot to save changes • Image size too big • Forgot to set the target on links to “blank”

12. Defining the site • Click ‘Site’ on the menu option and then click ‘New Site’. • Click the ‘Advanced’ tab in the Site Definition window • You will see this screen if you did everything correctly:

13. IMPORTANT INFORMATION ABOUT DEFINING THE SITE… • The local root folder should be set to the student’s flash drive, and the folder selected should be their portfolio folder. • Example: G:\Bobby_Efolio • Do not select any of the individual folders within the E-folio section; just hit the ‘Select’ button.

14. Setting the remote server information • Click ‘Remote Info’ in the Site Definition window, located on the left side. • Select ‘FTP’ in the Access field • Four fields will need to be filled out: • FTP Host: portfolio.baylor.edu • Host Directory: capital letter of your first name/Bear ID Ex: B/Bobby_Labbie • Login: Baylor/Bear_ID Ex: Baylor\Bobby_Labbie • Password: Baylor email password • Finally hit the ‘Test’ Button, located next to the login field. • Once you have filled out all of your information correctly, click the ‘OK’ button.

15. Editing and saving information • To save any changes made to the webpage, click either the ‘Put’ or ‘Synchronize’ button, after the changes have been made. PUT SYNCHRONIZE • (Remember, this will overwrite the previous version of the page.)