Věci, které můžete dělat s Dreamweaverem

Adobe Dreamweaver je tak mocný nástroj pro webové designéry, protože má tolik věcí, které s ním můžete dělat. Samozřejmě, všechny ty věci, které můžete udělat, je náročné se učit. Zjistěte některé z mnoha věcí, které Dreamweaver dokáže, včetně změn v nejnovější verzi CS5. A nezapomeňte se podívat na věci, které v Dreamweaveru CS5 chybí.

Definování webu

• Spusťte nový web
• Vytvořte web
• Pokud potřebujete, nastavujte pouze ty části webu, které potřebujete * Nové v CS5
• Nastavte vzdálené, QA a testovací servery pro úplnější pracovní postupy * Novinka v CS5
• Vytvářejte a publikujte nové adresáře
• Změňte doctype
• Přidejte na své stránky metadata

Uvedení vašeho webu do provozu

• Definujte vzdálený web
• Soubory FTP na webový server
• Ke kontrole souborů dovnitř a ven použijte systém pro správu verzí
• Spojte se s Subversion pro pokročilejší ovládání verzí * Novinka v CS5
• Zanechávejte poznámky svým spoluhráčům

Vytváření webových stránek

• Napište stránku v režimu WYSIWYG
• Napište stránku ve formátu HTML
• Vytvořte novou stránku ze šablony
• Vytvořte novou stránku od nuly
• Vytvořte šablonu
• Ukládejte soubory do svého adresáře webu
• Definujte vlastnosti stránky

CSS

• Použijte šablony stylů CSS
• Přidání vložených stylů
• Vytvořte externí šablonu stylů
• Připojte externí šablonu stylů
• Vytvořte třídiče, ID, tagy a složené selektory CSS
• Upravte stávající pravidla CSS
• Vytvořte CSS pro tisknutelné stránky
• Povolit a zakázat vlastnosti stylu * Novinka v CS5
• Vizuálně zkontrolujte model pole CSS * Novinka v CS5

Text

• Upravit text
• Používejte různá písma
• Vložte zalomení řádku
• Používejte speciální znaky
• Uveďte dnešní datum
• Napište komentáře
• Použít značky HTML na text
• Přidejte do značek atributy HTML

Odkazy

• Propojte text a obrázky
• Zkontrolujte odkazy na stránky
• Změnit výchozí barvy odkazu (odkaz, navštíveno, vznášet se, aktivní)
• Vytvářejte tipy na nástroje pro odkazy
• Vytvořte odkazy mailto
• Vytvořte kotvy webových stránek

snímky

• Přidejte na stránku grafiku
• Upravit obrázky
• Změňte velikost obrázků
• Přidejte k obrázkům alternativní text
• Přidejte k obrázkům další možnosti usnadnění
• Zarovnejte obrázky a text
• Vytvořte obraz při přechodu
• Použijte obrazové mapy
• Použijte trasovací obrázky
• Použijte zástupné symboly pro obrázky
• Vložte HTML Fireworks
• Vložte soubory Photoshopu

Rozložení

• Použijte přiložené bezplatné šablony * Nové rozložení startéru CSS v CS5
• Vložte divy pro rozložení
• Upravte divy na panelu stylů CSS
• Vložte absolutně umístěné prvky
• Naformátujte absolutně umístěné prvky v inspektoru vlastností
• Použijte pravítka, mřížky a vodítka

Seznamy

• Přidejte seznamy s odrážkami a číslované seznamy
• Přizpůsobte odrážky a čísla seznamu

Tabulky

• Vytvořte tabulku
• Přidejte řádky a sloupce záhlaví
• Pomocí průhledných obrázků udržujte buňky tabulky otevřené
• Vytvořte sloupce s pevnou a flexibilní šířkou
• Změňte styly ohraničení tabulek
• Vložte stůl do stolu
• Importujte tabulková data

formuláře

• Použijte e-mailový formulář
• Definujte akce formuláře
• Přidejte text, rádio, zaškrtávací políčko, soubor, obrázek, výběrová pole a skrytá pole formuláře
• Zpřístupněte své formuláře pomocí polí sady polí a štítků
• Vytvořte vlastní tlačítka pro odeslání
• Ověření formulářů pomocí JavaScriptu (Spry)

Databáze a skriptování PHP

• Připojte svůj web k databázi
• Vytvořte web PHP / mySQL
• Pro připojení k databázi použijte prvky Spry
• Vložte datové objekty na své stránky
• Otestujte a aktualizujte zdroj dat nebo displej Spry
• Upravujte složité dynamické weby v návrhovém zobrazení
• Objevte všechny dynamicky související soubory a sestavte weby PHP CMS (WordPress, Joomla a Drupal) * Novinka v CS5
• Vlastní nápověda třídy pro kód PHP, včetně rámců třetích stran, jako je rámec Zend * Nové v CS5

Rámečky

• Vytvořte zarámovaný web
• Upravte obsah noframes
• Naformátujte a upravte rámečky
• Nastavte výchozí cíle odkazů mezi snímky

Přidat interaktivitu

• Vytvoření fotoalba (již v CS5)
• Přidejte zvuk na webové stránky
• Vytvořte rozevírací nabídku
• Pomocí chování aplikace Dreamweaver můžete otevírat vyskakovací okna, vytvářet nabídky skoků, přehrávat zvuk, vyměňovat obrázky atd
• Přidejte na web kanály RSS
• Vložte text Flash jako rollover
• Vložte text CSS jako rollover
• Vložte další doplňky
• Přidejte Spry panel nabídek, panely s kartami, akordeon, hrot nástroje a skládací panel
• Pomocí prohlížeče widgetů můžete najít nové widgety pro svůj web, aniž byste museli znát JavaScript

Vyzkoušejte své stránky

• Otestujte své stránky v živém zobrazení, abyste viděli změny způsobené JavaScriptem a interaktivitou * Novinka v CS5
• Ověřte svůj HTML
• Zobrazte náhled svých stránek v několika prohlížečích
• Použijte BrowserLab k náhledu svých stránek v jiných operačních systémech * Novinka v CS5
• Pomocí aplikace Device Central zkontrolujte, jak stránky vypadají na mobilních zařízeních
• Zkontrolujte kompatibilitu prohlížeče
• Změňte nastavení tak, aby odpovídalo tomu, s čím vaše stránky musí pracovat
• Zkontrolujte odkazy na interní stránky
• Otestujte přístupnost svého webu (již v CS5)
• Převést dokument Word na HTML

Přizpůsobte si Dreamweaver

• Přidat rozšíření
• Zakázat rozšíření
• Přizpůsobte si Dreamweaver pomocí zkratek

Zvyšte svou efektivitu

• Používejte integrované klávesové zkratky
• Použijte úryvky kódu
• Vytvářejte a používejte šablony
• Generujte nové stránky z vlastních šablon
• Aktualizujte šablony
• Zahrňte jeden soubor do druhého pomocí knihovny Dreamweaver
• Aktualizujte položky knihovny
• Zahrnout jeden soubor do jiného pomocí SSI
• Použijte vyhledávání a nahrazení