Defining
A Web Site
Dreamweaver
keeps better track of links between Web pages and other files,
if you define a folder as the local root folder and save
all the files for your site in that folder. The local root folder
should contain the HTML files for your site as well as all images,
Cascading Style Sheets, Templates, and other dependent files.
When
working on campus where the network directory is directly accessible
from the desktop, the network WWW folder is the local
root folder.
To
define a site in Dreamweaver, Once Dreamweaver is launched, follow
the next steps carefully:
- 1.Create
a blank new Homepage.
- If
this is your first web page, open a blank new page by selecting
File > New and immediately save it with the name "index.html"
in the WWW folder in your network directory. Caution: Use
some other name if there is already a file named "index.html"
in your WWW folder.
-
- Note:
The Saint Mary's system only allows you to register one Home
page and it must be named "index.html."
2.
Set up a site definition at the start of each session:-
Choose
Site > New Site and give a name for your site in the Site
Name field "My Home Page" or "My Site."
Tab to the field named "Local Root Folder", click
the folder icon and browse to your network directory, and
select the WWW folder. This directory must be your
WWW, not some directory on your C: drive.
It
is recommended that you select both Refresh Local File List Automatically
and Use Cache to Speed Link Updates unless you are working with
an extremely large site.
You
should also enter the HTTP Address (called the URL) of the campus
web server. http://www.saintmarys.edu
- 3.
Site is Finished, Click OK, and Done
- You
are now ready to build your Web site. To begin work on your
Home page, simply double-click the file "index.html"
in the site window. It will open in the Document window where
text or images can be added.
4.
Identify the page that will be your homepage and start adding
to it.
Select
the Window menu, and select Site Files.
Right
click on the file name index.html, and select "Set as HomePage".
Now you can double click on this file to begin developing your
first web page.
N.B. Your
personal URL is formed by joining your username to the College
address with a forward slash and a tilde "/~". For instance,
Jane Doe's URL would be:
http://www.saintmarys.edu/~doe9876
Click to continue
with the tutorial
The
following directions are only for those who are not connected
directly to the campus network, such as those working from off
campus. You can still define a local root folder on your local
hard drive, and periodically upload your work to a remote folder
on the Web server. Dreamweaver can be used to automatically replicate
the file structure of the local root folder on the server but
the setup is more complicated.
| 1. |
If
you are not on the campus - connecting directly to the campus
network, but have an internet connection, you should first
create a folder on your local hard drive to serve as the
local root folder. Each new web site must have a
separate local root folder. Do
not choose an existing folder as the local root folder or
you will mix everything together.
(
File and folder names should be one-word, lower-case,
alphanumeric characters and should begin with a letter.
The only special character that is permitted is the underscore.
See Naming
strategies for Dreamweaver, UltraDev, and various interpreters
for more information regarding naming conventions. )
|
| 2.
|
If
starting a new web site, open a blank new page by selecting
File > New and immediately save it with the name "index.html"
in the newly defined local root folder.
Caution: Use some other name if there is already a file
named "index.html" in your WWW folder to avoid
overwriting your existing homepage. The Saint Mary's system
only allows you to register one Home page and it must be
named "index.html."
Those
who already have a Home page can use this existing Homepage
or can start a new page. Having a Home page at this point
enables Dreamweaver to build the Site Map during the site
definition.
|
| 3. |
Choose
Site > New Site and enter a name for your site in the
Site Name field.
The site name has no naming restrictions.
|
| 4. |
Those
not conected to the campus network will need to select the
folder on a local hard drive created in the first step. It
is recommended that you select both Refresh Local File List
Automatically and Use Cache to Speed Link Updates unless you
are working with an extremely large site.Note: Browsing
to the folder rather than typing the path name ensures a correct
path. |
| 5. |
You
must now enter enough information to permit a connection
and upload of files from the local root site to the server.
Choose Remote Info from the Category list. The specific
information required to make an FTP connection is information
about your account on the campus server.
-
FTP connection with the Saint Mary's College servers involves
connecting to "jade.saintmarys.edu."
-
Host Directory "WWW" specifies the exact folder
on the server where the files will go.
-
Login refers to the user name or login you are using,
- Password
is self-explanatory
|
| |
 |
| 6.
|
To
select the Home page and build the site map, choose Site Map
Layout from the Category window on the left, click the folder
icon, and browse to the Home page in the local root folder.
Select the file. Click Open and OK.
|
| 7. |
The Define
Sites dialog box reopens.
Click Done.
Now that the site has been defined,
the Site window opens. The Site window provides two visual
representations of your site (Site Map and Site Files) and
can be used to open, add, and delete files.
To see both the Site Map and Site
Files view, click the Site Map icon circled in red below.
The icon to the left of the Site Map icon displays the remote
folders and files after the site has been uploaded to the
server.
|
| |
 |
| |
You are now ready to build your Web
site. To modify your Home page, simply double-click the
file. It will open in the Document window where text or
images can be added.
|
| |
Click
to continue with the tutorial |
| |
|
|
