Jak používat webové standardy k vytváření webů pro jakékoli zařízení

Zveřejnění: Vaše podpora pomáhá udržovat provoz webu! Za některé služby, které na této stránce doporučujeme, dostáváme poplatek za doporučení.


Když Tim Berners-Lee poprvé vytvořil INQUIRE (předchůdce webu), měl vizi informační dálnice volně cestující všemi. I když je web ještě v plenkách, sliboval neomezený přístup k informacím, komunitě a, ano, k obchodním příležitostem. Protože se však web pomalu formoval, zdálo se, že tato svoboda je ohrožena zevnitř, a existuje dobrá šance, že internet, který dnes užíváme, by se mohl rozpadnout podle vlastního potenciálu.

W3C a projekt webových standardů

Krátce poté, co byl web představen světu, Netscape a Microsoft (dva z hlavních tahounů ve vývoji softwaru) začali neustále se stupňující válku prohlížeče. Ve snaze předstihnout druhou zaváděla každá firma do svého základního softwaru nové prvky a navrhovala nové způsoby načítání a zpracování online obsahu. Výsledkem byly dva konkurenční prohlížeče, které byly stále méně kompatibilní. To mělo potenciál proměnit sen o neomezeném internetu v spletitou noční můru, což účinně odepřilo uživatelům přístup k celé škále online obsahu a současně zvyšovalo náklady na návrh a vývoj webových stránek..

V reakci na probíhající války v prohlížeči a na potenciální zlomení internetového projektu vytvořil Berners-Lee World Wide Web Consortium (W3C). Jeho úkolem bylo vytvořit soubor všeobecně přijímaných protokolů a pokynů pro internet. Staly by se pravidlem, které by v budoucnu vedlo práci programátorů a vývojářů softwaru a doufejme zajistilo pokračující růst a dostupnost internetu..

V roce 1998 vytvořila nezávislá skupina webových designérů a vývojářů projekt Web Standards Project (WaSP). Jeho posláním bylo vylepšit a propagovat seznam osvědčených postupů W3C a ukončit války prohlížeče jednou provždy. WaSP byl úspěšný a vize volně cestované informační dálnice byla z velké části realizována. V současné době se WaSP nadále snaží udržovat internet volný, otevřený a přístupný všem.

Význam webových standardů

Bylo by obtížné přeceňovat důležitost projektu Web Standards Project a pokynů, které propagují. Aby internet mohl plně využít svůj potenciál, musí se řídit několika společnými zásadami. Tyto „webové standardy“ poskytují soubor základních a doufáme, že se stanou univerzálními pokyny, kterými se vytváří a šíří obsah pro internet. Potřeba těchto webových standardů je jasná a řeší některé klíčové aspekty programování a webdesignu.

  • Efektivní kód – webové standardy přináší efektivní kódování webdesignu. Pokud by bylo celé programování omezeno na HTML, výsledek by byl nafouknutý a nemotorně soubory, které vyžadují delší dobu stahování, než je nutné. To má vliv nejen na online zážitek uživatele, ale ve skutečnosti může zvýšit náklady na přístup k online obsahu pro uživatele, kteří platí za stahování megabajtem..
  • Kompatibilita kódování – ať už se jedná o webovou stránku, doplněk nebo softwarovou aplikaci, téměř každý kus programování prochází rukama mnoha různých návrhářů. Přijetí standardu kódování zajišťuje, že všichni programátoři mluví stejným „jazykem“ a že kód zůstává efektivní a efektivní bez ohledu na autora.
  • Zjednodušená údržba – to dále podporuje hodnotu standardizovaných postupů kódování. Štíhlý a efektivní kód je snadnější a levnější aktualizovat a udržovat. S informacemi o stylu a rozvržení zadanými na jednom místě (tj. Prvky CSS) nemusí být aktualizace aplikovány na každou stránku aktivního webu..
  • Kompatibilita zařízení – dodržování webových standardů zajišťuje, že online obsah lze rychle a efektivně přeformátovat pro různé prohlížeče a zařízení. To je zvláště důležité nyní, když se mobilní zařízení stala u uživatelů online tak populární.
  • Kompatibilita s vyhledávači – všichni weboví vývojáři chtějí, aby jejich online obsah byl snadno vyhledávatelný společností Google a dalšími vyhledávači. Aby mohl jakýkoli vyhledávací stroj při vyhledávání uživatelů hodnotit a vracet relevantní obsah, musí tento obsah naskenovat pomocí webového prolézacího modulu. Pokud tento webový prohledávač nedokáže interpretovat obsah, bude hodnocení přirozeně trpět. Dodržováním schválených standardů stanovených W3C mohou vývojáři snáze zajistit, aby obsah, který produkují, byl rychle a přesně naskenován pomocí robotů vyhledávače..
  • Přístupnost – webové standardy konečně řeší také otázku přístupnosti pro zrakově postižené. Uživatelé se zrakovým postižením často používají pro přístup k obsahu na webu čtečky obrazovky. Tito čtenáři doslova čtou webovou stránku nahlas. Dodržování akceptovaných webových standardů upravujících sémantickou strukturu zajišťuje, že lze snadno dešifrovat online obsah, udržovat web otevřený a přístupný zrakově postiženým. Toto je jeden z mála aspektů projektu webových standardů, který byl kodifikován do práva.

Standardy W3C

Zatímco WaSP řeší různorodou škálu problémů, klíčové pokyny původně stanovené W3C se staly všeobecně přijímaným jádrem knihy pravidel webových standardů. Ty tvoří základ, na kterém závisí neustálý růst a dostupnost internetu, a lze je rozdělit do několika základních témat.

  • Značkovací jazyky jsou systémy pro přidání informací do dokumentu, který je oddělený od samotného textu. Pokyny pro používání webových norem upravují používání HTML a jeho následné variace (včetně HTML5 a XHTML). Jako značkovací jazyk se varianty HTML používají k úpravě různých typů obsahu v online dokumentu. Prvky, které tvoří tyto jazyky, určují, jak by měl být každý bit obsahu vykreslen ve webovém prohlížeči (tj. Nadpisy, odstavce, seznamy odrážek atd.). Zatímco základní prvky značení definují skutečný obsah, použití dalších atributů slouží k poskytnutí konkrétnějších informací o tomto obsahu.
  • HTML (Hypertext Markup Language) je nejstarší webový kódovací jazyk. Jako takový je nejběžnějším značkovacím jazykem používaným webovými vývojáři a stále tvoří významnou část veškerého online obsahu. Používání HTML se řídí sadou syntaktických pravidel, která jsou sice poměrně účinná, ale také poměrně laxní. Prvky nerozlišují velká a malá písmena, uzavírací značky nejsou přísně regulovány a pro určité atributy lze použít zkratky. Zatímco základní HTML bylo standardem po mnoho let, prošlo několika revizemi, včetně HTML 2.0 a HTML 3.0. Jeho nejnovější iterací je HTML5.
  • HTML5 je nejnovější iterace základního značkovacího jazyka HTML. Zavádí některá nová pravidla a funkce, zatímco některé prvky z předchozích verzí zahodí. HTML5 představil nové sémantické prvky a řídicí atributy a několik aplikačních programovacích rozhraní (API), které podporují funkce drag and drop, geolokaci a lokální úložiště, které vylučuje použití cookies.
  • XHTML je zkratka pro eXtensible HyperText Markup Language. Kombinuje strukturální atributy HTML s vlastnostmi aplikace XML. XHTML se obvykle používá, když je třeba online obsah přepracovat, aby byla kompatibilní s mobilními zařízeními, nebo s návrhem odlehlých prohlížečů. Přidání prvků XML umožňuje rychlejší a snadnější přepracování obsahu než standardní HTML. XHTML také do jazyka přináší přísnější sémantická pravidla. Prvky a atributy v XHTML rozlišují velká a malá písmena, všechny prvky musí být uzavřeny a hodnoty atributů musí být uzavřeny uvozovkami.
  • CSS (Kaskádové styly) poskytují mechanismus, pomocí kterého mohou být změny vzhledu nebo pozice online obsahu přiřazeny k prvkům HTML nebo XHTML dokumentu. Použití CSS definuje celkový vzhled webové stránky a umožňuje její rychlou a efektivní přestavbu. Stručně řečeno, použití CSS umožňuje webovým vývojářům umělecky řídit formátování a rozvržení dokumentu. To umožňuje webovým vývojářům snadno měnit pozadí, měnit písma a velikosti textu a přesouvat obsah na webové stránce. I když je to možné díky základnímu HTML, použití CSS umožňuje programátorům a vývojářům webu vytvářet obsah, který je podporován efektivnějším a efektivnějším kódem..
  • JavaScript je objektově orientovaný skriptovací jazyk. Používá se především k přidání chování na webovou stránku. Může být použit k ověření dat ve formuláři, k poskytnutí funkcí přetažení, aktivaci funkcí tlačítek a animaci prvků stránky. JavaScript pomáhá při zvyšování interaktivity webových stránek a umožňuje jim přesněji reagovat na události uživatelů, jako jsou kliknutí myší, navigace po stránkách a zadaná vyhledávání..

Toto jsou základní základy programování a návrhu webových stránek, jak je stanoveno v W3C a projektu Web Standards Project. Dodržování jejich používání je více než pouhou sadou „osvědčených postupů“ a zajišťuje neustálý vývoj a rozšiřování webu..

Online návody

Projekt webových standardů a pokyny, které W3C kodifikoval, poskytují bohaté pole pro studium. Existuje mnoho online tutoriálů, které budou sloužit jako úvod do webových standardů a jejich důležitosti pro vývoj moderního softwaru a webdesign.

  • Proč potřebujeme webové standardy: Toto krátké video, které připravil Jeffrey Zeldman (jeden ze spoluzakladatelů projektu webových standardů), přináší krátký úvod do pojmu webových standardů a proč je zásadní pro rostoucí a otevřený internet. Přestože Zeldman nepřichází k podrobnostem o specifikách webových standardů, toto video je informativní výchozím bodem pro zájemce o toto téma..
  • Webové standardy a vývoj: Tento kurz, který připravila University of Washington, se zaměřuje na technické aplikace webových standardů pro programování a návrh webových stránek. Výukový program zkoumá správná použití HTML, XHTML, XML a CSS, s cviky a příklady ilustrujícími osvědčené postupy stanovené v projektu Web Standard Project.
  • Přístupné formuláře HTML / XHTML: tento kurz pochází přímo z projektu Web Standards Project. Zkoumá použití HTML a XHTML při návrhu a vývoji webového obsahu, který je kompatibilní s čtečkami obrazovky a Braillovými počítači. Vzhledem k tomu, že v mnoha zemích je nyní přístupnost webu v mnoha zemích kodifikována, je to nezbytné pro všechny vývojáře webu.
  • Společné nápady mezi HTML a XHTML: opět to přichází přímo z projektu Web Standards Project. Výukový program pojednává o vývoji HTML a o rozdílech mezi základními HTML a XHTML.
  • Jak dosáhnout webových standardů a kvality na vašem webu: Tato příručka byla připravena W3C a zabývá se všemi základními obavami webových standardů a tím, jak se vztahují k návrhu kvalitního webu. Článek se zabývá HTML, XHTML a CSS. Diskutovat o doporučených postupech a nástrojích, které lze použít k ověření obsahu webové stránky, aby bylo zajištěno, že splňuje přijaté standardy projektu Web Standards Project..

Knihy

Zatímco on-line návody mohou poskytnout obecný úvod do webových standardů, ti, kteří se chtějí více plně orientovat v přijímaných protokolech webového designu a vývoje softwaru, budou chtít téma dále prozkoumat. Následující knihy jsou neocenitelným zdrojem pro vývojáře webu i širokou veřejnost.

  • Projektování s webovými standardy (2009) od Zeldmana a Marcotteho: Jeffrey Zeldman byl spoluzakladatelem projektu Web Standards Project a zde přináší jednu z definitivních prací na webových standardech a jejich aplikaci pro webový design. Zeldman a Marcotte, psaný v poutavém a snadno srozumitelném stylu, zkoumá důležitost webových standardů, použití HTML5 a CSS3 při návrhu webových stránek a autorské techniky pro webové stránky vyhovující standardům, které se načítají rychleji a poskytují plněji realizovanou uživatelskou zkušenost..
  • CSS Mastery: Advanced Web Standards Solutions (2009) by Collinson et al: Tato kniha se primárně zaměřuje na středně pokročilé a pokročilé webové designéry, zabývá se úlohou kaskádových stylů v moderním webdesignu a jak aplikovat osvědčené postupy pro splnění souladu s webovými standardy. Kniha obsahuje řadu příkladů, jak efektivně používat CSS3, spolu s průvodci, jak identifikovat a opravit mnoho návrhových problémů souvisejících s CSS.
  • Přístupnost webu: Web Standards and Regulatory Compliance (2006) by Rutter et al: doporučeno projektem Web Standards Project, tato kniha zkoumá zákonné povinnosti vývojářů webu, aby zajistila, že jejich obsah je plně přístupný uživatelům se zrakovým postižením. Autoři se zabývají morálními i právními aspekty dodržování předpisů a poskytují příklady kódování pro ilustraci osvědčených postupů.
  • Web Design in Nutshell (2006) od Jennifer Niederst: tento odkaz na plochu poskytuje praktického průvodce pro programátory a vývojáře softwaru. Niederst diskutuje o osvědčených postupech pro webdesign a o tom, jak se změnily od nejranějších dnů na internetu. Témata sahají od základní struktury HTML po začlenění CSS a JavaScript pro lepší prezentaci a chování.
  • JavaScript: Visual QuickStart Guide (2014), Smith a Negrino: Tato kniha se zabývá rolí JavaScriptu ve webovém designu pro prohlížeče vyhovující standardům. Pomocí screenshotů a podrobných příkladů autoři poskytují jednoduchý průvodce pro začátečníky a středně pokročilé skripty o začlenění JavaScriptu do projektu webového designu, který splňuje standardy W3C.

souhrn

Bezplatný a otevřený internet by nebyl možný bez přijetí dobře definované sady protokolů a pokynů pro návrh a vývoj webových stránek. Tyto všeobecně uznávané webové standardy pomáhají webovým designérům vytvářet nejen rychlý a efektivní webový obsah, který umožňuje rychlý a efektivní uživatelsky přívětivý webový obsah, a zároveň zajišťují, že tento obsah lze snadno vyhledávat pomocí vyhledávačů a webových surfařů. Webové standardy W3C jsou základem dobrého webového designu a jejich neustálým zdokonalováním zajistí, že internet zůstane volný, otevřený a přístupný všem.

Další čtení a zdroje

Máme více průvodců, výukových programů a infografik týkajících se kódování pro web:

  • Úvod do JavaScriptu: Přečtěte si vše o tomto klientském jazyce, díky kterému jsou webové stránky interaktivnější.
  • HTML pro začátečníky – Ultimate Guide: Pokud se chcete stát vývojářem webu, je to místo, kde začít.
  • CSS – Intro, Guides and Resources: Zjistěte vše o rozvržení webové stránky.

Trendy webového designu, na které nikdy nezapomenete

To, že máme webové standardy, neznamená, že weby vždy vypadají, jsou působivé. V našich infographic trendech designu webových stránek, na které nikdy nezapomenete, projdeme několik starých návrhů, o nichž si lidé mysleli, že jsou skvělé.

Trendy webového designu, na které nikdy nezapomenete
Trendy webového designu, na které nikdy nezapomenete

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