5 gratis HTML-sjablonen om snel snelle websites te maken
Advertentie
Of u nu een eigen bedrijf runt of gewoon wilt adverteren voor uzelf en uw vaardigheden, het is belangrijk om een website te hebben. Maar misschien hebt u geen tijd om HTML te leren en wilt u geen geld uitgeven aan dure webontwerpdiensten.
In dat geval kunt u onze gratis HTML-sjablonen gebruiken. We hebben eenvoudige sjablonen gemaakt die u kunt aanpassen aan uw eigen behoeften om een eenvoudige website te maken. We hebben ook instructies toegevoegd, zodat u de sjablonen kunt gebruiken, zelfs als u een totale beginner bent met HTML.
Hoe de sjablonen te gebruiken
U kunt een voorbeeld van elke sjabloon bekijken door op de link in de titel te klikken. Maar om de sjablonen zelf te bewerken en te gebruiken, moet u ze eerst downloaden. Klik hiertoe met de rechtermuisknop op de titel van elke sjabloon en kies Link opslaan als .... Selecteer vervolgens een map om de sjabloon op te slaan en druk op Opslaan .
Een alternatieve methode is om de sjabloon in uw browser te openen door op de link te klikken. Klik vervolgens met de rechtermuisknop ergens op de pagina en selecteer Paginabron bekijken . Hiermee wordt de HTML weergegeven die voor de pagina is gebruikt. U kunt vervolgens op Ctrl + S drukken om de sjabloon op uw computer op te slaan.
Ga nu naar de map waarin u de sjabloon hebt opgeslagen. Klik met de rechtermuisknop op de sjabloon en kies Openen met en selecteer vervolgens Kladblok. Dit opent de sjabloon als een tekstdocument. Hier kunt u de gewenste sjabloon wijzigen en vervolgens opslaan.
Wanneer uw wijzigingen zijn aangebracht, zijn uw pagina's klaar om te worden gehost. Bekijk onze gids voor de beste gratis website-hostingdiensten De beste gratis website-hostingdiensten in 2019 De beste gratis website-hostingdiensten in 2019 Hier zijn de beste gratis web-hostingdiensten die veel bieden en een betere reputatie hebben dan de meeste. Lees meer om een geschikte host te vinden en uw site kan snel online zijn.
1. Over mij sjabloon
Deze sjabloon is bedoeld voor een eenvoudige startpagina, bijvoorbeeld voor uw persoonlijke of professionele website. U kunt een portretafbeelding en tekst over uzelf en uw professionele prestaties toevoegen.
U kunt deze sjabloon ook gebruiken voor elk ander type tekstinhoud, zoals informatie over een hobby of onderwerp dat u wilt delen.
Om de sjabloon aan te passen, opent u eerst het HTML-bestand in een teksteditor zoals Kladblok of WordPad. Om te begrijpen wat u ziet, kunt u meer te weten komen over het begrijpen van de basis-HTML-code 5 stappen om de basis-HTML-code te begrijpen 5 stappen om de basis-HTML-code te begrijpen HTML is de ruggengraat van elke webpagina. Als u een beginner bent, laat ons u de basisstappen doorlopen om HTML te begrijpen. Lees verder .
Wijzig de paginatitel
Het eerste dat moet veranderen, is de titel. Dit is de tekst die bovenaan het tabblad verschijnt wanneer u de pagina opent. Om dit te veranderen, zoek de sectie:
John Smith - Over mij
Wijzig nu de tekst in de tags om te zeggen wat u maar wilt.
Wijzig de afbeelding
De sjabloon wordt als voorbeeld geleverd met het MakeUseOf-logo. U kunt deze afbeelding wijzigen in wat u maar wilt. Een vierkante afbeelding ziet er het beste uit, maar u kunt ook een rechthoekige afbeelding gebruiken als u dat wilt. Ga naar deze regel om de afbeelding te wijzigen:
Verander nu "img / programming / 843/5-free-html-templates-easy-create-quick-websites-2.jpg" in de URL voor uw afbeelding.
Wijzig de tekst
Nu hoeft u alleen de gewenste tekst voor de pagina toe te voegen. Zoek hiervoor de alineatags. Dit zijn
aan het begin en
op het eind.Kopieer en plak de gewenste tekst tussen deze paragraaftags. Aan het einde van elke alinea wordt automatisch een spatie toegevoegd. Als u meer alinea's wilt toevoegen, voegt u gewoon een andere set tags met tekst erin toe.
U kunt ook de kop bovenaan de tekst wijzigen. Zoek de regel om dit te wijzigen:
Over mij
En wijzig de tekst 'Over mij' in wat u maar wilt.
2. Waar vind je een sjabloon
Deze sjabloon is een gemakkelijke manier om al uw sociale mediasites te koppelen. U kunt dit gebruiken als een bestemmingspagina die verwijst naar alle andere sites waar u online kunt worden gevonden.
Wijzig de koppelingen naar sociale media
U moet de links en de naam voor elk social media-account wijzigen. Begin hiertoe met het Twitter-account. Zoek deze regel:
Twitter: @JohnSmith
Er zijn hier twee dingen te veranderen. Wijzig eerst de link http://twitter.com/johnsmith in de link voor uw Twitter-account. Ten tweede, verander het handvat @JohnSmith in uw handvat.
Doe nu hetzelfde met de andere sociale mediasites.
Als er een site is die u niet gebruikt, bijvoorbeeld als u geen Tumblr-account hebt, verwijdert u gewoon dit gedeelte van de sjabloon:
Tumblr: Johnsmith
Wijzig de kop en titel
Net als de over mij-sjabloon, kunt u de kop en titel wijzigen door de tekst in de
tags en de tags.3. Neem contact met mij op
Op deze pagina kunnen mensen contact met u opnemen zonder dat ze u hoeven te e-mailen. Het formulier neemt de ingevoerde informatie en stuurt deze automatisch naar uw e-mailadres. Het is een gemakkelijke manier voor bezoekers van de site om contact met u op te nemen.
Verander je e-mailadres
Om het formulier te laten werken, moet u één regel in de sjabloon wijzigen:
Hier verander je in je e-mailadres. Dit werkt met elke e-mailprovider en u ontvangt een e-mail met alle opmerkingen die bezoekers van de site in het formulier hebben gemaakt.
Wijzig de tekst, kop en titel
Nogmaals, u kunt ook de tekst op deze pagina wijzigen. Als u de tekst wilt wijzigen, bewerkt u gewoon wat er verschijnt tussen de tags. Als u de kop wilt wijzigen, wijzigt u de tekst tussen de
-tags. Wijzig de tekst tussen de tags om de titel te wijzigen.4. Sjabloon voor zakelijke startpagina
Wanneer u een startpagina voor uw bedrijf maakt, wilt u alle belangrijke informatie op één plaats hebben. Daar is deze sjabloon voor.
Wijzig de sectietitels
Zoek de volgende regels om de titel van elke sectie te wijzigen:
Over ons
Onze missie
Onze diensten
Onze klanten
Verander nu de titel van deze secties naar wat u maar wilt door de tekst tussen de te bewerken
en
-tags.Wijzig de sectie-inhoud
Als u de tekst onder elke titel wilt wijzigen, zoekt u een alinea die als volgt begint:
Lorem ipsum dolor sit amet...
Verander nu de tekst in de
en
tags om te zeggen wat je maar wilt.Wijzig de afbeelding
De sjabloon bevat een ruimte voor een afbeelding onderaan de pagina. Ga naar deze regel om de afbeelding te wijzigen:
Verander nu de URL "img / programming / 843/5-free-html-templates-easy-create-quick-websites-2.jpg" in de URL voor de afbeelding die u wilt gebruiken.
5. Sjabloon voor bedrijfspagina's
Wanneer u een bedrijf runt, is het belangrijk om getuigenissen van klanten beschikbaar te stellen. Dit toont potentiële nieuwe klanten dat andere mensen uw bedrijf hebben gebruikt en een goede ervaring hebben gehad.
Met deze sjabloon kunt u pronken met uw beste klantbeoordelingen.
Klantinformatie toevoegen
Om beoordelingen aan deze pagina toe te voegen, moet u eerst de klantinformatie toevoegen. Kijk hiervoor in dit gedeelte voor de eerste review die u wilt toevoegen:
Klantnaam: John Smith
Klantenservice: Smith's Supplies
Verander nu eenvoudig "John Smith" in de naam van de klant en verander "Smith's Supplies" in de bedrijfsnaam van de klant.
Klantrecensies toevoegen
Als u de beoordeling zelf wilt toevoegen, kijkt u onder de klantinformatie en vindt u deze paragraaf die als volgt begint:
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Verwijder nu deze tekst en vervang deze door de klantbeoordeling.
Meer beoordelingen toevoegen
Kopieer het hele blok om te beginnen met meer beoordelingen dan de drie op de sjabloon
en eindigend met
. Plak dit onder de huidige beoordelingen en bewerk het om meer beoordelingen toe te voegen.Maak snel een website met HTML-sjablonen
Met deze sjablonen kunt u snel en gemakkelijk een persoonlijke of professionele webpagina maken. U kunt elke sjabloon aanpassen aan uw behoeften, of meerdere gebruiken en ze aan elkaar koppelen om een complete site te maken.
Als u uw website naar het volgende niveau wilt brengen, kunt u leren hoe u uw eigen website helemaal opnieuw kunt maken. Ontdek hoe je een website voor beginners maakt. Hoe maak je een website: voor beginners. Hoe maak je een website: voor beginners. Vandaag zal ik je door het proces leiden om een complete website helemaal opnieuw te maken. Maak je geen zorgen als dit moeilijk klinkt. Ik zal je er elke stap doorheen begeleiden. Lees meer voor meer informatie.
Ontdek meer over: HTML, Web Development.
