Adobe Dreamweaver CS4 Ing. Martin Dosedla

Co je Dreamweaver CS4 Jeden z nejpopulárnějších a nejvyužívanějších XHTML/CSS/JS/PHP editorů Široká škála nástrojů a funkcí pro návrh webových stránek Přímá práce s kódem Provázanost s dalšími produkty Adobe (Flash, Fireworks, …) Integrované rady pro kódování

Klíčové vlastnosti a výhody I Live View – živé zobrazení – umožňuje navrhovat v zobrazení prohlížeče s přístupem ke kódu Rady při psaní kódu XHTML, CSS, JavaScript, Ajax Volba více uživatelských rozhraní a jejich přizpůsobení Navigátor souborů a provázanost Provázanost aplikací CS4 – Inteligentní objekty Photoshop, podpora FLV, …

Klíčové vlastnosti a výhody II Úspora času při editaci a kontrole stránek v prohlížeči Podpora Windows i Mac OS

Zdroje http://www.digitalmedia.cz/produkty/adobe/dreamweaver/ http://www.adobe.com/cz/products/dreamweaver/ http://www.adobe.com/devnet/dreamweaver/ http://help.adobe.com/cs_CZ/Dreamweaver/10.0_Using/inde x.html

Rozhraní aplikace

Rozhraní aplikace II Zobrazení pomocných elementů

Rozhraní aplikace III Výběr zobrazení rozhraní Insert panel

Rozhraní a práce s kódem Možnosti práce a zobrazení Panel pro práci s kódem

Nová stránka Samotný dokument „Site“ – kolekce dokumentů k jednomu webovému místu

Vkládání textů Automatické generování odstavců a kódu „Spell checker“ /commands -> check spelling/ Formátování textu CSS formátování textu Import z Wordu

CSS formátování

Integrovaná nápověda kódu

Tabulky

Odkazy Nastavení cíle Přímý zápis adresy Výběr z použitých „Point to a file“ Procházení souborů Umístění v dokumentu

Assets Všechny využité zdroje pohromadě obrázky Barvy URL flash shockwave video Skripty (jen externí) šablony Knihovna (jakákoli část dokumentu)

Absolutní pozicování - AP Více CSS class pro každou část DIVu Nastavení AP elementu (klik na rámeček)

Templates - šablony Vzor pro další stránky – nejčastěji čistá tabulka, DIV + CSS, apod. Stránka s logem, menu apod. Insert->template object

Formuláře Zpracování skriptu (PHP, …)

Kontrola stránek

Tag inspector Window - > tag inspector Události a akce (JavaScript) Atributy a jejich přiřazování tagům

Obrázky optimalizace editace RMB menu

Média Lze přehrávat přímo v režimu Live View

Spry Java Script + CSS Víceúrovňové menu

Historie a commands Window - > History Shift+click Záznam akcí Commands – uložení pro opakované použití Uložené akce

Snippets - výstřižky Slouží k vkládání a ukládání částí kódu Window - snippets RMB menu

Dotazy a individuální procvičování