1. SITE & FILE MANAGEMENT Beginning Web Site Creation: Dreamweaver CS4

2. 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

3. 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

4. File Management  cas_111d  lessons  practice  projects  xhtml_practice  w3schools Path  cas_111d/lessons  cas_111d/practice  cas_111d/projects /xhtml_practice

5. A very special file name Index.html= Home Page = Root file name

6. 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

7. 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

8. But, if things are @ 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

9. Start by creating the folders you need  My jump drive  CAS111d  Projects  pcc_coffee  images Local Root Folder Default images Folder

10. 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

11. 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

12. 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 = 

13. Test your settings!

14. Did it work? – Local View

15. Did it work? – “Put to SWS”

16. Did it work? – Remote View

17. Fuzzy Terminology Local root = root = root folder

18. Defined it once already?  Open Dreamweaver  On the Application bar  Site  Manage Site  Click on the one you want  Done

19. 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

20. 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

21. 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.