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í

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 I

Úspora času při editaci a kontrole stránek v prohlížeči

Podpora Windows i Mac OS

Klíčové vlastnosti a výhody II

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

Zdroje

Rozhraní aplikace

Rozhraní aplikace II

Zobrazení pomocných elementů

Rozhraní aplikace IIIVý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

Samotný dokument

„Site“ – kolekce dokumentů k jednomu webovému místu

Nová stránka

Automatické generování odstavců a kódu „Spell checker“ /commands -> check spelling/ Formátování textu

CSS formátování textu Import z Wordu

Vkládání textů

CSS formátování

Integrovaná nápověda kódu

Tabulky

OdkazyPřímý zápis adresy

Výběr z použitých

Procházení souborů

„Point to a file“

Nastavení cíle

Umístění v dokumentu

Všechny využité zdroje pohromaděAssets

obrázky

BarvyURL

flash

shockwave

videoSkripty (jen externí)

šablonyKnihovna (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)

Vzor pro další stránky – nejčastěji čistá tabulka, DIV + CSS, apod.

Stránka s logem, menu apod.

Templates - šablony

Insert->template object

Formuláře

Zpracování skriptu (PHP, …)

Kontrola stránek

Window - > tag inspector

Tag inspector

Atributy a jejich přiřazování tagům

Události a akce (JavaScript)

Obrázky

RMB menu

editace

optimalizace

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

Java Script + CSS

Spry

Víceúrovňové menu

Window - > History

Historie a commands

Commands – uložení pro opakované použití

Uložené akce

Shift+click

Záznam akcí

Slouží k vkládání a ukládání částí kódu Window - snippets

Snippets - výstřižky

RMB menu

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