Hvordan bruke HTML & CCS

Hvordan bruke HTML & CCS


HTML (eller Hyper Text Markup Language) er en Internett-språket som brukes i å lage websider. En webdesigner må være godt bevandret i HTML for å lage nettsiden layout som han eller hun ønsker å vises på skjermen for seerne. HTML kan opprettes i en ren tekst-fil, men det er mange programmer som Microsoft Frontpage som vil organisere koden for deg. En annen populær internett språket er CSS, eller Cascading Style Sheets. Hvis du har en nettside med flere elementer, Cascading Style Sheets bidra til å opprettholde kontinuiteten i HTML-koden på nettstedet ditt, samt gjøre det enklere for deg å lage nye nettsider i fremtiden.

Bruksanvisning

1 Åpne et tekstdokument i Microsoft Word, Notepad eller annen tekstredigering program. Gi navn til filen "index.html" hvis det er din første nettside.

2 Skriv inn <HTML> øverst i dokumentet. Dette vil starte HTML-koden.

3 Type <TITLE> og </ TITLE> neste, etter <HTML> tag. Hvis du ønsker at nettstedet skal vise en tittel i den blå linjen på toppen av nettleseren din, skrive noe mellom titler, for eksempel. <TITLE> Dette er min første nettside </ TITLE>

4 Bestem hvilken farge du vil at bakgrunnen for nettstedet ditt for å være. I HTML er hver farge assosiert med en seks-sifret nummer. For eksempel i HTML, er fargen svart kjent som "# 000000". Se Resources nedenfor for å lære om HTML bakgrunnskoder og hvordan du kan bruke dem til å lage den bakgrunnen du ønsker. For eksempel plassere følgende kode <body bgcolor = "# 000000"> etter </ TITLE> kode, og nettstedet vil ha en svart bakgrunn.

5 Finn ut hvilken tekstfarge du ønsker å bruke på ditt nettsted. Sjekk Resources nedenfor for å klippe og lime tekst koder i tekstfilen og tilpasse dem. Sørg for å plassere din generelle teksten valgene i hodet av HTML-dokumentet, rett etter din bakgrunn fargekode. For eksempel <body bgcolor = "# 000000" text = "# FFFFFF"> vil gi deg hvit tekst på svart bakgrunn.

6 Bruk egne koder for å gjøre midlertidige tekstendringer i kroppen (etter din siste tag) av HTML-dokumentet ved hjelp av koder som <b> for fet og <i> for kursiv. Lukk alltid koden ved å skrive </ b> eller </ i> etter teksten du ønsker å forandre.

7 Velg hvor du ønsker bilder og lenker i teksten i HTML nettside. For et bilde, bruk <img src = "http://www.your-website-name.com/name-of-picture.jpg"> legge inn bildet på ditt nettsted. Du kan bruke koder som <center> til å plassere bilder eller tekst i sentrum. Hvis du vil koble bildet, bruker <a href="http://www.your-link.com"> før bildet koden og </a> etter bildet koden. Sørg for å lukke plassering koden ved å skrive </ center> etter den markerte teksten eller bildet.

8 Bruk CSS hvis du ønsker din bakgrunn og tekst for å holde seg konstant for hver side av nettstedet du gjør. I stedet for å plassere HTML-koder i hodet (øverst) på siden, bruker CSS-koder i stedet. CSS koder er utfordrende å skrive og synkronisere til nettstedet ditt, men stilark anbefalingene som er satt av World Wide Web Consortium (eller W3C) er et godt utgangspunkt. W3C har skapt en Core stil Sampler hvor du kan tilpasse CSS valg online; nettstedet vil gi deg koden, og du kan kopiere det inn i kroppen på ditt nettsted. For en nybegynner, er dette den beste måten å utnytte CSS. W3C Core stil Sampler kan bli funnet i Resources.

9 Avslutt nettside ved hjelp av </ HTML> tag. Dette betyr at du er ferdig med å bruke HTML og CSS.

10 Lagre filen og laste den opp til webserveren din. Hvis du er i behov av en server, Google og Yahoo begge tilbyr gratis webhotell der du kan laste opp din nettside.

Hint

  • HTML og CSS kan være komplisert-denne artikkelen er rett og slett en tutorial på hvordan du får din første nettside i gang.
  • For mer avanserte HTML og CSS kommandoer under opplæringen nettstedene nedenfor eller få en bok om HTML og CSS.