1 / 27

Adobe Dreamweaver CS4

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 , …)

xannon
Download Presentation

Adobe Dreamweaver CS4

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adobe Dreamweaver CS4 Ing. Martin Dosedla

  2. 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í

  3. 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, …

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

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

  6. Rozhraní aplikace

  7. Rozhraní aplikace II Zobrazení pomocných elementů

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

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

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

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

  12. CSS formátování

  13. Integrovaná nápověda kódu

  14. Tabulky

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

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

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

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

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

  20. Kontrola stránek

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

  22. Obrázky optimalizace editace RMB menu

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

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

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

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

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

More Related