Beginner's cookbook to Dreamweaver

So you want a yummy website?


Planning to create a website in Dreamweaver but do not know how to start? Trying to rework your existing website to make it look more elegant? Know HTML and CSS and now want to put your website together?

Doesn’t matter which category you belong to - if you are trying to create an elegant website using Dreamweaver and display it on the Internet, this page is for you.

While you use all your energies to create great websites, Dreamweaver silently builds the code for you. Cheat a little by looking at the code once in a while. A few peeks and we will catch you saying, “Ah! That’s how it is done!”

Welcome to the wonderful world of the Internet. With Dreamweaver, you are in safe hands.



Basic ingredients

HTML, CSS and Javascript

A good dish is judged by the quality of its ingredients. You might still get by without knowing these but chances are that you will never take your dish to the next level. Before you jump into creating a website, we encourage you to get an understanding of the following:


Ready to use recipes

Templates and Starter pages

Templates or starter pages help you quickly get started with designing web pages. Many web designers use this route to get started. Even if you are planning to start from scratch, it is a good idea to peek a little into these pages to understand the elements of a good web page design.

What's inside Dreamweaver

The Dreamweaver workspace lets you view documents and object properties. The workspace also places many of the most common operations in toolbars so that you can quickly make changes to your documents.

Utensils on the rack

Folders, and what goes into them

Before you start creating, you first create a site and organize content in folders. Organizing files is an art and one that helps keep you sane in the long run. Also, if someone else cooks in your kitchen later, they will not spend endless time searching for ingredients.

Create the base

Layout and navigation

Irrespective of the type of website you are trying to create, you need a layout that looks good and is highly functional. You add and arrange your items on top of HTML pages. You then link these pages in a way that your users find content that is most relevant to them.

Get cooking

Add text, images, and tables

Now that you have your layout ready, get your content going. Add content, images, and tables. Remember, you are just cooking now – don’t fuss over the presentation at this stage.

Plating your dish

Styling your pages with CSS

After you have everything on your page ready, you can style your content using CSS. Styling using CSS instead of styling in HTML ensures that you have freer handle while styling. Also, CSS is where the web is going. You don’t want to be left out.

Serving your dish

Uploading your files to a website

After you are done creating with your website, you upload it to a server so that everyone who has access to the internet gets to see it. For a nominal fee, you can work with a hosting vendor to buy a domain name and space before you use Dreamweaver to upload your site to the server.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy