Hvordan lage en enkel webside i div: 4 trinn (med bilder)

Innholdsfortegnelse:

Hvordan lage en enkel webside i div: 4 trinn (med bilder)
Hvordan lage en enkel webside i div: 4 trinn (med bilder)

Video: Hvordan lage en enkel webside i div: 4 trinn (med bilder)

Video: Hvordan lage en enkel webside i div: 4 trinn (med bilder)
Video: КЛИНЬЯ БОЛЬШЕ НЕ НУЖНЫ! Мало кто знает этот СЕКРЕТ МОЛОТКА! Такого еще никто не видел! 2024, April
Anonim

Hvis du har et nettsted, kan du og din nettstedvirksomhet ta et skritt foran å utforske designet ved å bruke CSS og div -tagger. Enkelt vedlikehold, raskere lasting og søkemotorvennlige funksjoner skal gi deg fordeler med en bedre markedsføringsstrategi.

Trinn

Trinn 1. Vet at "div" -taggen i utgangspunktet brukes til å etablere separate områder eller divisjoner på nettsiden

Dette er blant de ekstremt kraftige elementene i “XHTML” siden det er nødvendig for å plassere utformingen av websiden ved hjelp av “CSS”. I enkle ord betyr denne prosessen å implementere nettsteder uten bruk av tabeller for layout og posisjonering.

Trinn 2. Lag et stilark - "Div" -koder bruker stilark som lar webdesignet til nettstedet være uavhengig av data

Å designe bakgrunner med farger og fonter, bredde, høyde, layout og plassering av rader eller kolonner kan alle settes inn i stilark og etterlater bare div -kode og informasjon på faktiske sider.

  • Du kan lage et stilark som et annet dokument og deretter koble det til. Åpne et nytt notisblokk -dokument, skriv inn koden og lagre den under ".css" -utvidelsen.
  • CSS-egenskapene som er veldig nyttige er "bakgrunnsfarge", "høyde", "bredde", "flyt" og "klar".

Trinn 3. Koble til stilarket - Du kan koble stilark ved hjelp av lenketag

Dette bør brukes i "hodet" -delen på nettstedet ditt. f.eks.. du bør skrive banen til CSS -filen på stedet der "banen" er skrevet i dette eksemplet.

Design en enkel webside i div trinn 1
Design en enkel webside i div trinn 1
Design en enkel webside i div trinn 2
Design en enkel webside i div trinn 2
Design en enkel webside i div trinn 3
Design en enkel webside i div trinn 3

Trinn 1. Forstå fordelene ved å bruke div-tagger eller tabellfrie:

  • Lasting av nettsteder blir raskere. Nettsteder som er basert på "div" -koder gjør nettlesere til å kjøre mye raskere ettersom de kommer i en veldig lett vekt. 'Div' styres gjennom Cascading stilark og trenger derfor mindre koding som hjelper til med å holde filstørrelsen til det minimale.
  • 'Div' er vennlig for alle søkemotorer - CSS -baserte nettsteder er søkemotoroptimaliseringsvennlige, da disse gjør det mulig for webdesigneren å holde hovedartiklene på toppen slik at søkemotorer lettere kan finne hovedinnholdet.
  • Et 'div' tag -basert nettsted sparer båndbredde. Et bordfritt nettsted har mindre filstørrelse, noe som betyr at det sparer båndbredden din. Hvis du har et stort trafikknettsted, hvor hver side er besøkt av besøkende, skal du spare på båndbredden ved ikke å ha tabeller. Dette lagrede båndbreddebeløpet kan være nyttig over en tidsperiode eller ved slutten av måneden.
  • Renere kode - Nettstedene som bruker "div" -merker og CSS genererer renere kode. Denne renere koden lar søkere av søkemotorer lese det faktiske innholdet.

Anbefalt: