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 "site" (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_website) .
- Click on the little blue folder icon next to Root Folder and browse to locate the folder you created called "site".
- 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:
- 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.
HOST: adga.citytech.cuny.edu
DIRECTORY: /public_html/yourlastname/
LOGIN: ad2234
PASSWORD:
- Select your root directory "site" (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.
- When you have created all the files and folders in your site click on the connect to remote host button. Make sure your Site Window is split screen with your Local Site on the right and Remote Site on the left.
- Once connected, select (highlight) your local root folder 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. 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.
- 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.