1 / 21

Site & File Management

Site & File Management. Beginning Web Site Creation: Dreamweaver CS4 . F ile 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

lynton
Download Presentation

Site & File Management

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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.

More Related