Site & File Management

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) • 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

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

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

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

6. File Name vs Title File Name 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”

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 . . . . On your USB drive Student Web Server Folder • 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 They have to match – EXACTLY.

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 localroot folder • Browse to the imagesfolder • 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_45567/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.