Hirdetés

weboldal drótvázTechnikai szempontból a modern weboldal nem csak egy dolog. Ez egy interaktív technológiák, például a HTML (az oldalon látható jelölés), a JavaScript (a a böngészőben futó nyelv, amely befolyásolja az interakciókat), CSS (az oldal megjelenésének beállításának nyelve), és több. De alapvetõbb szinten a weboldal egy ötlet.

Ha ez az Ön weboldala, akkor valószínűleg tudja, mit akar csinálni, vagy mit szeretne, hogy a felhasználók kijönjenek belőle. Lehet, hogy könnyű hely lenne számukra a technológiával kapcsolatos információk megtalálására; vagy talán meg kell magyaráznia, hogy miért vagy a legjobb együttes vagy kutyajáró. Mindenesetre, jóval azelőtt, hogy HTML, CSS, JavaScript vagy bármilyen más webes fejlesztéssel kell foglalkoznia technológiát, nagyon világos elképzeléssel kell rendelkeznie arról, hogy mit kell tennie a webhelyén, és hogy általában mit kell kinéznie tetszik. És a weboldal drótvázai képesek arra, hogy megszilárdítsák ezt az ötletet és továbbadják.

A Szalvéta Hátsó

weboldal drótváz

A webes drótváz csak egy vázlat arról, hogy a webhelye hogyan néz ki. Nem szabad, hogy csinos legyen, és még a szoftver létrehozásához nincs szüksége szoftverre. Csak megragadhat egy darab papírt, vagy akár egy szalvétát, és elkezdheti blokkolását webhelyén, elemről elemre. “

instagram viewer
A cím ide megy... és akkor van egy navigációs menüünk... ó, és itt feltehetek egy keresőmezőt."Csak ezekben az általános és egyszerű fogalmakban tedd össze a webhely egyik részét, amíg a végeredmény valahogy így néz ki:

webhely drótváz

Mint láthatja, ez nem számítógépes kód, sem valami túl technikai vagy összetett. Bárki megnézheti ezt a gyors vázlatot, és azonnal kitalálhatja, mit lát. És ez a pont a drótvázokról: Nagyon gyorsan elkészíthetők és könnyen érthetők. Ezek lehetővé teszik a fontos dolgok megfelelő rendezését, például a webhely elrendezését, a navigációs struktúrát és a hirdetéselhelyezést, mielőtt egyetlen kódsorot megérintne. És ha más emberekkel, például kódolóval vagy tervezővel dolgozik, akkor hagyják, hogy mind megegyezzenek abban, hogy miként néz ki a végeredmény. Ez rengeteg zavart és kettős munkát takaríthat meg, különösen, ha nagyobb projektekről van szó.

Fontos megjegyezni, hogy a fenti drótvázban nincs részletesség: Az egyes cikk melletti képek nem „valódi” képek, hanem nyilvánvaló helyőrzők. Még a cikk szövege sem lett kitöltve - ez csak egy sor sor. Nem látja, hogy mi lesz a színséma - mind csak fekete-fehér. Ez az a drótváz feltételezett kinézni mint. Nem szabad, hogy a végleges weboldal teljes ábrázolása legyen, hanem csak annak szelleme vagy lényege, ha akarod. Ez csak a legfontosabb dolog.

Szerszámok drótvázas kialakításhoz

weboldal drótváz

Mint korábban már említettem, a huzalkeretezés legjobb eszköze gyakran csak egy darab papír és egy toll. A számítógéptől való távolodás valóban segít megtisztítani a gondolatait, és arra összpontosíthat, hogy mit néz ki a webhelye, bosszantó megszakítások vagy új kábelkészítő eszköz elsajátítása nélkül. A matematikai jegyzetfüzet (a fenti ábra szerint) általában akkor működik a legjobban, mert nyomon követi a vonalakat, tiszta téglalapokat hoz létre, és könnyen összeigazítja a webhely különböző részeit. Fogjon egyet, egy tollat ​​vagy kettőt, és menjen el egy csésze kávét valahol messze a számítógéptől. Egyértelmû gondolattal jön vissza, hogy pontosan mit próbál létrehozni.

Ennek ellenére néha szükség van vezetékkeretes szoftverre. Például, valószínűleg egy olyan csapat részeként dolgozik, amely országszerte vagy földgömbön oszlik meg, vagy esetleg blogbejegyzést írt a huzalkeretekről. Ezekben az esetekben a drótvázak kézi szkennelése nem nagyon praktikus megoldás. Íme néhány ingyenes szoftver eszköz, amely segíthet abban az esetben, ha valóban nem tudja használni a tollat ​​és a papírt:

  • Lumzy: Ingyenes, Flash alapú drótvázas eszköz, gazdag objektumkönyvtárral. Ezt az eszközt használtam a fent látható drótváz készítéséhez - gyors és fájdalommentes.
  • QuirkTools vezetékek [Törött URL eltávolítva]: Egyszerűbb eszköz, igazítási lehetőségek nélkül. Ennek ellenére nem Flash alapú.
  • Sokszavú posztáta: Kereskedelmi eszköz, de korlátozott ingyenes tervvel rendelkezik.

Nem csak webhelyek számára

Valószínűleg maga is felismerte ezt, de ez jó megjegyzés: Lehet, hogy van egy durva ötlete egy iPhone vagy Android alkalmazásról, vagy akár egy teljes értékű számítógépes alkalmazásáról. Ezekben az esetekben a weboldal drótvázai felbecsülhetetlen értékűek ahhoz, hogy megmutassák, hogy néz ki minden, és akár segíthet abban is, hogy az embereket különféle módon támogassák a projekttel.

Létrehozta már magának a drótvázat? Most elkezdi, hogy elolvasta ezt? Tudassa velünk a megjegyzésekben!

Kép kreditek: Összegyűrt szalvétakép a ShutterStockon keresztül, Piros notebook kép a ShutterStockon keresztül