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: Gardasida Nebei
Country: Costa Rica
Language: English (Spanish)
Genre: Health and Food
Published (Last): 18 July 2009
Pages: 165
PDF File Size: 6.74 Mb
ePub File Size: 10.58 Mb
ISBN: 204-4-65975-576-2
Downloads: 35123
Price: Free* [*Free Regsitration Required]
Uploader: Tauzil

If so, you will have to find out from your web host what filename to use for your home page. This page was last updated on 22 May At the topmost portion of the page, you should be able to see a horizontal bar that spans both the left and right columns of your page.

Unless you are a student referred to this article by your lecturer as part of a course, you will need to get a domain name and sign up with a web host. It’s not that easy to get visitors. Now scroll to the bottom of the page. Since you have only one site, the site you’re currently working on should already be selected. Click your mouse somewhere in the words “Untitled Document”.

You will be taught how to publish those files to your web host dreameaver a later step.

Dreamweaver tutorials

Hit the plus sign under media. A new window entitled “New Document” will appear. You have created your first web page, drafted the content, and uploaded it onto a computer on the Internet. Not all web hosts automatically do this for you, and you may need to ask them how you tutoriall get this done.

Scroll down to the bottom of the page and replace the word “Footer” with anything you wish to put at the bottom of the page. Remember to save your changes when you’re done, republish your web page, and try your site’s address in your browser again.

Dreamweaver tutorials | Learn how to use Dreamweaver CC

As mentioned at the very beginning, Dreamweaver also makes this very easy. More importantly, you will know how to use Dreamweaver to create, design and publish your site so that you can design new sites any time you want. Thirdly, it’s possible that in your excitement to test your site, you actually made a mistake when you typed your web address and either missed out a letter or added one, causing you to reach someone else’s domain that has no matching website.


When you do, you can see the CSS code at the bottom. In this Dreamweaver tutorial for beginners, you will learn another one. If you have heard, seen or read an example somewhere, or even just dreamt about one, we probably have it in our stock.

Dreamweaver Tutorial: How to Design a Website with Dreamweaver CS6

If this does not solve the problem, check the name you entered into the “FTP Address” field. If your site has a short and snappy slogan describing its purpose, append it to the name. You will need a web host to publish your pages to. When typing, Dreamweaver will also make proposals for what you are trying to input, making it even easier. Like the “Site Name” field earlier, the renaming of the folder in this step is merely meant to help you to locate your own files in the future otherwise the folder will end up being given an unhelpful name like “Unnamed Site 2”.

If you do, your website files will end up being saved on some obscure location on your hard disk instead of being in a subfolder of your Documents folder. With the highlighted text still on the page, click “Format Paragraph Format Heading 2” from the menu. For example, if your website is called “Example Company”, tuutorial “Example Company” without the quotes there.

The directory name needs to be the exact name they assigned for it to work. After that, you can pick a color theme for your workspace from four different options. However, some problems will never show up when your site is checked this way, and will only become apparent when you test it on tutoriwl Internet.


See the picture above if you can’t figure out what I’m talking about tutoria. Since this is the home page of your website, this is the exact behaviour you want. For the most part, both versions work in the same way. First, go to CSS Designer.

Actually, if this is the first time you’re using Dreamweaver, “Blank Page” will probably already be selected, but there’s no harm clicking it again to make sure.

Creating a website involves more than just designing its appearance. For more information on heading tags, read this article. There are numerous web hosts around — you can find a list of cheap web hosts on https: To benefit from it, in fact, to even understand it, you need to follow the steps as I describe them.

We recommend that you do not modify it. Get your password from your web host if you don’t already know it. Again, this information has to be supplied by your web host.

Click “Site” on the menu bar.

Note that although I state that a domain name is optional in the section title above, it’s only “optional” in a technical and ivory tower theoretical sense. Like the FTP server name that you encountered earlier, this field needs to be completed with a name provided by your web host. By the end of this tutorial, you will have set up a working website with multiple pages, including a main page, a feedback form, an About Us page, and a Site Map.

Dreamweaver Tutorial: How to Create a Website with Dreamweaver CS3 (Part 1) ()

A box with no title, overlaying portions of your existing dialog box, should appear. To publish your website, start up the Site Manager again.

If you are a student reading this tutorial as part of a course, your lecturer will probably give you the details about the web host you should use.

Author: admin