Tíz időtakarékos Dreamweaver webtervezési tipp

Minden jó webhely növekszik és fejlődik. Ha egy erős dizájnnal kezdi, és nagyon odafigyel néhány alapvető szabályra a kezelőfelülettel, a navigációval és a stílussal kapcsolatban, akkor jobb alapokra építhet. A következő tervezési ötletek és Dreamweaver-tippek segítségével időt takaríthat meg, miközben olyan webhelyeket hoz létre, amelyek minden látogatója számára nagyszerűek.

1Terv – kifizetődik.

Még ha nyomást is érez, hogy gyorsan online legyen egy webhely, hosszú távon időt takaríthat meg, ha először kidolgoz egy tervet.

A világháló nem vezet sehova. Még akkor is, ha webhelyét a lehető leggyorsabban online kell tennie, a cél egy olyan webhely tervezése, amely valóban szolgálja közönségét, vállalkozását és céljait – és ezek a célok tervezést igényelnek.

2 Határozzon meg célokat, amelyek segítenek összpontosítani.

Ha azzal a céllal indítja el webhelyét, hogy több millió látogatót vonzzon, és rengeteg terméket és szolgáltatást adjon el, akkor nem vagy elég konkrét. Minél pontosabban tudja megfogalmazni céljait, annál nagyobb az esélye, hogy elérje azokat. Csak három célra kell korlátoznia magát.

3 Állítson be határidőket, hogy segítsen befejezni.

Miután tisztában van a céljaival és az elvégzendő feladatokkal, mielőtt elindítja webhelyét, ideje elkészíteni egy ütemtervet és meghatározni a határidőket. Ügyeljen arra, hogy reális időkeretet adjon meg magának a jó munka elvégzésére, és számoljon bele egy kicsivel több időt, mint amennyit gondolna, különösen akkor, ha még új a webdesign.

Még akkor is, ha egyedül vagy nagyon kis csapattal dolgozik egy webhelyen, a határidők kitűzése minden projektterv egyik legfontosabb része – és sokkal nagyobb esélyt ad a befejezésre. Próbáljon határidőt kötni egy különleges eseményhez vagy alkalomhoz.

4 Tervezés a közönség számára.

Függetlenül attól, hogy technikailag mennyire kifinomult egy webhely, vagy milyen nagyszerű az írás, a legtöbb ember először a dizájnt veszi észre. Győződjön meg arról, hogy elegendő időt és költségvetést hagy arra, hogy megfelelő és vonzó dizájnt alakítson ki webhelye számára. A megfelelő dizájn az, amelyik a legjobban illik a közönségéhez – és ez sok díszes grafikát és animációt jelenthet, de lehet, hogy nem.

5 Hozzon létre következetes tervezést.

A legtöbb webhely akkor működik a legjobban, és a legkönnyebben navigálható, ha egységes tervezési témát követ. Példa: A legtöbb olvasó természetesnek veszi, hogy a könyvek nem változtatják oldalról oldalra a dizájnt, és hogy az újságok nem változtatják meg a címsorok betűtípusát és logóját napról napra.

Valójában sokan azzal érvelnek, hogy amikor a felhasználók azt mondják, hogy valami „intuitívan használható”, akkor valójában azt gondolják, hogy ismerős. A következetesség a tervezés egyik elsődleges eszköze, amely segít az olvasóknak ismerős webhelyet találni, és megkönnyíti a történet vagy a navigációs elemek sorozatának követését.

6 Kövesse a három kattintás szabályát.

A három kattintás szabálya kimondja, hogy egyetlen fontos információ sem lehet három kattintásnál távolabb a webhely bármely más részétől. A legfontosabb információknak még közelebb kell lenniük. Például sok tervező egyetért abban, hogy a kapcsolattartási adatok soha nem lehetnek egy kattintásnál távolabb.

A megtekintők számára megkönnyítheti az információk megtalálását, ha létrehoz egy navigációs sávot – a webhely összes fő szakaszára mutató hivatkozásokat, amelyeket webhelye összes oldalán megismétel. A navigációs sáv megkönnyíti a látogatók számára, hogy a webhely egyik szakaszáról a másikra léphessenek.

Ha sok oldala van a webhelyen, rendezze azokat alszakaszokkal rendelkező szakaszokba, majd használjon egy legördülő menüt.

7Gondolkozzon, mielőtt díszes betűtípusokat adna hozzá.

A tervezők annyira izgatottak lesznek, amikor rájönnek, hogy mostantól bármilyen betűtípust használhatnak a weboldalakon. Sajnos, mint sok más dolog az interneten, a betűtípusok használata is bonyolultabb, mint gondolnád.

Például, még ha jogosult is egy betűtípus tárolására a saját webszerverén, előfordulhat, hogy nem rendelkezik a betűtípus összes változatával, amely a betűk megfelelő megjelenítéséhez szükséges Mac és Windows számítógépeken, vagy az összes webböngészőben való működéshez. Ezért a legtöbb webtervező font szolgáltatást használ:

8 Tartsa kéznél a gyakran használt tárgyakat.

Bárcsak valaha is egy kényelmes helyen tarthatná kedvenc Dreamweaver funkcióit? Tudsz! Csak szabja testre a Kedvencek gyűjteményt a Beszúrás panelen.

Indítsa el a Dreamweavert, és válassza az Ablak→Beszúrás lehetőséget a Common Insert panel megnyitásához. A Beszúrás panel több részből áll, köztük a Struktúra, Média, Űrlapok és Kedvencek részből.

Kattintson a nyílra a Beszúrás panelen, és válassza a Kedvencek lehetőséget a legördülő listából. A Kedvencek lehetőség a Beszúrás panel legördülő lista legvégén található.

Ha testre szeretné szabni a Kedvencek panelt az összes kedvenc funkcióikonjával, kattintson a jobb gombbal (Mac esetén a Ctrl+kattintás), és válassza a Kedvencek testreszabása lehetőséget. A Kedvencek beszúrása panel segítségével kényelmesen kéznél tarthatja kedvenc funkcióit. Akár speciális projektekre is módosíthatja, amelyek programfunkciók gyűjteményét igénylik.

9 Ossza meg a nézetet.

Ha szeretne oda-vissza váltani a Dreamweaver Kódnézete és Tervezési nézete között, akkor értékelni fogja az ablak felosztásának lehetőségét, hogy egyszerre megtekinthesse a forráskódot és az oldaltervét. Az ablak felosztásához válassza a Nézet felosztása gombot a munkaterület bal felső sarkában.

A Dreamweaver forráskódja színkódolt, hogy megkönnyítse a címkék és a tartalom megkülönböztetését. Az Osztott nézet másik hasznos funkciója, hogy ha Tervező nézetben kiválaszt egy képet, szöveget vagy más elemet egy oldalon, a megfelelő kód automatikusan kiemelésre kerül a Kódnézetben.

10 Készítsen biztonsági másolatot webhelyéről.

Győződjön meg arról, hogy rendelkezik egy rendszerrel a webhely biztonsági mentésére. Mindig tartson egy másolatot a szerverén lévő összes fájlról egy külön helyen, és rendszeresen frissítse, hogy mindig legyen biztonsági másolata webhelyének legújabb verziójáról.

Ha biztonsági másolatot szeretne készíteni a Dreamweaverben létrehozott webhelyről, át kell másolnia azt a webhelymappát, amelyben az összes fájlt tárolja. Ideális esetben a mappát egy külső merevlemezre kell másolnia, vagy fel kell töltenie egy online biztonsági mentési rendszerre (amely a webszervertől külön található).