CSS da web orrien diseinuak eraikitzeko modurik onena
CSS diseinuak idazten ikastea zaila izan daiteke, batez ere mahai erabiliz maiz erabiltzen dituzun fancy web orrien diseinuak sortzeko. Baina HTML5 diseinurako mahaiak ematen dituen bitartean, ez da ideia ona.
Mahaiak ez dira erabilgarriak
Bilatzaileetan bezala, pantailako irakurgailu gehienek HTML orrian agertzen diren ordenean web orriak irakurtzen dituzte. Eta mahaiak oso gogorra izan daiteke pantailako irakurleei analizatzeko. Hau da mahaiaren diseinuaren edukia, lineala denez, ez du beti zentzurik irakurketa ezkerretik eskuinera eta goitik behera. Gainera, mahai habiarekin eta mahaiaren zelulekin egindako hainbat zutabeak oso zaila da irudikatzea.
Horregatik, HTML5 zehaztapenak diseinurako taulen kontra gomendatzen du eta zergatik HTML 4.01 ezeztatu egiten du. Webgune erabilerrazak pertsona gehiago erabiltzea ahalbidetzen du eta diseinatzaile profesional baten marka da.
CSS-rekin, orriaren ezkerraldean dagoen atal bat definitu dezakezu, baina azkeneko HTMLan jarri. Ondoren, pantailako irakurleek eta bilaketa-motorrek zati garrantzitsuak irakurriko dituzte (edukia) lehenik eta zatirik txikiena (nabigazioa).
Mahaiak nahasiak dira
Web editorearekin taula bat sortzen baduzu ere, zure web orriak oso zaila eta zaila izango da mantentzea. Web orrien diseinu sinpleenak izan ezik, diseinu taulan gehienek asko eta atributuak eta taulen habia behar dituzte.
Taula eraikitzen erraza dirudi erraza egiten ari zaren bitartean, baina gero mantendu behar duzu. Linea behera sei hilabetez agian ez da erraza izango zergatik ikasi duzu taulak edo zenbat zelulak izan ziren ilara batean, eta abar. Gainera, web-orriak taldeko kide gisa mantentzen badituzu, pertsona guztiei nola egin behar duten taulak nola funtzionatzen duten edo zenbat denbora behar izaten dituzten aldaketak egin behar dituztela azaldu behar duzu.
CSS ere konplexua izan daiteke, baina aurkezpena HTMLtik bereizita mantentzen du eta epe luzera errazago mantentzen du. Gainera, CSS formatuarekin CSS fitxategi bat idatz dezakezu eta estilo guztiak zure orrialdeak modu horretan bilatzeko. Eta zure webgunearen diseinua aldatu nahi duzunean, CSS fitxategi bat besterik ez duzu aldatzen, eta gune osoa chnges-ez da orrialde bakoitza aldi berean eguneratzen, taulak eguneratzeko diseinua eguneratzeko.
Mahaiak inflexibleak dira
Taulen diseinuak portzentaje zabalerekin posibleak izan daitezen, maizago kargatzen dira eta nabarmen aldatu ditzakezu zure diseinua. Baina zure tauletarako zehaztutako zabalera erabiltzen badituzu, diseinu oso zurruna izango duzu, zure kabuz ezberdintzen diren monitoreak ongi ez ditzaten.
Monitore, nabigatzaile eta ebazpen askoren itxura ona duten diseinu malguak nahiko erraza da. Izan ere, CSS komunikabideen kontsultak dituztenez, aparteko diseinuak sor ditzakezu pantaila tamaina desberdinetarako.
Taula habiaratuak Kargatu gehiago Slowly CSS diseinurako
Taulen diseinuak diseinatzeko modu ohikoena "habia" taulak da. Horrek esan nahi du taula bat (edo gehiago) beste baten barruan jartzen dela. Habiaratutako taulen gehiago, orduan eta luzeagoa izango da web arakatzaileak orria errendatzea.
Kasu gehienetan, mahaiaren diseinuak CSS diseinu bat baino gehiago sortzeko karaktere gehiago erabiltzen ditu. Eta karaktere gutxiago deskarga gutxiago esan nahi du.
Taulak Search Engine Optimizazioa minik egin dezake
Taula arruntak sortutako diseinua nabigazio-barra bat dauka orriaren ezkerraldean eta eskuineko eduki nagusia. Taulak erabiltzean, hau (orokorrean) eskatzen du HTMLren lehen edukia ezkerreko nabigazio-barra dela. Bilaketa-motorrak edukien araberako orrialdeak sailkatzen ditu, eta hainbat motatako edukiak beste eduki bat baino garrantzitsuagoa den edukia zehazten du. Beraz, ezkerreko nabigazioa duen orrialde bat lehenbailehen agertuko da nabigazioa baino gutxiagokoa den edukia edukitzea.
CSS erabiliz, edukia lehenbailehen jarri dezakezu zure HTMLan eta ondoren CSS erabili diseinuan kokatu behar den zehazteko. Horrek esan nahi du bilatzaileak lehentasun garrantzitsua edukiko duela, nahiz eta diseinua behealdean dagoen.
Taulak Ez du beti inprimatu ongi
Mahai diseinu askok ez dute ondo inprimatzen inprimagailurako oso zabalak direlako. Horrela, egokitzeko, nabigatzaileak taulak moztuko dituzte eta atal hauen inprimaketa orri oso ezberdinez osatuta egongo da. Batzuetan itxura ona ematen duten orrialdeekin amaituko zara, baina eskuinaldean ez da falta. Beste orriak orriak hainbat orrietan inprimatuko ditu.
CSS-rekin orri estilo bat inprimatzeko orri estilo bat sor dezakezu.
Diseinuaren taulak ez dira baliozkoak HTML 4.01n
HTML 4 zehaztapenak honako hau dio: "Taulak ez dira soilik erabili behar dokumentuaren edukiaren diseinurako bitarteko gisa, hau da, ikusentzunezko komunikabideetara errendatzean arazoak sor ditzake".
Beraz, HTML 4.01 balioduna idatzi nahi baduzu, ezin dituzu taulak erabili diseinurako. Taulen datuak taulak soilik erabili beharko zenituzke. Datu tabularrak, normalean, kalkulu-orri batean edo ziurrenik datu-baseko batean ikus ditzakezun zerbait dirudi.
HTML5-k arauak eta mahaiak diseinura aldatu ditu, gomendatzen ez diren bitartean, orain HTML baliagarria da. HTML5 zehaztapenak honako hau dio: "Taulak ez dira diseinu-laguntzarik erabiliko."
Mahaiak diseinatzeko zailak dira pantaila irakurleek bereizteko, aipatu dudan bezala.
CSS erabiltzeko, zure orriak kokatzeko eta diseinatzeko HTML 4.01 baliozkoa da taulak sortzeko erabiltzen dituzun diseinuak lortzeko. HTML5-k oso gomendatzen du metodo hau ere.
Diseinuaren taulak zure enplegu itxaropenak eragin ditzakete
Diseinatzaile berri eta gero eta gehiago HTML eta CSS ikasi dituzunean, mahaiaren diseinuen trebetasunak gero eta eskaera gutxiago egongo dira. Bai, egia da bezeroek ez dituztela beren web orriak eraiki nahi dituzun teknologia zehatza esango. Baina hala eskatzen dizute:
- Webgune erabilgarriak: pantailako irakurleek ikus daitezkeen diseinuak herrialde askotan agindutakoak dira eta korporazioek irisgarritasuna gero eta garrantzi handiagoa dute egunero.
- Web orrialdeak mantentzea: diseinuak haiekin eraman ditzakete etorkizunean mantentzen ez badituzu ere.
- Diseinu malguak: nabigatzaile, ebazpen eta gailu askotan lan egiten duten diseinuak.
- Orrialdeak azkar deskargatzea: abiadura gero eta garrantzitsuagoa da, baita SEOra ere.
- Diseinu inprimagarriak: scriptak edo orrialde gehigarririk gabe inprimatzen dituzten orriak.
Bezeroek eskatzen dutenaren arabera entregatu ezin badituzu, diseinura etortzen zaituzte, agian ez da gaur egun, baina agian hurrengo urtean edo urtebete geroago. Ezin al dezakete zure negozioa jasaten uzten, 1990eko hamarkadatik aurrera erabilitako teknika bat ikasten hasten ez bazen?
Moral: Ikasi CSS erabiltzea
CSS ikasteko zaila izan daiteke, baina merezi duen zerbait merezi du. Ez gorde zure trebetasunak gelditu gabe. Ikasi CSS eta eraiki zure CSS diseinurako eraiki nahi dituzun web orriak.