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.


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.

Képek használata Adobe XD-ben

Képek használata Adobe XD-ben

Miután importálta a képeket az Adobe XD-be, nem rendelkezik túl sok szerkesztési vezérléssel, de átméretezheti és elforgathatja a képeket, mint bármely más alakzatot. Könnyedén lekerekítheti az importált képek sarkait a sarokmodulok segítségével. A képek maszkolása Zárt alakzat meghatározásával […]

A szövegtulajdonságok beállítása az Adobe XD-ben

A szövegtulajdonságok beállítása az Adobe XD-ben

Ha van szövege az Adobe XD projektben, elkezdheti módosítani a szöveg tulajdonságait. Ezek a tulajdonságok a következők: Betűcsalád, Betűméret, Betűsúly, Igazítás, Karaktertávolság (bevágás és követés), Sortávolság (vezető), Kitöltés, Szegély (vonás), Árnyék (vetett árnyék) és Háttér életlenítése. Tehát nézzük át, hogyan alkalmazzák ezeket a tulajdonságokat. Az olvashatóságról és a betűtípusról […]

Rajztáblák használata a Photoshop CC-ben

Rajztáblák használata a Photoshop CC-ben

Csakúgy, mint az Adobe Illustratorban, a Photoshop rajztáblái lehetővé teszik külön oldalak vagy képernyők létrehozását egy dokumentumon belül. Ez különösen akkor lehet hasznos, ha mobilalkalmazáshoz vagy kis prospektushoz készít képernyőket. A rajztáblát a Rétegek panel segítségével létrehozott speciális rétegcsoportnak tekintheti. A […]

Alakzatok és sokszögek az InDesignban

Alakzatok és sokszögek az InDesignban

Az InDesign Eszközök panelen található eszközök közül sok arra szolgál, hogy vonalakat és alakzatokat rajzoljon egy oldalra, így többféleképpen hozhat létre érdekes rajzokat a kiadványokhoz. Az InDesignon belül az alapvető formáktól a bonyolult rajzokig bármit létrehozhat, ahelyett, hogy rajzprogramot kellene használnia, például […]

Törölje be a szöveget az Adobe Illustrator CC-ben

Törölje be a szöveget az Adobe Illustrator CC-ben

A szöveg becsomagolása az Adobe Illustrator CC programban nem ugyanaz, mint az ajándékcsomagolás – ez egyszerűbb! A szöveg tördelése arra kényszeríti a szöveget, hogy a szöveget egy grafika köré vonja, amint az ezen az ábrán látható. Ez a funkció bármely darabhoz hozzáadhat egy kis kreativitást. A grafika arra kényszeríti a szöveget, hogy körülveszi. Először hozzon létre […]

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 (például 2 x 3 hüvelyk). Miután elkészített egy alakzatot, a legjobb módja annak, hogy átméretezze a pontos méreteket az Átalakítás panel használatával, amely ezen az ábrán látható. Jelölje ki az objektumot, majd válassza az Ablak→Alakítás […]

QR-kódok létrehozása az InDesign CC-ben

QR-kódok létrehozása az InDesign CC-ben

Az InDesign segítségével QR-kód grafikákat hozhat létre és módosíthat. A QR-kódok olyan vonalkódok, amelyek információkat, például szavakat, számokat, URL-eket vagy egyéb adatokat tárolhatnak. A felhasználó a QR-kódot kamerája és szoftvere segítségével beolvassa egy eszközön, például okostelefonon, a szoftver pedig […]

Hogyan lehet egy új fényképet réginek kinézni a Photoshop CS6 alkalmazásban

Hogyan lehet egy új fényképet réginek kinézni a Photoshop CS6 alkalmazásban

Előfordulhat, hogy új fényképre van szüksége, hogy réginek tűnjön. A Photoshop CS6 gondoskodik rólad. A fekete-fehér fényképezés újabb jelenség, mint gondolnád. A dagerrotípiák és más korai fényképek gyakran barnás vagy kékes tónusúak voltak. Saját szépia tónusú remekműveket készíthet. A tónusos képek […]

Az Adobe CS5 Illustrator Live Paint funkciója

Az Adobe CS5 Illustrator Live Paint funkciója

Az Adobe Creative Suite 5 (Adobe CS5) Illustrator Live Paint funkciójával létrehozhatja a kívánt képet, és színekkel töltheti ki a régiókat. A Live Paint vödör automatikusan felismeri a független, egymást metsző útvonalakból álló régiókat, és ennek megfelelően kitölti azokat. A festék egy adott területen belül továbbra is éles marad, és automatikusan folyik, ha van […]