Viac ako 100 rôznych tipov a techník aplikácie 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é tempáty * 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
Prispôsobte aplikáciu Dreamweaver
- Pridať rozšírenia
- Zakázať rozšírenia
- Prispôsobte aplikáciu Dreamweaver pomocou skratiek
Zvýšte svoju efektívnosť
- Používajte vstavané klávesové skratky
- Použite útržky kódu
- Vytvárajte a používajte šablóny
- Vytvorte nové stránky z vlastných šablón
- Aktualizovať šablóny
- Zahrňte jeden súbor do iného s knižnicou Dreamweaver
- Aktualizovať položky knižnice
- Zahrňte jeden súbor do iného použitím SSI
- Použite vyhľadávanie a nahraďte ho