Ako používať Adobe Dreamweaver

Adobe Dreamweaver je taký silný nástroj pre tvorcov webových stránok, pretože má toľko vecí, ktoré s nimi môžete robiť. Samozrejme, všetky tie veci, ktoré môžete urobiť, sú náročné na učenie sa. Zistite niektoré z mnohých vecí, ktoré môže Dreamweaver urobiť, vrátane zmien v najnovšej verzii CS5. A nezabudnite sa pozrieť na veci, ktoré chýba v aplikácii Dreamweaver CS5.

Definovanie stránky

Spustite novú webovú stránku
Vytvorte webové stránky
Nastavte iba tie časti webu, ktoré potrebujete, keď ich potrebujete * Nové v CS5
Nastavte vzdialené, QA a testovacie servery pre úplnejšie pracovné postupy * Nové v CS5
Vytvárajte a publikujte nové adresáre
Zmeňte doctype
Zahrňte do svojich stránok metadáta

Umiestnenie vášho webu naživo

Definujte vzdialené miesto
FTP na webový server
Na kontrolu a kontrolu súborov použite systém riadenia verzií
Spojte sa so softvérom Subversion pre pokročilejšiu verziu ovládania * Nové v CS5
Zanechajte poznámky pre svojich spoluhráčov

Vytváranie webových stránok

Napíšte stránku v režime WYSIWYG
Napíšte stránku do HTML
Vytvorte novú stránku zo šablóny
Vytvorte novú stránku od začiatku
Vytvorte šablónu
Uložte súbory do adresára webových stránok
Definujte vlastnosti stránky

CSS

Používajte šablóny štýlov CSS
Pridanie vnorených štýlov
Vytvorte externý štýl štýlu
Pripojte externý štýl štýlu
Vytvorte selektory triedy, ID, značky a zložené CSS
Upraviť existujúce pravidlá CSS
Vytvorte CSS pre stránky, ktoré je možné vytlačiť
Povoliť a zakázať vlastnosti štýlu * Nové v CS5
Model vizuálne skontrolujte model CSS boxu * Nový v CS5

text

Upraviť text
Použite iné písma
Vložte prestávku riadku
Použite špeciálne znaky
Zahrňte dnešný dátum
Napíš komentáre
Použite HTML značky na text
Pridať značky HTML do atribútov HTML

odkazy

Prepojte text a obrázky
Skontrolujte odkazy na stránky
Zmeňte predvolené farby odkazov (odkaz, návšteva, vznášanie, aktívne)
Vytvorte tipy na nástroje na odkazy
Vytvorte odkazy na mailto
Vytvorte kotvy webových stránok

snímky

Pridajte grafiku na stránku
Upravte obrázky
Zmena veľkosti obrázkov
Pridajte do obrázkov alt text
Pridajte ďalšie možnosti prístupu k obrázkom
Zarovnajte obrázky a text
Vytvorte obrázok prevrátenia
Použite mapy obrázkov
Použite sledovacie obrázky
Použite zástupné symboly obrázka
Vložte HTML Fireworks
Vložte súbory aplikácie Photoshop

dispozície

Použite zahrnuté voľné šablóny * Nové rozloženia štartov CSS v CS5
Vložte div pre rozloženie
Edit divs v paneli štýlov CSS
Vložte absolútne umiestnené prvky
Formátovať absolútne umiestnené prvky v inšpektori vlastníctva
Použite pravítka, mriežky a vodítka

zoznamy

Pridajte zoznamy s odrážkami a očíslované
Prispôsobenie zoznamu odrážok a čísel

stoly

Vytvorte tabuľku
Pridať riadky a stĺpce hlavičky
Použite priehľadné obrázky na otvorenie buniek tabuľky
Vytvorte stĺpce s pevnou šírkou a flexibilnou šírkou
Zmeniť štýly hraníc tabuľky
Vložiť tabuľku do tabuľky
Import tabuľkových údajov

formuláre

Použite formulár mailto
Definujte akcie formulára
Pridajte text, rádio, začiarkavacie políčko, súbor, obrázok, polia označené ako polia a skryté polia formulára
Vytvorte formuláre prístupné pomocou polí poľa a štítkov
Vytvorte vlastné tlačidlá na odosielanie
Overenie formulárov pomocou jazyka JavaScript (Spry)

Databázy a PHP skriptovanie

Pripojte svoje stránky do databázy
Vytvorte stránku PHP / mySQL
Na pripojenie k databáze použite prvky Spry
Vložte dátové objekty do svojich stránok
Testujte a aktualizujte zdroj údajov alebo displej Spry
Upravte zložité dynamické stránky v zobrazení návrhu
Objavte všetky dynamicky súvisiace súbory na zhromažďovanie stránok PHP CMS (WordPress, Joomla a Drupal) * Nové v CS5
Vlastné označenie triedy pre PHP kód, vrátane rámcov tretích strán, ako je rámec Zend * Nové v CS5

rámy

Vytvorenie rámcovej webovej stránky
Upraviť obsah noframes
Formátujte a štýl vaše rámčeky
Nastavte predvolené ciele odkazov medzi rámcami

Pridať interaktivitu

Vytvoriť fotoalbum (už v CS5)
Pridajte zvuk na webové stránky
Vytvorte rozbaľovaciu ponuku
Použite správanie aplikácie Dreamweaver na otvorenie pop-up okien, vytváranie skokových ponúk, prehrávanie zvuku, výmenu obrázkov a ďalšie
Pridajte kanály RSS na web
Vložte text blesku ako prevrátenie
Vložiť text CSS ako rollover
Vložte ďalšie doplnky
Pridajte panel ponuky Spry, panelové panely, akordeón, špičku nástroja a sklopiteľný panel
Použite prehliadač widgetov na vyhľadanie nových miniaplikácií pre vašu stránku, bez toho, aby ste museli vedieť, ako používať jazyk JavaScript

Otestujte svoje stránky

Otestujte svoje stránky v aplikácii Live View, aby ste videli zmeny vďaka JavaScriptu a interaktivite * Nové v CS5
Overte svoj HTML
Ukážte svoje stránky v niekoľkých prehliadačoch
Použitie programu BrowserLab na prezeranie vašich stránok v iných operačných systémoch * Nové v CS5
Pomocou aplikácie Device Central zistite, ako stránky vyzerajú na mobilných zariadeniach
Skontrolujte kompatibilitu prehliadača
Zmeňte nastavenia, aby zodpovedali tomu, s akým stránkam potrebujete pracovať
Skontrolujte odkazy na interné stránky
Otestujte dostupnosť lokality (už v CS5)
Previesť dokument Word do HTML