Hjem Sosiale medier Utviklingsfasen av webdesign - dummies

Utviklingsfasen av webdesign - dummies

Innholdsfortegnelse:

Video: Diseño Web 37 - Entrega de archivos 2024

Video: Diseño Web 37 - Entrega de archivos 2024
Anonim

I utviklingsfasen av webdesign er all video, lyd, Flash animasjon og grafikk forberedt på nettet: De er komprimert for å få fart på reisen over nettet, lagret i et nettvennlig format, oppkalt og lastet opp til serveren. All programmering og HTML-arbeid er ferdig, og siden kommer sammen, klar til å bli testet.

Produserer komposisjoner til et nettsted

Etter at klienten velger en designretning for nettstedet, kan produksjonsarbeidet virkelig begynne. Grafikklaget vil produsere en serie comps (grafiske mockups som viser hvordan siden kan se) som står for utformingen og utformingen av hver unike sidemal. Comps produseres vanligvis i Photoshop, selv om du kan finne noen designere som bruker fyrverkeri. Vanligvis forplikter du deg til ikke mer enn 20 til 25 comps, selv for de største nettstedene.

Disse komposisjonene tjener som det visuelle referansepunktet for den tekniske utbyggingen (plassering av siden sammen). HTML- og CSS-utviklerne vil bruke disse comps til å utlede den nødvendige grafikken, bakgrunnene, verktøylinjer, knapper og stiler for tekst og andre objekter, og vil forsøke å matche komposittens visuelle design og layout så tett som de kan.

Utvikling av nettsider

Under utviklingsfasen er innholdsholdet opptatt med å skrive alle kopi (tekst) komponentene til nettstedet. Innholdsstrategisten kartlegger alle typer eksemplarer som trengs for nettstedet, hvor mange blokker av hver type kopi som er nødvendig, og hvilke sider de bor på. Dette er alt pent organisert i et regneark kalt en innholdsmatriks . Innholdsstrateger, sammen med forfatterne, bestemmer også hva tonen av nettstedet skal være.

Bevæpnet med en sjekkliste over kopi for å skrive (den ovennevnte innholdsmatrixen) og tonen som skal formidles, kan forfatterne begynne sin oppgave.

Kreditt: © LEVEL Studios. www. Level-studioer. com

Medieutvikling i webdesign

De fleste nettsteder har noen form for rich media (også kjent som multimedia ) - enten det er Flash-animasjoner og programmer, lyd eller video. Faktisk er enkelte nettsteder helt bygget i Flash, bortsett fra den ene HTML-siden som nettstedet ligger på.

Kreditt: © The Seen. www. theseen. biz

Flash-utvikling kan være så kompleks at det har blitt en prosess og et yrke for seg selv. Ikke bare må Flash-designere lage sin egen versjon av et nettstedskart og wireframes for å lage angrep, men de må også være en del designer og en del programmerer for å kunne bygge en effektiv Flash-komponent.

Bygg presentasjonslaget på et nettsted med HTML og CSS

HTML er absolutt limet som holder World Wide Web sammen. HTML ( H yper T ext M arkup L anguage) er et enkelt kodingsspråk som forteller din web nettleser hvordan du snorer formatert tekst, grafikk og medieelementer sammen på siden. CSS (Cascading Style Sheets) er et sett med regler som du kan definere som styrer utseende, størrelse, posisjon, farge og form av elementene dine. Sammen oppretter HTML og CSS hva brukeren ser: presentasjonslag av et nettsted. Webdesignindustrien tenker vanligvis på et nettsted som organisert i lag. Som du kan se gjennom hele denne boken, inneholder et nettsted mange lag.

Hver side på hvert nettsted er bygget med HTML. Du kan skrive HTML-kode i en hvilken som helst enkel tekstredigerer (for eksempel Notisblokk i Windows) eller bruke et mer fullverdig redigeringsprogram som Adobe Dreamweaver. Etter at du er ferdig, kan du laste inn nettsiden til en nettleser derfra fra skrivebordet ditt og se øyeblikkelige resultater.

HTML er ganske begrenset i hva det kan gjøre, og CSS fokuserer bare på utseendet og oppsettet, slik at du ikke kan bygge et komplett online shopping system (for eksempel) ved hjelp av bare CSS og HTML alene.

Utvikle baksiden av et nettsted

Hvis du designer et nettsted som skal gjøre noe utover et enkelt show med fin tekst og grafikk, må du opplyse programmører for å bygge et nettstedslag generelt referert til som < bakstykket . Bakgrunnen er alt det som skjer bak kulissene for å aktivere nettstedsfunksjoner som søk, tilbakemeldinger fra kunder, kjøp av produkter med kredittkort eller registrering av spesielle arrangementer. Alle disse handlingene krever spesialisert programmering. Du kan ikke bygge denne typen funksjonalitet med HTML alene. Programmeringsspråk som PHP (H y p ertext P reprosessor) eller ASP (Microsofts A ctive S erver P aldre) er integrert rett inn i HTML-koden for siden. HTML- og CSS-delen styrer sidens utseende og layout, mens programmeringskoden gjør alle de kule tingene som for eksempel kobling til en online database for automatisk å vise et produkt av dagen. Kreditt: © Steelcraft Group.

For å bygge komplekse sider med påloggingsfunksjoner, e-handel og mer, kan du enten kaste opp ermene og skrive PHP-kode ved hjelp av redaktører som PhpStorm eller Eclipse, eller du kan bruke verktøy som Adobe Dreamweaver.

Kreditt: © Steelcraft Group. www. steelcraftautomotive. com

Kreditt: © Sentrigo. www. sentrigo. no

Utviklingsfasen av webdesign - dummies

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...