STEP ONE SKILLS (continued)
B. Create a Site
INTRODUCTION

Before you start any new project, always create a site.

Always.

It is easy to open up Dreamweaver, start using the toolbars and putting stuff into the WYSIWYG window. Problem is, the page will likely not work when you publish it. The image paths, hyperlinks and additional files (or the paths to them) will probably be incorrect.

To get the full benefit of the program (and to make certain everything works properly), create a site.

WHAT IS A SITE?

A folder.

A directory.

A strategy for allowing DW to keep all your associated files together and the paths to them correct.

As you may know, you are building pages to be displayed in a browser, and you are using DW to help you write code that a browser can understand.

As you may not know, the images you see on the page aren't really "on" the page. You are writing code (through the WYSIWYG window) that will tell the browser where the image is, to go get it, and display it appropriately.

For DW to gather all the associated files (images and links to other pages) and to write the paths to them in such a way that everything works when you publish it, you must work in a site.

So. Create a Site first.

Always.

 

 

 

 

 


Figure 1B-A


Figure 1B-B


Figure 1B-C


Figure 1B-D


Figure 1B-E


Figure 1B-F


Figure 1B-G

 

 


Figure 1B-H


Figure 1B-I


Figure 1B-J

 


Figure 1B-K


Figure 1B-L
TO CREATE A SITE

If you are creating a site from a template, follow instructions in the blue box.

If you are creating a site from scratch (NOT using template),follow instructions in the gray box.

IF YOU ARE CREATING A SITE FROM A TEMPLATE:

1. Click on (Toolbar) Site --> New Site

2. On your Site Definite Box, Click on ADVANCED (Figure 1B-A)

 

3.. Select your Template Folder by clicking on the yellow folder next to LOCAL ROOT FOLDER (Figure 1B-B)

 

 

 

4. In the Choose Local Root Folder Box: click on the arrow and navigate to your template folder (Figure 1B-C)

 

 

 

 

5. Highlight your template folder and click on Open (Figure 1B-D)

 

 

 

 

 

6. With the template folder in the select window, click on Select (Figure 1B-E)

 

 

 

 

7. Type name of your site in the Site Name box (e.g. "Portfolio: ENG 2212" ) Figure 1B-F

 

8. Add a Default Images Folder by clicking on the Yellow Folder to the right of the Default Images Folder box and navigating to the images folder in your template folder (Figure 1B-F)

  • Select the images folder
  • Click on Open

The result should look similar to Figure 1B-G

 

 

9. Select OK

10. Select Yes to "Enable Cache" (it makes DW work faster)

 

IF YOU ARE CREATING A SITE FROM SCRATCH (You are NOT starting from a Template)

1. Click on (Toolbar) Site --> New Site

2. On your Site Definite Box, Click on ADVANCED (Figure 1B-H)

 

3. Type name of site in the Site Name box (e.g. "My Site" ) Figure 1B-I

4. Click on the yellow folder to the right of the Local Root Folder (Figure 1B-I )

 

5. Use the dialog box arrows to Navigate where you want to create a new folder (e.g. My Documents on C:)

 

6. Click on Create New Folder Icon (see Figure 1B-J)

 

 

7. Type in a folder name (e.g. my_site)

8. Highlight the new folder name and click on Select

9. To Add a Default Images Folder, Click on the Yellow Folder to the right of the Default Images Folder box. The Choose Local Image Folder dialog panel should automatically open to the new site you have just created.

  • Click on Create New Folder icon
  • Type "images"
  • Select the images folder
  • Click on Open

The result should look similar to Figure 1B-K

10. Select OK

11. Select Yes to "Enable Cache" (it makes DW work faster)

Your site window on the right panel should look similar to Figure 1B-L

 

You will notice that we are operating in "Local View." In Step Four, we will add remote information, so that Dreamweaver can publish your pages to the WWW.

VERY IMPORTANT

Use the Site window to add folders, move files, rename files, etc. If you do this, DW will keep track of the changes for you.

If you rename or move files outside of the Site Window (by going through My Computer, for instance), your pages will not work.
  • To add a folder, right click on the top folder and select New File
  • To rename a file, right click on the file and select Rename
  • To move files around, drag and drop with the mouse

VERY VERY IMPORTANT!

  • Never use spaces when you name a file; use underscores or dashes instead
  • If at all possible, keep all file names in lower case

For Example: not "My Site.htm" but "my_site.htm"

If you include a space in the name a file or folder, it will work in your computer, but will not work when you publish it on the WWW.

Since UNIX (the OS of the WWW where we will eventually publish our files) is case sensitive, it is simply easier to remember your URLs if all characters are in lower case

THE BOTTOM LINE

Always create a site before you begin any new project.

Always name, rename, and move files from within the site window.

To create a site:

  • click on toolbar Site --> New Site
  • navigate to where you want to create the folder and enter appropriate information.

 

 

Step One Continued: C. Create a Page -->

* NOTE: if you select the Basic tab, it provides a Wizard for doing a complete setup of your site, both local and remote (Web). At this point, however, we do not have our remote or FTP information, so we will select the Advanced tab and fill out selected pieces of it. In Step Four, we will come back to this dialog box and put in our publishing information.
|| Back to Five Basic Steps Home ||
|| Instructional Technology Services Home || McDaniel Homepage || Information Services ||

McDANIEL COLLEGE
(founded in 1867 as Western Maryland College)
 Westminster, Maryland 21157-4390 USA / 410-848-7000
Questions? Comments? Contact Steve Kerby (X 4686)


© 2002-2003 McDANIEL COLLEGE. All rights reserved