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

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

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.

Defining the site Open Dreamweaver In the toolbar click Site  New Site

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

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

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):

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

Education portfolio websites

Where do you find help? for helpful pdfs: 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

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”

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:

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.

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.

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.)