Daily Deals on Dreamweaver Resources

How to set up a new website in Dreamweaver

This simple tutorial is for beginning Dreamweaver users and will demonstrate how to set up a new website in Dreamweaver. Before starting a new website design in Dreamweaver, you will need to tell Dreamweaver where your site files are, the testing server, the scripting language (if any) and a bit more information. Let's take it from the top.

Step 1: Create your new site

The first step is to go to the Dreamweaver menu bar and select "Site" then "New Site". You can either use "Basic" mode or "Advanced" mode, but for the purpose of this tutorial, we'll stick with the "Basic" mode.

You will first be presented with a dialog similar to this one:

Step 1 for setting up a new Dreamweaver website

Simply fill out the required information, entering a name for your new Dreamweaver site and also the URL or website address for your website.

Step 2: Define your remote server technology

If you are developing a dynamic website that uses PHP, ASP, ASP.NET, JSP or ColdFusion, you will need to tell Dreamweaver which technology to use. If you are creating a static HTML type of site, you do not need to specify a server technology, so simply click the "No" button and continue to the next step.

Define your remote server technology

Step 2a: Specifying PHP, ASP, ASP.NET, JSP or Coldfusion

If you need a specific server technology for your Dreamweaver website, you will be presented with a drop-down box from which you can select your perferred server language for your site.

PHP, ASP, ASP.NET, JSP, Coldfusion

Step 3: Tell Dreamweaver where to test your site

This step simply tells Dreamweaver where you want to test your new site. If you are developing an HTML site and do not use a server technology such as PHP, ASP or Coldfusion, you will not be presented with the first option shown below.

Define local or remote testing

Step 4: Tell Dreamweaver how to connect to your server

This step simply tells Dreamweaver how you want to test your local site. If you have no need to connect to the server yet, simply indicate "None" in the first drop-down menu and you will not be presented with the other information. If you test locally or via FTP, you will need to enter your server information so Dreamweaver can test the site on the correct server.

If you aren't sure what your remote server settings are, check with your hosting provider and they will be able to tell you what the proper settings are. When you have entered all the required information, press the "test connection" button and Dreamweaver will attempt to connect to the server using the credentials you supplied. If no connection is made, double check your settings or contact your hosting company for the correct settings. Many times these settings can be found in the "Frequently Asked Questions" sections of hosting company websites.

Define remote server settings

Step 5: Enter your root URL

This step simply tells Dreamweaver the root folder of your site on the testing server. Many times you can just enter your full website URL and it will default to the root folder on your hosting server. Again, hosting company knowledgebase articles and FAQ sections will usually provide this information if you receive a failed test using your website URL.

Define root URL

Step 6: Enable or Disable check in and check out

This step enables the Dreamweaver check in and check out feature, which is useful when multiple developers are working on a site at the same time. It simply prevents a file from being changed while another developer is working on it. If you are the only person who will be designing your site, simply check "No" to disable this feature.

Enable or Disable Dreamweaver check in and check out

The last dialog in setting up a Dreamweaver website simply reviews your choices and selections and enables you to go back and change anything previous. If your information is entered properly, simply click "Done" and your new website will be set up in Dreamweaver.

The Advanced tab in the site setup dialog allows you to control many more features for your website. It's a good idea to go back into your site management and get familiar with the options available in the Advanced tab. The "Basic" tab allows you to quickly create a Dreamweaver website, but the real functionality of Dreamweaver is only available in the "Advanced" tab.

Happy Coding!

 





Mobile-ready Templates
  • BlueHost Web Hosting
  • InMotion Web Hosting
  • WebAssist
  • Extend Studio
  • Ajatix
  • Lynda.com