DW TIPs 1-10 http://www.decloak.com/products/dreamweaver/NestedTemplates/Support/Ke !oardShortcuts.

asp"

1. Support #ome
Support
$. %ommo& 'rror (essa)es *. +se,ul +p)rade T-ps .. +/0 Path %o&,us-o& a&d Wh Ima)es or 1ack)rou&ds are &ot show-&) up correctl 2. Sett-&) Ke !oard Shortcuts to !e more product-ve 3. Se&d-&) 'rror (essa)es to the %ustomer Support - Pr-&t Scree& Tr-ck 4. 5I&d a&d /eplace T-ps 6. (ouse /ollover Ima)e Pro!lems - Ima)es are &ot show-&) 7. 0a out versus Sta&dard 8-ew -& Dreamweaver - wh-ch o& to use 10. 11. S-te De,-&-t-o&s: 0ocal9 /emote9 a&d D-rector 0evels 'd-t-&) 8ert-cal Tree (e&us

1$. %a&:t see a& templates -& the ;ssets WI&dow - /ecreate S-te 0-st 1*. ( ,-les do&:t seem to have updated - +pdate S-te 1.. What resolut-o& should I des-)& m we! pa)es ,or< 3.0".609 600"3009 10$."436< 12. Des-)&-&) ,or Search '&)-&es 13. ( 0a out -s T== WID' a&d &o matter what I do I ca&:t )et -t to ,-t -& the !rowser 14. 16. 17. Set 5ocus to Te"t 1o" whe& the pa)e ,-rst loads /e&ame 5older D &am-c Pa)e

$0. No 8al-d 'd-ta!le /e)-o&s >or No 1od Te"t 'd-ta!le /e)-o& 5ou&d? $1. $$. $*. $.. $2. No Super Template 5ou&d I&-t-al-@e 5older I&-t-al-@e %om!o Tree Tree 0-&e %ustom-@at-o& +&1ala&ced 'd-ta!le /e)-o&s

$. %ommo& 'rror (essa)es

Please maximize your browser as we want to use big pictures so you get a big and clear picture of what to do --->

Double Sets of Top-Navigation Double Sets of Sub-Navigation enu !tems "# enu !tems

$"T% $&TT"NS' "N and "(( ST)T*S are D!SP+),!N"# $"T% &P )ND D".N ST)T*S are D!SP+),!N1. Please try updating the entire site via:

Modify --> Templates --> Update Pages... $. (ake sure the Templates check!o" -s checked a&d h-t Start !utto& to +pdate the e&t-re s-te. *. W#A: Th-s happe&s whe& ou make a cha&)e the l-!rar -tems !ut the templates have &ot !ee& updated to re,lect the &ew l-!rar -tem cha&)es. .. TIP: Whe&ever ou update a l-!rar -tem a&d ou wa&t to make the cha&)es e,,ect-ve -mmed-atel 9 -ts )ood to make sure the Templates check!o" -s checked. I, there are ma& cha&)es to sa other l-!rar -tems9 o&e ca& wa-t u&t-l a,ter those cha&)es are made a&d the& +pdate the '&t-re s-te w-th the a!ove method 2. S+((;/A: 1as-call -t:s a l-!rar -tem to template s &chro&-@at-o& step that has&:t !ee& do&e Bust et. ;ll ou have to do -s a& +pdate Pa)es.... comma&d as me&t-o& -& Step 1 a!ove.

1. I, a& e"-st-&) o!Bect >te"t9 html9 a&chor ta)s9 -ma)es? that co&ta-&s CavaScr-pt rollover code9 -s dra))ed -&to a l-!rar -tem9 l!- ,-le9 Dreamweaver th-&ks -t:s st-ll a re)ular we! pa)es a&d w-ll automat-call add CavaScr-pt code as well as the o&0oad !od ta) CavaScr-pt. I, th-s happe&s9 care,ull select all the CavaScr-pt that was created9 Dscr-ptE .....D/scr-ptE ta)s a&d the D!od E ta) a&d delete such code. $. ! only see one image in my +!$#)#, !T* ' but ! am sure ! put more than one image' sort of li/e 0 or so I, ou made a l-!rar -tem ,rom scratch9 v-a choos-&) the New 0-!rar Item !utto&9 Dreamweaver (F automat-call put code l-ke the ,ollow-&): D meta http-eGu-vHI%o&te&t-T peI co&te&tHIte"t/htmlJ charsetH-so-6627-1IE I, ou are us-&) CavaScr-pt rollovers9 Dreamweaver (F automat-call puts Dscr-pt ta)sE D!od E ta)s a&d Bavascr-pt ,u&ct-o&s to ha&dle the rollover. S=0+TI=N: Cust delete th-s added -&,ormat-o& a&d save the ,-le...ever th-&) should the& work as &ormal. *. #ollovers aren1t wor/ing on my computer Depe&d-&) upo& the how th-&)s are setup o& our computer there -s a l-&e -& the swap.Bs ,-le ,or calculat-&) the ,-le path o, a& we! patter& us-&) rollovers. Near the !ottom9 past l-&e 66. 2)S* 34 5 5 5 5 5 5 5 5 m6)d7usted6slash6length 8 slash)rray9length array6(older6!nternal.indows9length - 4: This is sometimes a ; or 49 I, ou do&:t )et the rollovers to work ,or the spec-,-c case o, whe& test-&) -t o& our computer w-th &o we! server setup or &o test-&) server co&,-)ured -& Dreamweaver9 tha& th-s -s where that:s set. 5rom &ow o&9 I am pro!a!l )o-&) to recomme&d to ever o&e to alwa s have a test-&) server setup a&d that mea&s the have to have a perso&al we! server o& the-r s stem as the 9 who should !e a we! savv 9 should -& the ,-rst place. %;S' K$9 ,-le method9 -s more o, a ,eature o, co&ve&-e&ce a&d we! s-tes us-&) Bavascr-pt should&:t !e tested that wa a& wa .

A=+ /'%'I8' T#IS '//=/ ('SS;L'

P#"$+* Aou most l-kel are attempt-&) to re&ame a& -tem to a& -tem that has the S;(' N;('. S"+&T!"N +se a d-,,ere&t &ame. =r re&ame the e"-st-&) -tem. a&d the& re&ame the other -tem.

;///LLLLLLLLLL###########MMMMMMMMMMM W#;T IN T#' W=/0D -s )o-&) o&<<< Where d-d all that code come ,rom a&d I ca&:t eve& see the TopNav !ar a& more......The TopNav 1ar look l-kes -t !ee& corrupted w-th )-!!er-sh code l-ke the ,ollow-&): DM-- ,u&ct-o& ((NswapIm)/estore>? O //v*.0 var -9"9aHdocume&t.((NsrJ ,or>-H0JaPP-Da.le&)thPP>"HaQ-R?PP".oSrcJ-SS? ".srcH".oSrcJ T ,u&ct-o& ((NpreloadIma)es>? O //v*.0 var dHdocume&tJ -,>d.-ma)es?O -,>Md.((Np? d.((NpH&ew ;rra >?J var -9BHd.((Np.le&)th9aH((NpreloadIma)es.ar)ume&tsJ ,or>-H0J -Da.le&)thJ -SS? -, >aQ-R.-&de"=,>IKI?MH0?O d.((NpQBRH&ew Ima)eJ d.((NpQBSSR.srcHaQ-RJTT T ,u&ct-o& ((N,-&d=!B>&9 d? O //v..01 var p9-9"J -,>Md? dHdocume&tJ -,>>pH&.-&de"=,>I<I??E0PPpare&t.,rames.le&)th? O dHpare&t.,ramesQ&.su!str-&)>pS1?R.docume&tJ &H&.su!str-&)>09p?JT -,>M>"HdQ&R?PPd.all? "Hd.allQ&RJ ,or >-H0JM"PP-Dd.,orms.le&)thJ-SS? "Hd.,ormsQ-RQ&RJ ,or>-H0JM"PPd.la ersPP-Dd.la ers.le&)thJ-SS? "H((N,-&d=!B>&9d.la ersQ-R.docume&t?J -,>M" PP d.)et'leme&t1 Id? "Hd.)et'leme&t1 Id>&?J retur& "J T //--E P#"$+* Dreamweaver (F somet-mes dur-&) updates to ,-les9 &amel l-!rar -tems w-th CavaScr-pt rollover9 w-ll automat-call add the CavaScr-pt code to make the rollover ,u&ct-o&. 1ecause the code -s usuall -& a ta!le cell that has I&owrapI o&9 ou w-ll have a& usuall w-de we! pa)e. Thus9 ou w-ll &ot !e a!le to see a& th-&) s-&ce the &av!ar -s so ,ar to the r-)ht a&d ou w-ll have to scroll hor-@o&tall to the r-)ht Bust to see -t.

."#<-)#"&ND I, ou used a s-&)le 0-!rar -tem ,or the TopNav 1ar9 the& ope& the NT=PN;8 template9 )o -&to the Nav!arT=P area a&d delete the a!ove code a&d Bust leav-&) the or-)-&al l-!rar -tem. 1ecause o, th-s pro!lem9 -t -s recomme&ded that ou use a s-&)le l-!rar -tem ,or the TopNav 1ar u&t-l th-s pro!lem -s ,-"ed ! (acromed-a. Th-s w-ll make delet-&) the o,,e&ded )-!er-sh code ver eas as ou ca& eas-l tell what -s st-ll the l-!rar -tem a&d what -s the )-!!er-sh )ar!a)e code.

problem: swap image behavior error

(note: this should almost never happen anymore as the rollover behavior has been totally replaced to avoid Dreamweaver implementation of it as it was too slow and poorly done.) You get this error when UPDATING the Web Site, via changes to the template or librar items!

answer: The code ,or o&(ouse=ver a&d o&(ouse=ut &eed to !e P'/5'%T. The ,u&ct-o&s called ! them9 ((NswapIma)e>?9 has to !e P'/5'%T0A coded....I& other words9 all o, the parameters (+ST 1' %=//'%T9 -t ca&&ot call adBace&t -ma)es a&d the -ma)e &ames must !e correct. Aou pro!a!l have some o, the code -& the T=PN;8 l-!rar -tem sw-tched arou&d Thu9 *1 =ct $01* 04:.3:$. L(T -88888888888888888888888888888888888

*. +se,ul +p)rade T-ps

Please maximize your browser as we want to use

big pictures so you get a big and clear picture of what to do --->

SUMMARY - IN PLAIN ENGLISH on WHAT TO DO

You can think of Editable Regions as protected areas that are not touched by Dreamweaver during a website update. The problem is that old websites don't have these Editable Regions tags in the first place. These Editable Regions tags can also be thought of as " tags of protection". in other words it's like talking to Dreamweaver and saying

S"+&T!"N "/' so let1s 7ust mar/ =or surround> the main content in each of these web page of the old website with these new editable regions tag ?fancy-html-comment-tags-that-dreamweaverrecognizes@ =See below for what an *ditable #egion Tag loo/s li/e> $ut there is one last thing to do9 )nd that1s let Dreamweaver also /now which template to use when updating webpages andAor child template files9 So you also have to put another specific tag up top' letting Dreamweaver /now which template to use9 This tag is a single tag and another @fancy-html-comment-that-Dreamweaver-can -also-understand@9 =See below for what the template

B&*ST!"NC Do you search forC *D) P+* ) - N"T -""D

<table> <tr><td>

=/ Do ou search ,or: *D) P+* $ - -""D

<table width !1""#! border !"! align !$enter! $ellpadding !%! $ellspa$ing !"!> <tr> <td align !$enter!><table border !"! $ellpadding !"! $ellspa$ing !"!> <tr> <td rowspan !&! align !$enter! valign !top!>

)NS.*# Aou search ,or the lo&)er search term show& -& '"ample 1. N'8'/ search ,or someth-&) ver short l-ke ou see -& case ; that w-ll )-ve ou ma& -&sta&ces -& a s-&)le pa)e. '"ample 1 should !e 0=NL e&ou)h a&d u&-Gue e&ou)h to !e see& -& a pa)e o&e >1? t-me o&l . T'ST9 T'ST9 T'ST w-th 5-&d ;ll !e,ore /eplace ;ll. more examples *D) P+* 2 - N"T -""D
<'td> <'tr> <'table>

*D) P+* D - -""D

<'td> <'tr> <'table> <'td> <td rowspan !&! bg$olor !(""""""!><img sr$ !images'spa$er.gif! width !1! height !1!><'td> <td align !$enter!><img sr$ !images')*oftwareProdu$ts.gif! width !+,-! height !+-! hspa$e !."! vspa$e !1%!><'td> <'tr> <tr>

upgrade notes and blog 1. '"per-me&t w-th 5-&d a&d /eplace a&d )et )ood at -t. $. (ake sure ou k&ow how to use the #=T K'AS ,or %+T9 %=PA9 a&d P;ST' wh-ch are %=NT/=0-F9 %=NT/=0-%9 a&d %=NT/=0-89 respect-vel . *. 1e care,ul o, Bust cop -&) the demo va&-lla patter&:s Template a&d 0-!rar 5-les -&to our &ew we! s-te d-rector . .. What ca& happe& -s the S+P'/ a&d T=PN;8 templates all )et cha&)ed whe& ou )ot a )lo!al ,-&d a&d replace. 2. It:s alwa s !est to !r-&) up =N0A T#=S' 5I0'S >e.). $0 ,-les? that are )o-&) to !e cha&)ed -& the =pe& Docume&ts w-&dow.... 3. Do N"T do a& '&t-re %urre&t 0ocal S-te 5-&d a&d /eplace whe& add-&) the ma-& outermost ta)s 4. W-th-& the 5-&d a&d /eplace W-d&ow9 set the Search dropdow& !o" to ISource %odeI. 6. Whe& us-&) the 5-&d a&d /eplace9 ;0W;AS do a 5IND ;00 !e,ore a /'P0;%' ;00. The reaso& !e-&) -s ou wa&t to look at the results w-&dow a&d see what was ,ou&d9 =N' 1A =N'9 ! dou!le cl-ck-&) o& each result ,ou&d. 7. P/;%TI%'9 P/;%TI%'9 P/;%TI%'..... (ake several !ackup cop-es o, our we! s-te a&d tr do-&) these 5-&d a&d /eplace procedure o& them 10. TAPI%;0 S%'N;/I=: 100 pa)e we! s-te d-v-ded up eve&l -&to 2 cate)or-es. 1. 5-rst use the ,-le w-&dow -& Dreamweaver a&d ope& up the $0 ,-les that !elo&) to a SINL0' cate)or . $. Seco&d9 ,-&d where the or)-&al co&te&t starts ,or the $0 pa)es that are all ope&. Do th-s ! us-&) the 5-&d a&d /eplace comma&d. /'('(1'/9 do a I5IND ;00I (!#ST a&d also dou!le cl-ck o& each search result to make sure ou are )ett-&) the correct locat-o&. *. Th-rd9 select the &ew code that -s to !e added v-a the ta!le !elowJ wh-ch -, ou are do-&) the ,-rst o&e K19 -t w-ll !e IDM-- K1e)-&'d-ta!le I1od Te"tI --EI >Wr-te th-s dow& -, ca&:t remem!er -t =/ ope& up Notepad a&d leave a s&-ppet -& them so ou ca& use the %o&trol-% to )et -t whe& ou &eed -t w-thout hav-&) to t pe -t over a)a-&. .. Dreamweaver automat-call 9 >at least somet-mes -t does? put the curre&tl selected te"t -& the 5-&d Te"t!o". Thus ou ca& use select the &ew te"t !e,ore ha&d a&d h-t %o&trol-% a&d save -t to our cl-p!oard. 2. ;&d the& )o to the old te"t select that9 a&d h-t %o&trol-5 ,or 5-&d a&d /eplace.

3. The& )oto the /eplace Te"t!o" a&d h-t %o&trol-8 a&d paste the &ew code -& there a&d h-t /eplace. 4. (ake Se&se< =&ce ou )et the ha&) o, th-s set o, ke !oard strokes a&d method9 ou w-ll !e do-&) -t a)a-& a&d a)a-& as -t:s ,a&tast-c t-me saver. 1elow are TAPI%;0 ST;/T a&d 'ND T;LS that ou m-)ht wa&t to use as markers. $)S!2)++, ,"& .)NT T" )DD T%* $+&* 2"D* N*DT T" ,"&# #*D 2"D* )S ,"& 2)N S** $*+".9

UUUUUUUUUUUUUUUUU

B&!2< (!E* =0> ST*P

)N&)+ P)-* $, P)-* &P-#)D*

5urthermore9 -, there are pa)es that do&:t update9 ou ca& st-ll eas-l up)rade them. (irst' ou ca& ope& up the or-)-&al =0D we! pa)e -& Dreamweaver. Second' make a N'W pa)e o,, o, a template. Third' )o !ack to the =0D pa)e9 use the ta) selector at the !ottom o, the w-&dow to select the des-red ta!le -, poss-!le. =/9 Bust use the mouse a&d select the e&t-re te"t that ou w-sh a&d h-t %=PA or %=NT/=0-% (ourth' Loto the New pa)e9 a&d -&s-de the 1od Te"t 'd-ta!le ;rea >that -s9-, ou stuck the &am-&) co&ve&t-o& o, the dmeo we! patter&s a&d h-t9 %=NT/=0-8 or Paste (ifthD S;8' the N'W pa)e w-th the same &ame as ou see -& the =0D pa)e. T%)T1S !TF

G9 &#+ Path 2onfusion

$*+". )#* a (*. reasons why your image or anchor tags don1t show up or wor/ 3;C 2hoosing the &#+ and images via the (ile $rowse .indow in Dreamweaver Aou should almost alwa s choose D"2& *NT opt-o&.

34C $)2<-#"&ND ! )-*S or ! )-*S N"T S%".!N- "N S" * P)-*S Aou should &ever let Dreamweaver de,-&e a& -&l-&e st le ta) -& the S+P'/ template that po-&ts to a& -ma)e ,or l-ke a !ack)rou&d. T#IS IS %=(P0'T'0A W/=NL a&d ver eas to do whe& ou )oto Modify --> Page Properties a&d cl-ck o& the 1rowse ,or !ack)rou&d -ma)e !utto&. .#"N- .),C '"ample: -&l-&e st le ta) de,-&ed -&s-de the S+P'/ template. <-- WRONG do NOT let Dreamweaver do this when yo wor! with a template" <style type#$te%t&'ss$> <(-)ody * )a'!gro nd-image+ rl,images&MyRepeating-a'!gro nd"gif./ 0 --> <&style>

2"##*2T .),C ;ll -ma)e !ack)rou&ds +/0:s -& the S+P'/ template should !e de,-&ed -& a separate %SS st lesheet 5I0'S l-ke: M123T45TMen 2T674"'ss or M123Tree2T674"'ss These separate st lesheets are the& 0INK'D to the S+P'/ template v-a the 0INK ta)s. 5or e"ample: <lin! rel#$stylesheet$ href#$""&M123Tree2T674"'ss$ type#$te%t&'ss$> <lin! rel#$stylesheet$ href#$""&M123T45TMen 2T674"'ss$ type#$te%t&'ss$> The reaso& to do -t th-s wa -s !ecause o, whe& ou I+pdate Pa)es...I9 Dreamweaver does&:t update the st le ta):s -ma)e +/0:s -& a& o, the templates. Thus that +/0 -s alwa s )o-&) to o,,. Dreamweaver D='S update sta&d alo&e -ma)es9 !od ta) d-rect !ack)rou&d -ma)es l-&ks9 a&chor l-&ks a&d all other stu,,. It Bust does N=T update a %SS -&l-&e st le -ma)e:s +/0. Th-s -s also e"tra code that &eeds to !e dow&loaded ,or each pa)e as -t:s the !ack)rou&d. 1 put that code -& a st le sheet -t -s o&l dow&loaded o&ce a&d s-&ce our pa)es are )o-&) to use %SS st lesheets a& wa 9 -t:s w-se to at least de,-&e the !ack)rou&d -ma)e -& the %SS st lesheet ,-le a& wa .

3HC !mages are N"T showing in some pages' but do wor/ in other pages9 I, ou cl-ck o& a ,-le a&d cop a&d paste -t -&to a&other ,older9 Dreamweaver w-ll )e&erall N=T update a& th-&) -& that pa)e l-ke -ma)es or a&chor ta)s. ;dd-t-o&all 9 most l-ke w-ll &ot !e wro&) a&d -&correct. I, ou wa&t to cop a pa)e a&d put -&to a ,older9 -& other words cha&)e the locat-o&9 ou must9 %0I%K a&d D/;L the ,-le to the &ew ,older. D= N=T %=PA a&d P;ST' the ,-le -&to a&other ,older. See the d-,,ere&ce< Whe& ou %0I%K a&d D/;L9 Dreamweaver k&ows to update all the l-&ksJ '"cept ,or -&l-&e st le -ma)e +/0 locat-o&s.

2. Sett-&) Ke !oard Shortcuts

setting hot keys for nested templates

(quirks you should be aware of) 1. 5I/ST9 T#'/' (IL#T 1' ; S(;00 =1ST;%0' whe& ou tr to set o&e o, the Templates %omma&ds to a #=T K'A>ke !oard shortcut? $. I, ou attempt to look ,or o&e o, the template comma&ds9 l-ke "pen )ttached Template ' ou m-)ht N=T !e a!le to ,-&d -t. The o&l comma&d ou ca& ,-&d9 at ,-rst )la&ce9 would !e Template Properties9 wh-ch -s N=T the o&es ou reall wa&t. *. T%* T#!2<C <**P S2#"++!N- D".N -t:s wa wa at the !ottom. There ou ,-&d the whole l-st o, Template %omma&ds that ou ca& set to a #ot Ke . .. Aou m-)ht wa&t to set them to the ,ollow-&) -, ou have several pa)es to work w-th. a. ;ttach Template to Pa)e: ;0T - 51 !. =pe& ;ttached Template: ;0T - 5$ c. +pdate %urre&t Pa)e: ;0T - 5* d. Template Propert-es: ;0T - 5. >opt-o&al9 read !elow &otes !e,ore sett-&)? 2. Aou could set a #otKe to Template Propert-es as well9 however9 ou w-ll have to dec-de what:s the !est ke ,or ou to use as ma& o, them are alread set to other comma&ds. Aou could replace ;0T-5.9 %lose ;ppl-cat-o& as o&e does&:t &eed set a #otKe to %lose the ;ppl-cat-o& as that:s &ot )o-&) to !e used ,reGue&tl a& wa a&d ca& alwa s !e accessed ! the 5-le (e&u -, &ecessar ,or the v-suall -mpa-red. 3. +)$*+S vis P"ST-!T N"T*S: Aou ca& use Post-It Notes v-a our Wal-(art9 =,,-ce Depot9 =,,-ce (a"9 Staples to la!el our ke !oards. +se the $ 4/6" . 4/6 s-@e &ote >-&de" card s-@e? I, ou tur& th-s post -t &ote vert-call a&d use a pa-r o, sc-ssors to cut o,, a& -&ch str-p so that ou have a $ 4/6"1 s-@e9 ou ca& use a pe&c-l or pe& to d-v-de -&to ,our >.? sect-o&s a&d la!el the 5 K'AS up top to however ou have them set.

I9 Sending *rror

essages

how to send a screen shot of your error message that you saw to anyone via e-mail
0. P/INT T#IS P;L' =+T -, ou ca& so ou ca& eas-l re,er to -t. ;9 Let the 'rror o& mo&-tor. D= N=T #IT =K as ou wa&t the other perso& to see the error messa)e

49 P/'SS the ,ollow-&) ke

QS#I5TR-QP/INT S%/NR

s o& our ke !oard.

*. 1 h-tt-&) that ke !oard com!-&at-o&9 a cop o, our 'NTI/' mo&-tor -s &ow o& ou cl-p!oard. Aou ca&:t see -t r-)ht &ow9 !ut -t:s there9 =K< G9 Aou ca& &ow paste that -ma)e -& almost -& a& docume&t ou !r-&) up ! ope&-&) a N'W docume&t or ,-le a&d the& h-tt-&) o& our ke !oard Q%=NT/=0R-Q8R or 'd-t -E Paste o& the me&u comma&ds: (-croso,t Word (-croso,t Pa-&t >Start -E Pro)rams -E ;ccessor-es -E Pa-&t? (-croso,t PowerPo-&t (acromed-a 5-reworks (acromed-a 5reeha&d 09 Save the Docume&t or 5-le to a ,am-l-ar locat-o&. I9 Se&d the e-ma-l w-th the attached ,-le or docume&t ou Bust saved. =PTI=N;0: Aou ca& also V-p -t up as well to make -t smaller whe& ou se&d 4.5ree Pr-&t Scree& +t-l-t ,or W-&dows 76/(e/$000/FP or NT http://www.)adw-&.com/pr-&tscree& )2!NT"S% "S D Scree&shot #ow To ,or (ac =S F v-a the Lra! Tool 9Scree&shot #acks ,or (ac =S F

J9 (ind )nd #eplace Tips

Find and Replace Techniq e

!elo" i# an e$a%ple o& ADDING a line o& code' NEW (ODE YOUR WANT TO ADD)
<M/T0 1TTP-/2U34 !5ontent-Type! 567T/7T !te8t'html9 $harset iso-,,%:-1!>

PLA(EMAR*ER (ODE) code +ha+ i# ad,acen+ +o ne" code

<M/T0 1TTP-/2U34 !P;0<M0! 567T/7T !76-5051/!>

REPLA(E WITH)
<M/T0 1TTP-/2U34 !5ontent-Type! 567T/7T !te8t'html9 $harset iso-,,%:-1!> < M/T0 1TTP-/2U34 !P;0<M0! 567T/7T !76-5051/!>

UNDERSTANDING HOW TO DO THIS IS *EY---

Ta.e a clo#e loo. a+ +he "ha+/# in +he +e$+ 0o$e# 0elo" and +hin. a0o + "ha+/# 1oin1 +o happen a&+e2 3o do +he 2eplace' In &ac+4 +a.e a p2ac+ice "e0#i+e and +23 and do i+ and "ha+ happen#'

SEE HOW THIS TE(HNI5UE WOR*S6 Do 3o #ee ho" +he PlaceMa2.e2 (ode i# in !OTH 0o$e#6 and "h3 i+/# 0ein1 done li.e #o6

K9 #oll"ver Problems

Mo #e RollO7e2 I%a1e P2o0le%#

Plea#e "a+ch +hi# %o7ie &o2 an e$plana+ion o& "ha+ +o do

5lash (ov-e I&to: CavaScr-pt /ollovers

Note 8ers-o& 4 a&d a!ove replaces th-s cod-&) w-th a s-mple cl-ck o, the !utto&. "a##tional in$ormation $or %ac &S ' users at the bottom o$ this page! Note, all new users shoul# still watch the %&(I) above!*

STEP 89) STOP THAT POPUP WINDOW REMINDER

&pen up the swap.=s $ile in Dreamweaver or +omeSite or NotePa#! ,irst thing ou shoul# #o is comment out the lines that cause that popup win#ow!

Notice how the commente# out lines change color, $rom blac- to gra ! The actual line that causes popup messages in .avaScript is the $ollowing line! BE !"E: alert> whatever you want here ?9 # $E"/ '' alert> whatever you want here ?9

)ven though it0s a co#e line, TW& S1AS+)S '' in .avaScript will comment out that line causing our browser to IGN&2) that line! It0s a little convenient tricto tr #i$$erent pieces o$ co#e without having to cop an# paste things as all ou have to #o is #elete or a## the two slashes 33!

STEP 8:) PRE-LOAD

I$ the rollover images o$ our website #o not change or show missing images when ou roll our mouse over them, it0s most li-el that the swap.js $ile has not been properl up#ate# with our website0s path settings an# our #irector location on our har# #rive! ,or e4ample, the $ile, swap!5s, locate# in the #irector / C:\WebSites\NestedT_MERCURY_combo_js\ shoul# be change# as shown below

STEP 8:a) MA*E SURE YOU USE A TopNav SU!-FOLDER TO PUT YOUR IMAGES IN
6ecause o$ the wa the swap.=s $ol#er wor-s, ou S+&U1D put our images insi#e the TopNav sub $ol#er 5ust li-e ou see in the #emos! The swap.=s $ile uses the .avaScript split $unction to count the number o$ slashes a$ter the main U21 path variable! Thus i$ ou have one less $ol#er in our path, the count is incorrect an# it will as- the browser to loo- $or our images in a #irector too high or too low! T+US! our images shoul# be in a path that loo-s li-e http://www.Y UR! M"#NN"ME.com/ima$e/TopNav/

STEP 8;) UPDATE FILE PATH and URL PATH

STEP 8< - Op+ional) (ASE-SENSITI=ITY

Sometime the web hosting service that ou are using has case7sensitive $ile names! Thus, ever image an# also ever web page, template an# librar item must be )'A8T1Y correct! ,or e4ample, the image $ile name e_%ome.$i& is N&T the same as / e_home.$i& I$ ou loo- closel between the two $ile name above, the onl #i$$erence is that the letter %&% is capitali9e# in one but not the other! This ma-e a big #i$$erence, especiall in web hosts that enable case7sensitivit $or their $ile names!

STEP 8> - EMPTY !ROWSER (A(HE)

I$ ou still -eep getting error messages or ou still have problems a$ter ma-ing changes to the co#e, You shoul# also empt the browser cache as browser can man times cache the swap!5s $ile

STEP 8? - Macin+o#h OS @ U#e2#

a! Please ma-e sure ou have 'ersonal (eb )haring on your *acintosh $+",E- !, ,or more in$o, please see, http/33www!apple!com3macos43$eatures3websharing3 b! I$ ou still -eep getting error messages or ou still have problems a$ter ma-ing changes to the co#e, You shoul# also empt the browser cache as browser can man times cache the swap!5s $ile! c! 6elow is the a t pical PAT+ on the %acIntosh $or the variable/ Top7av3mages)@older)3nternalAindows

Also, #epen#ing upon where ou save# our $iles an# what our s stem con$iguration is, ou will have to put the the wor#, :lo$alhost: into our path $or internal Web +ost! ,or e4ample/

var Top7av3mages)@older)3nternal1ost !http:''1.-.".".1'lo$alhost'User7ame'MyAeb*ites'7estedT)36T0)=s'ima ges'Top7av'!9 %acintosh &S' Personal Web Sharing Page

c! I,, an# &N1Y I,, ou #o N&T have Personal Web Sharing TU2N)D &N, ou shoul# also comment out the ;n# an# <r# I,7T+)N vali#ation statements!

,urthermore, i$ ou e4perience this problem, ou shoul# #o an Up#ate Site an# re7uploa# all ou $iles bac- on to our web server!

!ER"#$% &
"tep '. $(T#$%)* Add a <script> tag pointing to the swap.=s file in your SUPER template. Finally, Modify --> Templates --> Update Pages... N !E" Please see the #enu $ot Sauce %a&aScript Rollo&er demo templates 'hich already ha&e this script tag. !he<script> tag is inside the <head> tag 'hich is at the top of the template file.

7.

.ayout vs )tandard /iew

,ever0 ,ever0 use .ayout view in -reamweaver1 #lways use )tandard view to position your tables0 contents and everything else for that matter1
0. Never never use la out view in Dreamweaver! Alwa s use stan#ar# view to position our tables, contents an# ever thing else $or that matter! I$ ou use 1a out (Iew, ou will soon grow to regret this as Dreamweaver automaticall create# tons an# tons o$ co#e which ma-e it almost impossible to manage! ;9 0ear& how to pos-t-o& ever th-&) us-&) ta!les. Dreamweaver has )reat tools ,or adBust-&) ta!les a&d how co&te&ts are pos-t-o&ed -&s-de o, them. Some %T + Tables Tutorials http://www. ourhtmlsource.com/ta!les/ http://www.w*schools.com/html/htmlNta!les.asp

+,. "ite Definitions

)ite -efinitions: .ocal 2nfo0 "emote 2nfo0 -irectory .evels

0. a/e sure you have your +ocal #oot (older pointed to the correct folder or else all of your lin/s could be off and you will not be able to see any images .

1. Sometimes your web hosting company or !SP reLuire you to place all of your files in a

public access folder9 ,ou can setup the #emote !nfo1s %ost Directory to this folder9 This is a reLuirement for any type of website for all your lin/s to be correct9

49 ,our Directory +evels should always loo/ li/e this on your local level' regardless of your web hosting or !SP settings or remote folders9 (urthermore' if you are in the (TP window' the levels you see in the local view here should be !D*NT!2)+ to the remote view9 That is' what you see on the left hand remote side of your (TP window should match the levels you see here on your local view9 )ND the Templates folder should )+.),S be a ;st level folder on both ends9

Nevertheless' you should be careful in putting any template files =9dwt> or library items =9lbi> on the (TP server as they are in /nown folders and anyone can easily download your templates for their own use9