5 gratis HTML-maler for enkelt å lage raske nettsteder

• programmering

Annonse

Enten du driver din egen virksomhet eller bare ønsker å annonsere deg selv og ferdighetene dine, er det viktig å ha et nettsted. Men kanskje du ikke har tid til å lære HTML og ikke vil bruke penger på dyre webdesigntjenester.

I så fall kan du bruke våre gratis HTML-maler. Vi har laget enkle maler som du kan tilpasse til dine egne behov for å lage et enkelt nettsted. Vi har også tatt med instruksjoner, slik at du kan bruke malene selv om du er en nybegynner med HTML.

Slik bruker du malene

Du kan forhåndsvise hver mal ved å klikke på lenken i tittelen. Men for å redigere og bruke malene selv, må du først laste dem ned. For å gjøre dette, høyreklikk på tittelen på hver mal og velg Lagre kobling som… . Velg deretter en mappe for å lagre malen og trykk Lagre .

En alternativ metode er å åpne malen i nettleseren din ved å klikke på lenken. Høyreklikk deretter hvor som helst på siden og velg Vis sidekilde . Dette vil vise deg HTML-en som brukes på siden. Du kan deretter trykke på Ctrl + S for å lagre malen på datamaskinen din.

Gå nå til mappen der du lagret malen. Høyreklikk på malen og velg Åpne med og velg Notisblokk. Dette åpner malen som et tekstdokument. Her kan du gjøre endringer i malen du ønsker, og deretter lagre.

Når endringene er utført, er sidene dine klare til å være vertskap. Sjekk ut vår guide til de beste gratis webhotelltjenestene De beste gratis webvertstjenestene i 2019 De beste gratis webvertstjenestene i 2019 Her er de beste gratis webhotelltjenestene som tilbyr mye og har et bedre rykte enn de fleste. Les mer for å finne en passende vert, og nettstedet ditt kan være online på kort tid.

1. Om meg mal

Denne malen er for en enkel hjemmeside, som kan være for din personlige eller profesjonelle webside. Du kan legge til et portrettbilde og tekst om deg selv og dine profesjonelle prestasjoner.

Du kan også bruke denne malen til noe annet type tekstbasert innhold, for eksempel informasjon om en hobby eller emne du vil dele.

For å tilpasse malen, åpner du først HTML-filen i en tekstredigerer som Notisblokk eller WordPad. For å forstå hva du ser, kan du lære om å forstå grunnleggende HTML-kode 5 trinn for å forstå grunnleggende HTML-kode 5 Trinn for å forstå grunnleggende HTML-kode HTML er ryggraden på hver webside. Hvis du er nybegynner, la oss lede deg gjennom de grunnleggende trinnene for å forstå HTML. Les mer .

Endre sidetittelen

Den første tingen å endre er tittelen. Dette er teksten som vises øverst på fanen når du åpner siden. For å endre dette, finn seksjonen:

 John Smith - Om meg 

Endre nå teksten i kodene for å si hva du vil.

Endre bildet

Malen kommer med MakeUseOf-logoen som eksempel. Du kan endre dette bildet til hva du vil. Et firkantet bilde ser best ut, men du kan også bruke et rektangulært bilde hvis du foretrekker det. For å endre bildet, finn denne linjen:

Endre nå “img / programmering / 843/5-free-html-templates-Easy-create-quick-websites-2.jpg” til URL-en for bildet ditt.

Endre teksten

Nå må du bare legge til teksten du vil ha på siden. For å gjøre dette, finn avsnittkodene. Disse er

i starten og

Kopier og lim inn teksten du vil ha mellom disse avsnittstaggene. Det blir automatisk plassert på slutten av hvert avsnitt. For å legge til flere avsnitt, bare legg til et annet sett med koder med tekst inne.

Du kan også endre overskriften øverst i teksten. For å endre dette, finn linjen:

 Om meg 

Og endre teksten "Om meg" til hva du vil.

2. Hvor du finner meg mal

Denne malen er en enkel måte å knytte sammen alle sosiale mediasider. Du kan bruke dette som en destinasjonsside som peker til alle de andre nettstedene der du finner online.

Endre koblinger for sosiale medier

Du må endre koblinger og navn for hver sosiale mediekonto. For å gjøre dette, start med Twitter-kontoen. Finn denne linjen:

Twitter: @JohnSmith 

Det er to ting å endre her. Først må du endre lenken http://twitter.com/johnsmith til lenken for Twitter-kontoen din. Dernest bytter du håndtaket @JohnSmith til håndtaket.

Gjør nå det samme med de andre sosiale mediesidene.

Hvis det er et nettsted du ikke bruker, for eksempel hvis du ikke har en Tumblr-konto, er det bare å slette denne delen av malen:

Tumblr: johnsmith 

Endre overskrift og tittel

I likhet med malen om meg, kan du endre overskriften og tittelen ved å endre teksten i

3. Kontakt meg mal

Denne siden er en måte for folk å kontakte deg på uten at de trenger å sende deg en e-post. Skjemaet tar informasjonen du har lagt inn, og sender den automatisk til din e-postadresse. Det er en enkel måte for besøkende å komme i kontakt med deg.

Endre e-postadressen din

For å få skjemaet til å fungere, må du endre en linje i malen:

Her endrer du til e-postadressen din. Dette vil fungere med alle e-postleverandører, og du vil motta en e-post med kommentarer som ble lagt inn i skjemaet av besøkende.

Endre tekst, overskrift og tittel

Nok en gang kan du endre teksten som vises på denne siden. For å endre teksten, rediger bare det som vises mellom kodene. Hvis du vil endre overskriften, endrer du teksten mellom

4. Business hjemmeside mal

Når du oppretter en hjemmeside for bedriften din, vil du ha all nøkkelinformasjonen på ett sted. Det er det denne malen er til.

Endre seksjonstitlene

For å endre tittelen på hver seksjon, se etter disse linjene:

 Om oss 
 Vårt oppdrag 
 Våre tjenester 
 Våre kunder 

Endre nå denne seksjonens tittel til hva du vil ved å redigere teksten mellom

og

Endre seksjonens innhold

Hvis du vil endre teksten som vises under hver tittel, ser du etter et avsnitt som begynner som følger:

Lorem ipsum dolor sit amet ...

Endre nå teksten i

og

Endre bildet

Malen inneholder et mellomrom for et bilde nederst på siden. For å endre bildet, finn denne linjen:

Endre nå URL-en “img / programmering / 843/5-free-html-templates-easy-create-quick-websites-2.jpg” til URL-en for bildet du vil bruke.

5. Side mal for virksomhetsgjennomgang

Når du driver en virksomhet, er det viktig å gi kundevurderinger tilgjengelig. Dette viser potensielle nye kunder som andre mennesker har brukt virksomheten din og hatt en god opplevelse.

Denne malen lar deg vise frem dine beste kundevurderinger.

Legge til kundeinformasjon

For å legge til anmeldelser på denne siden, må du først legge til kundeinformasjonen. For å gjøre dette, se etter denne delen for den første vurderingen du vil legge til:

 Kundenavn: John Smith 

Kundevirksomhet: Smith's Supplies 

Endre bare "John Smith" til kundens navn og endre "Smith's Supplies" til kundens virksomhetsnavn.

Legger til kundevurderinger

Hvis du vil legge til selve anmeldelsen, kan du se under kundeinformasjonen og finne dette avsnittet som begynner som følger:

 Lorem ipsum dolor sit amet, consectetur adipiscing elit 

Slett nå denne teksten og erstatt den med kundeanmeldelsen.

Legg til flere anmeldelser

Hvis du vil legge til flere anmeldelser enn de tre på malen, kopier du hele blokken som begynner med

og slutter med

Opprett et nettsted raskt med HTML-maler

Disse malene lar deg raskt og enkelt lage en personlig eller profesjonell webside. Du kan redigere hver mal for å passe dine behov, eller bruke flere og koble dem sammen for å lage et komplett nettsted.

Hvis du vil ta nettstedet ditt til neste nivå, kan du lære hvordan du lager din egen webside fra bunnen av. Finn ut hvordan du lager et nettsted for nybegynnere Hvordan lage et nettsted: For nybegynnere Hvordan lage et nettsted: For nybegynnere I dag vil jeg veilede deg gjennom prosessen med å lage et komplett nettsted fra bunnen av. Ikke bekymre deg hvis dette høres vanskelig ut. Jeg vil guide deg gjennom det hvert trinn på veien. Les mer for å lære mer.

Utforsk mer om: HTML, Webutvikling.