5 gratis HTML-sjablonen om snel snelle websites te maken

• Programming

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

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

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

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

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

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

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.