SITE & FILE MANAGEMENT Beginning 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)  Goodmy_file  BadMyFile  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 .gifCartoon .jpgPhotograph .pngPortable Network Group, Better than a.gif, open source, lossless .swsFlash .movApple Quicktime Movie .aviMovie

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 NameTitle

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 all complex... And you want links to actually work....  Lessons  Images  Picture1  Picture2  PDF file  Index.html  AboutUs.html  History.html  Lessons  Images  Picture1  Picture2  PDF file  Index.html  AboutUs.html  History.html On your USB driveStudent Web Server Folder

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_4 5567/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.