webdesign

Nettdesign (også webdesign ) som en disiplin av mediedesign omfatter den visuelle, funksjonelle og strukturelle utformingen av nettsteder for Internett . Den tekniske implementeringen av nettsteder kalles derimot webutvikling .

Historie om webdesign

I følge mediet er webdesign en relativt ung disiplin. Som en kombinasjon av klassisk grafisk design og andre områder som interaksjonsdesign eller bevegelsesdesign, former det utseendet på Internett i dag .

Starten på nettet og webdesign

1989: Mens han jobbet i CERN , planla Tim Berners-Lee å lage et globalt hypertekstprosjekt som senere skulle bli kjent som World Wide Web .

1991 til 1993: World Wide Web ble født. Opprinnelig kunne bare tekstsider leses ved hjelp av en enkel nettleser .

1993: Marc Andreessen og Eric Bina opprettet nettleseren Mosaic . På den tiden var det flere nettlesere , men flertallet var basert på Unix . Disse Unix-nettleserne gjorde det imidlertid vanskelig å lese en tekst. Det var heller ingen uniform, grafiske designelementer som bilder eller lyder.

1994: World Wide Web Consortium (W3C) ble opprettet for å utnytte det fulle potensialet i World Wide Web. Generelle protokoller ble også utviklet, noe som førte til at W3C fortsatte å eksistere og sikre midlertidig funksjonalitet. Denne utviklingen hindret imidlertid andre organisasjoner i å utvikle nye nettlesere og programmeringsspråk som kunne ha forandret nettet som helhet.

1994: Andreessen grunnlegger et kommunikasjonshandelsselskap. Dette ble senere kjent som Netscape Communications og utviklet Netscape Navigator- nettleseren . Netscape opprettet sine egne HTML- elementer uten hensyn til den tradisjonelle standardprosessen. For eksempel inkluderte Netscape 1.1 sin egen HTML-programmering for å uavhengig endre bakgrunnsfarger og formatere tekster på nettsteder.

1996 til 1999: De såkalte " browser wars " begynner. I løpet av disse nettleserkrigen begynte Microsoft og Netscape å kjempe for nettleseroverlegenhet. I løpet av denne tiden ble det utviklet mange nye teknologier, for eksempel: B. Formater maler, JavaScript og dynamisk HTML. Generelt resulterte denne nettleserkonkurransen i mange positive utviklinger og hjalp også webdesign til å utvikle seg i raskt tempo.

Nettdesignutvikling

I 1996 ga Microsoft ut sin første konkurransedyktige nettleser, som hadde sine egne funksjoner og elementer. Det var også den første nettleseren som støttet stiler som ikke var populære den gangen. Man forsto raskt potensialet i HTML-programmering for å lage komplekse layouter med flere kolonner som ellers ikke var mulig. På den tiden hadde design og god estetikk forrang, og det ble derfor veldig lite lagt vekt på skjemaer og nettilgjengelighet . HTML-sider var enda mer begrenset av designalternativene enn tidligere versjoner av HTML. For å lage intrikate design, har mange webdesignere måttet bruke intrikate bordstrukturer. Noen ganger kan du til og med bruke dine egne GIF- bilder for å forhindre at tomme bordceller kollapser.

CSS ble også introdusert av W3C i desember 1996 for å støtte presentasjon og layout. Dette tillot at HTML var skjematisk og forbedret nettilgjengelighet.

Det ble også utviklet Flash (opprinnelig kjent som Future Splash). Opprinnelig var det et veldig enkelt oppsett som bare inneholdt grunnleggende verktøy, men det tillot webdesignere å overgå HTML. Flash er nå veldig avansert og gjør det mulig for brukeren å utvikle komplette sider.

Slutten av de første krigene i nettleseren

I 1998 ga Netscape ut sin Netscape Communicator-kode under en åpen kildekode- lisens, slik at tusenvis av utviklere kunne delta i å forbedre programvaren . Imidlertid bestemte Netscape seg for å stoppe denne publikasjonen for å koordinere utviklingen av nettleseren med åpen kildekode og legge til en komplett applikasjonsplattform.

The Web Standards Project ble dannet. Dette oppmuntret til utvikling av nettlesere basert på HTML og CSS-standarder gjennom oppretting av Acid1, Acid2 og Acid3.

2000 var et stort år for Microsoft. The Internet Explorer for Mac OS Classic ble lansert. Det var den første nettleseren som fullt ut støttet HTML 4.01 og CSS 1. Internet Explorer satte en ny bar for overholdelse av standarder. Det var den første nettleseren som støttet PNG- formatet. I løpet av denne tiden ble Netscape solgt og offisielt gitt kontroll over nettleserkrigen til Microsoft.

Det 21. århundre

Siden begynnelsen av det 21. århundre begynte bruken av nettet å integreres mer og mer i folks liv. Den teknologien var i endring. Det har skjedd betydelige endringer i måten folk brukte og åpnet på nettet, og hvordan sider ble lagt ut.

Den moderne nettleseren

Den moderne tidsalderen for nettlesere innledet slutten av nettleserkrigen. Nye nettlesere med åpen kildekode dukker opp, noe som betyr at de pleier å ha raskere utviklingssykluser og støtter flere standarder enn noen gang før.

De nye standardene

W3C har gitt ut nye standarder for HTML ( HTML5 ) og CSS (CSS3), samt ny JavaScript API . Imidlertid, mens begrepet HTML5 bare brukes for å betegne den nye versjonen av HTML, refererer JavaScript API til hele HTML5, CSS3 og JavaScript.

I oktober 2014 erstattet HTML5 HTML4 som det offisielle kjernespråket på Internett. Den nye nettstandarden er et felles prosjekt fra Web Hypertext Application Technology Working Group (WHATWG) og W3C. Publiseringen av det nye markeringsspråket for World Wide Web var en viktig milepæl på veien mot et moderne og standardisert webdesign.

Moderne webdesign i dag inkluderer for det meste muligheten for interaksjon mellom nettsted og bruker, samt integrering av multimediainnhold. Moderne nettsteder har derfor ofte integrerte plugins for sosiale medier, interaktive kontaktskjemaer og audiovisuelt innhold. I tillegg er de ofte optimalisert for mobile enheter. Ved hjelp av HTML5 kan disse funksjonene implementeres naturlig, dvs. uten integrering av tilleggsprogramvare fra private operatører. Nettsteder er tryggere og mer tilgjengelige fordi programmering ikke krever bruk av eksterne leverandører.

Bruk av HTML5 har også fordeler når det gjelder å finne nettsteder som bruker søkemotorer . For eksempel markerer Google nettsteder som “mobilvennlige” hvis de unngår integrering av ekstern programvare. Denne mobile egnetheten har igjen innvirkning på plasseringen av et nettsted i søkeresultatene hvis søket utføres fra en mobil enhet.

Programmering av HTML5-nettsteder, som tidligere versjoner av dette markeringsspråket, krever bruk av såkalte HTML-koder. Disse gir nettleseren informasjon om strukturen og strukturen til et nettsted. Med fremkomsten av HTML5 har nye koder blitt lagt til i eksisterende koder og attributter. Eldre koder støttes ikke lenger. I tillegg til HTML5 er CSS3 en annen viktig standard innen moderne webdesign. CSS3 brukes som stilarkspråk for å bestemme den grafiske utformingen av nettsteder. CSS3 utvider funksjonaliteten til forgjengerspråket CSS2.1. Nye funksjoner som avrundede hjørner eller skygger er nå mulig

Enkelte effekter resulterer også i kortere lastetider fordi nettleserne er spart for behovet for å spørre om ekstern grafikk. Implementeringen av overganger ("overgang") og animasjoner ("animasjon") åpner for muligheter som tidligere var reservert for JavaScript, og som nå kan implementeres naturlig. I tillegg kompletterer CSS3 de klassiske RGB-fargene med gjennomsiktighet.

oppsett

Den visuelle oppfatningen av nettsteder på Internett er fundamentalt avhengig av de generelle prinsippene for visuell kommunikasjon . Prosessen med å skaffe informasjon av brukeren / den besøkende er betydelig påvirket av den grafiske utformingen av nettstedet.

I tillegg til profesjonell transport av informasjon og bedriftsidentitet er det utformingen av nettsteder om brukervennlighet ( brukervennlighet ). Innholdet som tilbys skal være tilgjengelig for så mange mennesker som mulig av hensyn til tilgjengelighet . Dette inkluderer både støtte fra forskjellige nettlesere og z. B. mobile enheter (smarttelefoner, nettbrett osv.) , Tilbud om alternativer til medieinnhold og støtte fra brukere med spesielle inndatametoder. Den praktiske implementeringen av disse prinsippene kan ofte kreve mer teknisk og kreativ innsats. Den regulering for etablering av barriere-fri informasjonsteknologi henhold til uførhet lingsloven og internasjonale retningslinjer (for eksempel den WCAG eller Design for alle ) anvendelse .

Et viktig aspekt ved nettdesign er korrekt tekstmarkering og kunnskap om webtypografi . På grunn av det faktum at skjermoppløsningen for tiden er mye lavere enn i trykte medier, brukes ofte spesielle skrifttyper som er optimalisert for visning på skjermen .

Mens nettsider for nettlesergenerasjonene 4 (Netscape 4 og Internet Explorer 4) fremdeles ble skrevet veldig annerledes og nettleserbrytere var påkrevd, kan webutvikleren i gjeldende versjoner ( Mozilla Firefox , Internet Explorer , Opera , Konqueror etc.) gjøre et Mer eller mindre Forvent omfattende støtte for standardene til W3C .

Utvikling av klient og server

Det skilles generelt mellom innhold og form når du utvikler nettsteder. Tekst, bilder og annet innhold er merket opp ved hjelp av HTML- merkespråket . Grafisk design er spesifisert i form av et stilark .

Utvidet funksjonalitet og interaktivitet oppnås ved bruk av tilleggsteknologier. Det skilles mellom skriptspråk på serversiden som PHP , Python , Perl , ASP.NET , ColdFusion eller JavaServer Pages og i stor grad klient-side- utvidelser som Flash , Silverlight , Java og JavaScript .

Det er mulig å kombinere klient- og server-teknologier, for eksempel PHP og Flash, for å kunne bruke fordelene med begge deler. Teknologier på klientsiden bærer alltid risikoen for ikke å bli støttet av sluttapparatet. De nødvendige plugin-modulene er kanskje ikke tilgjengelig, eller teknologiene kan være slått av av sikkerhetsmessige årsaker.

Tendenser og trender

Også innen webdesign er det alltid tendenser til spesielle teknologier som skal observeres, eller trender som stadig blir fulgt av webdesignere. Proprietære så vel som open source og gratis teknologier finner overbeviste følgere. De siste årene har imidlertid open source og gratis teknologier, som overvåkes og godkjennes av både W3C og WHATWG , blitt forfulgt og implementert i økende grad.

Imidlertid er det ikke bare trender å finne i teknologiene som brukes; klare preferanser kan også identifiseres i hvordan nettsteder og tilsvarende logoer ser ut. Det populære sminkeordet Web 2.0 har til nå spilt en viktig rolle.

I tillegg måles trender innen webdesign også etter tilgjengelige enheter og båndbredder. På denne måten er designgrunnlaget for implementering som responsiv webdesign allerede opprettet i designprosessen for å kunne dekke det stadig økende antall brukere med mobile enheter som nettbrett eller smarttelefoner , samt de klassiske brukerne som får tilgang til en nettsted via PC eller bærbar PC.

Nettdesign og utskriftsoppsett

Forskjellene i designprosessen mellom webdesign og utskriftsdesign øker med tilgjengelige teknologier. Animasjoner i webdesign er et nytt designverktøy som ikke vises i trykkdesign.

Den største forskjellen mellom utskrift og nett er absolutt mangfoldet av skjermenhetene. Mens absolutte enheter (f.eks. Metriske enheter ) og et klart definert papirformat brukes i utskriftssektoren , er ikke størrelsen og arten på utskriftsmediet kjent i webdesign.

Tilsvarende, i tillegg til absolutte, er relative måleenheter tilgjengelig på nettet. Mange nettdesignere er pålagt å bruke kun relativ informasjon for å ta hensyn til mangfoldet av sluttapparatene. I praksis kan det imidlertid oppstå problemer, for eksempel på grunn av forskjellige tolkninger av måleenheter, som gjør bruk av absolutte enheter som piksler nødvendig.

Et annet problem er fargegjengivelsen , utseendet til fargebilder - fargekvaliteten  - avhenger av både skjermens gamma og fargen som brukes . I tillegg har de forskjellige paneltypene til TFT-skjermene som brukes i dag, vidt forskjellige fargekvaliteter. Gode ​​skjermer er vanligvis i høye prisklasser og er derfor ikke veldig utbredt, et faktum som ennå ikke har blitt brukt så mye i CRT-skjermer .

Se også

• Brukervennlighet (brukervennlighet)
• Barrierefritt internett (tilgjengelighet)
• Internett-byrå
• Universell design
• Webdesign layout type

litteratur

• Jason Beaird: Godt gjort webdesign. Prinsippene for nettsteddesign. En guide for webprogrammerere. 2., revidert og utvidet utgave. dpunkt, Heidelberg 2011, ISBN 978-3-89864-759-5 .
• Manuela Hoffmann: Moderne webdesign: designprinsipper, webstandarder, praksis . Galileo Press, Bonn 2008, ISBN 978-3-8362-1109-3 . 
• Stefan Wünschmann, Uta Schwarz, Stefan Müller: Nettstedsdesign: suksessfaktorer og kontroll . Mitp-Verlag, Bonn 2008, ISBN 978-3-8266-5912-6 . 
• Stefan Münz: Lag nettsteder profesjonelt . Addison-Wesley Verlag, München 2008, ISBN 978-3-8273-2678-2 . 
• Michael Jendryschik: Introduksjon til XHTML, CSS og webdesign . Addison-Wesley Verlag, München 2008, ISBN 978-3-8273-2739-0 ( jendryschik.de [åpnet 4. januar 2010]). 

weblenker

• Planlegg webprosjekter i SELFHTML- wiki
• Nettdesign / historie - teknologi og ferdigheter (dimaweb.at-deutsch)

Individuelle bevis

1. ↑ HTML 5 er nå det offisielle kjernespråket på Internett , 12. november 2014, åpnet 17. mars 2019.
2. ↑ Hjelpe brukere med å finne mobilvennlige sider , 18. november 2014, åpnet 17. mars 2019.
3. ↑ Spesifikasjoner for det nye CSS3-språket , 18. september 2016, åpnet 17. mars 2019.
4. ↑ Volker Zota: Gratis videokodek Ogg Theora er H.264 på hælene. I: heise online. Heise Zeitschriften Verlag, 8. mai 2009, åpnet 4. januar 2010 .  
5. ↑ Volker Zota: Dailymotion tester Flash-gratis videoportal. I: heise Open Source. Heise Zeitschriften Verlag, 29. mai 2009, åpnet 4. januar 2010 .  
6. ↑ Vitaly Friedman: Trender for webdesign for 2009. I: Smashing Magazine. Smashing Media, 14. januar 2009, åpnet 4. januar 2010 .  
7. ↑ Logo Design Trends 2008. LogoOrange Design Group, 1. februar 2008, åpnet 4. januar 2010 (engelsk).  
8. ↑ Logo Design & Branding Trends 2009. LogoOrange Design Group, 1. april 2009, åpnet 4. januar 2010 (engelsk).  
9. ↑ CSS-verdityper. I: SELFHTML -Wiki. Hentet 15. mars 2015 .  
10. Mün Stefan Münz : Lag nettsteder profesjonelt . S., kapittel 4.6.4 Dimensjoner i CSS