<meta http-equiv='pics-label' content='(pics-1.1 "http://www.icra.org/ratingsv02.html" comment "ICRAonline EN v2.0" l gen true for "http://interval.cz" r (nz 1 vz 1 lz 1 oz 1 cz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://interval.cz" r (n 0 s 0 v 0 l 0))' />
<p id='prepend'>Na zaΦßtku je "Dreamweaver a vy". Pokud pou₧φvßte urΦit² program delÜφ dobu,ácht∞jte z n∞j zφskat co nejvφce.áVytvo°te si vlastnφ zßlo₧ky, m∞jte plnou kontrolu nad vklßdan²m textem a k≤dem, v∞nujte Φas optimalizaci pracovnφ plochy. Na konci budete "vy a Dreamweaver".</p>
<h3>Vlastnφ zßlo₧ky</h3>
<p>Dreamweaver ve verzi MX neumo₧≥oval tvorbu novΘ zßlo₧ky v paletce Insert. Verze MX 2004 ji₧ obsahuje zßlo₧ku Favorites, kterou si m∙₧ete obsadit funkcemi dle vlastnφho uvß₧enφ. Existuje i mo₧nost, dφky kterΘ si m∙₧ete vytvo°it vφce vlastnφch zßlo₧ek s nejpou₧φvan∞jÜφmi funkcemi, viz obrßzek (zßlo₧ka Graphics a Templates):</p>
<p>Menu jsou vytvo°ena v XML. DoporuΦuji zßlohovat kompletnφ nastavenφ Dreamweaveru. U operaΦnφho systΘmu Win2k a WinXP je konfigurace rozd∞lena na nastavenφ pro u₧ivatele a nastavenφ pro stanici.</p>
<p>Zvolte slo₧ku s konfiguraΦnφmi soubory pro u₧ivatele, v tomto p°φpad∞ "Documents and Settings\jmeno_uzivatele". PokraΦujte adresß°ovou strukturou a vyhledejte soubor <em>insertbar.xml</em> (Macromedia\Dreamweaver MX 2004\Configuration\Objects). Pro vytvo°enφ zßlo₧ky Graphics vlo₧te do tohoto souboru za polo₧ku Favorites nßsledujφcφ k≤d:</p>
<p>Nynφ je pot°eba dokonΦit nastavenφ pro stanici. V adresß°i "Program Files\Macromedia\Dreamweaver MX 2004\Configuration\Objects" vytvo°te nov² adresß° se jmΘnem "Graphics". Ve stejnΘm umφst∞nφ, ale v adresß°i "\Configuration\Strings", otev°ete soubor <em>insertbarStrings.xml</em> a za polo₧ku Favorites dopl≥te tento k≤d:</p>
<p>Polo₧ky m∙₧ete naplnit ruΦn∞ vypsßnφm v²Üe uvedenΘho k≤du, p°φpadn∞ si je naplnφte p°es zßlo₧ku Favorites a nßsledn∞ p°esunete polo₧ky ruΦnφ editacφ souboru <em>insertbar.xml</em>. M∙₧ete libovoln∞ pou₧φt takΘ rozd∞lovnφk <samp><separator /></samp>, kter²m lze odd∞lit p°φbuznΘ funkce na panelu. Chcete-li experimentovat vφce, m∙₧ete se podφvat i na soubor <em>menus.xml</em>, kde jsou kompletn∞ nadefinovßna menu - sprßvn∞ tuÜφte, ₧e tuto mo₧nost modifikace vyu₧φvajφ extensions.</p>
<h3>Nastavenφ hodnot atribut∙</h3>
<p>Pokud vlo₧φte nap°φklad tabulku, zkuste p°φmo v <strong>Code Inspectoru</strong> nad oznaΦen²m k≤dem pou₧φt pravΘ tlaΦφtko myÜi a v menu zvolit "edit tag". M∙₧ete nastavit jednotlivΘ parametry tabulky a zßrove≥ vidφte podporu prohlφ₧eΦ∙:</p>
<div class='image'><img src='podklady/pohorelsky/986/edit_tag.png' alt='DialogovΘ okno Tag editoru' title='DialogovΘ okno Tag editoru' /></div>
<h3>┌prava pracovnφ plochy</h3>
<p>Po instalaci Dreamweaveru mßte pracovnφ plochu s jednφm sloupcem panel∙. Pokud mßte velk² monitor, m∙₧ete si dovolit i zobrazenφ ve dvou sloupcφch. NovΘho uspo°ßdßnφ docφlφte uchopenφm a p°etßhnutφm vybranΘ paletky na druhou stranu. Toto rozvr₧enφ pom∙₧e vy°eÜit problΘm s velk²m mno₧stvφm paletek - mo₧nß si vzpomenete na starÜφ verze Dreamweaver s plovoucφm uspo°ßdßnφm.</p>
<p>Na vytvß°en²ch strßnkßch chceme mφt velmi Φasto zobrazeno datum poslednφ modifikace. Podkud nemßme k dispozici hosting podporujφcφ PHP Φi ASP, nebo nechceme pou₧φt JavaScript, m∙₧eme pou₧φt funkci Dreamweaveru. Jednß se o automatickΘ vlo₧enφ data, kterΘ se m∙₧e automaticky modifikovat p°i ulo₧enφ souboru. Pokud jste zvyklφ pracovat se Üablonami (templates), musφte brßt v ·vahu, ₧e p°i aktualizaci Üablony se zm∞nφ i datum vlo₧enΘ tφmto zp∙sobem:</p>
<div class='image'><img src='podklady/pohorelsky/986/insert_date.png' alt='DialogovΘ okno pro automatickΘ vlo₧enφ data' title='DialogovΘ okno pro automatickΘ vlo₧enφ data' /></div>
<p>Pokud chceme, aby se datum modifikovalo automaticky, musφme zatrhnout polφΦko "Update automaticky on save".</p>
<h3>Pou₧itφ CSS p°i nßvrhu</h3>
<p>P°i tvorb∞ strßnek jsem se setkal s problΘmem, kdy p°i velmi tmavΘm pozadφ je text bez p°i°azenΘho stylu Φern² a tedy neΦiteln². Na °eÜenφ m∞ p°ivedl pan <a href='http://interval.cz/autor.asp?author=41' title='Interval.cz: Vostr², Petr'>Petr Vostr²</a>, kter² ji₧ v dob∞ Dreamweaveru 4 v∞d∞l, ₧e se do verze MX chystß novinka nazvanß <strong>Design Time Style Sheets</strong>. Naleznete ji v menu <kbd class='mouse'>| Text | CSS styeles | Design time |</kbd>. Nap°φklad p°i nßvrhu a editovßnφ v Dreamweaveru majφ strßnky bφl² podklad (dle vaÜφ definice), ale ve skuteΦnosti se potom pou₧ijφ "skrytΘ" styly:</p>
<div class='image'><img src='podklady/pohorelsky/986/css.png' alt='DialogovΘ okno pro definici css p°i nßvrhu' title='DialogovΘ okno pro definici css p°i nßvrhu' /></div>
<h3>Vyhledßvßnφ a nahrazenφ</h3>
<p>Nenφ sporu o tom, ₧e Dreamweaver mß mocn² nßstroj pro vyhledßvßnφ a nahrazovßnφ v²raz∙. Pokud jste tvo°ili slo₧it∞jÜφ v²raz pro nahrazovßnφ, urΦit∞ vßs n∞kdy za m∞sφc mrzelo, ₧e jej vym²Ülφte znovu. Nynφ lze p°es symbol diskety tento dotaz ulo₧it a znovu pou₧φt:</p>
<div class='image'><img src='podklady/pohorelsky/986/find_replace.png' alt='DialogovΘ okno pro vyhledßnφ a nahrazenφ textu' title='DialogovΘ okno pro vyhledßnφ a nahrazenφ textu' /></div>
<h3>Vlo₧enφ prostΘho textu</h3>
<p>V Dreamweaveru existuje vlo₧enφ textu z Wordu nebo Excelu, vΦetn∞ formßtovßnφ v HTML, ale pro vklßdßnφ textu existuje dle mΘho nßzoru i mnohem u₧iteΦn∞jÜφ funkce. Pokud pracujete v nßvrhovΘm zobrazenφ a zkopφrujete pomocφ <kbd class='board'>Ctrl+C</kbd> nap°φklad odkaz, pak pomocφ <kbd class='board'>Ctrl+V</kbd> vlo₧φte zase odkaz. To m∙₧e b²t nevyhovujφcφ, chcete-li tento text pou₧φt na n∞kolika mφstech v r∙znΘm formßtovßnφ. V menu <kbd class='mouse'>| Edit |</kbd> existuje p°φkaz <kbd class='mouse'>| Paste text |</kbd>, kter² v tomto p°φpad∞ vlo₧φ jen text zobrazujφcφ odkaz. Pro pohodlnΘ pou₧itφ zb²vß vytvo°it novou klßvesovou zkratku p°es menu <kbd class='mouse'>| Edit | Keyboard Shortcuts |</kbd>:</p>
<div class='image'><img src='podklady/pohorelsky/986/keyboard_shortcuts.png' alt='DialogovΘ okno pro editaci klßvesov²ch zkratek' title='DialogovΘ okno pro editaci klßvesov²ch zkratek' /></div>
<h3>ZjednoduÜenß prßce se zßlo₧kami</h3>
<p>Pokud chcete na jednΘ strßnce pou₧φt odkazy ve form∞ zßlo₧ek, m∙₧ete pou₧φt takΘ funkci "Point to file", kterß - i kdy₧ k tomu nßzev svßdφ - nenφ urΦena jen pro soubory, ale lze ji vyu₧φt i pro odkazy v rßmci jednΘ strßnky.</p>
<div class='image'><img src='podklady/pohorelsky/986/link.png' alt='Vytvo°enφ odkazu ve form∞ zßlo₧ky pomocφ property inspectoru' title='Vytvo°enφ odkazu ve form∞ zßlo₧ky pomocφ property inspectoru' /></div>
<h3>Aktualizace na verzi 7.0.1</h3>
<p>P°i instalaci aktualizace na verzi 7.0.1 doporuΦuji odinstalovat vÜechny extensions. P°i instalaci aktualizace jsem m∞l podle doporuΦenφ vÜechny extensions ve stavu "off". Po spuÜt∞nφ jsem u₧ jen zhlΘdl chybu, kterou pravd∞podobn∞ zp∙sobila n∞kterß z extensions:</p>
<div class='image'><img src='podklady/pohorelsky/986/dw.png' alt='Chyba po spuÜt∞nφ DW po instalaci update 7.0.1' title='Chyba po spuÜt∞nφ DW po instalaci update 7.0.1' /></div>
<h3>Easter egg</h3>
<p> Mo₧nß Vßs to p°ekvapφ (nebo jste to Φekali?), ale i v Dreamweaveru naleznete zajφmavΘ velikonoΦnφ vajφΦko. Vyberte myÜφ libovoln² obrßzek v nßhledovΘm zobrazenφ. Podr₧te klßvesu <kbd class='board'>Ctrl+Dvojklik</kbd> lev²m tlaΦφtkem myÜi nad obrßzkem v paletce "Properties". Uvidφte jmΘna autor∙ a snad i jejich fotografie:</p>
