Prof. Jenna Spevack | Teaching Site

TECHNICAL SUPPORT | Site Setup In Dreamweaver

Setting up (defining) your site in Dreamweaver MX:

• Create a folder on your desktop labeled with your project name (ex: portfolio)
• Open the folder and inside that folder create two new folders called "root" (where you will place all of your html files and optimized images) and "IP" (where you will place In Progress files: Photoshop, Word, Quark files, etc.).
• Open Dreamweaver.
• From the Site Menu choose New Site.
• When the Define a Site window opens choose the Advanced Tab.
• Under the Local Info category, next to Site Name, enter your name and project title (example: jspevack_portfolio) .
• Click on the little blue folder icon next to Root Folder and browse to locate the folder you created called "root".
• Next click on the Remote Info category and from the pulldown menu choose FTP
• Enter in the FTP information and Test (if you get an error message, double check to make sure you entered the info below exactly) and then click OK:

HOST: adga.citytech.cuny.edu
DIRECTORY: /public_html/yourlastname/
LOGIN: ad2247
PASSWORD:

• When the Site Files window opens you will see Local Files on the right and Remote files on the left. If you don't see remote files, click on the little triangle in the lower left hand corner.

Creating a Site from scratch:

• Select your root directory "root" (make sure it's highlighted) and choose Site > Site Files View > New File.
• Name this new blank HTML page:index.html
• Repeat this process, but this time choose Site > Site Files View > New Folder
• Name this folder "images"
• Based on your site map and information listing create sub folders and html files that reflect the navigation structure and hierarchy of your project. Be sure to use a correct file naming convention. These are just blank files and folders for now.
• You have successfully set up your site. You will now create pages to replace the blank/dummy pages and link these pages together.

Uploading to the FTP server:

• Make sure your Site Window is split screen with your Local Site on the right and Remote Site on the left. When you have created all the files and folders in your site click on the Connect to Remote Host button at the top of the document window. .
• Once connected, select (highlight) your Local root folder or specific files and press the blue "Put Files" arrow in the tool bar to upload your entire site.

Downloading from the FTP server:

• Make sure your site is defined properly and you Site Window is split screen with your Local Site on the right and Remote Site on the left. Click the connect to remote host button at the top of the document window.
• Once connected, select (highlight) your local root folder or specific files and press the green "Get Files" arrow in the tool bar to upload your entire site.

Organizing your files and folders:

• It is essential that you keep your Local site folder and your Remote site folder neat, organized and synchronized.
• Your index page (index.html) should always be in the root folder NOT in a sub folder.
• For proper synchronization between the Local and Remote sites, be sure to choose the CORRECT root directory when you define your site.