Hvordan bygge en enkel Web Site

Hvordan bygge en enkel Web Site


Nettsteder kan være komplisert eller ganske enkel. Mens komplekse nettsteder har sin plass på nettet, enkle nettsteder er mer enkelt og raskt opprettet og kan tiltrekke seg like mye oppmerksomhet. Enkle nettsteder kan presentere innhold på en klar og umiskjennelig måte, viser en klar melding og åpenbare motivet, om motivet være produktet du tilbyr eller meldingen du ønsker å formidle.

Bruksanvisning

1 Utforme en plan for ditt nettsted. Skisser utformingen av nettstedet ditt på et stykke papir for å hjelpe deg å bli gravid den enkleste, mest lett navigert nettsted mulig. Alt innhold skal være tilgjengelig i tre klikk (den "Tre-Click Rule") for å bidra til å oppnå dette målet.

2 Åpne et HTML- eller tekstredigeringsprogram. En enkel tekst editor som Notisblokk vil hjelpe deg å lære ved å kreve hvert element for å være skrevet for hånd, mens en HTML-editor vil gjøre skrive HTML raskere og enklere.

3 Lag skjelettet av nettstedet ditt med alle nødvendige elementer. Dette inkluderer <html>, <head>, <body> og <title> (nødvendig for søkemotorresultater) tags, samt eventuelle andre elementer som er nødvendige for siden din, for eksempel <p> for å lage avsnitt, <a> å lage koblinger og <img> for å inkludere bilder. Alle åpning tags bør suppleres med en avsluttende koden. Her er et eksempel:

<Html>
<Head>
<Title> Min webside </ title>
</ Head>
<Body>

<H1> My First Heading </ h1>

<P> Skriv tekst i dette avsnittet for å lage et avsnitt. </ P>

<a href="This" rel="nofollow" target="_blank"> http:. //www.example.com&quot;> Dette er en link til et eksempel side på nettet </a>

<P> Nedenfor er et lite bilde. </ P>

<Img src = "a_picture.jpg" width = "250" height = "200" />

</ Body>
</ Html>

4 Inkluder stilelementer på siden din for å skape en mer estetisk tiltalende webside. Farge, tekstjustering og størrelser (blant annet) kan endres ved å skrive "style =" etterfulgt av ønsket stil i åpnings kodene i HTML-dokumentet. I det følgende modifiserte eksempel har bakgrunnsfarge og avsnittsskrifttype og farge er endret:

<Html>
<Head>
<Title> Min webside </ title>
</ Head>
<Body style = "background-color: grå">

<H1> My First Heading </ h1>

<P style = "font-family: Arial; color: green; font-size: 1.2em;">. Bruk denne delen til å skape et avsnitt </ p>

<a href="This" rel="nofollow" target="_blank"> http:. //www.example.com&quot;> Dette er en link til en ekstern nettside </a>

<P> Nedenfor er et lite bilde. Bildet skal lagres i samme katalog som HTML-dokument lagres i, eller pekte på den aktuelle mappen eller mappen (for eksempel "bilder / beach.JPG"). </ P>

<Img src = "beach.JPG" width = "250" height = "200" />

</ Body>
</ Html>

5 Lagre HTML-dokument med en ".html" eller ".htm" filtypen (for eksempel "example.htm"). Begge utvidelsene er like effektive; den "htm" filtype ble brukt da datamaskiner bare kunne håndtere utvidelser med tre bokstaver, men nå både utvidelser er trygge.

Hint

  • Mens du lager din nettside, åpne det i ulike nettlesere (høyreklikk, "Open med", "Firefox", for eksempel) for å se hvordan det ser ut i hver nettleser. Ikke alle nettlesere viser nettsider på samme måte.
  • Lær CSS for å lage et stilark som kan gjenbrukes med flere websider uten å måtte skrive hvert element.
  • Lær PHP til å omfatte flere funksjoner, for eksempel et kontaktskjema.
  • Hvis du ikke ønsker å bruke HTML, se inn hosting-tjenester som gir et nettsted bygge verktøy eller bruke en WYSIWYG program.