Tutorial on how to use Dreamweaver CS3 to create a fully functional and complete website. You will of course need Dreamweaver CS6 in order to follow this tutorial. If you have a different version of Dreamweaver, you’ll probably have. ADOBE DREAMWEAVER CS3 TUTORIAL . because this is where Dreamweaver looks for all your files. . root folder and contain the file extension. html.

Author: Akiramar Faurg
Country: Nicaragua
Language: English (Spanish)
Genre: Environment
Published (Last): 19 September 2016
Pages: 446
PDF File Size: 16.72 Mb
ePub File Size: 19.83 Mb
ISBN: 810-4-83216-773-5
Downloads: 64793
Price: Free* [*Free Regsitration Required]
Uploader: Arashirn

If your domain is called “example.

You will get to know the program and what it can do, feature highlights and how to set it up. This is normal since you really did change most of those things. Create Websites through a Visual Design Interface The visual design toolbox basically lets you build websites with your mouse.

Then, above that, choose CSS Designer.

Dreamweaver Tutorial: How to Design a Website with Dreamweaver CS6

If you don’t know what to put here, type in your domain name. For example, if your name is Shakespeare, call it Shakespeare’s Website. In this Dreamweaver tutorial, you will learn everything you need to know to start creating websites with Dreamweaver. If you get an error like “No DNS for www. Then click “Site Put” again. There are dreamwexver more and you can find a lot of information on that right here.

Since you have only one site, the site you’re currently working on should already be selected. If it is not currently selected, click on it to select it. Note that if you scroll using the PgDn key, Dreamweaver will highlight the text on your page as you go down.

Download and Install When you get the program from the official website, just download the installation file, execute it and drdamweaver the instructions.


Do not change the capitalisation of the name. Those who are completely stuck can take a look at the example home page for a fictitious company in the box below. Replace the existing word in the “File name” field with ” index. If your web host says to publish your files in the default directory that you see when you connect by FTP, leave the “Root Directory” field blank. Otherwise, you’ll just have to wait.

Dreamweaver Tutorial

If you have that, use the temporary address to check that your site has been uploaded properly. Secondly, I am using a very useful feature that helps me speed up the process: For example, if you have purchased a domain called “example.

You will then be given a “Site Definition” summary. There are two tabs at the top of the box, one with the word “Basic” and the other “Advanced”. Your logo doesn’t have to be this small, nor does it have to be placed in the corner of the page. For more information on heading tags, read this article. If you get an error like ” File Not Found” or you get your web host’s preinstalled default page, you may need to go back and check that you have entered the correct folder in answer to the question “What folder on the server do you want to store your files in?

The tutorial assumes that you are using Dreamweaver CS3.

Dreamweaver tutorials | Learn how to use Dreamweaver CC

If this is the home page of a company site, it tuyorial typically mention briefly what the company sells, it’s main products and point the visitors to individual product pages or other pages on your site.

Then go back to the “Site Setup” dialog box following the procedure you used earlier and click the FTP server in the list box that you created before, to select it. FTP stands for “File Transfer Protocol”, which simply means that it’s a method by which you can transfer files to and from your web host’s computer. In dresmweaver, for things like your home page, make sure that tugorial name of your site appears somewhere in the title preferably as the very first thing, since this is your home page.


After that, you will find a step-by-step guide on how to create a simple website with Dreamweaver, make it mobile friendly and then upload it fjletype your server. To see the effect I’m describing, you will need to use a device with a fileytpe wider screen, such as those found on a desktop or laptop computer.

In the drop down box, select “FTP”. After that, you can pick a color theme for your workspace from four different options. You also see it appear inside filethpe HTML document. Or was it 85? When you click “Next”, you will be asked “How do you connect to your remote server? By now, you should know that you can read the descriptions for each of these icons by simply hovering your mouse over them.

You can either create a completely new file or use an existing template. When you fjletype the program from the official website, just download the installation file, execute it and follow the instructions. When you put the website you design on those computers, it will be accessible to everyone on the Internet.