| Building the Root Structure |
|
|
- Building a root structure means to create and organize all
the files in the root folder. This includes pages, images, and
other documents. Before building in Dreamweaver draw a diagram
or organizational chart of the pages with in the site as well
as how they will be linked.
|
Click to enlarge |
|
- After defining the site and using the teacher sample files,
the site panel should show the files and folders that are already
in the root folder.The next step is to add the eight HTML files
from the above diagram to the site. Start by selecting the folder
the files will go inside. Then right click the mouse.
|
Click to Enlarge |
|
- On the pop out menu select New File. Each
page with in a site is a single HTML file.
|
Click to Enlarge |
|
- Name this first one Index.html. The file must have the extension
.html or .htm for it to be
a valid webpage.
- Now add the other seven html files the same way and in the
same place.
|
Click to Enlarge |
|
- As the site grows and the number and type of files increase,
it is a good idea to organize the root folder. Creating subfolders
to hold similar types of files is recommended. To do this seledt
the top folder then right click. From the pop out menu select
New Folder.
|
Click to Enlarge |
|
- This folder will be used to hold all the html files or pages
except the index. So name the folder pages.
|
Click to Enlarge |
|
- Now move all the html files, except the index, into the pages
folder. Do this by clicking and dragging each file onto the
pages folder. When the file is inside of a subfolder it will
be indented. See image.
The index.html is a special case. It is designated as the home
page or the first page visitors should see. To make sure visitors
see this page first it needs to be "at the root level"
which means inside the root folder but not inside any other
folders
|
Click to Enlarge |
|
- Once all the html files are inside the pages folder the root
folder should look like this.
|
Click to Enlarge |
|
The root folder is now set up and
the pages are ready to be layed out. To see the contents of folders
just click the small plus next to the folder. With the folders
open the root directory should look like this.
Next: Starting the Layout.
Tables and Images |
|
|
| |
|
Search 
Site
Map 
