Az alábbi bejegyzésemben, a teljesség igénye nélkül szeretném bemutatni, hogy miért is érdemes a CSS használata.
A stíluslapok három a felhasználási típusa (szabálya) szerinti megközelítésben vázolom az általam előnyösnek tartott tulajdonságokat.
A három típus a következő:
* Szövegformázási szabályok.
* Az elhelyezéssel kapcsolatos szabályok.
* Média típus kezelésével kapcsolatos szabályok.
A CSS szabályokat csatolva, illetve a HTML oldalon is el lehet helyezni.
Véleményem szerint a csatolt stíluslapok használatával lehet a CSS lehetőségeit igazán kihasználni, ezért ezt tekintem az alkalmazás módjának. (Pl.: Sablonok használatakor a csatolt stíluslap módosításakor a sablon is változik.)
Szövegformázási szabályok:
* Az egész site-ra egységes arculat alakítható ki.
* Ha módosítunk a stíluslapon, a hatás az egész site-on érvényesül, anélkül, hogy a HTML oldalakhoz hozzá kellene nyúlni.
* Egyszerűen lehet módosítani a használt betűtípust, vagy színt, illetve egyéb jellemzőket.
* A weblap részeire, más és más stílus érvényesíthető. ID-k hez rendelt beállítások. ( Pl.: h1 betűtípus más a weblap törzsében és más a lap egyéb részén.)
* A HTML formázási lehetőségeit meghaladó beállítások használhatók.
* A link-eknél a link, visited, hover, aktiv beállításával egyszerűen lehet navigációs sávot készíteni, vagy a linkeket látványosabbra kialakítani.
Az elhelyezéssel kapcsolatos szabályok:
* A CSS dobozmodellt felhasználva tisztán div-ekkel kialakítható az oldal elrendezése. Nincs szükség táblázatokra.
* Az elemek relatív és az abszolút pozícionálása a lapon. (akár %-os vagy em értékkel)
* Elrejthető és megjeleníthető elemek.(Pl.: menü kialakításához)
* A böngésző átméretezésekor is jól mutató oldal kialakítása is egyszerűbb.
Média típus kezelésével kapcsolatos szabályok:
* Média típushoz lehet igazítani a megjelenést
+ Nyomtató
+ Képernső
+ Kézi eszközök stb.
* Típusonként eltérő kialakítás.( Más betűtípus, elemek elrejtése, stb)
A következő bejegyzésemben tovább fejtegetjük a CSS stíluslapokkal való munka előnyeit,
a Webdesigner mester képzés keretein belül a Dreamweaver modulban pedig igen részletesen tanuljuk a CSS stíluslapok jellemzőit, illetve gyakorlati alkalmazásukat.
További kellemes hétvégét kíván,
Eilinger Ákos
mérnök-informatikus
és a
Netlogi C School csapata
Netlogi C School
Informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net
Ha nem akar kimaradni a két héten belül induló webdesigner mester csoportból, akkor olvassa el a részleteket itt, és jelentkezzen képzésünkre még ma!
Webdesigner mester tanfolyam
