Jelenlegi hely

Utolsó változások

2.2.7. CSS 3

Az elmúlt években a HTML-hez hasonlóan a CSS területén sem volt sok változás. A CSS 2 óta megszoktuk, hogy a weboldalak szépek is lehetnek. Nagyon szépek. Hamarosan kialakultak olyan technikák, amelyek erősen építettek a grafikus szoftverek tudására és a kisebb-nagyobb egyedi trükkökre. Ma ezek (mint pl. a lekerekített sarkok, színátmenetek, árnyékok stb.) már annyira általánosan használtak, hogy a laikus internetező nem is sejti, mennyi kreativitás és munka szükséges ezek használatához.

2.2.4. Szervezési elvek

Egy komolyabb dizájn kialakításakor igen összetett CSS kódunk lesz. Nem egyszerű úgy leírni a kódot, hogy az egy későbbi továbbfejlesztés esetén, esetleg más fejlesztő számára is jól olvasható, egyértelmű lesz. De önfegyelemmel, és hasznos alapelvek kialakításával, betartásával mégis elérhető. Nézzünk meg néhány ötletet ezzel kapcsolatban.

A CSS lépcsős formázása

Bár a gyakorlatban még nem terjedt el, nagyobb CSS állományok esetén az áttekinthetőséget jelentősen javítani tudja a CSS forrás (a C nyelven megszokotthoz hasonló) behúzása. Például:

2.1.12. Szabványosság

A HTML nyelv a kezdetektől fogva szigorú szabályokra épült. A Microsoft Internet Explorer és a Netscape Navigator harcának egyik mellékterméke, hogy a böngészők felismernek, értelmeznek olyan HTML oldalakat is, amelyek nem felelnek meg a szabványnak. Sőt a webfejlesztők ezekre a pontatlanságokra rá is szoktak, és ebből a korszakból sok máig is elérhető de elavult szemléletű, ismertető található a weben.

2.1.11. Szemantikus HTML

A szemantikus HTML nem más, mint a HTML tagok jelentésének betartása, rendeltetésszerű használata. Például, egy bekezdést nem használunk fel menü kialakításához.

Azért fontos ez, mert a keresőgépek, automatikus katalógusok, HTML értelmezők ez alapján tudják kategorizálni az oldal tartalmait. Például egy felolvasóprogram egy címsort ki tud emelni felolvasás közben is, vagy egy keresőgép tud idézetekre keresni egy bizonyos szerzőtől, ha jól meg van formázva a HTML.

A gyakrabban előforduló hibákkal szemben néhány jó megközelítés:

1.2.2. Webtárhely

A mai weboldalak kis hányada igényli, hogy egy vagy esetleg több (ún. dedikált) szerver teljes egészében a weboldal kiszolgálását végezze. Éppen ezért a legtöbb honlap más honlapokkal osztozik egy webtárhely erőforrásain. Ezt nevezzük osztott webtárhelynek.

Webtárhely megoldások

A webtárhely szolgáltatás általában tartalmaz egy adminisztrációs felületet (pl. cPanel), hogy a bérlő a tárhelyét menedzselni tudja.

1.2. A web működése

Az alábbi ábra sokat segíthet a további információk megértésében.

A kliens-szerver architektúra

A felhasználó, aki a web szolgáltatásait ki akarja használni, megteheti ezt egy tetszőleges modern webböngészővel. (E két „szereplőt” együttesen a kliens oldalnak tekintjük.)

2. A tartalom és a kinézet

A weboldalak eredeti, és máig legfontosabb célja a tartalmak közzététele. Erre a HTML mellett a CSS nyelvet használjuk.

A HTML a tartalom szerkezetét, a CSS pedig a kinézetét írja le. E kettő szorosan összefügg, de megfelelő tervezéssel precízen el is választható egymástól.

A szerző kedvenc illusztrációs példája a CSS Zen Garden oldala, ahol ugyanazt a HTML struktúrát ezernyi különböző módon lehet megtekinteni, pusztám a dizájn (CSS állományok és a képek) cseréjével.

2.1.2. Hogyan kezdjünk neki?

Windows operációs rendszer alatt indítsuk el a Jegyzettömböt (vagy inkább egy komolyabb editort), majd gépeljük be a következő szöveget:

<html>
  <head>
    <title>Az oldal címe</title>
  </head>
  <body>
    Ez az első honlapom. <strong>Ez a szöveg kiemelt.</strong>
  </body>
</html>

Mentsük el a szöveget oldal.html néven!

1.4.3. A fejlesztő gépe

Szerverként akár a saját gépünket használjuk, akár egy távoli szervert, a következő szoftverekre szükségünk lesz.

Böngésző

A weboldalt látogatók igen sokféle böngészőt használnak. Emiatt a webfejlesztőnek – legalábbis az elterjedtebb típusokat – ismernie és használnia kell tesztelési célokból.

1.4.1. Szerver operációs rendszer

Először is nézzük meg, melyek ma a webkiszolgálókban gyakran használt operációs rendszerek.

Linux

Az elterjedtebb, és nem kimondottan asztali (desktop) használatra szánt Linux disztribúciók telepítésével működő web-, és adatbázis szervert kapunk. Akár régebbi, más felhasználások számára értéktelen hardverre is telepíthetünk Linuxot. Egy kisebb forgalmú honlapot tökéletesen képes kiszolgálni.

Oldalak