Több mint 100 különböző Dreamweaver tipp és technika
Az Adobe Dreamweaver egy ilyen hatékony eszköz a webes tervezőknek, mert olyan sok dolgot tud csinálni vele. Természetesen mindaz, amit tehetsz, kihívást jelent a tanuláshoz. Ismerje meg a Dreamweaver által kínált számos dologot, beleértve a legfrissebb változat, a CS5 változásait. És ne felejtse el megnézni azokat a dolgokat, amelyek hiányoznak a Dreamweaver CS5-ről .
Webhely meghatározása
- Indítson el egy új weboldalt
- Hozzon létre egy weboldalt
- Csak akkor állítsa be a szükséges webhelyeket, ha szüksége van rájuk. * Új a CS5-ben
- Távoli, QA és tesztelő kiszolgálók beállítása teljes munkafolyamatokhoz * Új a CS5-ben
- Új könyvtárak létrehozása és közzététele
- Módosítsa a dokktípust
- Metaadatok felvétele az oldalain
Webhely elhelyezését
- Határozza meg a távoli webhelyet
- FTP fájlokat a webszerverre
- Használjon verziókezelő rendszert a fájlok be- és kijelentéshez
- Csatlakozzon a Subversionhoz a fejlettebb verziókezeléshez * Új a CS5-ben
- Hagyjon meg jegyzeteket csapattársainak
Weboldalak létrehozása
- Írj egy oldalt WYSIWYG módban
- Írj egy oldalt a HTML-ben
- Hozzon létre egy új oldalt egy sablonból
- Hozzon létre egy új oldalt a semmiből
- Hozzon létre egy sablont
- Fájlok mentése a webhelykönyvtárba
- Határozza meg az oldal tulajdonságait
CSS
- Használja a CSS stíluslapokat
- Inline stílusok hozzáadása
- Hozzon létre egy külső stíluslapot
- Csatlakoztasson egy külső stíluslapot
- Osztály, azonosító, címke és összetett CSS szelektorok létrehozása
- A meglévő CSS-szabályok szerkesztése
- Hozzon létre CSS nyomtatható oldalakat
- A stílus tulajdonságainak engedélyezése és letiltása * Új a CS5-ben
- Vizsgálja meg a CSS doboz modelljét * Új a CS5-ben
Szöveg
- Szöveg módosítása
- Használjon különböző betűtípusokat
- Helyezzen be egy sortörést
- Speciális karakterek használata
- Tüntesse fel a mai dátumot
- Írj meg észrevételeket
- Alkalmazz HTML-címkéket a szövegre
- Adjon hozzá HTML attribútumokat a címkékhez
linkek
- Linkek szövege és képei
- Ellenőrizze a webhely linkjeit
- Módosítsa az alapértelmezett linkszíneket (link, meglátogatott, lebegő, aktív)
- Hozzon létre eszköztárat a linkeken
- Mailto linkek létrehozása
- Weboldal horgonyok létrehozása
képek
- Grafika hozzáadása az oldalhoz
- Képek szerkesztése
- A képek átméretezése
- Alt szöveg hozzáadása a képekhez
- Adjon hozzá további hozzáférési lehetőségeket a képekhez
- Illessze a képeket és a szöveget
- Hozd létre egy képet
- Használja a kép térképeket
- Használjon nyomkövető képeket
- Használjon kép helyőrzőket
- Helyezze be a tűzijáték HTML-t
- Helyezze be a Photoshop fájlokat
Elrendezés
- Használja a mellékelt ingyenes tempókat * Az új CSS starter elrendezéseket a CS5-ben
- Helyezzen be div-et az elrendezéshez
- A CSS stílusok panelén módosítsa a divokat
- Helyezzen be teljesen elhelyezett elemeket
- Formázza meg az elemellenőrzésben szereplő elemeket
- Használjon vonalzókat, rácsokat és útmutatókat
List
- Adjon felsorolt és számozott listákat
- Listalista és számok testreszabása
asztalok
- Hozzon létre egy táblát
- Adjon fejléces sorokat és oszlopokat
- Használjon átlátszó képeket az asztalcellák nyitására
- Hozzon létre fix szélességű és rugalmas szélességű oszlopokat
- Módosítsa a táblák határok stílusát
- Helyezzen be egy tábla egy táblázatban
- Táblázatos adatok importálása
Forms
- Használjon mailto űrlapot
- Form műveletek meghatározása
- Szöveg, rádió, jelölőnégyzet, fájl, kép, jelölőnégyzetek és rejtett űrlapmezők hozzáadása
- A formanyomtatványok elérhetők a fieldset és a címke mezők segítségével
- Hozzon létre egyéni beadási gombokat
- Érvényesítse az űrlapokat JavaScript (Spry)
Adatbázisok és PHP parancsfájlok
- Csatolja webhelyét egy adatbázisba
- Telepítsen egy PHP / MySQL webhelyet
- Spry elemek használatával csatlakozhat az adatbázishoz
- Helyezzen be adatobjektumokat az oldalaiba
- Spry adatforrás vagy kijelző tesztelése és frissítése
- Összetett dinamikus webhelyek szerkesztése a tervezési nézetben
- Fedezzen fel minden dinamikusan kapcsolódó fájlt a PHP CMS-oldalak összeállításához (WordPress, Joomla és Drupal) * Új a CS5-ben
- Egyéni osztályozás a PHP kódra, beleértve a harmadik fél keretrendszerét, például a Zend keretrendszerét * Új a CS5-ben
keretek
- Készítsen keretezett weboldalt
- Szöveges tartalom szerkesztése
- Formázza és stílusosítsa a kereteket
- Állítsa be az alapértelmezett linkcélokat a keretek között
Az interaktivitás hozzáadása
- Fotóalbum készítése (már nem CS5-ben)
- Hang hozzáadása weboldalakhoz
- Hozzon létre egy legördülő menüt
- Használja a Dreamweaver viselkedését a felugró ablakok megnyitásához, jump menük létrehozásához, hang lejátszásához, swap képekhez és még sok máshoz
- Adjon hozzá RSS-hírcsatornákat egy webhelyhez
- A Flash szöveg beillesztése rolloverként
- Helyezze be a CSS szöveget egy átfordításként
- Helyezzen be más plugineket
- Add hozzá a Spry menüsávot, a lapos paneleket, a harmonikát, a szerszámcsúcsot és az összecsukható panelt
- A Widget böngésző segítségével új widgeteket találhat a webhelyére anélkül, hogy tudnia kellene a JavaScript használatáról
Teszteld oldaladat
- Ellenőrizze az oldalakat élő nézetben, hogy megtekinthesse a JavaScript és az interaktivitás miatt bekövetkező változásokat * Új a CS5-ben
- Érvényesítse HTML-jét
- Tekintse meg oldalain több böngészőben
- A BrowserLab segítségével megtekintheti az oldalakat más operációs rendszerekben * Új a CS5-ben
- Az Eszközközpont segítségével ellenőrizheti, hogyan néz ki az oldalak a mobileszközökön
- Ellenőrizze a böngésző kompatibilitását
- Módosítsa a beállításokat annak érdekében, hogy megfeleljen a webhely működéséhez
- Ellenőrizze a belső webhely linkjeit
- Tesztelje webhelye hozzáférhetőségét (már nincs CS5-ben)
- Word dokumentum konvertálása HTML formátumba
A Dreamweaver testreszabása
- Bővítmények hozzáadása
- A kiterjesztések letiltása
- A Dreamweaver testreszabása gyorsbillentyűkkel
Növelje hatékonyságát
- Használjon beépített billentyűparancsokat
- Használjon kódrészleteket
- Sablonok létrehozása és használata
- Új oldalak létrehozása az egyéni sablonokból
- Sablonok frissítése
- Egyetlen fájlt tartalmazzon a Dreamweaver könyvtárban
- A könyvtári elemek frissítése
- Egy fájl hozzáadása a másikba SSI használatával
- Használja a keresést és csere