Annons

Oavsett om du driver ditt eget företag eller om du helt enkelt vill marknadsföra dig själv och dina färdigheter är det viktigt att ha en webbplats. Men kanske har du inte tid att lära dig HTML och vill inte spendera pengar på dyra webbdesigntjänster.

I så fall kan du använda våra gratis HTML-mallar. Vi har skapat enkla mallar som du kan anpassa till dina egna behov för att skapa en enkel webbplats. Vi har också inkluderat instruktioner så att du kan använda mallarna även om du är en nybörjare med HTML.

Hur man använder mallarna

Du kan förhandsgranska varje mall genom att klicka på länken i titeln. Men för att redigera och använda mallarna själv måste du först ladda ner dem. Att göra detta, Högerklicka på titeln på varje mall och välj Spara länk som…. Välj sedan en mapp för att spara mallen och tryck Spara.

En alternativ metod är att öppna mallen i din webbläsare genom att klicka på länken. Sedan Högerklicka var som helst på sidan och välj Visa sidans källa. Detta visar dig HTML som används för sidan. Du kan sedan slå Ctrl + S för att spara mallen på din dator.

instagram viewer

Gå nu till mappen där du sparat mallen. Högerklicka på mallen och välj Öppna med välj sedan Anteckningar. Detta öppnar mallen som ett textdokument. Här kan du göra ändringar i den mall du vill spara.

När dina redigeringar görs är dina sidor redo att vara värd. Kolla in vår guide till bästa gratis webbhotelltjänster De bästa gratis webbhotelltjänsterna 2019Här är de bästa gratis webbhotelltjänsterna som erbjuder mycket och har ett bättre rykte än de flesta. Läs mer att hitta en lämplig värd och din webbplats kan vara online på kort tid.

Webbplatsmallar - Om mig

Denna mall är för en enkel hemsida, som kan vara för din personliga eller professionella webbplats. Du kan lägga till en porträttbild och text om dig själv och dina professionella prestationer.

Du kan också använda den här mallen för alla andra typer av textbaserat innehåll, till exempel information om en hobby eller ämne som du vill dela.

För att anpassa mallen öppnar du först HTML-filen i en textredigerare som Notepad eller WordPad. För att förstå vad du ser kan du lära dig om förstå grundläggande HTML-kod 5 steg för att förstå grundläggande HTML-kodHTML är ryggraden på varje webbsida. Om du är nybörjare, låt oss leda dig genom de grundläggande stegen för att förstå HTML. Läs mer .

Ändra sidans titel

Den första saken att ändra är titeln. Detta är texten som visas högst upp på fliken när du öppnar sidan. För att ändra detta, hitta avsnittet:

John Smith - Om mig

Ändra nu texten inuti

taggar för att säga vad du vill.

Ändra bilden

Mallen levereras med MakeUseOf-logotypen som exempel. Du kan ändra den här bilden till vad du vill. En fyrkantig bild ser bäst ut, men du kan också använda en rektangulär bild om du föredrar. För att ändra bilden, hitta den här raden:

Ändra nu “muo-logo.jpg” till URL: en för din bild.

Ändra texten

Nu måste du bara lägga till den text du vill ha på sidan. För att göra detta, hitta avsnittet taggar. Dessa är

i början och

i slutet.

Kopiera och klistra in texten du vill ha mellan dessa stycketaggar. Det kommer automatiskt att läggas till ett utrymme i slutet av varje stycke. För att lägga till fler stycken, lägg bara till en ny uppsättning taggar med text inuti.

Du kan också ändra rubriken högst upp i texten. För att ändra detta, hitta raden:

Om mig

Och ändra texten "Om mig" till vad du vill.

Webbplatsmallar - Var hittar jag mig

Den här mallen är ett enkelt sätt att länka alla dina sociala mediesajter. Du kan använda det här som en målsida som pekar på alla andra webbplatser där du hittar online.

Ändra länkarna till sociala medier

Du måste ändra länkarna och namnet för varje socialt mediekonto. För att göra detta, börja med Twitter-kontot. Hitta den här raden:



Twitter:@JohnSmith

Det är två saker att ändra här. Först ändra länken http://twitter.com/johnsmith till länken för ditt Twitter-konto. För det andra byter du handtaget @JohnSmith till ditt handtag.

Gör nu samma sak med de andra sociala mediewebbplatserna.

Om det finns en webbplats du inte använder, till exempel om du inte har ett Tumblr-konto, ska du bara ta bort det här avsnittet i mallen:



tumblr:johnsmith


Ändra rubrik och titel

Liksom mallen om mig kan du ändra rubrik och titel genom att ändra texten inuti taggar och taggar.

Webbplatsmallar - Kontakta mig

Denna sida är ett sätt för människor att kontakta dig utan att de behöver skicka e-post till dig. Formuläret tar informationen in i den och skickar den automatiskt till din e-postadress. Det är ett enkelt sätt för besökare att komma i kontakt med dig.

Ändra din e-postadress

För att formuläret ska fungera måste du ändra en rad i mallen:

Här ändrar du [email protected] till din e-postadress. Det här fungerar med alla e-postleverantörer och du kommer att få ett e-postmeddelande med kommentarer som anges i formuläret av webbplatsbesökare.

Ändra text, rubrik och titel

Återigen kan du också ändra texten som visas på den här sidan. För att ändra texten, redigera bara vad som visas mellan då taggar. Om du vill ändra rubriken ändrar du texten mellan taggar. Om du vill ändra titeln ändrar du texten mellan taggar.

Webbplatsmallar - Företagets hemsida

När du skapar en hemsida för ditt företag vill du ha all nyckelinformation på ett ställe. Det är vad den här mallen är avsedd för.

Ändra avsnittstitlar

För att ändra titeln på varje avsnitt, leta efter dessa rader:

Om oss

Vårt uppdrag

Våra tjänster

Våra kunder

Ändra nu dessa avsnittstitel till vad du vill genom att redigera texten mellan

och

taggar.

Ändra avsnittets innehåll

För att ändra texten som visas under varje titel, leta efter ett stycke som börjar enligt följande:

Lorem ipsum dolor sit amet...

Ändra nu texten inuti

och

taggar för att säga vad du vill.

Ändra bilden

Mallen innehåller ett utrymme för en bild längst ner på sidan. För att ändra bilden, hitta den här raden:

Ändra nu URL: en "muo-logo.jpg" till URL: n för den bild du vill använda.

Webbplatsmallar - Företagsöversikt

När du driver ett företag är det viktigt att göra kundbedömningar tillgängliga. Detta visar potentiella nya kunder som andra människor har använt ditt företag och haft en bra upplevelse.

Den här mallen låter dig visa upp dina bästa kundrecensioner.

Lägga till kundinformation

För att lägga till recensioner på den här sidan måste du först lägga till kundinformationen. För att göra detta, leta efter det här avsnittet för den första recensionen du vill lägga till:

Köparens namn: John Smith. 

Kundföretag: Smith's Supplies

Ändra nu bara "John Smith" till kundens namn och ändra "Smith's Supplies" till kundens företagsnamn.

Lägga till kundrecensioner

För att lägga till själva recensionen, titta under kundinformationen och hitta detta avsnitt som börjar enligt följande:

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ta bort den här texten och ersätt den med kundrecensionen.

Lägg till fler recensioner

För att lägga till fler recensioner än de tre på mallen, kopiera hela blocket som börjar med

och slutar med

. Klistra in det här under de aktuella recensionerna och redigera för att lägga till fler recensioner.

Skapa en webbplats snabbt med HTML-mallar

Med dessa mallar kan du snabbt och enkelt skapa en personlig eller professionell webbsida. Du kan redigera varje mall för att passa dina behov, eller använda flera och länka dem tillsammans för att skapa en komplett webbplats.

Om du vill ta din webbplats till nästa nivå kan du lära dig att skapa din egen webbplats från grunden. Ta reda på hur man gör en webbplats för nybörjare Hur man skapar en webbplats: för nybörjareIdag guidar jag dig genom att skapa en komplett webbplats från grunden. Oroa dig inte om det låter svårt. Jag leder dig igenom det varje steg på vägen. Läs mer att lära sig mer.

Georgina är en vetenskaps- och teknikförfattare som bor i Berlin och har en doktorsexamen i psykologi. När hon inte skriver är hon vanligtvis att hitta på sin PC eller cykla, och du kan se mer av hennes skrivande på georginatorbet.com.