cim home page dw local testing-edit cycle site manager … h… · 1 cim home page dreamweaver site...

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


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

2


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


File Preview Edit Browser List

+ Add Browser

Set Firefox asPrimary Browser


4) DW File Panel: Copy Folder

Right^Click striped_umbrellaOn Popup Menu

Select Edit Copy


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

3


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


7) Edit New tripsmart Index PageSelect Old TextEnter tripsmart

Repeats Process for blooms Folder


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

4


Open Dreamweaver Site CIM278AOpen Dreamweaver

Site CIm278aCreated In Video 1 & 2


Cloak Folders: Chapter_1..Chapter_4

Do Not Want these Folders on Server

Data FoldersNot Part of

Website


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

5


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


Load Your CIM Home Page

• xxx

Enter your Home Page URLcim.saddleback.edu/~sbusername

Saddleback UsernameFirstInitial LastName Unique Number

cim.saddleback.edu Student Sites


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?


Possible ErrorBrowser Cache Not Updating

Page/Folder Don’t Exist so weGet a 403/404 Error Page

How do We Fix This?

6


Fixing Browser Stale Data1st Reload Page F5

2nd Tools Clear Private Data

Clear PrivateData Popup

Clear LocalCache


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?



– 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?)





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



7




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.





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


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

8


Task 1: Start Up DW Site 278A

(2) What do Red Slashes Signify?

(1) How many sub-folders in remote public_html?


(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


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


Remote View Present1 Connect to Remote

2) Synchronous

9


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?


File Panel After Deletion1 Notice noblooms Folder

2 deleted index.htmlno Home Page 3 Start up Firefox load Your

Home Page What happens


Load Home Page

Should get 403 Error Page,You deleted Home Page

You may have to reloador Clear Cache

Next try Your Blooms Folder


blooms Folder

blooms was deleted from LocalSite Root - not the Remote

Go Back to Your home Page403 Error Page

10


Synchronize Remote & Local1 Make Sure Dreamweaver is Active

Rollover Buttons Find Synchronize Button

2 Click Synchronize ButtonSynchronize Entire Site

Get and Put Files


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


Click Preview:Get next Synchronize Panel

• Click Okay


Test Home Page – Back to Normal

May Have to Reload orTools Clear Cache

11


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


Site Manage Sites Duplicate1 Select CIM278A

2 ClickDuplicate


Manage Sites: Export

1 SelectCIM278A

2 ClickExport


Export Site

• Two Options– Include Passwords– Will be Sharing (don’t include Passwords)

12


Export Site Dialog Window

1 Default Name is Site Name

2 Save File


Local Site Has Backup File

1 Site Definitionin XML Format

2 May Need to Refresh File List


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


Always Cloak *.ste File Types

1 Right^ClickCloaking Settings

13


2 Add FileType .ste

3 Click Save when done

1 Enable FileType Cloaking

Site Definition: Cloaking Category


cim278a.ste is Now Cloaked

File *.ste is cloaked


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?



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?

14





File Panel, Synchronize, Select site root• Does IMC Lab Save Site Definition?





File Panel, Synchronize, Select site root• Does IMC Lab Save Site Definition?No, Export *.ste to H: or Flash Drive; Import

cim home page dw local testing-edit cycle site manager … h… · 1 cim home page dreamweaver site...

Documents