Adobe Dreamweaver CS4 Ing. Martin Dosedla.

Prezentace na téma: "Adobe Dreamweaver CS4 Ing. Martin Dosedla."— Transkript prezentace:

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/
x.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 Tag inspector 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í