Weboldal Terminológia: Milyen Zsargont Kell Tudnia?

olyan érzés, mintha bosszantó design boffins létre honlap terminológia csak összezavarni minket. Front-end. Back-end. Tervezés. Fejleszteni. Miért nem teszi egyszerűvé a dolgokat?

ha egy weboldal építésén vagy újratervezésén gondolkodik, szüksége van erre a cikkre. Először is nézzük meg a különbséget a webdesign és a webfejlesztés között. Más néven front-end és back-end.

mi a különbség a webdesign és a webfejlesztési terminológia között?

a webes tervezők a kreatívabbak a kettő közül, akik a weboldal látványával és elrendezésével foglalkoznak. Szeretne egy bizonyos színt? Nagyobb szöveg itt? Majd megoldják.

gyakori, hogy hátterük van a grafikai tervezésben és a művészetben, így tudni fogják, hogyan kell a dolgokat szépnek kinézni!

egy webfejlesztő munkája más, ők építik fel a weboldal magját. A technikai szempontokra összpontosítanak, és biztosítják, hogy minden működjön. Ez magában foglalja a kód bevitelét a webhelyekbe az optimális teljesítmény érdekében. Logikusak, és hajlamosak a számítástechnika vagy a programozás hátterére.

például az autó külseje vizuálisan kellemes, míg a motor manőverezhetőségre készült.

a dolgok egyszerűbbé tétele érdekében fel fogjuk bontani az útmutatót designer és developer website terminológiára. Kapaszkodj a Hertzedbe!

Designer honlap terminológia

tartalom

ez nem használ, amelynek észbontó honlapján, ha a tartalom az egész hely. Hol vannak az elérhetőségei? A látvány a megfelelő helyen van? Mi a helyzet a fehér térrel? Senki sem akar fejfájást, amikor meglátogatja az Ön webhelyét. Ezeknek a szempontoknak a megfelelő megszerzése kellemesebbé teszi a látogatók utazását, és növeli annak esélyét, hogy megjelenjen a keresőmotorokban.

nézze meg ezt a példát a Lyft-től, nincs sok tartalom ott, de ez az, ami működik. Az oldal közepén egyszerű cselekvésre ösztönzés található, aranyos animáció kíséretében. Nincs esély arra, hogy eljössz erre a webhelyre, és nem tudod, mi a tartalom célja.

Kisegítő lehetőségek

ezt a tervezési szempontot sok webes tervező gyakran figyelmen kívül hagyja, de a webdesign alapjainak részét kell képeznie. Ez az, hogy mennyire elérhető a webhely a fogyatékkal élők számára.

fogyatékossági útmutatók, egyszerű másolás és nagyobb ikonok segítik őket a webhelyen való navigálásban. Ezek a funkciók népszerűek az egészségügyi szervezetek körében. Íme egy példa a látásért folytatott harcra, akiknek betűtípus-beállítója van a Kezdőlap jobb felső sarkában.

CSS (Cascading Style Sheets)

a CSS egy stíluslap nyelv, amelyet a HTML-kód elrendezésének leírására használnak. Egyszerűbben fogalmazva: a HTML a szöveg nyelve, a CSS pedig az oldaltervezés nyelve. A CSS sok munkát takarít meg a webfejlesztők számára, mivel segít a HTML-kód különböző elrendezésekben és stílusokban történő formázásában.

statikus elrendezés

ez a fajta elrendezés könnyebb megtervezni, de nem olyan rugalmas a felhasználó számára. Ha egy oldal minden látogató számára azonos szélességű, akkor kiszámíthatatlan lehet a különböző eszközökön. A legtöbb vállalat a mobil térnyerésével átállt az érzékeny tervezésre, de előfordulhat, hogy néhány vállalat használja.

Favicon

a favicon egy olyan kép, amely a domain neve mellett jelenik meg a böngésző címsorában. Ez egy jó ötlet, hogy bepereli a logó, vagy valami, ami kapcsolódik a te dolgod. Inspirációra van szüksége? Vessen egy pillantást ezekre a hűvös logótervekre!

fókuszpont

hová szeretné fókuszálni a szemet? Egy logó? Egy termék? Ha webhelye túl zsúfolt, vagy nem tudja, hová szeretné menni a felhasználót, távozhat. Az Amazon a felső szalaghirdetést használja fókuszpontként, de nem minden vállalat játszhat szezonális eseményeken az üzleti tevékenység generálása érdekében, ezért gondoljon arra, hogy mi teszi kiemelkedővé.

HTML (Hypertext Markup Language)

beszél számítógép? Szerencsére a tervezők igen. Beírják a kódokat egy szöveges fájlba, a böngésző elolvassa és emészthető formába fordítja. A HTML kódoláshoz tipográfiai, tervezési és számítógépes programozási ismeretekre van szükség.

felbontás

a képernyő függőleges és vízszintes elemeiben lévő pixelek számára használt kifejezés. Bár sokan úgy vélik, hogy ez a hosszúság és a szélesség.

reszponzív elrendezés

a reszponzív elrendezések adaptálhatók és a felhasználói eszköztől függően változnak. Optimalizálják az oldalt, hogy a lehető legtöbb tartalomhoz illeszkedjen. Ez az elrendezés a webdesign alapjainak alapja.

stílus útmutató

a weboldal tervezésekor fontos, hogy következetes stílus legyen. A túl sok szín vagy forma megzavarhatja a felhasználót, ezért fontos, hogy kiegészítő keverék legyen. Vessen egy pillantást a Spotiy stílus útmutatójára, valami olyan csekély, mint a logó helytelen elhelyezése, veszélybe sodorhatja márkajelzésüket.

UX Design

hogyan érzi magát a felhasználó, amikor meglátogatja az Ön webhelyét? Ha praktikus és könnyen használható, akkor nagyobb valószínűséggel maradnak az oldalon. Ha sok törött link van, csalódni fognak. Fontos, hogy a felhasználó gondolkodásmódjába kerüljön, és átérezze a problémáit.

grafikus felhasználói felület

az Apple kisgyermekek számára alkalmas eszközöket gyárt. Nézze meg a mobil kezdőképernyőt az összes alkalmazással és menüvel. A GUI-knak egyszerűnek és könnyen navigálhatónak kell lenniük, ami az okos tervezéshez vezet.

Growth Driven Design

Growth driven design az a gyakorlat, az épület egy weboldal egyszerű, web design alapjait. A tervező bonyolultabb funkciókat fog hozzáadni a weboldal készítésekor. Ez azt jelenti, hogy bármilyen kérdés is van, azokat erős alapok védik. Nem raknád a tetőt egy házra anélkül, hogy ne raknád le az alapokat. Ezután rendszeresen frissítheti a webhelyet, biztosítva, hogy mindig naprakész legyen.

A fejlesztői webhely terminológiája

AJAX (aszinkron JavaScript és XML)

az AJAX különféle programozási eszközöket használ az adatok küldésére és lekérésére anélkül, hogy frissíteni kellene egy weboldalt. Ha a Facebook kezdőlapja egy böngészőben van, akkor folyamatosan frissül, hogy frissítéseket nyújtson Önnek. Íme egy példa az AJAX kódra.

Back-end

a webhelyek nem felületesek; sok belső folyamat van, amelyet a felhasználó nem lát. A webhely hátulja az, ahol frissíti a szoftvert, blogokat tesz közzé a CMS-ben és új termékeket tölt fel. Ez a támogatott WordPress..

Bad neighborhood

a bad neighborhood olyan webhelyek csoportja, amelyek rossz hírnévvel és keresési rangsorokkal rendelkeznek. Nem akarsz rossz környéken élni, és a webhelyed sem. Elhelyezés a honlapon a szélhámos városrészek fog horpadás az esélye, hogy megjelenik a kereső. Szerezd meg a legjobb tárhely csomagot; nem akarsz büntetést a szomszédok rossz viselkedéséért!

sávszélesség

a videó pufferel. Miért?! A sávszélesség a webhelyen áthaladó forgalom és adatok szintje. A nagyobb vállalkozásoknak nagyobb sávszélességre van szükségük, mivel nagyobb forgalmat és adathalászatot kapnak. A sávszélesség változó, ezért fontos, hogy a vállalkozásához megfelelő összeget kapjon.

Cache

a cache egy eszköz ideiglenes tárhelye, amely javítja az alkalmazás teljesítményét. Amikor meglátogat egy weboldalt, böngészője nyilvántartást vezet a meglátogatott oldalakról, a fájlokat a gyorsítótárban tárolja. Ez azt jelenti, hogy a böngészőnek nem kell újra elolvasnia őket, ami időt takarít meg.

cookie-k

a cookie-k kis szöveges fájlok, amelyek alapvető információkat tartalmaznak a meglátogatott webhelyekről. A cookie-k segítenek a webszervereknek meghatározni a preferenciákat azáltal, hogy megnézik a meglátogatott webhely típusait, vagy mit tesz a kosárba.

az elmúlt években sok negatív sajtó jelent meg a cookie-król, mivel problémák vannak a magánélet védelmével. Vessen egy pillantást erre a bejelentkezésre az Amazon-tól, az automatikus bejelentkezés engedélyezése azt jelenti, hogy a vállalat nyomkövető sütit hagy a böngészőjében, így nem kell bejelentkeznie.

Adatbázis

ahogy az várható volt, az adatbázis egy adattároló központ. Ahogy a böngészők navigálnak a webhelyén, keresési lekérdezéseket vagy személyes adatokat adnak meg. Az adatbázis tárolja ezeket az információkat.

ha online ruházati vállalkozással rendelkezik, az adatbázis oszlopai a következőket olvashatják:

• tshirt_size
• tshirt_colour
• tshirt_price

Íme egy minta egy névtelen adatbázisból.

tárhely

a Webgazdák hatalmat adnak arra, hogy weboldalakat tegyenek közzé az interneten. Szerver számítógépeket használnak az Ön webhelyének az internethez való csatlakoztatásához. Amikor valaki rákattint a webhely oldalára, az oldal kérést küld a szervernek, és betöltődik.

JavaScript

a JV egy kompakt, rugalmas dinamikus programozási nyelv. Vannak tonna extra funkciókat funkciók JavaScript. Bevihet körhintákat, 3D-s képeket és videofolyamokat a webhelyére.

PHP (Hypertext Preprocessor)

a PHP egy szerveroldali programozási nyelv, amelyet folyékony weboldalak fejlesztésére és adatbázisokhoz való csatlakozásra használnak. Előfordulhat például, hogy a webhelyén van egy bejelentkezési gomb, amelynek fenti e-mail címe és jelszava van. Amikor beírja és elküldi ezt az információt, a PHP elküldi egy adatbázisba, és ellenőrzi, hogy helyes-e.

nézze meg ezt a kódpéldát, nézze meg, hogyan kezeli a bejövő kérést? Ez PHP.

Python

a Python egy webfejlesztő keretrendszer, amely az 1980-as évek óta létezik. könnyű kezelhetőségéről és olvashatóságáról ismert. A kezdők gyakran használják a Python-t más fejlesztőeszközök lépcsőfokaként. Emellett ingyenes!

szerverek

a szerverek sok munkát végeznek, számítógépek egy doboz spenót után. Hatalmas mennyiségű adatot tárolnak, például CSS lapokat, és internetkapcsolaton keresztül csatlakoznak más szerverekhez. A webszerverek webinformációkat, például URL-eket tárolnak, amikor a böngésző egy oldalt kér, akkor kommunikálni fog a kiszolgálóval.

és ez a különbség a wed design és a webfejlesztés között. Most már képes arra, hogy a weboldal terminológiáját a szíved tartalmához igazítsa!