| Tutorial Introduction | Getting Started | Page Properties | Text | Tables |
| Images | Links | Publishing | Templates | Collaborating | Dreamweaver Resources |

Dreamweaver Tutorial: Publishing

| Creating a New Site | Uploading Your Files to the Web | Define Site |

When you make web pages or a website in Dreamweaver, it just doesn't automatically appear on the Internet. You need to publish, or upload, your files to the web. While such a task may sound difficult, fortunately Dreamweaver comes with a built-in publishing feature that allows you to put your files on to the Internet with little effort. However, there are a few steps you must learn in order to complete the process of publishing. This part of the tutorial will discuss issues related to putting your web pages on the web.

Creating a New Site

When uploading your web page files for the first time in Dreamweaver, you will be asked to define what is called a "New Site." Making your New Site means telling the program where you will be publishing your files on the web. You will only be asked to make a New Site once, but if you ever want to make additional web sites, you'll need to go and define a whole new site using this feature. To get to New Site, click "Site" on the menu bar, and select "New Site." See image below:

When you select New Site, a dialogue box will then pop up. To the left of the box, you will see an area called "Category." You should be in the "Local Info" category. Next to "Site Name," type in a name for your site. The site name can be anything you want it to be. Make your "Local Root Folder" the folder in which all of your web site files are saved on your computer. You can select the folder by clicking on the folder icon next to the "Local Root Folder" text box. Leave the rest blank unless you want to refresh automatically (which can save time). See image below:

Now that you have filled out that information, click on the "Remote Info" Category on the left side of the dialogue box. Fill in the information as follows, and see the image below to see how it should look (this is assuming you are uploading your site to your Eden account):

• Make sure that "Access" is set to FTP.
• Next to "FTP Host," type in "ftp.eden.rutgers.edu". If you are uploading files to different web space, fill in the information as necessary.
  
• Next to "Host Directory," type in "public_html".
  
• Next to "Login," type in your Eden account user name. Don't put your actual name -- put your username.
  
• Leave the Password text box blank. You will get to the password later.

Leave everything else as it looks in the image above. Notice how there is a check box called "Enable File Check In and Check Out." For our case generally, we will not need to touch this. However, when we work on our Collaborative projects, this feature is essential. When you are done putting in all the data, click the OK button. After that, the "Site" window will open up. Click on the "Connect" icon to connect to your web space. The Connect icon can be found at the top of the Site window, next to the "Site" drop-down menu.

When you click the "Connect" button, you will then be asked to type in your password. Type in your password, but do not check the "Save Password" option.

When you are connected, you will see in the left portion of the window that you will be in the "remote host," which is, in this case, your Eden account.

Return to Top >>

Uploading Your Files to the Web

To publish your web site and its related files to your Eden account, select all of the files you want to upload on the right side of the screen, and click the "Put Files" icon. This icon is located near the top of the screen, and is shaped like a blue arrow pointing up (like "up" as in "upload" your files). If you are asked "Include Dependent files?" say "Yes." Dependent files are generally images. See image below:

You know your files have been published to your Eden account when you see the files appear on the left side of the screen. This means that the files have been transferred to your web space. See image below:

Now, you have a site that you can find on the Web. To view it in a browser, just type in the following:

http://www.eden.rutgers.edu/~yourusername/your_file_title.html

You type in your own Eden account user name where it says "your_username" and your file name and extension (that is, the name you saved your file under, such as "index.html"). If you did not publish your files to your Eden space, just put in the URL of wherever you uploaded your site index.

Return to Top >>

Define Site

During your time working in Dreamweaver, you may run into a time where you might want to go back and edit the web site information you entered with you established your New Site. You can do this by going into the "Define Sites" option under the "Site" menu in the menu bar. See image below:

A pop up window will then appear. There will be a number of options that will allow you to modify the information of your pre-existing sites. See image below, and read the corresponding list to see what options do what tasks:

• New- this does the same function as the "New Site" feature. From this window, you can define a whole new site, and input its information
• Edit- when you need to change information about a pre-existing site, click "Edit" and you can modify site information from there
• Duplicate- just as it says, this feature duplicates whatever site from the list you select
• Remove- if there is a site that you do not want to have listed any more, click on the "Remove" button, and its uploading information will be removed from Dreamweaver
• Done- click on the "Done" button when you are finished working with this window

Return to Top >>

Next Step --> Templates