Kuinka käyttää Web-standardeja sivustojen luomiseen mille tahansa laitteelle

Disclosure: Tukisi auttaa pitämään sivuston toiminnassa! Ansaitsemme lähetysmaksun joistakin tämän sivun suosittelemista palveluista.


Kun Tim Berners-Lee loi ensimmäisen kerran INQUIRE: n (verkon edeltäjä), hänellä oli näkemys kaikesta vapaasti kuljettamasta valtatieltä. Vielä lapsenkengissään, World Wide Web lupasi rajoittamattoman pääsyn tietoon, yhteisöön ja kyllä, liiketoimintamahdollisuuksiin. Koska verkko oli kuitenkin hitaasti muotoutumassa, vapaudelle näytti olevan uhka sisäpuolelta, ja oli suuri mahdollisuus, että tänään nauttivamme Internet voi romahtaa oman potentiaalinsa alla..

W3C ja Web Standards Project

Pian sen jälkeen, kun verkkoa esiteltiin maailmalle, Netscape ja Microsoft (kaksi ohjelmistokehityksen päätehtävää) aloittivat tasaisesti kärjistyvän selainsodan. Yrittäessään syrjäyttää toisiaan, kukin yritys esitteli uusia elementtejä taustalla olevaan ohjelmistoonsa ja suunnitteli uusia tapoja hakea ja käsitellä verkkosisältöä. Tuloksena oli kaksi kilpailevaa selainta, jotka olivat yhä vähemmän yhteensopivia. Tällä oli mahdollisuus muuttaa unelma rajoittamattomasta Internetistä pilaantuneeksi painajaiseksi, estämällä käyttäjiä pääsyä kaikenlaiseen online-sisältöön samalla, kun se kasvatti verkkosivujen suunnittelun ja kehittämisen kustannuksia..

Berners-Lee perusti vastauksena käynnissä oleviin selainsotaihin ja Internet-projektin hajoamiseen World Wide Web Consortium (W3C). Sen tehtävänä oli suunnitella joukko Internetin yleisesti hyväksyttyjä protokollia ja ohjeita. Niistä tulee sääntökirja, joka ohjaa ohjelmoijien ja ohjelmistokehittäjien työtä tulevaisuudessa, ja toivottavasti varmistaa jatkuva kasvu ja Internetin saatavuus.

Vuonna 1998 riippumaton verkkosuunnittelijoiden ja kehittäjien ryhmä perusti Web Standards Project (WaSP) -projektin. Sen tehtävänä oli tarkentaa ja mainostaa W3C: n parhaiden käytäntöjen luetteloa ja lopettaa selaimesodat lopullisesti. WaSP oli onnistunut, ja visio vapaasti kulkevasta tietä valtatiestä toteutui suurelta osin. Nykyään WaSP jatkaa työtä pitääkseen Internet vapaana, avoimena ja kaikkien saatavilla.

Verkkostandardien merkitys

Olisi vaikea yliarvioida Web Standards -projektin ja sen edistämien ohjeiden merkitystä. Jotta Internet voi hyödyntää kaikkia mahdollisuuksiaan, sen on ohjattava joitain yhteisiä periaatteita. Nämä ”verkkostandardit” tarjoavat joukon perustavanlaatuisia ja toivottavasti yleismaailmallisia suuntaviivoja, joilla Internetin sisältöä luodaan ja levitetään. Näiden web-standardien tarve on selvä, ja ne käsittelevät joitain ohjelmoinnin ja web-suunnittelun keskeisiä näkökohtia.

  • Tehokas koodi – web-standardit tuovat tehokkaan koodauksen web-suunnitteluun. Jos kaikki ohjelmointi rajoittuisi HTML-muotoon, tulos olisi paisunut ja epämääräiset tiedostot, jotka vaativat pidempiä kuin vaadittavat latausajat. Tämä ei vaikuta vain käyttäjän verkkokokemukseen, mutta se voi tosiasiallisesti lisätä verkkosisällön käyttökustannuksia käyttäjille, jotka maksavat latauksista megatavua.
  • Koodausyhteensopivuus – onko kyse verkkosivusta, lisäosasta tai ohjelmistosovelluksesta, melkein jokainen ohjelmointityö kulkee monien eri suunnittelijoiden käsissä. Hyväksytyllä koodaustandardilla varmistetaan, että kaikki ohjelmoijat puhuvat samaa “kieltä” ja että koodi pysyy virtaviivaisena ja tehokkaana tekijästä riippumatta.
  • Yksinkertaistettu ylläpito – tämä tukee edelleen standardoitujen koodauskäytäntöjen arvoa. Laiha ja tehokas koodi on helpompi ja halvempi päivittää ja ylläpitää. Kun tyyli- ja asettelutiedot on määritetty yhdessä paikassa (eli CSS-elementit), päivityksiä ei tarvitse soveltaa aktiivisen sivuston jokaiselle sivulle..
  • Laitteiden yhteensopivuus – verkkostandardien noudattaminen varmistaa, että verkkosisältö voidaan alustaa nopeasti ja tehokkaasti eri selaimissa ja laitteissa. Tämä on erityisen tärkeää nyt, kun mobiililaitteista on tullut niin suosittuja verkkokäyttäjien keskuudessa.
  • Yhteensopivuus hakukoneiden kanssa – kaikki verkkokehittäjät haluavat, että Google ja muut hakukoneet etsivät verkkosisältöään helposti. Jotta hakukoneet pystyvät sijoittamaan ja palauttamaan asiaankuuluvan sisällön käyttäjähaussa, sen on tarkistettava kyseinen sisältö web-indeksointirobotilla. Jos kyseinen web-indeksoija ei pysty tulkitsemaan sisältöä, sijoitukset kärsivät luonnollisesti. Noudattamalla W3C: n asettamia hyväksyttyjä standardeja, kehittäjät voivat helpommin varmistaa, että hakukoneiden robotit voivat skannata tuottamansa sisällön nopeasti ja tarkasti.
  • Saavutettavuus – Verkkostandardit käsittelevät myös näkövammaisten saavutettavuutta. Näkövammaiset käyttäjät käyttävät usein näytönlukijoita pääsemään web-sisältöön. Nämä lukijat lukevat verkkosivun kirjaimellisesti ääneen. Semanttista rakennetta hallitsevien hyväksyttyjen verkkostandardien noudattaminen varmistaa, että ne voivat helposti purkaa verkkosisällön, pitämällä verkko avoimena ja näkövammaisille helposti saatavilla. Tämä on yksi harvoista lakiin kodifioidusta verkkostandardiprojektin näkökohdista.

W3C-standardit

Vaikka WaSP käsittelee monenlaisia ​​kysymyksiä, W3C: n alun perin asettamista keskeisistä ohjeista on tullut verkkostandardien sääntökirjan yleisesti hyväksytty ydin. Ne muodostavat perustan, josta Internetin jatkuva kasvu ja saavutettavuus riippuvat, ja ne voidaan jakaa muutamiin perusaiheisiin.

  • Merkintäkielet ovat järjestelmiä tietojen lisäämiseksi asiakirjaan, joka on erillinen tekstistä. Verkkostandardiohjeet ohjaavat HTML: n ja sen myöhempien muunnelmien (mukaan lukien HTML5 ja XHTML) käyttöä. Merkintäkielenä HTML-muunnelmia käytetään erityyppisen sisällön muokkaamiseen verkkodokumentissa. Nämä kielet muodostavat elementit määrittelevät, kuinka jokainen sisällön bitti tulisi tuoda Web-selaimeen (ts. Otsikot, kappaleet, luetteloluettelot jne.). Vaikka perusmerkintäelementit määrittelevät todellisen sisällön, lisäominaisuuksien käytön avulla saadaan tarkempia tietoja kyseisestä sisällöstä.
  • HTML (Hypertext Markup Language) on vanhin web-koodauskieli. Sellaisena se on yleisin merkintäkieli, jota web-kehittäjät käyttävät, ja muodostaa silti merkittävän osan kaikesta verkkosisällöstä. HTML: n käyttöä säätelee joukko syntaksisääntöjä, jotka ovatkin melko tehokkaita, mutta myös melko lieviä. Elementit eivät ole kirjainkoolla, sulkevia tunnisteita ei ole tiukasti säännelty, ja pikanäppäimiä voidaan käyttää tietyille määritteille. Perus HTML oli useiden vuosien ajan standardi, mutta sitä on tehty useita versioita, mukaan lukien HTML 2.0 ja HTML 3.0. Sen viimeisin iterointi on HTML5.
  • HTML5 on HTML-perusmerkintökielen viimeisin toisto. Se esittelee joitain uusia sääntöjä ja ominaisuuksia, mutta hylkää osan jo aiemmista versioista. HTML5 esitteli uusia semanttisia elementtejä ja hallintaominaisuuksia sekä useita sovellusohjelmointirajapintoja (API), jotka tukevat vedä ja pudota -ominaisuuksia, paikannusta ja paikallista tallennustilaa, joka eliminoi evästeiden käytön.
  • XHTML tarkoittaa eXtensible HyperText Markup Language -kieltä. Se yhdistää HTML: n rakenteelliset ominaisuudet XML-sovelluksen ominaisuuksiin. XHTML: ää käytetään tyypillisesti silloin, kun online-sisältö on uusittava uudelleen, jotta se olisi yhteensopiva mobiililaitteiden tai syrjäisten selaimesuunnitelmien kanssa. XML-elementtien lisääminen tekee sisällön uusimisesta nopeamman ja helpomman kuin tavallinen HTML. XHTML tuo kielelle myös tiukemmat semanttiset säännöt. XHTML: n elementit ja attribuutit ovat kirjainkoolla, kaikkien elementtien on oltava suljettuja ja attribuuttien arvot on suljettava lainausmerkeillä.
  • CSS (Cascading Style Sheets) tarjoaa mekanismin, jolla muutokset verkkosisällön ulkonäössä tai sijainnissa voidaan osoittaa asiakirjan HTML- tai XHTML-elementeille. CSS: n käyttö määrittelee verkkosivuston yleisilmeen ja mahdollistaa sen uusinnan nopeasti ja tehokkaasti. Lyhyesti sanottuna CSS: n käyttö antaa web-kehittäjille mahdollisuuden hallita taitavammin asiakirjan muotoilua ja asettelua. Tämän avulla web-kehittäjät voivat helposti muuttaa taustaa, muuttaa fontteja ja tekstikokoja sekä muuttaa verkkosivun sisältöä. Vaikka suuri osa tästä on mahdollista HTML-pohjaisella HTML-koodilla, CSS: n käyttö antaa ohjelmoijille ja web-kehittäjille mahdollisuuden tuottaa sisältöä, jota tukee virtaviivaisempi ja tehokkaampi koodi.
  • JavaScript on oliopohjainen skriptikieli. Sitä käytetään ensisijaisesti käyttäytymisen lisäämiseen verkkosivulle. Sitä voidaan käyttää lomakkeen tietojen validointiin, vedä ja pudota -toimintojen tarjoamiseen, painiketoimintojen käyttöönottoon ja sivuelementtien animointiin. JavaScript on tärkeä tekijä verkkosivujen vuorovaikutteisuuden lisäämisessä, jotta ne voivat reagoida tarkemmin käyttäjän tapahtumiin, kuten hiiren napsautuksiin, sivun selailuun ja syötettyihin hakuihin.

Nämä ovat ohjelmoinnin ja web-suunnittelun perustiedot, kuten W3C ja Web Standards Project ovat määritelleet. Sen lisäksi, että noudatetaan pelkästään “parhaita käytäntöjä”, niiden käytön noudattaminen varmistaa Internetin jatkuvan kehittämisen ja laajentamisen.

Online-oppaat

Web Standards Project ja W3C: n kodifioimat ohjeet tarjoavat rikkaan tutkimusalueen. On monia verkko-opetusohjelmia, jotka toimivat johdannona verkkostandardeihin, ja niiden merkitys modernille ohjelmistokehitykselle ja web-suunnitteluun.

  • Miksi tarvitsemme verkkostandardeja: Tämä lyhyt video, jonka on laatinut Jeffrey Zeldman (yksi Web Standards -projektin perustajista), tarjoaa lyhyen johdannon verkkostandardien käsitteeseen ja miksi ne ovat välttämättömiä kasvavalle ja avoimelle Internetille. Zeldman ei syventä verkkosivustostandardien yksityiskohtia, mutta tämä video osoittaa informatiivisen lähtökohdan aiheesta kiinnostuneille..
  • Verkkostandardit ja kehitys: Washingtonin yliopiston laatima opas keskittyy verkkostandardien teknisiin sovelluksiin ohjelmointiin ja web-suunnitteluun. Opetusohjelmassa tarkastellaan HTML: n, XHTML: n, XML: n ja CSS: n oikeaa käyttöä. Harjoitukset ja esimerkit kuvaavat Web-standardiprojektin asettamia parhaita käytäntöjä..
  • Käytettävissä olevat HTML / XHTML-muodot: tämä opetusohjelma tulee suoraan Web Standards Project -projektista. Se tutkii HTML: n ja XHTML: n käyttöä verkkosivustosuunnittelussa ja kehittämisessä, joka on yhteensopiva näytönlukijoiden ja pistekirjoitustietokoneiden kanssa. Koska verkon saatavuus on nyt kodifioitu lakiin monissa maissa, tämä on välttämätöntä lukea kaikille web-kehittäjille.
  • Yleisiä ideoita HTML: n ja XHTML: n välillä: tämä tulee jälleen suoraan Web Standards -projektista. Opetusohjelmassa keskustellaan HTML: n kehityksestä sekä HTML: n ja XHTML: n peruseroista.
  • Kuinka saavuttaa verkkosivustostandardit ja laatu verkkosivustollasi: Tämän oppaan on laatinut W3C, ja siinä käsitellään kaikkia verkkostandardien tärkeimpiä huolenaiheita ja miten niitä sovelletaan laadukkaan verkkosivuston suunnitteluun. Artikkeli kattaa HTML, XHTML ja CSS. Keskustelu parhaista käytännöistä ja työkaluista, joita voidaan käyttää verkkosivuston sisällön validointiin sen varmistamiseksi, että se täyttää Web Standards Project -standardin hyväksymät standardit.

Kirjat

Vaikka verkko-oppaat voivat tarjota yleisen johdannon verkkostandardeihin, ne, jotka haluavat paremmin perehtyä hyväksyttyihin verkkosuunnittelu- ja ohjelmistokehitysprotokollisiin, haluavat tutkia aihetta tarkemmin. Seuraavat kirjat ovat korvaamattomia resursseja sekä web-kehittäjille että suurelle yleisölle.

  • Suunnittelu web-standardeilla (2009), kirjoittaneet Zeldman ja Marcotte: Jeffrey Zeldman oli Web Standards -projektin perustaja, ja täällä hän toimittaa yhden lopullisista teoista verkkostandardeista ja niiden soveltamisesta web-suunnitteluun. Houkuttelevalla ja helposti ymmärrettävällä tyylillä kirjoitetut Zeldman ja Marcotte tarkastelevat verkkostandardien merkitystä, HTML5: n ja CSS3: n soveltamista verkkosuunnitteluun sekä standarditedellytysten mukaisten verkkosivustojen kirjoitusmenetelmiä, jotka latautuvat nopeammin ja tarjoavat täysin toteutettavan käyttökokemuksen.
  • CSS Mastery: Advanced Web Standards Solutions (2009), kirjoittanut Collinson et al: Tämä kirja on ensisijaisesti suunnattu keskisuurille ja edistyneille verkkosuunnittelijoille. Tässä kirjassa tarkastellaan CSS-tyylisivun merkitystä nykyaikaisessa web-suunnittelussa ja miten parhaita käytäntöjä voidaan soveltaa Web-standardien noudattamiseen. Kirja sisältää lukuisia esimerkkejä CSS3: n tehokkaasta käytöstä, samoin kuin oppaita, kuinka tunnistaa ja korjata monia CSS: ään liittyviä suunnitteluongelmia.
  • Verkon saavutettavuus: Rutter et al: Web Standards and Regulatory Compliance (2006): Web Standards Project suosittelee, tässä kirjassa tarkastellaan verkkokehittäjien lakisääteisiä velvoitteita varmistaa, että niiden sisältö on täysin näkövammaisten käyttäjien saatavissa. Kirjailijat tarkastelevat sekä moraalisia että juridisia vaatimustenmukaisuuden näkökohtia ja tarjoavat koodaus esimerkkejä parhaiden käytäntöjen havainnollistamiseksi.
  • Jennifer Niederstin verkkosuunnittelu pähkinäkuoressa (2006): tämä työpöytäviite tarjoaa kätevän oppaan ohjelmoijille ja ohjelmistokehittäjille. Niederst keskustelee web-suunnittelun parhaista käytännöistä ja siitä, kuinka ne ovat muuttuneet Internetin varhaisimmista päivistä lähtien. Aiheet vaihtelevat HTML-perusrakenteesta CSS: n ja JavaScriptin sisällyttämiseen parannettuun esitykseen ja käyttäytymiseen.
  • JavaScript: Visuaalinen pikakäynnistysopas (2014), kirjoittanut Smith ja Negrino: Tässä kirjassa tarkastellaan JavaScriptin merkitystä standardien mukaisten selainten verkkosivujen suunnittelussa. Hyödyntämällä kuvakaappauksia ja yksityiskohtaisia ​​esimerkkejä, kirjoittajat tarjoavat yksinkertaisen oppaan aloittelijoille ja keskitason kirjoittajille JavaScriptin sisällyttämisestä W3C: n standardien täyttävään verkkosuunnitteluprojektiin.

Yhteenveto

Vapaa ja avoin internet ei olisi mahdollista ilman, että hyväksytään tarkkaan määritelty protokollien sarja ja ohjeet web-suunnitteluun ja -kehitykseen. Nämä ovat yleisesti hyväksyttyjä verkkostandardeja, eikä vain joukko parhaita käytäntöjä, ja auttavat verkkosivujen suunnittelijoita luomaan nopeaa ja tehokasta käyttäjäystävällistä verkkosisältöä varmistaen samalla, että hakukoneet ja verkkoselaajat voivat etsiä sisältöä helposti. W3C: n verkkostandardit ovat hyvän web-suunnittelun perusta, ja jatkuvan parannuksen avulla varmistetaan, että Internet pysyy ilmaisena, avoimena ja kaikkien saatavilla..

Lisää lukemista ja resursseja

Meillä on enemmän web-koodaukseen liittyviä oppaita, opetusohjelmia ja infografioita:

  • Johdanto JavaScript: opi kaikki tästä asiakaspuolen kielestä, joka tekee verkkosivuista entistä interaktiivisempia.
  • HTML aloittelijoille – Ultimate Guide: Jos haluat tulla verkkokehittäjäksi, tämä on paikka aloittaa.
  • CSS – Johdanto, oppaat ja resurssit: oppia kaikki verkkosivujen asettelusta.

Web-suunnittelutrendit, joita et koskaan unohda

Vain siksi, että meillä on verkkostandardeja, ei tarkoita, että verkkosivustot näyttävät aina toimivan houkuttelevalla tavalla. Infografisissa verkkosuunnittelusuunnitelmissa, joita et koskaan unohda, käydään läpi joitain vanhoja malleja, jotka ihmisten mielestä olivat mahtavia.

Web-suunnittelutrendit, joita et koskaan unohda
Web-suunnittelutrendit, joita et koskaan unohda

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