Spørsmål angående webdesign

[DrPhD]

Hei

 

Først og fremst så vet jeg ingenting om Webdesign, koding innen HTML, CSS osv..

 

Men noe jeg lenge har lurt på er hvordan lager man og legger til selve designet i en side? Har sett kompiser som har drevet med litt HTML, men har aldri egentlig sett hvordan de lager og setter opp selve bildene på en side. F.eks området rundt "navigatoren" på denne siden, hvilke programmer bruker man til å lage slikt?

 

Dette ble antakelig dårlig forklart, og bestående av grammatiske feil.

Skrev det via telefonen min.

[agm]

Alle nettsider er bygget opp av kildekode (F.eks. HTML og CSS). Nettleseren tolker denne koden og viser siden til brukerne.

 

Du kan skrive denne koden for hånd (i notepad osv), eller du kan bruke WYSIWYG (What You See Is What You Get)-programmer som f.eks. Dreamweaver.

 

Kort svar, men håper det oppklarte litt

[Beritaron]

For å kort forklare et par konsepter.

 

HTML er et format som nettlesere kan lese akkurat som Open Office kan lese .odf. Kort fortalt er HTML et språk som forteller hvordan innholdet skal vises på en nettisde og hva. Alle nettsider kan lagres, og du kan studere hvordan nettsider er satt sammen ved å åpne HTML-filene i en teksteditor (eventuelt bruke extensions som Firebug til Firefox).

 

Om du ønsker å lære deg HTML bør du først sette deg inn i HTML og CSS. HTML for å lage nettsidene, og CSS for å style dem (CSS lagres som regel i egne filer, men kan også benyttes i et frittstående HTML-dokument, og også innenfor spesifikke HTML-elementer).

 

Om du ønsker å bruke en teksteditor må du f.eks hente frem bilde med <img>-tag, og om du ønsker å linke til bilde i full størrelse i tillegg: <a>-tag. Deretter bruker du CSS til å bestemme hvor bildet skal vises på siden, om det skal ha en ramme, osv.

 

Dreamweaver som nevnt i forrige post, er et nokså dyrt program, og overkill om du kun skal produsere et par små sider. En enkel teksteditor (eller en gratis WYSIWYG-editor, men kan være greit å bruke teksteditor først for å lære seg hvordan sidene henger sammen), og et enkelt bilde-redigeringsprogram som Gimp, bør holde i massevis. For større produksjon derimot vil nok mange foretrekke Dreamweaver og Photoshop.

 

Enkelt forklart fungerer WYSIWYG-editorer som et skriveprogram. De tar for seg formateringen så du slipper å tenke på kodene for formatet. Et problem mange ser ut til å nevne med WYSIWYG-editorer er at de kan lage et rot av HTML-koden.

 

Er selv nokså fersk på HTML, men det tar ikke lange tiden å få med seg det grunnleggende om man setter av litt tid. W3Schools gir deg mulighet til å teste ut en rekke koder på nettet, og har en rekke tutorials på produksjon av nettsider som er nokså greie å følge.

Endret 24. februar 2011 av tamarin

[emilkje]

[snip]Kort fortalt er HTML et språk som forteller hvordan innholdet skal vises på en nettisde[snip]

 

HTML er kun markup (HyperText Markup Languag). HTML sier ingenting om hvordan innholdet vises, men snarere strukturerer innholdet etter et sett standarder. (eks: XHTML1 og HTML 5). Det er CSS som tar seg av visningen, både på skjerm og på utskrift av nettsider.

 

On Topic:

HTML kan også stilsettes med grafikk (css hint: background). Grafikken kan produseres fra programmer som Adobe Photoshop, Gimp, Paint eller andre.

[Beritaron]

[snip]Kort fortalt er HTML et språk som forteller hvordan innholdet skal vises på en nettisde[snip]

HTML er kun markup (HyperText Markup Languag). HTML sier ingenting om hvordan innholdet vises, men snarere strukturerer innholdet etter et sett standarder. (eks: XHTML1 og HTML 5). Det er CSS som tar seg av visningen, både på skjerm og på utskrift av nettsider.

Når jeg skrev HTML tenkte jeg på alt som befinner seg i en HTML-fil, inkludert HTML-elementer, CSS, Javascript, etc, men ja, var utrolig dårlig formulert av meg.

Endret 25. februar 2011 av tamarin

[emilkje]

[snip]Kort fortalt er HTML et språk som forteller hvordan innholdet skal vises på en nettisde[snip]

HTML er kun markup (HyperText Markup Languag). HTML sier ingenting om hvordan innholdet vises, men snarere strukturerer innholdet etter et sett standarder. (eks: XHTML1 og HTML 5). Det er CSS som tar seg av visningen, både på skjerm og på utskrift av nettsider.

Når jeg skrev HTML tenkte jeg på alt som befinner seg i en HTML-fil, inkludert HTML-elementer, CSS, Javascript, etc, men ja, var utrolig dårlig formulert av meg.

 

Okey, da misforsto jeg deg. Det er uansett ingen god praksis å ha css og js inkludert/inline i HTML filene. Hvis du separerer det og lenker de til hverandre, så vil det være enklere å oppdatere endringer over flere html-sider