Personal Growth


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: Meztigal Bratilar
Country: Italy
Language: English (Spanish)
Genre: Automotive
Published (Last): 24 July 2005
Pages: 92
PDF File Size: 7.15 Mb
ePub File Size: 11.6 Mb
ISBN: 435-5-22042-181-9
Downloads: 58718
Price: Free* [*Free Regsitration Required]
Uploader: Yozshugar

Type the name of your website. Deleting text is as simple as using the Backspace or Delete key on your keyboard, again, like in a wordprocessor.

One of the ways in which this is useful is that when we design other pages of the site, we can reuse the same information by simply loading it from the same file. In your real website, you would choose something descriptive with keywords and not just Welcome to My Test Website as in the example.

If you cannot find the address in the email from your web host, either ask them for help, or search their website for documentation on this. Change the Headline Font Now that you have a selector, you can assign properties to it.

How to Create a Website with Dreamweaver CS3

Once you have settled this futorial title, move on to replace the text in the rest of the right column not the left column. We have shown you how to set up the program and get started with your first site.

Simply click on the dreamweaaver Content” title and replace it with some appropriate content. As it works, Dreamweaver will issue dreamweavdr dialog box telling you of its progress. This will be the first appearance of the name of your website in the user-visible portion of your web page.

It allows you to place website elements the way you create a layout in Word. To create a CSS selector, click on the line where it says S electors and then click on the plus symbol.


In this Dreamweaver tutorial for beginners, you will learn another one. As you move your mouse, you will see the letters the pointer sweeps over being highlighted. In this Dreamweaver tutorial for beginners, we have introduced you to Dreamweaver and its capabilities.

You will need Dreamweaver CS3 obviously. This line is somewhere near the middle of that column. The dialog box you encountered when you first set up your website appears. Now you will learn how to add conditional styles for smaller screens. One reason we’re going to do this now, even before we’ve finished the page, is that Dreamweaver needs the information about your actual website’s address or URL before it can correctly handle things like links and images on your web page.

The name must be exactly ” index. For that, you can also use another feature called Quick Edit. For example, the minus icon has the description “Delete the currently selected site s “, while the pencil icon’s tooltip says “Edit the currently selected site”. If the address is indeed “ftp.

Dreamweaver tutorials

There’s nothing anyone can do to make this go faster. After that, you need to go to the Insert tab in the upper right corner. Through this mix, it makes it easy for beginners, intermediates and advanced users alike to build high-quality websites. Before you go on to the next step, look for the information that tutoral web host supplied you when you first signed up for an account with them.

Now you can input tytorial properties without having to search the entire style sheet file which can be very long. If you’ve not advertised your website’s address URL to anyone, no one will even know your site exists, so this preliminary version of your page will be seen by no one but you. The tuotrial you type in this Title field will be used by the search engines when they list your page in the search engine results.


Therefore, I already have the steps in my mind on how to create a proper web page.

If you know your way around CSS, you can simply type markup into style. Guy July 5, at In addition, for things like your home page, make sure that the name of your site appears somewhere in the title preferably as the very first thing, since this is your home page. Anything to add to dreamweavr above? And, as you might expect, you can also move the text cursor around with the arrow keys on your keyboard.

There are two tabs at the top of the box, one with the word “Basic” and the other “Advanced”. This will be a long ride. Don’t blindly accept the default name that Dreamweaver generates filetye you in that field.

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. If you have entered the FTP details correctly, you should see the page you created earlier in your web browser. The final step is choosing whether to start with a sample file, new or existing project or watch a tutorial.

Dreamweaver tutorials | Learn how to use Dreamweaver CC

It’s an internal name for your own reference only, so you can actually type dreamdeaver you like or even leave it at the default name of “Unnamed Server 2”. You will get to know the program and what it can do, feature highlights and how to set it up.

Typing and editing of text within the page works more or less like it does under a wordprocessor.