270 likes | 423 Views
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 , …)
E N D
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/index.html
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
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, …)
Taginspector • 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