Zein dira Cascading Style Sheets?
Webguneak pieza indibidualez osatuta daude, irudiak, testuak eta hainbat dokumentu barne. Dokumentu hauek ez dira soilik orrialde ezberdinetatik estekatutakoak, PDF fitxategiak bezala, baina orriak beraiek eraikitzeko erabiltzen diren dokumentuak, HTML dokumentuak, orri baten egitura eta CSS (Cascading Style Sheet) dokumentuen egitura zehazteko. orri baten itxura dictate. Artikulu hau CSS-ra iritsiko da, gaurko webguneetan erabilitakoa zein den estaltzen duena.
A CSS historia ikasgaia
CSS 1997an garatu zen lehenengo aldiz web-garatzaileek web-orrialdeen itxura bisuala definitzeko. Webguneek webgunearen kodea eta diseinu bisualaren edukiaren eta egituraren bereizketa ahalbidetu zuten. Orain arte ez zen posible izan den zerbait.
Estruktura eta estiloaren bereizketa ahalbidetzen du HTML-k jatorrizko edukian oinarritutako funtzio gehiago egitea - edukien markatzea, orriaren diseinua eta diseinua kezkatu beharrik gabe, "itxura eta sentipena" orrialdea.
CSSk ez zuen 2000. urtera arte ospea irabazi, web nabigatzaileek markaketa hizkuntzen oinarrizko letra-tipoak eta koloreak erabiltzen zituztenean. Gaur egun, nabigatzaile moderno guztiek CSS maila 1, CSS 2 maila gehienak onartzen dituzte, baita CSS 3. maila ere. CSSak eboluzionatzen jarraitzen du eta estilo berriak sartzen hasten direnean, web arakatzaileek CSS laguntza berria darabilten moduluak abiarazi dituzte nabigatzaile hauei eta web diseinatzaileek aukera ematen diete sorkuntza tresna indartsuei lan egiteko.
Duela asko (urte asko) web diseinatzaile aukeratu ziren CSS erabiltzeko web gunearen diseinua eta garapena ukatu ez zitzaienena, baina praktika hori gaur egun industriatik joan da. CSS da gaur egun zabalduena erabilitako estandar bat web diseinuan eta gogorra izango litzateke industrian lan egiten dutenak gaur egun, gutxienez, hizkuntza horren oinarrizko ulermena ez dutela aurkitu.
CSS laburdura da
Dagoeneko aipatu bezala, CSS terminoa "Cascading Style Sheet" da. Esaldi hau apur bat apurtu dezagun, dokumentu hauei buruz gehiago azaltzeko.
"Estilo-orria" hitza "dokumentuari" dagokio (HTML bezalakoak, CSS fitxategiak programazio desberdinetan editatu daitezkeen testu-dokumentuak dira). Estilo-orriak dokumentuetarako diseinatu dira urte askotan. Diseinuaren zehaztapen teknikoak dira, inprimatu edo lineako. Inprimagailuen diseinatzaileak aspaldiko estilo-orriak erabiltzen ditu bere diseinuak zehaztasunez betetzen dituztela ziurtatzeko. Web orri baten estilo-orri batek helburu bera du, baina funtzionaltasun gehigarria ere ematen du web nabigatzaileari dokumentua nola ikusten ari den erakusteko. Gaur egun, CSS estilo-orriak ere multimedia-kontsultak erabil ditzake orrialde batek gailu eta pantaila-tamainen itxura bilatzeko modua aldatzeko. Hau oso garrantzitsua da, HTML dokumentu bakar bat errendatzeko modu ezberdina izan dadin, sartzeko erabiltzen den pantailaren arabera.
Cascade "kraskadura estilo-orriaren" terminoaren zati berezia da. Web orrien estiloa xafla batean estilo sorta baten bidez igarotzen da, jauzi baten gaineko ibai bat bezala. Ura ibaian ur-jauzi guztietan arroka guztiak topatzen dira, baina beheko aldean soilik eragiten du ura. Gauza bera gertatzen da web orriko estilo-orrien ur-jauzi egitean.
Web orri bakoitzak gutxienez estilo orri baten eragina du, nahiz eta web diseinatzaileak ez du inolako estiloik aplikatzen. Estilo-orri hau erabiltzaile-agenteen estilo-orria da, web-arakatzaileak orri bat bistaratzeko erabiliko dituen estilo lehenetsiak ere ezagutzen dira, beste argibideak ematen ez badira. Adibidez, hiperestekak urdinez jantzita daude eta azpimarratuta daude. Estiloak web-arakatzailearen estilo-orri lehenetsietatik dator. Webguneak beste argibideak ematen baditu, ordea, arakatzaileak zein argibideak izango ditu lehentasuna jakiteko. Nabigatzaile guztiek beren estilo lehenetsiak dituzte, baina lehenetsitako zenbait (azpitik azpimarratutako testuen estekak bezalakoak) nabigatzaile eta bertsio nagusienetan edo gehienetan partekatzen dira.
Arakatzailearen lehenetsitako beste adibide baterako, nire web arakatzailean, letra-tipo lehenetsia " Times New Roman " da, tamaina 16n bistaratzen dena. Ia-ia bisitatzen dudan orrietako bat ia-ia letra-tipoko familia eta tamainan bistaratzen da. Hau da, kaskadak definitzen duen bigarren estilo-orriak, diseinatzaileek beraiek ezartzen dituztenak , letra-tamainaren eta familiaren definizioa zehazten dutelako, nire web arakatzailearen lehenetsitako aukerak lehenetsiz. Webgune bat sortzen duzun edozein estilo-orriek arakatzailearen estilo lehenetsiak baino zehaztasun gehiago izango dute, beraz, lehenetsitakoak bakarrik aplikatuko dira zure estilo-orriek ez badute gainidazten. Estekak urdina izateko eta azpimarratuak izan nahi badituzu, ez da ezer egin lehenetsitakoa denik, baina zure webguneko CSS fitxategiak berdinak izan behar duela esaten badu, kolore hori urdin lehenetsia gainidatziko du. Azpimarratu egingo da adibide honetan, bestela ez duzu zehaztu.
Non dago CSS erabilita?
CSS ere erabil daiteke web orriek web orrialdeak nabigatzailean baino beste batzuetan ikusi behar duten moduan definitzeko. Adibidez, web orriaren inprimaketa nola inprimatuko den definituko duen inprimatze-estilo orri bat sor dezakezu. Nabigazio-botoiak edo web inprimakien web orriak ez du inprimatutako orriaren helbururik izango, inprimatutako estilo-orri bat "orrialdea inprimatuta dagoenean" atal horiek "itzaltzeko" erabil daiteke. Web gune askotan ohiko praktika ez den bitartean, inprimatzeko estilo orriak sortzeko aukera indartsua eta erakargarria da (nire esperientzian - gehienak web-eko profesionalek ez dute hori egiten, besterik gabe, gune baten aurrekontuaren esparruak ez du lan gehigarririk eskatzen. ).
Zergatik da garrantzitsua CSSa?
CSS tresna baliotsuenetako bat web diseinatzaile batek ikasi dezakeelako, webgune baten itxura bisual osoa eragin dezake. Beno idatzitako estilo-orriak azkar eguneratzen dira eta guneek ikusmen lehentasuna pantailan aldatzeko aukera ematen dute, bisitariei balioa eta arreta erakustea baimentzen baitiete, azpiko HTML markatuaren beharretara aldatu gabe.
CSSren erronka nagusia apur bat ikastea da, eta egunero aldatzen diren nabigatzaileekin. Gaur egun, ondo funtzionatzen duela agian ez da zentzurik bihar estilo berriak onartzen eta beste batzuk eroriz edo alde batera uzten dira arrazoi bat edo beste .
CSSk ur-jauzi eta konbinatu egin dezakeelako eta nabigatzaile desberdinek zuzentarau ezberdinak nola interpretatu eta ezartzen dituztelako kontuan hartuta, CSS-k gehienetan HTML arrunta baino zailagoa izan daiteke. CSS-k nabigatzaileetan ere aldaketa egiten du HTML-k benetan. CSS erabiltzen hasten zarenean, ordea, estilo-orrien boterea aprobetxatuz gero, malgutasun sinesgarria emango dizu web orriak diseinatzen eta itxura eta sentimenduak definitzen dituzunean. Bidean, iraganean lan egin duten estiloak eta planteamenduak "trikimailuen poltsa" topatuko dituzu eta etorkizunean web orri berriak eraiki ditzakezu berriro.
Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 17/07/17,