Více než 100 různých tipů a technik Dreamweaveru
Adobe Dreamweaver je takový výkonný 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, dělají náročné se učit. Zjistěte některé z mnoha věcí, které Dreamweaver může udělat, včetně změn v nejnovější verzi CS5. A nezapomeňte se podívat na věci, které chybí v aplikaci Dreamweaver CS5 .
Definování webu
- Spusťte nový web
- Vytvořte web
- Nastavte pouze ty části webu, které potřebujete, když je potřebujete * Nové v CS5
- Nastavte vzdálené, QA a testovací servery pro úplnější pracovní postupy * Nové v CS5
- Vytvořte a publikujte nové adresáře
- Změňte doctype
- Zahrnout metadata na svých stránkách
Uvádění webu do života
- Definujte vzdálený web
- FTP na webový server
- Použijte kontrolní systém verzí pro kontrolu a kontrolu souborů
- Připojte se k Subversionu pro pokročilejší ovládání verzí * Nové v CS5
- Ponechte si poznámky pro své spoluhráče
Vytváření webových stránek
- Napište stránku v režimu WYSIWYG
- Napište stránku do HTML
- Vytvořte novou stránku ze šablony
- Vytvořte novou stránku od začátku
- Vytvořte šablonu
- Uložte soubory do adresáře míst
- Definujte vlastnosti stránky
CSS
- Použijte listy stylů CSS
- Přidávání inline stylů
- Vytvořte externí stylový list
- Připojte externí stylový list
- Vytvořte voliče třídy, ID, značky a složených CSS
- Upravit stávající pravidla CSS
- Vytvoření CSS pro tisknutelné stránky
- Povolení a zakázání vlastností stylu * Nové v aplikaci CS5
- Zkontrolujte model CSS boxu vizuálně * Nové v CS5
Text
- Upravit text
- Používejte různá písma
- Vložte zlomek řádku
- Použijte speciální znaky
- Zahrnout dnešní datum
- Napište komentáře
- Použijte značky HTML do textu
- Přidat značky HTML k atributům HTML
Odkazy
- Propojte text a obrázky
- Zkontrolujte odkazy na stránky
- Změňte výchozí barvy odkazů (odkaz, navštívené, pohyblivé, aktivní)
- Vytvořte tipy na odkazy na odkazy
- Vytvořte odkazy mailto
- Vytvořte kotvy webových stránek
snímky
- Přidání grafiky na stránku
- Upravit obrázky
- Změna velikosti obrázků
- Přidejte do obrázků jiný text
- Přidejte do snímků další možnosti usnadnění
- Zarovnejte obrázky a text
- Vytvořte obrázek převrácení
- Použijte mapy obrázků
- Použijte sledovací obrázky
- Používejte zástupné symboly
- Vložte HTML Fireworks
- Vložte soubory aplikace Photoshop
Rozvržení
- Použití zahrnutých bezplatných tempátů * Nové rozvržení spouštěče CSS v CS5
- Vložit rozdělení pro rozložení
- Úpravy divů v panelu stylů CSS
- Vložte absolutně umístěné prvky
- Formátujte absolutně umístěné prvky v inspektoru vlastností
- Použijte pravítka, mřížky a vodítka
Seznamy
- Přidat seznamy s odrážkami a číslování
- Přizpůsobte seznamy kuliček a čísel
Tabulky
- Vytvořte tabulku
- Přidat řádky a sloupce záhlaví
- Použijte průhledné obrázky pro otevření buněk tabulky
- Vytvořte sloupce s pevnou šířkou a flexibilní šířkou
- Změňte styly ohraničení tabulek
- Vložit tabulku do tabulky
- Import tabulkových dat
formuláře
- Použijte formulář mailto
- Definujte akce formuláře
- Přidejte text, rádio, zaškrtávací políčko, soubor, obrázek, pole pro výběr a skryté pole formuláře
- Vytvořte formuláře přístupnými pomocí polí políček a štítků
- Vytvořte vlastní tlačítka pro odeslání
- Ověření formulářů pomocí jazyka JavaScript (Spry)
Databáze a PHP skriptování
- Připojte své stránky k databázi
- Nastavte web PHP / mySQL
- Pro připojení k databázi použijte prvky Spry
- Vložte datové objekty do vašich stránek
- Otestujte a aktualizujte zdroj dat Spry nebo zobrazení
- Upravte komplexní dynamické weby v návrhovém zobrazení
- Objevte všechny dynamicky související soubory pro sestavování stránek PHP CMS (WordPress, Joomla a Drupal) * Nové v CS5
- Vlastní náznaky pro PHP kód, včetně rámců třetích stran, jako je rámec Zend * Nové v CS5
Rámy
- Vytvořte webovou stránku s rámem
- Upravit obsah noframs
- Formátujte a stylujte rámce
- Nastavte výchozí cíle odkazů mezi snímky
Přidat interaktivitu
- Vytvoření fotoalba (již v CS5)
- Přidat zvuk na webové stránky
- Vytvořte rozbalovací nabídku
- Použijte chování aplikace Dreamweaver k otevření vyskakovacích oken, vytváření skokových nabídek, přehrávání zvuku, výměny obrázků a dalších
- Přidání RSS kanálu na web
- Vložte text blesku jako rollover
- Vložte text CSS jako rollover
- Vložit další pluginy
- Přidejte panel nabídek Spry, panely se záložkami, akordeon, špičku nástroje a skládací panel
- Použijte Prohlížeč widgetů k nalezení nových widgetů pro vaše stránky, aniž byste museli znát JavaScript
Otestujte své stránky
- Otestujte své stránky v Live View, abyste viděli změny kvůli JavaScript a interaktivitě * Nové v CS5
- Ověřte svůj kód HTML
- Náhled stránek v několika prohlížečích
- Použijte aplikaci BrowserLab k náhledu vašich stránek v jiných operačních systémech * Nové v CS5
- Chcete-li zkontrolovat, jak stránky vypadají v mobilních zařízeních, použijte Zařízení Central
- Zkontrolujte kompatibilitu prohlížeče
- Změňte nastavení tak, aby vyhovovaly vašim potřebám
- Zkontrolujte vnitřní odkazy stránek
- Otestujte dostupnost webu (již v CS5)
- Převést dokument aplikace Word na HTML
Upravte aplikaci Dreamweaver
- Přidat rozšíření
- Zakázat rozšíření
- Upravte aplikaci Dreamweaver pomocí zkratek
Zvyšte svou efektivitu
- Použijte vestavěné klávesové zkratky
- Použijte úryvky kódu
- Vytvořte a používejte šablony
- Vytvořte nové stránky z vlastních šablon
- Aktualizovat šablony
- Do knihovny aplikace Dreamweaver vložte jeden soubor do jiného
- Aktualizovat položky knihovny
- Zahrnout jeden soubor do jiného pomocí protokolu SSI
- Použijte vyhledávání a vyměňte