Gå til innhold

Web design for nybegynnere?


Anbefalte innlegg

Hallo!

 

Jeg er ganske nebegynner når det gjelder hjemmesider og web design. Så jeg lurte på om noen av dere kunne lært meg og andre nybegynnere litt om hvordan lage og designe en web side. Jeg bruker Dreamweaver til å lage/redigere hjemmesider, men har ikke fått til noe som ser bra ut dessverre...

 

Min hjemmeside for øyeblikket ser slik ut, www.bjaaland.net , it's sucks!

 

Så om noen av dere kunne lære meg hvordan starte å lage en ålreit hjemmeside, så hadde det hvert finnt :)

Lenke til kommentar
Videoannonse
Annonse

Sett deg ned med en god gammel notisblokk og tegn en layout.

Det første jeg gjør på PCen er å bygge siden i Photoshop. Det har et utmerket slices-verktøy som kan dele opp et bilde i deler

Slik ser f.eks headeren jeg bruker ut i Photoshop (heftig komprimert for å minske størrelsen): http://home.no.net/epleweb/diverse/header.jpg

Når siden er ferdigbygget og delt opp i PS lager jeg jpg/gif bilder som jeg senere putter inn i et table-oppsett.

Da ser det omtrendt slik ut i Dreamweaver:

http://home.no.net/epleweb/diverse/side.jpg

 

Så må/bør du lage en CSS fil der du forteller nettleseren hvordan diverse ting skal se ut (font, linker, table-rammer, osv..)

Lenke til kommentar
Sett deg ned med en god gammel notisblokk og tegn en layout.

Det første jeg gjør på PCen er å bygge siden i Photoshop. Det har et utmerket slices-verktøy som kan dele opp et bilde i deler

Slik ser f.eks headeren jeg bruker ut i Photoshop (heftig komprimert for å minske størrelsen): http://home.no.net/epleweb/diverse/header.jpg

Når siden er ferdigbygget og delt opp i PS lager jeg jpg/gif bilder som jeg senere putter inn i et table-oppsett.

Da ser det omtrendt slik ut i Dreamweaver:

http://home.no.net/epleweb/diverse/side.jpg

Det er nettop blandt annet det med photoshop jeg sliter med, jeg klarer ikke å lage slike "bakgrunner" som det jo egentlig er...Kan noen si meg hvordan jeg bruker photoshop til det? Og hvordan Slice's fungerer?

Lenke til kommentar
Sett deg ned med en god gammel notisblokk og tegn en layout.

Det første jeg gjør på PCen er å bygge siden i Photoshop. Det har et utmerket slices-verktøy som kan dele opp et bilde i deler

Slik ser f.eks headeren jeg bruker ut i Photoshop (heftig komprimert for å minske størrelsen): http://home.no.net/epleweb/diverse/header.jpg

Når siden er ferdigbygget og delt opp i PS lager jeg jpg/gif bilder som jeg senere putter inn i et table-oppsett.

Da ser det omtrendt slik ut i Dreamweaver:

http://home.no.net/epleweb/diverse/side.jpg

Det er nettop blandt annet det med photoshop jeg sliter med, jeg klarer ikke å lage slike "bakgrunner" som det jo egentlig er...Kan noen si meg hvordan jeg bruker photoshop til det? Og hvordan Slice's fungerer?

 

Hehe, jeg mekket like gjerne en guide til det, så kan kanskje andre få nytte av den også. Da jeg ville lære dette prøvde jeg å finne noen skikkelige tutorials om akkurat dette, men klarte ikke finne noen bra, så jeg fiklet rundt på egenhånd, og kom frem til noe brukbart etterhvert.

Guiden finner du her (på engelsk, men det går vel greit): http://home.no.net/epleweb/index.php?page=psweb

 

Gi meg gjerne tilbakemeldinger, mekket den i går kveld og har ikke fått tid til å "betateste" den :wink:

Er nok endel skriveleifer og litt andre småbugs.. Skal fikse på den når jeg kommer meg hjem

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...