Webhelyszerkezetének kezelése a Dreamweaverrel

Az új webdizájnerek egyik leggyakrabban elkövetett hibája, hogy belevág egy webhely fejlesztésébe anélkül, hogy végiggondolná az összes célt, prioritást, költségvetést és tervezési lehetőséget. Az ösztön az, hogy egyszerűen kezdj el oldalakat létrehozni, dobd be az összeset egy nagy könyvtárba, majd írd össze a dolgokat hivatkozásokkal. Aztán amikor végre tesztelik a közönségükön, gyakran meglepődnek, amikor a felhasználók azt mondják, hogy a webhelyen nehéz navigálni, és a felhasználók nem találják a használni kívánt oldalakat.

Tégy magadnak egy szívességet, és kímélj meg egy kis bánatot egy terv elkészítésével. Ha rendelkezik tervvel, akkor sokkal nagyobb esélye van egy vonzó webhely létrehozására, amely könnyen karbantartható és frissíthető. Meg kell értenie a webdesign általános tervezési kérdéseit. Azt is meg kell értenie, hogy a Dreamweaver hogyan könnyíti meg a fejlesztői csapat kezelését, és hogyan hozhatja ki a legtöbbet a webhelykezelési funkciókból, például a webhelyszinkronizálásból és az integrált e-mailezésből. Ha abban a szerencsétlen helyzetben találja magát, hogy megpróbálja kijavítani a meghibásodott hivatkozásokat, akkor azt is értékelheti, hogy a Dreamweaver hogyan könnyíti meg ezt a feladatot. A webhely szerkezetének kezelésének két oldala van: az az oldal, amelyet a felhasználók látnak, ami attól függ, hogyan beállítja a hivatkozásokat, és a színfalak mögötti oldalt, amely attól függ, hogyan rendezi a fájlokat és mappákat.

Amit a felhasználó lát

A felhasználó által látott oldal a navigációról szól. Amikor a felhasználók megérkeznek a kezdőlapjára, hova irányítja őket onnan? Hogyan mozognak az Ön webhelyén? Egy jó webhelyet úgy alakítottak ki, hogy a felhasználók könnyen és intuitív módon navigálhassanak, és létrehozhassák saját útjukat a számukra legrelevánsabb információkhoz. Tervezése szerint gondoskodjon arról, hogy a felhasználók a webhely több helyéről is könnyen hozzáférhessenek a kulcsfontosságú információkhoz. Győződjön meg arról, hogy egy lépésben oda-vissza mozoghatnak az oldalak és szakaszok között, és visszatérhetnek a főoldalakra és az indexekre. A linkek beállítása egyszerű a Dreamweaverben; a kihívás az, hogy a látogatók könnyen követhessék őket.

Amit látsz

A webhely szerkezetének kezelésének második oldala a színfalak mögött történik (ahol a felhasználók nem láthatják az információkat, de szeretne valamilyen szervezeti rendszert, amely emlékezne arra, hogy mi az). Mielőtt túlságosan belemenne webhelye Dreamweaverrel való felépítésébe, gondoljon át egy kis időt a webhelyéhez létrehozott összes fájl nyomon követésével kapcsolatos kezelési problémákra. A fájlok az összes képet, HTML-oldalt, animációt, hangfájlt és bármi mást tartalmaznak, amelyeket a webhelyére helyez. Amikor oldalakat hoz létre webhelye számára, a legjobb, ha azokat külön mappákba vagy könyvtárakba rendezi.

Egyes webfejlesztők 20 vagy 30 oldalt helyeznek el egy növekvő webhelyre, majd rájönnek, hogy hiba volt az összes fájl egy mappában való elhelyezése. Valójában ez több, mint hiba; ez egy rendetlenség. És rontja a helyzetet, ha a webhely növekedése után elkezdi áthelyezni a dolgokat új mappákba, akkor az összes hivatkozást módosítania kell. Ezt észre sem véve, egyesek elkezdik mozgatni a fájlokat, majd azt tapasztalják, hogy hibás hivatkozásaik vannak, és nem emlékeznek arra, hogy a dolgoknak hová kellene menniük. Szerencsére a Dreamweaver olyan webhelykezelő eszközöket is tartalmaz, amelyek automatikusan kijavítják a hivatkozásokat, amikor oldalakat mozgat vagy új mappákat hoz létre, de egy jó tervvel kezdeni még mindig jobb, mintha később kellene megtisztítania a szerkezetet.

Mielőtt elkészítené az első néhány oldalt, gondolja át, hogy a jövőben hova fog tartalmat hozzáadni. Miután összeállította a webhelyéhez kívánt kulcselemek listáját, készen áll a storyboard vagy a vázlat létrehozására. Használja a listát és a vázlatot egy webhely logikai szakaszainak létrehozásához, amelyek növekedésre számítanak. Például kezdheti egy oldallal, amely felsorolja az összes alkalmazottat; azonban, miután látják, milyen klassz, a munkatársak esetleg saját oldalakat szeretnének fejleszteni. Ebben az esetben érdemes egy külön mappát létrehozni a személyzeti oldalak számára. Ha információkat ad meg értékesítési csapatának, akkor előfordulhat, hogy minden termékhez külön szakaszt szeretne. Amikor új szakaszokat ad hozzá, hozzon létre új alkönyvtárakat vagy almappákat a megfelelő fájlok tárolására. Az alkönyvtárak létrehozása megkönnyíti a több ember által épített webhely kezelését is.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.