Site & File Management
description
Transcript of Site & File Management
![Page 1: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/1.jpg)
SITE & FILE MANAGEMENTBeginning Web Site Creation: Dreamweaver CS4
![Page 2: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/2.jpg)
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
![Page 3: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/3.jpg)
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
![Page 4: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/4.jpg)
File Management
cas_111d lessons practice projects
xhtml_practice w3schools
Path cas_111d/lessons cas_111d/practice cas_111d/projects
/xhtml_practice
![Page 5: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/5.jpg)
A very special file name
Index.html= Home Page = Root file name
![Page 6: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/6.jpg)
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
![Page 7: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/7.jpg)
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
![Page 8: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/8.jpg)
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.
![Page 9: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/9.jpg)
Start by creating the folders you need
My jump drive CAS111d
Projects pcc_coffee
images
Local Root Folder
Default images Folder
![Page 10: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/10.jpg)
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
![Page 11: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/11.jpg)
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
![Page 12: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/12.jpg)
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 =
![Page 13: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/13.jpg)
Test your settings!
![Page 14: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/14.jpg)
Did it work? – Local View
![Page 15: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/15.jpg)
Did it work? – “Put to SWS”
![Page 16: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/16.jpg)
Did it work? – Remote View
![Page 17: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/17.jpg)
Fuzzy Terminology Local root = root = root folder
![Page 18: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/18.jpg)
Defined it once already? Open
Dreamweaver On the
Application bar Site Manage
Site Click on the one
you want Done
![Page 19: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/19.jpg)
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
![Page 20: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/20.jpg)
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
![Page 21: Site & File Management](https://reader036.fdocuments.in/reader036/viewer/2022062305/56816107550346895dd04e6a/html5/thumbnails/21.jpg)
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.