SITE & FILE MANAGEMENTBeginning Web Site Creation: Dreamweaver CS4

File Names, A few rules Shorter is better No SPACES!! (you can’t have spaces in a URL, so

do not place them in any file name) Good my_file Bad my file

No CAPS (not as crucial, but non standard) Good my_file Bad MyFile

No special characters Bad . (separates file name and extension) Bad “” (values of tags)

Bad / or \ (/ path name, \ Windows does not allow)

Bad : (used in some Windows and Mac commands. Confusing

File Names, extensions Web pages

.html = .htm Other

.gif Cartoon .jpg Photograph .png Portable Network Group, Better than

a .gif, open source, lossless .sws Flash .mov Apple Quicktime Movie .avi Movie

File Management

cas_111d lessons practice projects

xhtml_practice w3schools

Path cas_111d/lessons cas_111d/practice cas_111d/projects

/xhtml_practice

A very special file name

Index.html= Home Page = Root file name

File Name vs Title

The “real name” Follow the file naming

rules Shows up in the

address box Part of the URL

The “human name” Use English

spaces, special characters are OK

Shortish Shows up in the title bar Shows up when user

sets a “bookmark” or “favorite”

File Name Title

If you want . . . you can upload random files to the Web Server

SWS

BUT . . .you must not exceed the 50mb of storage space provided by the SWS

But, if things are @ all complex . . . And you want links to actually work . . . .

Lessons Images

Picture1 Picture2

PDF file PDF file

Index.html AboutUs.html History.html

Lessons Images

Picture1 Picture2

PDF file PDF file

Index.html AboutUs.html History.html

On your USB drive Student Web Server Folder

They have to match – EXACTLY.

Start by creating the folders you need

My jump drive CAS111d

Projects pcc_coffee

images

Local Root Folder

Default images Folder

Site Definition--Dreamweaver DW keeps track of local and remote files Same format in both places Defines the local root folder and all its files Does not “live” with the site

You will have to recreate it each time you change computers

Do it Each time Always Seriously

Define a Site - Local On the Application bar

Site New Site At the Site Definition

(Advanced) screen; in the Local Category Name Browse to your local root

folder Browse to the images folder Select Document Select Use Case sensitive

link checking Select Enable cache OK

Define a Site - Remote Access = FTP FTP host = sws.pcc.edu Host directory =

student/CAS111D_your_sws_id/correct folder/(for instance student/CAS111D_nbrown_45567/shared/practice/)

Login = your loginid Password = your

password Save = Use Passive FTP = Maintain synchronization =

Test your settings!

Did it work? – Local View

Did it work? – “Put to SWS”

Did it work? – Remote View

Fuzzy Terminology Local root = root = root folder

Defined it once already? Open

Dreamweaver On the

Application bar Site Manage

Site Click on the one

you want Done

Want to delete an old Site Definition?

Open Dreamweaver

On the Application bar Site Manage

Site Click on the one

you want Press Remove OK

Want to modify an existing Site Definition?

Open Dreamweaver

On the Application bar Site Manage

Site Click on the one

you want Press Edit Make your

changes OK

Why do I care? Dreamweaver will keep all of your files

together The files/folders will match on the USB drive

and the Web Server Dreamweaver will create relative links Dreamweaver will update links!!!

Turn your computer off after using campus computers to eliminate anyone else from using your SWS site location.