Creating your First Pages
There are two special things you must do to your first page. The
first is to name it index.html. The second is to set it as the home
page. To do so:
1. The Site Map is split into two halves. The left half represents
what you will have published to the Internet (the Remote Site),
and the right half shows you what you have created on your computer
(the Local Site). Right-click on the green folder in the Local Files
window.
2. Choose New File.
Choose New File to create the first page.
3. Name the page index.htm. Every first (home)
page of every website must have this name.
Name this first page index.htm
4. Next, right-click on the green page icon and choose Set
as Home Page. This tells Dreamweaver what the first page
is so it can make a site map in the left side.
Set your index.htm page as your Home Page.
Adding pages to your website
There is a quick way to add additional pages to your website:
1. Right-click on the yellow folder and choose New File.
2. Next to the new page you see, type in a meaningful name for the
page. For example, for your page of favorite links, call it
favlinks.htm.
3. Continue until you have created all the pages in your site.
4. To have your new pages listed in alphabetical order, go to View
and choose Refresh.
It is extremely important that you keep your website pages and
images organized. Create a new folder to keep your images in by
right-clicking on the green folder and choosing New Folder.
Rename it Images.
Note: Remember the 8 and 3 rule: try to keep the
first part of your title to a maximum of 8 letters, and the extension
(.htm) to 3. Although things may work if you break this rule, it
can also cause problems in the future.
Notice how the titles of these pages are meaningful. If you title
your pages 1.htm, 2.htm, it’s hard to remember what is in
them, especially when you start adding many pages.
Tip: It’s a good idea to add an extra page
called practice.htm. You can use this page to practice
new things, as well as to store tables and other things so that
you have a back up copy.
.htm or .html?
You have probably noticed that some webpages have the extension
.htm, and others have .html. Either extension will work on most
web servers. If not, you might have to change your extensions. Remember
this if you have problems in the future for some reason. We will
use .htm in this course.
Naming Images and Folders
Any image (picture, drawing, logo, etc.) and any folder 
MUST NOT have any spaces in the name.
Also, the name should not be more than 8 letters. If it is an image,
be sure to include the extension as well, for example .gif or .jpeg.
Correct way to name a folder:
 or
 .
Wrong way to name a folder:
Correct way to name an image:
Wrong way to name an image:
Review
1. What is a Root Folder?
2. Why do you have to “define a site” before you start
to make a new website?
3. What extension should all webpages have?
4. Should you have spaces in the names of folders or images?
Practice
Add new pages to your website for each page that you have planned
in your Storyboard.
|
