Page 1
1
CIM Home Page
Dreamweaver Site ManagerRelative Directories
Student Search
2© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Outline• Video 4: Using File Panel Copy-Paste
create blooms and tripsmart foldersDW Local Testing-Edit Cycle
• Video 5: Advance File ManagerSite Definition: Cloak Book Data Chapterswith File Panel Put Entire Site
• Video 6: Expanded Mode File Panel andSite Manager Export, Import, Cloak File Types
Video 4Advance File Management
Local Test-Edit Cycle
Test Locally Key of Day F12Use DW File Panel Copy Folders
Paste FoldersRename Folders – Edit New Home Pages
Retest Locally
4© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Outline
1) Open DW Site cim278a2) If Installed Set FireFox as Default Browser3) Test Site Locally
4) Copy striped_umbrella Folder5) Paste Two Copies to Local Site Root
One 2 & 3 Could Do Edit Duplicate6) Rename Folders to blooms, tripsmart7) Edit blooms/tripsmart Home Page
8) Retest Local Site
Page 2
2
5© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
1-3) Open DW – Test Locally• Start up DW• Select cim278a Site, Should be Active Site• Set FireFox as Default Browser• Open Main Home Page• Key of Day F12
– Test Locally in Selected Browser
• May Have Stale Data, Reload, Clear Browser Cache• Note Protocol File: In Browser Address Bar
– Test all Three Relative Links
6© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
File Preview Edit Browser List
+ Add Browser
Set Firefox asPrimary Browser
7© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
4) DW File Panel: Copy Folder
Right^Click striped_umbrellaOn Popup Menu
Select Edit Copy
8© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
5) Create Two Folder CopiesRight^Click RootOn Popup Menu
Select Edit PasteDo This Twice
Notice Two New Folders Appear Note Edit Duplicate Gives Same Results Gotcha: If Paste is Grayed/disabled
Select & Copy File a Second Time
Page 3
3
9© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Steps 6-8) Rename, Edit, Test
6) Right^Click Rename to tripsmartRepeat for blooms
7) Open Relative Default Pages blooms/tripsmartedit index.html, may want to update Title
8) Retest Local SiteIf Stale Data Reload or Clear Browser Cache
10© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
7) Edit New tripsmart Index PageSelect Old TextEnter tripsmart
Repeats Process for blooms Folder
11© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Summary• Treat DW File Panel as File Manager
– Cut, Copy, Paste, Duplicate Files– Folder is a File that Holds Files
• F12 Test Locally– Can Set a Specific Browser
File Preview In Browser Edit Browser List
• Browser Using Stale Data, Confident in Changes– Reload, Then Clear Browser Cache
Video 5Advance SiteManagement
Open DW Site Definition cim278aCloak Chapter Data Folders
After Cloak Put Entire Local Site Root
Test Your Remote Home PageReview Browser Stale Data Solutions
Page 4
4
13© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Open Dreamweaver Site CIM278AOpen Dreamweaver
Site CIm278aCreated In Video 1 & 2
14© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Cloak Folders: Chapter_1..Chapter_4
Do Not Want these Folders on Server
Data FoldersNot Part of
Website
15© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
On Chapter_1 Right^ClickCloaking Cloak
Notice After Cloak You Should see Line Through Folder
May Need to First Enable Cloaking
Repeat forChapter_2..Chapter_4
Select Chapter_2 --- Right^ClickPop up Menu Cloaking Cloak 16© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Put Entire Site
Make Sure all FourFolders Are Cloaked
Select Local Site Root
And with Cloaking
You Can Put Entire Site
Page 5
5
17© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Right^Click Site Root Folderon PopUp Select Put
• Will be putting the Entire SiteWill Get
Prompt Asking if You WantTo Put Entire Site
Will See Popup of Files Being PutBut Dreamweaver Puts Files in Background
18© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Load Your CIM Home Page
• xxx
Enter your Home Page URLcim.saddleback.edu/~sbusername
Saddleback UsernameFirstInitial LastName Unique Number
cim.saddleback.edu Student Sites
19© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Test All Three Links
• Click striped_umbrella first then other 2
We Created & Uploaded Folderhome page in Video 3
Go back to homepage
If tripsmart, blooms fail or later on are using Stale DataWhats Wrong?
20© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Possible ErrorBrowser Cache Not Updating
Page/Folder Don’t Exist so weGet a 403/404 Error Page
How do We Fix This?
Page 6
6
21© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Fixing Browser Stale Data1st Reload Page F5
2nd Tools Clear Private Data
Clear PrivateData Popup
Clear LocalCache
22© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Quiz Summary• What are Your CIM home-Page Sub Folders?
• Can you have files in a local site root that are never copied to the Web Server? (if Yes how?)
• Do Browser always load the most recent remote Web page?(if no, where is the page; and how do you get most recent?)
• Remote File: /home/jstudent0/public_html/tripsmart/index.htmlHas a Web Server Mapping to?
23© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Quiz Summary• What are Your CIM home-Page Sub Folders?
– striped_umbrella, tripsmart and blooms• Can you have files in a local site root that are never copied to the Web
Server? (if Yes how?)
• Do Browser always load the most recent remote Web page?(if no, where is the page; and how do you get most recent?)
• Remote File: /home/jstudent0/public_html/tripsmart/index.htmlHas a Web Server Mapping to?
24© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Quiz Summary• What are Your CIM home-Page Sub Folders?
– striped_umbrella, tripsmart and blooms
• Can you have files in a local site root that are never copied to the Web Server? (if Yes how?)– Yes, you need to cloak them, it is common to have
images and support files that are not part of an actual Web site.
• Do Browser always load the most recent remote Web page?(if no, where is the page; and how do you get most recent?)
• Remote File: /home/jstudent0/public_html/tripsmart/index.htmlHas a Web Server Mapping to?
Page 7
7
25© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Quiz Summary• What are Your CIM home-Page Sub Folders?
– striped_umbrella, tripsmart and blooms• Can you have files in a local site root that are never copied to the Web
Server? (if Yes how?)– Yes, you need to cloak them, it is common to have images and support
files that are not part of an actual Web site.
• Do Browser always load most recent remote Web page?(if no, where is the page; and how do you get most recent?)– No, they use a local site cache to download files the
first time they go to a site, these pages may or may not be updated when the remote file is changed.
• Remote File: /home/jstudent0/public_html/tripsmart/index.htmlHas a Web Server Mapping to?
26© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Quiz Summary• What are Your CIM home-Page Sub Folders?
– striped_umbrella, tripsmart and blooms• Can you have files in a local site root that are never copied to the Web
Server? (if Yes how?)– Yes, you need to cloak them, it is common to have images and support
files that are not part of an actual Web site.• Do Browser always load the most recent remote Web page?
(if no, where is the page; and how do you get most recent?)– No, they use a local site cache to download files the first time they
go to a site, these pages may or may not be updated when the remote file is changed.
• Remote File: /home/jstudent0/public_html/tripsmart/index.htmlHas a Web Server Mapping to?– http://cim.saddleback.edu/~jstudent0/tripsmart
Video 6DW Expanded File Panel
& Site Manager
Task 1: Expanded Mode, Remote View, SynchronousTask 2: File Deletion, Testing, Synchronous
Task 3: Export/Duplicate Site Definition, Cloak *.steFile
28© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Outline• Task 1 DW File Panel Expanded Mode
– Connect to Remote File System– Synchronize Files
• Task 2 Expanded Mode – Delete CIM Home Page (Will CIM Home Page Work?)– Delete Local Blooms Folder– Synchronize
• Task 3 Site Manager– Site Definitions: Duplicate, Export, Import
Page 8
8
29© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Task 1: Start Up DW Site 278A
(2) What do Red Slashes Signify?
(1) How many sub-folders in remote public_html?
30© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
(1) How many sub-folders in remote public_html?Three: blooms, striped_umbrella, tripsmart 3 Notice
Local View
4 Click Expanded
Mode
Site: Manager Local View
(2) What do Red Slashes Signify?Folder/File is Cloaked
not seen by Web Server
31© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
File Panel Expanded Mode
Remote Site
2 Collapse ShowOnly 1 View
Local Files4 Make sure Dreamweaver Active
Rollover Each ButtonClick on one the connects
To Remote Site
32© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Remote View Present1 Connect to Remote
2) Synchronous
Page 9
9
33© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Task 2
• DW File Panel Expanded Mode
• Right^click index.html on CIM EditDelete– Optional Test Your CIM Home Page, What Happens?
• Right^Click blooms on local Edit Delete
• DW File Panel Expanded Mode, Synchronize– What will Happen?
34© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
File Panel After Deletion1 Notice noblooms Folder
2 deleted index.htmlno Home Page 3 Start up Firefox load Your
Home Page What happens
35© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Load Home Page
Should get 403 Error Page,You deleted Home Page
You may have to reloador Clear Cache
Next try Your Blooms Folder
36© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
blooms Folder
blooms was deleted from LocalSite Root - not the Remote
Go Back to Your home Page403 Error Page
Page 10
10
37© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Synchronize Remote & Local1 Make Sure Dreamweaver is Active
Rollover Buttons Find Synchronize Button
2 Click Synchronize ButtonSynchronize Entire Site
Get and Put Files
38© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Synchronize Entire Site• Should See Synchronize Files Dialog Box….
• Put newer Files to Remote CIM Server• Get newer Files From Remote CIM Server• Most Recent Version on Both Local and Remote
– CIM uses NTP – Network Time Protocol Exact Time
39© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Click Preview:Get next Synchronize Panel
• Click Okay
40© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Test Home Page – Back to Normal
May Have to Reload orTools Clear Cache
Page 11
11
41© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Task 3: Site Manager• Once a Site Definition is Set
Set It and Forget It
• Create a Backup Copy – Duplicate
• Export (cim278a.ste) (Cloak *.ste Files)Site Manage Sites Import Button
Need to Set Password & Local Site RootNote IMC Lab Deletes Your Site Definitions
42© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Site Manage Sites Duplicate1 Select CIM278A
2 ClickDuplicate
43© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Manage Sites: Export
1 SelectCIM278A
2 ClickExport
44© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Export Site
• Two Options– Include Passwords– Will be Sharing (don’t include Passwords)
Page 12
12
45© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Export Site Dialog Window
1 Default Name is Site Name
2 Save File
46© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Local Site Has Backup File
1 Site Definitionin XML Format
2 May Need to Refresh File List
47© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Site Definition File *.ste File Type• Normally DW Saves all site Definitions
But not in IMC Lab (C: Drive Shield)Can Save Data (& *.ste File) to your H: IMC Lab
• Site Manage Sites Import Button– Specify the New Local Site Root, Password
• Export Select Option Share Settings– cim278a.ste will have Your Password– Cim278a.ste is a readable XML File
• Never Copy *.ste to Server– Always Cloak *.ste File Types
48© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Always Cloak *.ste File Types
1 Right^ClickCloaking Settings
Page 13
13
49© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
2 Add FileType .ste
3 Click Save when done
1 Enable FileType Cloaking
Site Definition: Cloaking Category
50© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
cim278a.ste is Now Cloaked
File *.ste is cloaked
51© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Summary Quiz• Steps to simultaneously View Files on
both Remote Server & Local Site Root?
• Working on large local site, modified several files, but forgot which ones, how do you update remote server?
• Does IMC Lab Save Site Definition?
52© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Summary Quiz• Steps to simultaneously View Files on
both Remote Server & Local Site Root?File Panel Expanded, Connect Remote• Working on large local site, modified
several files, but forgot which ones, how do you update remote server?
• Does IMC Lab Save Site Definition?
Page 14
14
53© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Summary Quiz• Steps to simultaneously View Files on
both Remote Server & Local Site Root?File Panel Expanded, Connect Remote• Working on large local site, modified
several files, but forgot which ones, how do you update remote server?
File Panel, Synchronize, Select site root• Does IMC Lab Save Site Definition?
54© 8/10, 8/09, 8/08 & 5/07 Professor T. DeDonno
Summary Quiz• Steps to simultaneously View Files on
both Remote Server & Local Site Root?File Panel Expanded, Connect Remote• Working on large local site, modified
several files, but forgot which ones, how do you update remote server?
File Panel, Synchronize, Select site root• Does IMC Lab Save Site Definition?No, Export *.ste to H: or Flash Drive; Import