Skip to main content

Ako používať Adobe Dreamweaver

Anonim

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

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