• Increase font size
  • Decrease font size
  • Default font size

Search for tutorials

Setting up your site in Dreamweaver CS3 with FTP

Attention: open in a new window. PDFPrint

Aim:

In this tutorial You will learn how to setup you site in Dreamweaver CS3 via FTP.


Resources:



Details:




In this section we will learn how to create a website using the website creation wizard. Double-click the Dreamweaver icon on your desktop to open the program. After Dreamweaver has finished loading, the start page will appear. The start page is a quick launch tool that gives you the possibility to open recent items, create new web pages and websites or create them using Dreamweaver’s gallery of sample templates.


To set up a new website, Click on the Dreamweaver Site... link from the Create New section of the start page. Another way to set up your website is to go to the Site menu and choose Manage Sites..., click the New... button and choose Site from the context menu. A new window will open, which allows you to configure the new site’s definition under the Basic tab.


The first step is to select a name for your site. This is the name that you will later use to identify this project, when you will have more websites created. Let’s say we want to name this one “Beaver Cheese Secrets”. Type “Beaver Cheese Secrets” in the edit box and click the Next > button.


Using a server technology (like PHP, JSP or ColdFusion) is very useful when you are developing dynamic pages. For example, if you have a product page containing hundreds of products and you can see the details for each product, by simply clicking on it. It would be very time consuming to create a hundred HTML pages, one for each product.
What you need to do is use a database to store all your product information (specification, pictures, etc.) and use only one dynamic page to show the details. Clicking on one of the products in the products page should redirect you to the details page and also transmit to this page what is the selected product.
For our first project we will not be using any server technologies, so just click Next >.


The next step is to choose whether to edit your files locally or directly on the server. The recommended option is Edit local copies on my machine, then upload to server when ready, leave this selected. Now verify where files will be stored, they should be within you’re my Documents folder, then within a folder with the name of our site, in this case Beaver Cheese. Click Next >.
Note: the files have been saved to our My Documents folder under the Beaver Cheese Secrets folder.


The next step is to select the way you connect to your remote server which will host your website. For our examples, we will use FTP (File Transfer Protocol), this will enable Dreamweaver to communicate (Upload or Put) our website’s pages (files) directly onto the website purchased from the Internet Service Provider (ISP). When you purchase an Internet domain (e.g., www.beavercheesesecrets.com), the ISP that will be hosting will provide you with the information necessary to log into the site so that you may place your website files on the Internet.
Select FTP from the dropdown menu and enter the FTP provided to you by your ISP or that you created. Once you have this information entered, click the Test Connection button to verify that Dreamweaver is able to communicate with your website. Click Next > to continue.


The second to the last step is to enable or disable Check in and out. If more than one person will be working on your website at the same time, it is a good idea to enable the checking in and out of files. If you are the only person that is going to be editing your website, select No, then click Next >.


The last screen is a summary of your settings. Click the < Back button to go through the previous pages to make any additional changes. Otherwise, click Done to finish setting up your new website.


Notice that in the Files panel on the right, that our new site has been created.

Action Steps:

How to link to this page



To create a link to this page on your website,
copy and paste the code below to your webpage.




Here's how it will appear on your web page:
Setting up your site in Dreamweaver CS3 with FTP

Add comment


Security code
Refresh