Honlap készíttetők kézikönyve

Misszió:

'Munkahelyem a honlapom, ahol otthon érzem magamat'

Egy korszerű mai honlap azt jelenti, hogy sűrűn, talán naponta belépek és az aktuális változások szerint a honlapon is dolgozom: egy-két új funkcióval felruházom...
Ehhez úgy kell elkészíttetni a honlapot, hogy az teljes mértékben egy eszköze legyen csupán az elektronikus üzletnek. Az otthonosság így azt jelenti, hogy minden a 'kezemhez áll', gondolkodás nélkül használom a honlap funkcióit, elég csupán a célomra, feladatomra koncentrálva dolgozni a honlapon.

Forgassa saját hasznára az alábbi fejezeteket, s ne sajnálja rögzíteni is hozzá a benyomását a tartalom hasznosságáról. Ehhez látja az oldalak alján a Hozzászólás... linket

Kellemes és hasznos tallózást a kézikönyvben!

Domain regisztrációról

Amikor honlapot készíttetsz, saját címet szeretnél a honlapodnak az interneten, akkor szükséged van a domain név regisztrációjára. Minimum három hét és a regisztráció nemzetközi szabályainak ismerete szükségeltetik hozzá (és némi-nemű, elenyésző mennyiségű pénz).
Az alábbiakban arról lesz szó, amit ebben a témában feltétlenül tudnia kell annak aki domaint regisztráltatna.

Domain név

A Magyarországi Internet Szolgáltatók Tanácsa domainregisztrációs szabályzata értelmében
a domain név:
„Alfanumerikus karakterekből álló műszaki azonosító, amelyet elsősorban a könnyebb megjegyezhetősége miatt az internetes kommunikációhoz nélkülözhetetlen Internet címek helyett használnak.”
Az interneten fellelhető tartalom elérési, útvonala, címe (URL) minden esetben tartalmazza vagy a domain nevet, vagy az IP címet. Jelen honlap a gevapc.hu domain név útján érhető el.

Domainregisztrációs szabályzat

Tisztáz minden felmerülő fogalmat (olvasd el, értsd meg), a domain név igénylés és regisztráció feltételeit, vonatkozó szabályokat, valamint az igényelt domain névre vonatkozó formai és egyéb kritériumokat.
Hivatalos (magyar) domain regisztráció
Ez azt jelenti, hogy nem elég csak kitalálni a domain nevet, hanem....

A választott domain név ellenőrzése

a kitalált domain nevet először is ellenőrizni kell:

  • Szabad-e még a kiválasztott domain név? --- Ellenőrzés hivatalos oldala
    Ugye mi sem szeretnénk, ha a már általunk regisztráltatott domain nevet újból kiosztanák! Csak akkor kezdeményezhető egy domain regisztrációja, ha az még nem foglalt. A regisztrációt érdemes minél előbb megejteni, de legalább a konkurencia előtt. A regisztrációt a hivatalos domain regisztrátorok egyikénél kezdeményezhetjük, akiknek a magyarországi listáját megtalálhatjuk a hivatalos domain regisztrátorok lapján.
  • A várólista áttekintése
    A regisztrációnál a kért domain nevek meghirdetésre kerülnek, azaz 14 napos várólistára kerülnek (ha nem prioritásos az igény) Ez alatt a 14 nap alatt kifogással lehet élni, és kifogás hiányában indulhat csak el 14 nap után a domain bejegyzése.
    A magyarországi várólista  lekérhető le ABC- vagy időrendszerinti sorrendben.
    A prioritásos igények megelőzhetik a normál várakozó domain igényeket, de nem feltétlenül a sorrend dönt, részletek szintén a szabályzatban.
  • Ellenőrizendő ez a várólista a választott domain foglaltság szempontjából is. A prioritásos igények nem jelennek meg, nem ellenőrizhető<

A domain név regisztrációja

A domain regisztrátoroknál is, és a szabályzatban is egyértelműen meghatározott elvárások szerint be kell nyújtani a domain név igénylést egy regisztrátornál.
A regisztrátor pénzt kér a regisztráció lebonyolításáért, valamint a domain név nyilvántartásáért. Érvényessége meghatározott időre szól, általában 2 év a bejegyzésnél és ennek letelte után 1 év.

A domain név parkoltatásra kerülhet abban az esetben, ha nem kívánjuk még használni, ekkor nem kerül hozzá rögzítésre internet cím (URL), de ez bármikor könnyedén megvalósítható. Ha például tárhely szolgáltatót váltunk, azaz egyik gépről a másikra költöztetjük a honlapunkat, akkor a domain névhez rendelt URL-t kell csak átírni, vagyis ennyiből áll a domain átirányítása.

A domain regisztráció csakis akkor tekinthető sikeresnek, ha bejegyzésre került az igénylés.
A domain név adatai lekérhetők, ugyancsak a http://www.domain.hu oldalról.

Honlap Dizájn

A honlap megjelenése, azaz dizájnja, rengeteg összetevőből alakul ki, s rendre összefüggnek ezek az összetevők: egyik erősíti az összkép megjelnésének hatását, mások kioltják, ...

Az alábbiakban kifejtett összetevők esetleg nem abszolút értékűek, csupán az én felbontásom. Lesznek keresztbe hivatkozások is...

A színek

A honlap színei, amelyek nem választhatók el a tartalomtól, annak mondanivalójától.

Mire hivatottak a színek?

  • kiemelnek
  • olvashatóvá tesznek
  • összhangot- s
  • harmóniát teremtenek
  • ... s még sorolhatnánk tovább, de a legjobb, ha a színeket nem is látjuk egy honlapon, egyszerűen csak kellemesnek, harmónikusnak érezzük, s szívesen időzünk a tartalomnál.

A Színek elméletéről egy komoly tanulmány, egyszer érdemes elolvasni még akkor is, ha _csak_ a honlapod színeiről van szó.

A webes tipográfiáról

Maga a tipográfia mint fogalom a jelentésével egyetemben, a nyomdaiparból, a nyomtatott médiából jött:

Tipográfia: a szövegek megjelenése, designja és elrendezése, szerves része a honlap dizájnjának.

A webes tipográfia számára sokkal korlátozottabbak a lehetőségek, de ez nem jelenti azt, hogy nincsenek előnyei és ezekkel lehet is élni.

Ismerni kell a lehetőségeket és ezekből megfelelőt választani. Olyan betűket kell használnunk a weben, amelyről tudjuk, hogy elérhető és használható lesz azokon a gépeken is, amelyeken a látogatónk ezt megnyitja. 
Fontos: a honlapot sosem saját magunk számára fejlesztjük, legalábbis nem elsősorban Smiling, mindig, minden területen az első számú szabály, hogy a látogatók szempontjait tartjuk az elsődlegesnek.

A tipográfia egy eszköz a honlap missziójának beteljesítéséhez.

Az alábbi alfejezetek a lehetőségeket taglalja, amelyekből kedvére választhat, válogathat honlapja elkészítéséhez.

Különlegességek

Arról sosem szabad lemondani, hogy a szöveg formázásával ne vigyünk be egy kis meglepetést, egy kis különlegességet is a látogatók számára!

A baloldali 'Szöveg ' egy kép. 

Iniciálék

A bekezdés első sorának első betűje több sor magasságú, vagy mint a jelen honlapnál, a bekezdések első betűje nagyobb méretű.

Kiskapitálisok

Minden betű nagybetű, ám a nagybetűként begépelt betűket méretében nagyobbnak jeleníti meg ez a formázás.

Minden szó nagy betűvel kezdődik

Jelen honlapon pl a címsorokban (Heading2) minden szó nagybetűvel kezdődik a formázás révén. Ez is egy lehetőség némi különlegesség becsempészésére a honlapunkra.

Háttér színezés, grafika megjelenítése

A honlap jobboldali menüjében és a tartalmi részeknél is vannak olyan címsorok, amelyeknek sorában jobboldalon megjelnik egy kis grafika, de háttérszín is beállítható és/vagy egy meghúzott vonal, amelyek mind-mind azt a célt szolgálják, hogy kiemeljenek, szebbé és kellemesebbé tegyék az olvasást, irányítsák a figyelmet.

Választható betű típusok

A honlap a látogató gépétől és annak beállításaitól függően fog megjelenni!

...s ezt csakis ő tudja befolyásolni
 
A böngésző program a felkeresett honlap tartalmát a saját gépre telepített betűkkel tudja megjeleníteni. Ha nincs telepítve a honlapon használt, akkor a beállítások szerinti - a gépére telepített - betűcsaláddal helyettesítve tekintheti meg.
Ezen utóbbi esetben természetesen már nem úgy látja a honlapunkat, ahogyan mi azt megterveztük és esetleg a tipográfiában kialakított egyensúly is felborulhat.
 
Az alábbi betűcsaládok választhatók azzal a kellemes feltételezéssel, hogy az a netezők majd 100%-ánál megtalálható, s így eléjük a tervezettek szerint írhatjuk a mondandónkat.
 
(a betűcsaládra jellemző a betűk formája, mérete, grafikája, ... )
a felsorolásban valamennyi betű 12 pontos (3):
  • Andale Mono
  • Arial / Arial Black
  • Comic Sans
  • Courier / Courier New
  • Georgia
  • Times New Roman
  • Verdana
  • Trebuchet MS
  • Impact
  • Tahoma
A honlap egyetlen betűcsaláddal jeleníti meg a szöveges tartalmakat, nagyon ritka esetben fordul csak elő, hogy akár még egy is használatba kerül.
A kiválasztott betűhöz beállítjuk a 'kenyérszöveg' - vagyis a legnagyobb mennyiségben előforduló un. kitöltőszövegben a betűk méretét és a címsorok betűmérete ehhez viszonyítva kerül beállításra. Pl.: ennek a honlapnak a kenyérszövegének a betűmérete 11 pontos, a H1 ennek a 150%-a, a H2 140%-a, stb... 
 
A méret egyetlen helyen - a CSS fájlban - van beállítva, így könnyedén átállítható ez az egy méret, amelyet követnek a további címsorok betűnagyságai is.
 

Készíttetendő honlapjához kérem, válasszon a fenti lista alapján!

...ha gondban lenne a választással, úgy adok hozzá élőszóban egy-két tippet, hogy hogyan döntse el. Kérjen díjmentes konzultációt ezzel az űrlappal.
 

Betűk színének a meghatározása

Először is egy általánosan - a legnagyobb tömegben használt kenyérszöveg - színt tanácsos találni, természetesen ez része kell hogy legyen a honlap dizájnjának, illeszkednie kell abba.
Ez az elsődleges szín lesz a meghatározó a dizájn szempontjából.

Betűszínekről

 

Honlap sablonok

Új honlap készíttetéséhez, vagy a régi lecseréléséhez a következő helyeket ajánlom:

GevaPC Drupal sminkek galériája, amelyben azonnal használható megjelenéseket találni képernyőképpel és leírással.

Drupal sminkek, amelyek a közösség által elfogadott és követett megjelenést biztosítanak. A sminkek tovább alakíthatók, ha szükséges:

Megvásárolható Drupal sminkek

  • ThemesSock 

Ingyenes sablonokat kínáló oldalak közül azokat, amelyek nyílt forráskóddal és free felhasználási licence-el bírnak, s a kódolás minőségében is megfelelnek a szabványoknak:

Az első megválaszolandó kérdések

Megérett a honlap készítés vagy készíttetés gondolata?

Amennyiben a válasz igen, úgy következhet egy beszélgetés, ráhangolódás a várt jövőbeli honlapra. Ez egyben az első fontos lépés is a sok közül, amelyet meg kell tenni: Kérdésekre keresendő a válasz:
(ha az első sorban feltett kérdésemre a válasz nem, akkor ezért érdemes végiggondolni a válaszokat, de egy időre mentséget is találhatunk az elhalasztásához Laughing)

 

  1. Mi a honlap célja?
  2. Kik alkotják a célcsoportot, azaz kiknek szól?
  3. A cél megvalósítását milyen tartalmak szolgálják, s milyen összefügésekben?
  4. Milyen közreműködést várunk a látogatóktól/vásárlóktól?
  5. Milyen szolgáltatásokat nyújtunk a látogatóinknak a bizalmuk elnyeréséhez? 
  6. Ki fogja a honlapot karbantartani, moderálni és adminisztrálni?
  7. Reklám: hol és hogyan kívánjuk az e-marketinget bonyolítani?

Részletesen erről a GevaPC Netes szolgáltatásokat bemutató leírásban, a Honlap készítés folyamata fejezet Első kérdések alfejezetében.

Honlap tartalom

Sok-sok mindennel kell foglalkoznunk a honlap tartalmát illetően is.

A honlap céljának ismeretében és tükrében célszerű a tartalmat meghatározni, eszerint kategórizálni, felépíteni.

A honlap készíttetése jó aprópója lehet a vállalkozás tevékenységeinek áttekintésére is. A honlap készítőjétől nem várhatjuk el, hogy értsen az Ön szakterületéhez és a vállalkozásba bevont tevékenységeknek, ehhez Önnek kell értenie!

Mire készüljön, milyen kérdések adódnak amikor a honlap tartalmát kell meghatározni?

A honlapja jövőjét és használhatóságát is meghatározza a praktikus és célravezető tartalmi felépítés.

Képek a honlapon

A honlap dizájn elkészítéséhez is szükség lehet képekre és a majdani működtetés során is célszerű (amennyiben ezt a honlap adottságai lehetővé teszik) képeket használni a tartalom kihangsúlyozásához, dekorációként, illusztráicóként.

Egyetlen kockázatos pontjuk van, a megjelenítés ideje, ezért optimalizálni kell őket a webre kerülés előtt, hogy a megjelenítésük ideje a lehető legkisebb legyen.

Az optimalizálás ebben az esetben méret csökkentést jelent, ezzel gyorsíthatjuk az oldalak letöltését, többféle képpen érhetünk el.

Az ajánlataim a következők:

Megfelelő fájl típus kiválasztása

A szóbajöhető fájl típusok a jpg, png és gif.

A fájl típusok más típusú kódolást és tárolást jelentenek, ebből adódik ugyanazon kép különböző mérete.

Irányelv: válasszunk megfelelő típust a használt fájlokhoz.

A különböző típusok között konvertálást hajthatunk végre úgy, hogy az erre alkalmas programból más típusúként mentjük el a képet. (a Paint windows-os program pl ismeri mindhárom említett kép típust - gif, jpg és png)

GIF típus

Az ebben a fájl típusban tárolt kép maximálisan 256 színt alkalmazhat, s tovább korlátozható a használt színek száma (a színek számának csökkentése természetesen minőségi csökkenést is okoz), ezért kis méret társul hozzá.

Ha a kép megjelenítéséhez elegendő ez a max 256 szín, akkor a gif adja a legkisebb fizikai méretet, a legkisebb bájt mennyiséget. 

A gif típus egy régi fájlformátum, amely valójában azért maradt fenn, mivel mozgóképet tartalmazhat, s háttere átlátszó is lehet.

 

JPG típus

Szoftveres úton tömörített tárolást valósít meg, s amint az ilyen eljárásoknál mindig, természetesen minőség romlással jár. Minél erőteljesebb a tömörítés, annál kisebb a fájl méret és gyengébb a kép minősége.

Irányelv: találjuk meg a képeknél azt a legkisebb méretet, amelynél még nem zavaró a minőség csökkenés.

PNG típus

A JPG-hez hasonlóan, csak éppen más módszerrel, tömörített kép tárolási típus. Előnye a Jpg-hez képest, hogy átlátszó háttérrel képes tárolni.

Célszerű ugyanazon képet png és jpg típusban létrehozni, majd ezekből a kisebb méretűt feltölteni a honlapra.

A fizikai méret csökkentése

Minél kisebb a kép pixelekben meghatározott mérete, annál  kisebb a bájtokban mért mérete is, és annál gyorsabban képes betöltődni a böngészőben.

Egy 800 x 600 pixel felbontású képfájl 480 000 pixelben tárolja az adott képet. Ha fele méretűre kicsinyítem, akkor máris csak 400 x 300 px vagyis összesen 120 000 pixelt kell tárolni, vagyis felére csökkentett kép fizikai mérete a negyedére csökkenhet. 

Az irányelv: csökkentsük a kép felbontását a lehető legkisebbre amelyben még használható a honlapon.

Általában néhány képméret használatos egy honlapon, s valamennyi kép ezen méretekben tekinthető meg. Ha például a legnagyobb méret, amelyben megjelenhet még 800 x 800 akkor ez legyen a feltöltött képek mérete. A kisebb képméreteket maga a honlap generálja le és tárolja.

A dizájnhoz fejlesztéskor leadott fotóknak sem kell a felhasználásukat illetően nagy méretűnek lenniük, ám ebben az esetben nyugodtan rábízhatjuk a dizájnerre a méret problémát. Könnyen előfordulhat, hogy a fotónk egy részlete kerül csupán a honlapra, megfelelő módon kivágva és átalakítva...

A probálkozást, kísérletezgetést mindenképpen megéri egyszer megejteni a honlapunk érdekében.

Egy kapcsolódó írás a GevaPC honlapon: FastStone Photo Resizer képszerkesztő program és használata a webes képek optimalizálásáról.

Tárhelyről

cPanel felületcPanel felületA GevaPC honlapok olyan tárhelyen kerülnek elhelyezésre, amelyek cPanel grafikus felhasználói felületen keresztül érhető el. A megoldás felhasználóbarát és könnyű az eligazodás, azonban szoktak kérdések lenni az egyes fogalmakkal és azok jelentésével kapcsolatban.

Az alábbi fejezetek ezen kérdésekre adnak választ.
A tárhely paramétereiről részletesen itt olvasható 

Ha mégsem lenne itt a válasz az Ön kérdésére, akkor tegye fel a fórumban.