How to Create a Web Page with Dreamweaver

“A Dreamweave Web Page is Easy to Make
After Opening the Program and
Choosing a Sample Web Page”

It’s not difficult to create a web page with Dreamweaver if you have a strong desire, patience and drive to do so.

All you need is the software to get started. If you don’t have the funds to buy the program download a trial version for thirty days and see how it works. Be sure to have a plan that takes advantage of learning the software; meaning and learn one tool per day for thirty days.

Most people will download trial software and never use it.

When the thirty day trial period is up people usually miss a great opportunity to learn the software so create a schedule to learn Dreamweaver. I would suggest learning all of the tools listed in the program. Go down the list and break down what each tool is and what it does and then try using the tool in a task or lesson.

Dreamweaver Web PageGive yourself a lesson plan and follow it. The first step is to open the Dreamaeaver and choose file new to access a page to start building on. You’ll see a screen with a list to choose from.

The list is should say open a recent Item – create new and create from samples. You will choose create from sample - css style sheet.

Everything below HTML is used for more dynamic website projects like Ecommerce or Cold Fusion which is often used for building data base type websites. ASP is often used for building Ecommerce websites and PHP (original meaning was personal home page) is often used for a Word Press website style websites.

You can skip all of that and focus on good old HTML accessed from CSS Style sheet pages. If you really want to become proficient in HTML you can take courses to learn more at but for now just choose Create from Sample – CSS Style Sheet – Blank Page – HTML – 2 Column elastic, left sidebar.

Click create and you’ll get a page that looks like the one above. You can view the page in three ways; design or Html or design and Html simultaneously. Choose design so you won’t be confused by the Html code. You’ll have to look for the button based on the version of Dreameweaver you use. I use CS3  but will eventually upgrade someday.

It’s really not necessary for me to upgrade because I can build the same website with the CS3 Version. Technically you have just built a web page usingDreamweaver Page With Links and header Dreamweaver. The next step is to dress up the page to make is say what you want it to.

As you can see you have three headings; sidebar1 content the main content and an H2  header.

Headers are used to denote something important is coming and in this case it’s your main content and second the section should have equally important content as well.

Your sidebar usually consists of links that lead to other sections of your website with equally important content.

You can edit these pages to say whatever you want them to like the page on the right. I made the changes in Photoshop to quickly show you what it would look like. I will eventually create a video to show you how I did it visually so subscribe and stay tuned for that.

You can see it’s not that hard to produce a web page using Dreamweaver.

All I did to create a web page with Dreamweaver was open the program and chose from a Sample – CSS Style Sheet – Blank Page – HTML – 2 Column elastic, left sidebar and made edits to the page to make it say what I wanted it to say. I added links on the side  and saved the page.

You can then get fancy and start changing colors and adding pictures the get the design you want as you get better.

Remember to download the trial version of Dreamweaver to practice with to learn. Be on the lookout for the video of this information coming soon.

Keep up the good work.


Site Map | About | Privacy | Disclosure | Contact Us | Terms

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>