Annons:
Etikett03-html
Läst 6694 ggr
IdaL
2010-03-10 21:22

Hemsidans uppdelning

Bild 1. Klicka för att öppna i full storlek.

När man kodar en hemsida brukar man dela upp den i olika delar, i denna artikeln hade jag tänkt ta upp hur jag brukar dela upp min hemsida. Det finns givetvis många olika sätt som man kan dela upp sin hemsida på men såhär brukar jag göra.

Introduktion

När jag "delar" upp min hemsida i de olika delarna burkar jag använda mig utav en box för:

  • Loggan (som sitter ovanför Headern)
  • Header
  • Meny
  • Body
  • Footer

Det finns ju givetvis igenting som säger att man inte kan ändra ordningen på dessa eller att man kan ta bort/lägga till något, men detta är vad jag brukar använda mig utav.

-
Såhär brukar jag dela in mina sidor på ett ungefär

Hur gör jag då?

Jag använder mig utav CSS boxar när jag "delar upp" min layout. Jag använder en box för varje del så det blir såhär (se bilden nedan)

-
Såhär delar jag upp mina olika boxar när jag gör hemsidor. (dock bör dom vara lika stora)

Det är alltså inte svårare än såhär när man kodar. Vissa använder hela layouten som "bakgrund" när dom kodar vilket jag inte rekomenderar er då det oftast inte ser likadant ut för alla.

Jag hoppas ni har lärt er något i denna artiklen!

Annons:
[SarahOhrn]
2010-03-14 12:35
#1

Jag undrar bara, måste man ha bodyn så stor att texten man ska ha får plats? Eller är det bara att göra en vit liten ruta sen åker footern ner när man skriver mer text?

Gör man så här för varje undersida också då? ALla dom här delarna? :)

IdaL
2010-03-14 12:42
#2

#1 Man kan göra så man vill där antingen sätter man en bestämd höjd eller så tar man bort höjden så följer rutan med beroende på hur mycket text man skriver.

Exakt, på varje undersida gör man så, då kommer ju layouten se likadan ut på varje sida, du får kanske ändra texten dock Flört

[SarahOhrn]
2010-03-14 12:49
#3

#2 Okej! Då är det ju smartare att rutan följer med antar jag =) Så man inte behöver bestämma höjd innan… När man inte vet riktigt hur texten blir.

Hehe ja, självklart ändra texten ;)

Tack! :)

IdaL
2010-03-14 12:56
#4

#3 Ingen orsak, jag är nyfiken på resultatet sen Cool

[SarahOhrn]
2010-03-14 13:12
#5

#4 Me too! ;) Min allra första riktiga hemsida… Ska bli spännande =P

IdaL
2010-03-14 13:13
#6

#5 Jag förstår det. Lycka till med den, och dra dig inte för att fråga om du får något problem! Skrattande

Annons:
[SarahOhrn]
2010-03-14 13:40
#7

#6 Tack, det ska jag göra. PM:ar dig om jag undrar något :D

IdaL
2010-03-14 14:14
#8

#7 Gör så Flört

Upp till toppen
Annons: