For the novice, the topic on how to use Dreamweaver to create a website
might sound alien or strange. Above all, it might sound too technical
hence hard. There is nothing further from the truth; anybody can learn
how to create a website using the program! In light of this, it is
essential to have the necessary tools to do the job. This article takes
you through the process in detail and many will be surprised to see how
easy it can be. First though, why would you want to build a website?
Apart from creating a voice online, a good site can be optimized to help
you sell products translating into a better income for your business. A
website is a business tool that connects you to the world and with this
respect, a website is mandatory in the modern business world.
So what do you need and how do you begin with Dreamweaver? First,
Dreamweaver is a commercial web editor that is fully-featured to provide
you necessary flexibility to not only create but to manage both simple
and complex websites. There are various versions of Dreamweaver in the
market; the newest version having more features and versatility. In this
article, you will learn the steps to operate the program and this means
that you can tackle various versions. A standard compliant code will be
generated meaning that version upgrades will not ruin your website. Are
you ready to create your first website? This is how to do it;
The things you need
1. As hinted above, you need a Dreamweaver program on your computer.
This will aid in the creation of the site because it is the 'work area'
that will allow you to craft a site.
2. You need a web hosting account. This account is provided from
companies that have servers and their purpose will be to ensure that
your web pages are transferred and kept online. Web hosts are companies
that have computers always connected to the Internet through servers.
Simply do a quick online search to find an ideal web hosting service.
Things you want to achieve with the process
Designing your website on Dreamweaver will give you the results you want
according to your goals. For example, you can design a two column
website that has various pages and links. Some of the most important
pages are about us, feedback form and sitemap. Therefore, it is critical
to visualize the end result before starting. This will give you the
necessary focus. The following is a step by step guide on how to use
Dreamweaver to create a website.
Beginning with Dreamweaver
Step 1
The first thing is to set up your website on the editor. When you launch
your program, you will be greeted by a tutorial as well as a line of
options on the menu bar. Some of the options on the menu include File,
Edit, Site Window, Commands and others. Do not be distracted by these
options. Start by defining your site on the Site Manager and to do this,
click on the option 'Site' on the menu and it will give you a drop down
menu. Choose 'New Site' and click on it.
Step 2
'Site definition for untitled site 1' will come up in a dialog box after
you have done the above. Next, click on 'basic' at the top of the
dialog box. The edit box will also give you a chance to type a name for
your site by asking the question, 'what would you like to name your
site?' At this point, if you are not sure, simply type your domain name
which you purchased from a web host.
Step 3
You will then be required to enter your web address on the box that
comes up. Make sure to type in your full site address starting with
HTTP. A 'next' button will come up; click on it to move on.
Step 4
You will be asked if you wish to use a server technology but use the
default instead and decline this option; click 'next'. Here, you will be
required to choose the location in which to store your file. Always
have a copy saved on your computer. You can also save it at your
preferred location. After you have chosen, click 'next' where you will
be asked about how you want to connect to your remote server. From the
drop down menu, select 'none' and move on.
Step 5
Finally in this section, you will be given a summary of your site definition and all you have to do is click 'Done'.
Design your website
It is easy to start with a two column website which has a side menu bar
as well as a section for the main content. Simply go to 'File' and
choose 'New'. You will be choosing a new document. Go to 'layout' and
locate the option of '2 column liquid, left sidebar footer and header'.
Choose by clicking on it. On the same window, choose 'Layout CSS' and
then choose 'New File'. At this point Dreamweaver will save a copy just
in case you need to create a similar page in future.
The next step is to hit the 'create ' button which allows you to save
style sheet; do not change the default name provided while you save.
Your page will be created with some dummy content which you need to
replace with proper content later.
Your home page preamble
Your home page is the first thing that visitors see when they land on
your site. It should contain basic information about your product or
service in an inviting manner. The links should also be clear to direct
visitors. For this reason, take time to know how you want to optimally design this section then follow the guide below.
Step 1
You can resize the columns provided and widen the main content section
while you narrow your side bar. This will ensure a balanced outlook.
Additionally, you can enter your site content at this point. Do these by
clicking on the words you wish to remove then delete as you wish using
your normal commands. At the header, replace the words 'untitled' and
give it a name. This should be your company name that search engines
will pick as they avail your website online.
Step 2
After adding your main content on the main document, the sidebar should
be left alone because it will contain the navigation menu and links to
be filled later.
Step 3
Fill in footer information by deleting what is contained and adding copyright information as desired.
Step 4
After you are done, an option to save will come up. Save as 'index.html'
without the quotes and make sure that your file name is as given here.
It plays a critical role in displaying your pages online.
Publishing your web page
At this point, the page is not totally complete but it needs to be
published. This is to ensure that Dreamweaver works correctly because it
needs to pick actual information from your web address for it to work
optimally. The following are the steps to follow to publish the
Dreamweaver site you have created.
Step 1
Go to Site Manager and choose to edit your site. Choose the one you have created and hit the 'edit' button.
Step 2
You will be asked how you want to connect to your remote serve and this time, choose 'FTP'.
Step 3
You will be required to enter your FTP address and you will get it from
your web host. When you created an account with your host, you were
given this information and you need to enter this information here. The
address is basically prefixed by 'ftp' then your domain address.
Step 4
You will then be required to specify the folder on server in which to
save your file. Here, choose the option specified by your web host. If
none, leave it blank. The next thing is to login using your FTP password
as provided by the host.
Step 5
There is an option to test whether your information is correct and when
all is good, click 'Done' to complete the process. Finally, click on
'Site' then 'Put'; answer yes for 'put dependent files'.
Test your web page
By typing out your address on a web browser, you can get to test whether
your page is now visible; it should be. Congratulations, you have
managed to create a website using Dreamweaver. If there are errors,
simply go to edit and check again. Otherwise if your domain is new, it
takes about 2 days to have it up and running globally; so be patient.
This is how to use Dreamweaver to create a website.