Web-design omfatter mange ulike ferdigheter og disipliner i produksjon og vedlikehold av nettsteder. De ulike områdene av webdesign inkluderer web grafisk design; interface design; redigering, inkludert standardiserte kode og proprietær programvare; brukeropplevelse design; og søkemotoroptimalisering. Ofte mange individer vil arbeide i team som dekker ulike aspekter av designprosessen, selv om noen designere vil dekke dem alle. Begrepet web design brukes vanligvis til å beskrive designprosessen knyttet til front-end (klientsiden) utformingen av en nettside, inkludert skriftlig mark opp. Webdesign overlapper delvis web engineering i bredere omfang av webutvikling. Webdesignere forventes å ha en bevissthet om brukervennlighet og om deres rolle innebærer å skape mark opp da de er også forventet å være oppdatert med retningslinjer webtilgjengelighet.

Selv om webdesign har en ganske nyere historie, det kan knyttes til andre områder som for eksempel grafisk design. Men web design er også sett på som et teknologisk ståsted. Det har blitt en stor del av folks hverdag. Det er vanskelig å forestille seg Internett uten animert grafikk, ulike stiler av typografi, bakgrunn og musikk.

Starten på web og web design on

I 1989, mens du arbeider ved CERN Tim Berners-Lee foreslått å opprette et globalt hypertekst prosjekt, som senere ble kjent som World Wide Web. Gjennom 1991 til 1993 World Wide Web ble født. Tekst kun sider kan sees ved hjelp av en enkel linje-modus browser. I 1993 Marc Andreessen og Eric Bina, skapte Mosaic nettleseren. På den tiden var det flere nettlesere men majoriteten av dem var Unix-basert og ble naturlig tekst tung. Det hadde ikke vært noen helhetlig tilnærming til grafiske designelementer som bilder eller lyder. The Mosaic nettleseren brøt denne mold. W3C ble opprettet i oktober 1994, for å "lede World Wide Web til sitt fulle potensial ved å utvikle felles protokoller som fremmer dens utvikling og sikre dens interoperabilitet." Dette motet ett selskap fra monopolisere en anstendighet nettleser og programmeringsspråk, som kunne ha endret effekten av World Wide Web som helhet. W3C fortsetter å sette standarder, som kan i dag sees med Javascript. I 1994 Essen dannet Communications corp. Som senere ble kjent som Netscape Communications Netscape 0.9 nettleser. Netscape opprettet egne HTML-koder uten hensyn til tradisjonelle standarder prosessen. For eksempel Netscape 1.1 inkludert koder for å endre bakgrunnsfarger og formatering av tekst med tabeller på nettsidene. Gjennom 1996-1999 nettleseren kriger begynte. Nettleseren kriger så Microsoft og Netscape kjempe om den ultimate leseren dominans. I løpet av denne tiden var det mange nye teknologier innen, spesielt Cascading Style Sheets, Javascript og Dynamic HTML. På en hel gjorde leseren konkurranse føre til mange positive kreasjoner og hjalp webdesign utvikle seg i et hurtig tempo.

Utviklingen av web design on

I 1996 lanserte Microsoft sin første konkurranse nettleser, som var komplett med sine egne funksjoner og koder. Det var også den første nettleseren som støtter stilark, som på den tiden ble sett på som en obskur redigering teknikk. HTML markup for bordene var opprinnelig ment for visning av tabelldata. Men designere raskt innså potensialet i å bruke HTML-tabeller for å skape komplekse, multi-kolonne layout som var ellers ikke er mulig. På denne tiden, som design og god estetikk syntes å ha forrang fremfor god mark-up struktur, og lite oppmerksomhet ble betalt til semantikk og web tilgjengelighet. HTML steder ble begrenset i sine designmuligheter, enda mer med tidligere versjoner av HTML. Å skape komplekse konstruksjoner, mange webdesignere måtte bruke kompliserte tabellstrukturer eller bruke tomme spacer GIF-bilder for å stoppe tomme tabellceller fra å kollapse. CSS ble innført i desember 1996 av W3C for å støtte presentasjon og layout; Dette tillot HTML-kode for å være semantisk heller enn både semantisk og presentasjons og forbedret web tilgjengelighet, se tabell-mindre webdesign.

I 1996, Flash (opprinnelig kjent som FutureSplash) ble utviklet. På den tiden, Flash-innhold utviklingsverktøy var relativt enkel i forhold til nå, ved hjelp av grunnleggende layout og tegneverktøy, en begrenset forløper til Actionscript, og en tidslinje, men det aktivert webdesignere til å gå utover det punktet av HTML, animerte GIF-filer og Javascript . Men fordi Flash krevde en plug-in, mange webutviklere unngått å bruke det av frykt for å begrense sin markedsandel fra mangel på kompatibilitet. I stedet, designere tilbakestilt til gif-animasjoner (hvis de ikke gi slipp ved hjelp av bevegelsesgrafikk til sammen) og Javascript for widgets. Men fordelene med Flash gjort den populær nok blant bestemte geografiske markeder til slutt jobbe sin vei til det store flertallet av nettlesere, og kraftig nok til å bli brukt til å utvikle hele nettsteder.

Slutt på den første nettleseren kriger

I løpet av 1998 Netscape sluppet Netscape Communicator koden under en åpen kildekode-lisens, slik at tusenvis av utviklere å delta i å forbedre programvaren. Men, bestemte de seg for å stoppe og starte fra begynnelsen, som ledet utviklingen av åpen kildekode-nettleseren og snart utvidet til en komplett applikasjonsplattform. The Web Standards Project ble dannet, og fremmet nettleser samsvar med HTML og CSS standarder ved å skape Acid1, Acid2, og Acid3 tester. 2000 var et stort år for Microsoft. Internet Explorer hadde blitt sluppet for Mac, dette var viktig som det var den første nettleseren som støttes fullt HTML 4.01 og CSS 1, heve bar det gjelder overholdelse av standardene. Det var også den første nettleseren som fullt ut støtter PNG-bildeformatet. I løpet av denne tiden Netscape ble solgt til AOL og dette ble sett på som Netscape offisielle tap for Microsoft i nettleseren kriger.

2001-2012

Siden starten av det 21. århundre nettet har blitt mer og mer integrert i folks liv, da dette har skjedd teknologien av Internett har også flyttet på. Det har også skjedd betydelige endringer i måten folk bruker og få tilgang til nettet, og dette har endret hvordan nettsteder er utformet.

Moderne nettlesere

Siden slutten av nettlesere kriger har det vært nye nettlesere som kommer inn på scenen. Mange av disse er åpen kildekode betyr at de har en tendens til å ha raskere utvikling og er mer støttende av nye standarder. De nye alternativene er av mange ansett for å være bedre at Microsofts Internet Explorer.

Nye standarder

W3C har lansert nye standarder for HTML (HTML5) og CSS (CSS3), samt nye Javascript API-er hver som en ny, men enkelte standard. Men mens begrepet HTML5 blir kun brukt til å referere til den nye versjonen av HTML og noen av Javascript API-tallet, har det blitt vanlig å bruke den til å referere til hele serien av nye standarder (HTML5, CSS3 og Javascript)

Verktøy og teknologier

Webdesignere bruker en rekke ulike verktøy, avhengig av hvilken del av produksjonsprosessen de er involvert i. Disse verktøyene blir oppdatert over tid ved nyere standarder og programvare, men prinsippene bak dem forbli det samme. Web grafiske designere bruker vektor og raster grafikk pakker for å lage web formatert bilde eller design prototyper. Teknologier som brukes for å lage nettsider inkluderer standardisert påslag, noe som kan være hånd-kodet eller generert av WYSIWYG redigering programvare. Det er også proprietær programvare basert på plug-ins som omgår kundens nettlesere versjoner. Disse er ofte WYSIWYG, men med mulighet for å bruke programvaren skriptspråk. Søkemotor optimalisering verktøy kan brukes til å sjekke søkemotor rangering og foreslå forbedringer.

Andre verktøy webdesignere kan bruke inkludere markere validatorer og andre testverktøy for brukervennlighet og tilgjengelighet for å sikre sine nettsider holde retningslinjene webtilgjengelighet.

Ferdigheter og teknikker

Markedsføring og kommunikasjon design on

Markedsføring og kommunikasjon design på en nettside kan identifisere hva som fungerer for sin målgruppe. Dette kan være en aldersgruppe eller en bestemt tråd av kultur; dermed designer kan forstå trender av sitt publikum. Designere kan også forstå hvilken type nettsted de designer, betydning, for eksempel at (B2B) business-to-business webdesign hensyn kan være svært forskjellig fra en forbruker målrettet nettside som en retail eller underholdning nettsted. Nøye vurdering kan gjøres for å sikre at estetikk eller generelle designen av et nettsted ikke kampen med klarhet og nøyaktighet av innholdet eller den enkle web navigasjon, spesielt på en B2B nettsted. Designere kan også vurdere omdømmet til eieren eller virksomheten nettstedet representerer å sørge for at de blir framstilt positivt.

Brukeropplevelse design og interaktiv design on

Brukere forstå innholdet på et nettsted avhenger ofte av brukere forstå hvordan nettstedet fungerer. Dette er en del av brukeropplevelsen design. Brukeropplevelsen er relatert til layout, klare instruksjoner og merking på en nettside. Hvor godt en bruker forstår hvordan de kan kommunisere på et område kan også avhenge av interaktiv design av nettstedet. Hvis en bruker oppfatter nytten av denne nettsiden, er det mer sannsynlig å fortsette å bruke den. Brukere som er dyktige og godt bevandret med nettstedet bruk kan finne en mer unik, men mindre intuitivt eller mindre brukervennlig nettside grensesnitt nyttig likevel. Men brukere med mindre erfaring er mindre sannsynlig å se fordelene eller nytten av en mindre intuitivt nettside grensesnitt. Dette driver trenden for en mer universell brukeropplevelse og enkel tilgang til å betjene så mange brukere som mulig, uavhengig av brukerens dyktighet. Mye av brukeropplevelsen design og interaktiv design regnes i brukergrensesnittet design.

Avanserte interaktive funksjoner kan kreve programtillegg hvis ikke avanserte koding språkferdigheter. Velge om ikke å bruke interaktivitet som krever plug-ins er en kritisk avgjørelse i brukeropplevelse design. Hvis plug-in ikke kommer forhåndsinstallert med de fleste nettlesere, er det en risiko for at brukeren vil ha verken vet hvordan, eller tålmodighet til å installere en plug-in bare for å få tilgang til innholdet. Hvis funksjonen krever avansert koding språkferdigheter, kan det være for kostbart i enten tid eller penger til å kode i forhold til mengden av ekstrautstyr funksjonen vil legge til brukeropplevelsen. Det er også en risiko for at avansert interaktivitet kan være uforenlig med eldre nettlesere eller maskinvarekonfigurasjoner. Publisering en funksjon som ikke fungerer pålitelig er potensielt verre for brukeropplevelsen enn å gjøre noe forsøk. Det kommer an på målgruppen hvis det er sannsynlig å være nødvendig eller verdt noen sjanser.

Page layout

En del av brukergrensesnitt design er påvirket av kvaliteten på sideoppsettet. For eksempel kan en designer vurdere om sider sideoppsettet skal være konsekvent på forskjellige sider ved utformingen av oppsettet. Page pixel bredde kan også vurderes viktig for å justere objekter i layout design. De mest populære fast bredde nettsteder generelt har samme sett bredden for å matche dagens mest populære nettleservindu, på dagens mest populære skjermoppløsning, på dagens mest populære skjermstørrelsen. De fleste sider er også midtstilt for bekymringene til estetikk på større skjermer.

Væske oppsett økt i popularitet rundt 2000 som et alternativ til HTML-tabell-baserte layouter og grid-basert design i både layout design prinsipp, og i koding teknikk, men var veldig treg til å bli vedtatt. Dette var på grunn av hensynet til skjermen lesing enheter og vinduer varierende størrelser som designere ikke har kontroll over. Følgelig kan et design deles inn i enheter (sidefelt, innholdsblokker, innebygde reklame områder, navigasjon områder) som sendes til nettleseren, og som vil bli montert i displayet av nettleseren, som best den kan. Som leseren gjenkjenner detaljene i leserens skjerm (vindu størrelse, skriftstørrelsen i forhold til vindu etc.) leseren kan gjøre brukerspesifikke layout justeringer væske oppsett, men ikke fast bredde oppsett. Selv om en slik skjerm kan ofte endre den relative posisjonen til de store innholdsenheter, kan sidefelt forskyves under brødtekst stedet for på siden av den. Dette er en mer fleksibel skjerm enn en hardkodet grid-basert layout som ikke passer utstyrsvinduet. Spesielt kan den relative posisjonen til innholdet blokker endres uten å endre innholdet i blokken upåvirket. Dette reduserer også brukerens behov for å bla horisontalt på siden.

Responsive Web Design er en nyere tilnærming, basert på CSS3, og et dypere nivå av per-enhet spesifikasjon innenfor sidens stilark gjennom en forbedret bruk av CSSmedia pseudo-velgeren.

Typografi

Webdesignere kan velge å begrense utvalg av nettstedet skrifttyper til bare noen få som er av en lignende stil, i stedet for å bruke et bredt spekter av skrifttyper eller skriftstiler. De fleste nettlesere gjenkjenne et bestemt antall trygge fonter, som designere hovedsakelig bruker for å unngå komplikasjoner.

Font nedlasting ble senere inkludert i CSS3 skrifter modul og har siden blitt implementert i Safari 3.1, Opera 10 og Mozilla Firefox 3.5. Dette har senere økt interesse for web typografi, samt bruk av font nedlasting.

De fleste oppsett på et nettsted innlemme negativ plass til å bryte teksten opp i avsnitt og også unngå midtstilt tekst.

bevegelsesgrafikk

Siden layout og brukergrensesnitt kan også bli påvirket av bruk av bevegelig grafikk. Valget om ikke å bruke bevegelsesgrafikk kan avhenge av målgruppen for nettstedet. Bevegelig grafikk kan forventes eller i det minste bedre mottatt med et underholdningsorientert nettside. Imidlertid kan et nettsted målgruppen med en mer alvorlig eller formell interesse (for eksempel næringsliv, samfunn, eller regjeringen) finner animasjoner unødvendig og forstyrrende hvis bare for underholdning eller dekorasjon formål. Dette betyr ikke at mer alvorlig innhold ikke kunne bli styrket med animerte eller videopresentasjoner som er relevante for innholdet. I begge tilfeller kan motion grafisk design utgjøre forskjellen mellom flere effektive visuelle eller forstyrrende visuelle.

Kvaliteten på koden

Nettstedet designere kan vurdere det å være god praksis å samsvare med standarder. Dette gjøres vanligvis via en beskrivelse som spesifiserer hva elementet gjør. Unnlatelse av å overholde standarder kan ikke lage en nettside ubrukelig eller feil utsatt, men standarder kan forholde seg til riktig layout av sider for lesbarhet samt å sørge for kodede elementer er lukket på riktig måte. Dette inkluderer feil i koden, mer organisert layout for kode, og gjør at IDer og klasser er identifisert riktig. Dårlig kodede sider er noen ganger folkemunne kalt tag suppe. Validere via W3C kan bare gjøres når en riktig DOCTYPE erklæring er gjort, som brukes til å markere feil i koden. Systemet identifiserer feil og områder som ikke er i samsvar med webdesign standarder. Denne informasjonen kan deretter bli korrigert av brukeren.

Yrker

Det er to primære jobb er involvert i å skape et nettsted: webdesigner og webutvikler, som ofte jobber tett sammen på en nettside. Webdesignere er ansvarlig for det visuelle aspektet, som omfatter layout, farger og typografi av en webside. Webdesignere vil også ha en fungerende kunnskap om å bruke en rekke språk som HTML, CSS, Javascript, PHP og Flash for å lage et nettsted, selv om omfanget av deres kunnskap vil variere fra ett webdesigner til en annen. Spesielt i mindre organisasjoner én person trenger de nødvendige ferdigheter for å designe og programmere hele web-siden, mens større organisasjoner kan ha en webdesigner ansvarlig for det visuelle aspektet alene.

Flere arbeidsplasser, som under spesielle omstendigheter kan bli involvert i etableringen av et nettsted er:

Grafiske designere til å lage grafikk for området som logoer, oppsett og knapper <. br>
Internett markedsføring spesialister til å opprettholde tilstedeværelse gjennom strategiske løsninger på målretting mot seere til nettstedet, ved hjelp av markedsføring og salgsfremmende teknikker på internett.

SEO forfattere til forskning og anbefale de riktige ordene for å være innlemmet i en bestemt nettside og gjøre nettstedet mer tilgjengelig og funnet på en rekke søkemotorer.

Internett tekstforfatter for å skape den skriftlige innholdet på siden for å appellere til de målrettede seere av nettstedet.

brukeropplevelse (UX) designer inneholder aspekter av brukersentrert design hensyn som inkluderer informasjonsarkitektur, brukersentrert design, brukertesting, interaksjonsdesign, og av og til visuell design.