Hogyan használjuk a webes szabványokat a webhelyek létrehozására bármilyen eszköz számára

Közzététel: Támogatása segít fenntartani a webhely működését! Az ezen az oldalon javasolt szolgáltatások némelyikén referenciadíjat keresünk.


Amikor Tim Berners-Lee először létrehozta az INQUIRE-t (a web előfutára), látása volt egy információs szuper autópályáról, amelyet mindenki szabadon hajthatott végre. Még még gyerekcipőben áll, a World Wide Web korlátlan hozzáférést ígért az információkhoz, a közösséghez és igen, az üzleti lehetőségekhez. Mivel azonban a web lassan formálódott, úgy tűnt, hogy fenyegetik ezt a szabadságot belülről, és nagy esély volt arra, hogy a mai Internet által élvezett lehetőség saját lehetőségei alatt összeomlik..

W3C és a Web Standards Project

Nem sokkal azután, hogy az internetet bemutatták a világnak, a Netscape és a Microsoft (a szoftverfejlesztés két fő mozgatórugója) folyamatosan eszkalálódtak a böngészőháborúban. Annak érdekében, hogy legyőzzék egymást, mindegyik cég új elemeket vezetett be a mögöttes szoftverekbe, és új módszereket tervezett az online tartalom letöltésére és feldolgozására. Ennek eredményeként két versengő böngésző volt, amelyek egyre kevésbé kompatibilisek. Ez a korlátlan internet álmát egy rémálommá változtathatja, hatékonyan megtiltva a felhasználók számára a teljes online tartalomhoz való hozzáférést, miközben megnövelheti a weboldal tervezésének és fejlesztésének költségeit..

A folyamatban lévő böngészőháborúkra és az internetprojekt esetleges széttöredezetére reagálva Berners-Lee megalapította a World Wide Web Consortiumot (W3C). Feladata az volt, hogy elkészítse az Internet számára általánosan elfogadott protokollok és iránymutatások készítését. Ezek a szabálykönyvek lesznek, amelyek a jövőben irányítják a programozók és a szoftverfejlesztők munkáját, remélhetőleg biztosítva az internet folyamatos növekedését és elérhetőségét.

1998-ban a webes tervezők és fejlesztők független csoportja létrehozta a Web Standards Project (WaSP) projektet. Feladata az volt, hogy finomítsa és népszerűsítse a W3C bevált gyakorlatainak listáját, és egyszer és mindenkorra véget vessen a böngésző háborúinak. A WaSP sikeres volt, és a szabadon közlekedő információs autópálya nagyrészt megvalósult. Ma a WaSP továbbra is azon dolgozik, hogy az internet szabad, nyitott és mindenki számára elérhető legyen.

A webes szabványok fontossága

Nehéz lenne túlbecsülni a Web Standards Project és az általuk támogatott iránymutatások fontosságát. Annak érdekében, hogy az internet teljes mértékben kiaknázza potenciálját, bizonyos közös elveknek kell vezérelnie. Ezek a „webes szabványok” egy sor alapvető és remélhetőleg univerzális iránymutatást nyújtanak, amelyek révén az internet tartalma létrehozásra és terjesztésre kerül. Ezeknek a webes szabványoknak a szükségessége egyértelmű, és a programozás és a webes tervezés néhány kulcsfontosságú kérdésére vonatkoznak.

  • Hatékony kód – a webes szabványok hatékony kódolást hoznak a webdizájnba. Ha az összes programozás a HTML-re korlátozódna, akkor az eredmény felfúvódott, és olyan fájlok lennének rosszul, amelyeknél a szükséges letöltési időnél hosszabb idő szükséges. Ez nem csak a felhasználó online élményét érinti, de valójában növeli az online tartalom elérésének költségeit azoknak a felhasználóknak, akik a letöltésekért a megabájtot fizetnek.
  • Kódolási kompatibilitás – akár weboldal, kiegészítő vagy szoftver, szinte minden programozási elem sok különböző tervező kezén megy keresztül. Az elfogadott kódolási szabvány biztosítja, hogy minden programozó ugyanazt a „nyelvet” beszélje, és hogy a kód a szerzőtől függetlenül ésszerű és hatékony maradjon.
  • Egyszerűsített karbantartás – ez tovább támogatja a szabványosított kódolási gyakorlatok értékét. A sovány és hatékony kódot könnyebb és olcsóbb frissíteni és karbantartani. Az egy helyen megadott stílus- és elrendezési információkkal (azaz CSS elemekkel) a frissítéseket nem kell alkalmazni az aktív webhelyek minden oldalára.
  • Az eszközök kompatibilitása – a webes szabványok betartása biztosítja, hogy az online tartalom gyorsan és hatékonyan formázható legyen a különböző böngészők és eszközök számára. Ez különösen akkor fontos, amikor a mobil eszközök annyira népszerűvé válnak az online felhasználók körében.
  • Keresőmotorok kompatibilitása – minden webfejlesztő azt akarja, hogy online tartalmuk könnyen megtalálható legyen a Google és más keresőmotorok között. Annak érdekében, hogy bármely keresőmotor rangsorolhassa és visszatérjen a releváns tartalomhoz a felhasználói keresésben, meg kell vizsgálnia azt a webes bejáróval. Ha ez a webrobot nem tudja értelmezni a tartalmat, akkor a rangsorolás természetesen szenvedni fog. A W3C által elfogadott jóváhagyott szabványok betartásával a fejlesztők könnyebben biztosíthatják, hogy az általuk előállított tartalmat a keresőmotor robotjai gyorsan és pontosan be tudja szkennelni..
  • Kisegítő lehetőségek – végül a webes szabványok a látássérültek akadálymentességének kérdésével is foglalkoznak. A látássérült felhasználók gyakran képernyőolvasókat használnak az internetes tartalom elérésére. Ezek az olvasók szó szerint hangosan olvassák el a weboldalt. A szemantikai struktúrát szabályozó, elfogadott webes szabványok betartása biztosítja, hogy az online tartalom könnyen megfejtendő, az internetet nyitva tartva és a látássérültek számára elérhetővé téve. Ez a webes szabványügyi projekt azon kevés aspektusa, amelyet törvénybe kodifikáltak.

A W3C szabványok

Míg a WaSP különféle kérdésekkel foglalkozik, a W3C által eredetileg meghatározott főbb iránymutatások a webes szabványok könyvének általánosan elfogadott központi elemévé váltak. Ezek képezik az alapot, amelytől az internet folyamatos növekedése és elérhetősége függ, és néhány alapvető témakörre bonthatók.

  • Jelölő nyelvek rendszerek, amelyek információ hozzáadására szolgálnak egy dokumentumhoz, amely elkülönül a szövegtől. A webes szabványok irányelvei szabályozzák a HTML használatát és annak későbbi variációit (beleértve a HTML5-et és az XHTML-t). Jelölési nyelvként a HTML változatokat különféle típusú tartalmak módosítására használják egy online dokumentumban. Az ezeket a nyelveket alkotó elemek meghatározzák, hogy az egyes tartalmak egy részét hogyan kell megjeleníteni egy webböngészőben (pl. Címsorok, bekezdések, felsoroláslisták stb.). Míg az alapvető jelölő elemek meghatározzák a tényleges tartalmat, a kiegészítő attribútumok használata arra szolgál, hogy pontosabb információkat szolgáltassanak a tartalomról.
  • HTML (Hypertext Markup Language) a legrégebbi webkódoló nyelv. Mint ilyen, ez a leggyakoribb jelölőnyelv, amelyet a webfejlesztők használnak, és továbbra is jelentős része az online tartalomnak. A HTML használatát szintaxis-szabályok szabályozzák, amelyek, bár meglehetősen hatékonyak, ugyanakkor meglehetősen lazák is. Az elemek nem érzékenyek a kis- és nagybetűkre, a záró tagokat nem szigorúan szabályozzák, és a parancsikonok bizonyos attribútumokhoz használhatók. Míg az alap HTML sok évig volt a szabvány, számos felülvizsgálaton ment keresztül, beleértve a HTML 2.0-t és a HTML 3.0-t. Legújabb iterációja a HTML5.
  • HTML5 az alap HTML jelölőnyelv legújabb iterációja. Bevezeti néhány új szabályt és funkciót, miközben elhagyja a korábbi verziók egyes elemeit. A HTML5 új szemantikai elemeket és vezérlőattribútumokat, valamint számos alkalmazásprogramozási felületet (API) vezetett be, amelyek támogatják a drag and drop funkciókat, a földrajzi elhelyezést és a helyi tárolást, amely kiküszöböli a sütik használatát.
  • XHTML az eXtensible HyperText Markup Language kifejezést jelenti. Egyesíti a HTML strukturális tulajdonságait az XML alkalmazás jellemzőivel. Az XHTML-et általában akkor használják, amikor az online tartalmat újra kell dolgozni a mobil eszközökkel való kompatibilitásra vagy a távoli böngészőtervekre. Az XML elemek hozzáadása megkönnyíti és megkönnyíti a tartalom újrafeldolgozását, mint a szokásos HTML. Az XHTML szigorúbb szemantikai szabályokat is hoz a nyelvre. Az XHTML elemei és attribútumai kis- és nagybetűk között érzékenyek, minden elemnek bezárva kell lennie, és az attribútumértékeket idézőjelekkel kell bezárni.
  • CSS (Cascading Style Sheets) biztosítja azt a mechanizmust, amellyel az online tartalom megjelenésében vagy helyzetében bekövetkező változások hozzárendelhetők a dokumentum HTML vagy XHTML elemeihez. A CSS használata meghatározza a weboldal általános megjelenését, és lehetővé teszi annak gyors és hatékony átdolgozását. Röviden: a CSS használata lehetővé teszi a webfejlesztőknek, hogy művészetesebben vezessék a dokumentum formázását és elrendezését. Ez lehetővé teszi a webfejlesztők számára, hogy egyszerűen megváltoztassák a hátteret, megváltoztassák a betűkészleteket és a szöveg méretét, és a weboldal tartalmát áthelyezzék. Bár ez nagy részben lehetséges az alap HTML használatával, a CSS használata lehetővé teszi a programozóknak és a webfejlesztőknek, hogy olyan tartalmat készítsenek, amelyet egy ésszerűbb és hatékonyabb kód támogat..
  • JavaScript egy objektum-orientált szkriptnyelv. Elsősorban arra szolgál, hogy viselkedést adjunk egy weboldalhoz. Használható az űrlap adatainak érvényesítéséhez, drag and drop funkciók biztosításához, a gomb funkcióinak engedélyezéséhez és az oldal elemek animálásához. A JavaScript nélkülözhetetlen a weblapok interaktívabbá tételében, lehetővé téve számukra, hogy pontosabban reagáljanak a felhasználói eseményekre, például az egér kattintásokra, az oldal navigációjára és a bevitt keresésekre..

Ezek a programozás és a webes tervezés alapvető elemei, amelyeket a W3C és a Web Standards Project határozott meg. A „bevált gyakorlatok” pusztán a felhasználásuk betartása biztosítja a világháló folyamatos fejlesztését és bővítését.

Online oktatóprogramok

A Web Standards Project és az iránymutatások, amelyeket a W3C kodifikált, gazdag mezőt kínál a tanuláshoz. Számos olyan online oktatóprogram található, amelyek bevezetést jelentenek a webes szabványokhoz, és ezek jelentőségét a modern szoftverfejlesztés és a webdizájn szempontjából.

  • Miért van szükségünk webes szabványokra: Ez a rövid videó, amelyet Jeffrey Zeldman (a Web Standards Project egyik alapítója) készített, röviden bemutatja a webes szabványok koncepcióját, és miért nélkülözhetetlenek ezek a növekvő és nyitott internethez. Noha Zeldman nem részletezi a webes szabványok részleteit, ez a videó informatív kiindulópontot jelent a témában érdeklődők számára..
  • Webes szabványok és fejlesztés: a washingtoni egyetem készítette, ez az oktatóprogram a webes szabványok műszaki alkalmazásaira összpontosít a programozáshoz és a webes tervezéshez. Az oktatóanyag megvizsgálja a HTML, XHTML, XML és CSS helyes használatát, gyakorlatokkal és példákkal szemléltetve a Web Standard Project által meghatározott legjobb gyakorlatokat..
  • Hozzáférhető HTML / XHTML formák: ez az oktatóprogram közvetlenül a Web Standards Project programból származik. Vizsgálja a HTML és az XHTML használatát a képernyőolvasókkal és a Braille-számítógépekkel kompatibilis webtartalmak tervezése és fejlesztése során. Mivel a web-akadálymentesség sok országban törvénybe kodifikálódott, ez minden webfejlesztő számára nélkülözhetetlen olvasmány.
  • Közös ötletek a HTML és az XHTML között: ismét ez közvetlenül a Web Standards Projectből származik. Az oktatóanyag a HTML fejlődését, valamint az alapvető HTML és az XHTML közötti különbségeket tárgyalja.
  • Hogyan érhető el a webes szabványok és a minőség a webhelyen: Ezt az útmutatót a W3C készítette, és foglalkozik a webes szabványok összes alapvető aggodalmával és azzal, hogy miként alkalmazzák őket a minőségi weboldal kialakításához. A cikk a HTML-re, XHTML-re és CSS-re vonatkozik. A webhely tartalmának érvényesítéséhez használható bevált gyakorlatok és eszközök megvitatása annak biztosítása érdekében, hogy az megfeleljen a Web Standards Project elfogadott szabványainak.

Könyvek

Míg az online oktatóanyagok általános bevezetést nyújthatnak a webes szabványokhoz, azok, akik szeretnének jobban megismerkedni az elfogadott webdizájn és szoftverfejlesztési protokollokkal, tovább kívánják tanulmányozni a témát. A következő könyvek felbecsülhetetlen források mind a webfejlesztők, mind a lakosság számára.

  • Tervezés webes szabványokkal (2009), Zeldman és Marcotte: Jeffrey Zeldman volt a Web Standards Project társalapítója, és itt bemutatja az egyik legfontosabb munkát a webes szabványokról és azok alkalmazásáról a webdizájnban. Magával ragadó és könnyen érthető stílusban írt Zeldman és Marcotte áttekinti a webes szabványok fontosságát, a HTML5 és CSS3 alkalmazását a webdesignban, valamint a szabványoknak megfelelő webhelyek szerzői technikáit, amelyek gyorsabban töltődnek be, és teljesebben megvalósított felhasználói élményt nyújtanak..
  • CSS Mastery: Advanced Web Standards Solutions (2009), Collinson és mtsai: elsősorban a közepes és haladó webes tervezőknek szól. Ez a könyv a lépcsőzetes stíluslapok szerepét vizsgálja a modern webdizájnban, valamint azt, hogy hogyan lehet a legjobb gyakorlatokat alkalmazni a webes szabványoknak való megfelelés érdekében. A könyv számos példát tartalmaz a CSS3 hatékony felhasználására, valamint útmutatásokat számos CSS-hez kapcsolódó tervezési probléma azonosításához és kijavításához..
  • Webes akadálymentesség: Rutter és társai által alkalmazott webes szabványok és szabályozási előírások betartása (2006): a Web Standards Project által ajánlott, ez a könyv a webes fejlesztők jogi kötelezettségeit vizsgálja annak biztosítására, hogy tartalmuk teljes mértékben elérhető legyen a látássérült felhasználók számára. A szerzők mind a megfelelés erkölcsi, mind jogi szempontjait megvizsgálják, és kódoló példákat mutatnak be a bevált gyakorlatok szemléltetésére.
  • Jennifer Niederst Webdesign dióhéjban (2006): ez az asztali referencia praktikus útmutatót kínál a programozók és a szoftverfejlesztők számára. A Niederst tárgyalja a webdizájn bevált gyakorlatait, és azt, hogy azok miként változtak az internet legkorábbi napjaitól kezdve. A témák az alapvető HTML struktúrától a CSS és a JavaScript beépítéséig terjednek a továbbfejlesztett megjelenítés és viselkedés érdekében.
  • JavaScript: Visual QuickStart Guide (2014), Smith és Negrino: Ez a könyv a JavaScript szerepét vizsgálja meg a szabványoknak megfelelő böngészők webdesignjában. A képernyőképek és a részletes példák felhasználásával a szerzők egyszerű útmutatást nyújtanak a kezdőknek és a köztes szkripteknek a JavaScript beépítéséhez a W3C szabványainak megfelelő webdesign-projektbe..

összefoglalás

A szabad és nyílt internet nem lenne lehetséges egy jól meghatározott protokollkészlet és iránymutatás elfogadása nélkül a webes tervezéshez és fejlesztéshez. A bevált gyakorlatok egyszerű során túl, ezek az általánosan elfogadott webes szabványok segítenek a webtervezőknek gyors és hatékony, felhasználóbarát webtartalom létrehozásában, miközben biztosítják, hogy a tartalom a keresőmotorok és az internetes szörfösök számára továbbra is könnyen elérhető legyen. A W3C webes szabványai képezik a jó webdizájn alapját, és folyamatos továbbfejlesztésükkel biztosítják, hogy az internet szabad, nyitott és mindenki számára elérhető maradjon..

További olvasmányok és források

Több útmutató, oktatóanyag és infographics található az internetes kódoláshoz:

  • Bevezetés a JavaScript-be: Tudjon meg többet erről az ügyféloldali nyelvről, amely interaktívabbá teszi a weboldalakat.
  • HTML kezdőknek – Végső útmutató: Ha webfejlesztővé akarsz válni, ez a hely a kezdéshez.
  • CSS – Bevezetés, útmutatók és források: mindent megtudhat a weblapok elrendezéséről.

Webdiagnosztika, amelyet soha nem fog elfelejteni

Csak azért, mert rendelkeznek webes szabványokkal, ez nem azt jelenti, hogy a webhelyek mindig vonzónak tűnnek. Infographics Web Design Trends-ben, amelyet soha nem fogsz elfelejteni, néhány olyan régi mintát futtatunk át, amelyek az emberek szerint nagyszerűek voltak.

Webdiagnosztika, amelyet soha nem fog elfelejteni
Webdiagnosztika, amelyet soha nem fog elfelejteni

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map