5 gratis HTML-mallar för att enkelt skapa snabba webbplatser
Annons
Oavsett om du driver ditt eget företag eller om du bara vill marknadsföra dig själv och dina kunskaper ä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. För att göra detta högerklickar du på titeln på varje mall och väljer Spara länk som .... Välj sedan en mapp för att spara mallen och tryck på Spara .
En alternativ metod är att öppna mallen i din webbläsare genom att klicka på länken. Högerklicka sedan var som helst på sidan och välj Visa sidkä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.
Gå nu till mappen där du sparat mallen. Högerklicka på mallen och välj Öppna med och välj sedan Anteckningsblock. Detta öppnar mallen som ett textdokument. Här kan du göra ändringar i den mall du vill och sedan spara.
När dina redigeringar görs är dina sidor redo att vara värd. Kolla in vår guide till de bästa gratis webbhotelltjänsterna De bästa gratis webbhotelltjänsterna 2019 De bästa gratis webbhotelltjänsterna 2019 Här är de bästa gratis webbhotelltjänsterna som erbjuder mycket och har ett bättre rykte än de flesta. Läs mer för att hitta en lämplig värd och din webbplats kan vara online på kort tid.
1. Om mig mall
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 något annat 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 att förstå grundläggande HTML-kod 5 steg för att förstå grundläggande HTML-kod 5 Steg för att förstå grundläggande HTML-kod HTML ä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 i taggarna 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 "img / programmering / 843/5-free-html-mallar-enkelt-skapa-snabb-webbplatser-2.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.
2. Var hittar jag mall
Den här mallen är ett enkelt sätt att länka alla dina sociala mediesajter. Du kan använda detta 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örjar du 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 mediesidorna.
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.3. Kontakta mig mall
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 till din e-postadress. Det här fungerar med alla e-postleverantörer och du får ett e-postmeddelande med kommentarer som angetts i formuläret av besökare på webbplatsen.
Ändra text, rubrik och titel
Återigen kan du också ändra texten som visas på den här sidan. För att ändra texten, bara redigera 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 taggarna.4. Mall för 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 "img / programmering / 843/5-free-html-mallar-enkelt-skapa-snabb-webbplatser-2.jpg" till URL: en för den bild du vill använda.
5. Mall för affärsö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:
Kundnamn: John Smith
Kundaffär: 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 skapar en webbplats för nybörjare Hur man skapar en webbplats: För nybörjare Hur man skapar en webbplats: För nybörjare Idag guidar jag dig genom processen 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 för att lära dig mer.
Utforska mer om: HTML, webbutveckling.
