Advertentie

Of u nu een eigen bedrijf heeft of gewoon uzelf en uw vaardigheden wilt adverteren, het is belangrijk om een ​​website te hebben. Maar misschien heb je geen tijd om HTML te leren en wil je geen geld uitgeven aan dure webdesigndiensten.

Dan kunt u gebruik maken van onze gratis HTML-sjablonen. 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 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 je ze eerst downloaden. Om dit te doen, klik 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 Sparen.

Een alternatieve methode is om de sjabloon in uw browser te openen door op de link te klikken. Vervolgens

klik met de rechtermuisknop waar dan ook op de pagina en selecteer Bekijk paginabron. Dit toont u de HTML die voor de pagina is gebruikt. Je kunt dan slaan Ctrl + S om de sjabloon op uw computer op te slaan.

Ga nu naar de map waar je de sjabloon hebt opgeslagen. Klik met de rechtermuisknop op de sjabloon en kies Openen met selecteer vervolgens Kladblok. Dit opent de sjabloon als een tekstdocument. Hier kunt u de gewenste sjabloon wijzigen en opslaan.

Wanneer uw bewerkingen zijn aangebracht, zijn uw pagina's klaar om te hosten. Bekijk onze gids voor de beste gratis website-hostingservices De beste gratis website-hostingservices in 2019Dit zijn de beste gratis webhostingservices die veel bieden en een betere reputatie hebben dan de meeste. Lees verder om een ​​geschikte host te vinden en uw site kan in een mum van tijd online zijn.

Deze sjabloon is bedoeld voor een eenvoudige startpagina, die voor uw persoonlijke of professionele website kan zijn. U kunt een portretafbeelding en tekst over uzelf en uw professionele prestaties toevoegen.

Je kunt deze sjabloon ook gebruiken voor elk ander soort op tekst gebaseerde inhoud, zoals informatie over een hobby of onderwerp dat je 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 je ziet, kun je meer te weten komen basis HTML-code begrijpen 5 stappen om Basic HTML Code te begrijpenHTML is de ruggengraat van elke webpagina. Als je een beginner bent, laten we je door de basisstappen leiden om HTML te begrijpen. Lees verder .

Wijzig de paginatitel

Het eerste dat moet worden gewijzigd, is de titel. Dit is de tekst die bovenaan het tabblad verschijnt wanneer u de pagina opent. Om dit te veranderen, zoek de sectie:

Verander nu de tekst binnen de

Verander de afbeelding

De sjabloon wordt geleverd met het MakeUseOf-logo als voorbeeld. U kunt deze afbeelding wijzigen in wat u maar wilt. Een vierkante afbeelding ziet er het beste uit, maar u kunt desgewenst ook een rechthoekige afbeelding gebruiken. Zoek deze regel om de afbeelding te wijzigen:

Verander nu "muo-logo.jpg" naar de URL voor je afbeelding.

Verander de tekst

Nu hoeft u alleen de tekst toe te voegen die u voor de pagina wilt. Zoek hiervoor de alineatags. Dit zijn

aan het begin en

op het eind.

Kopieer en plak de gewenste tekst tussen deze alinatags. Aan het einde van elke alinea wordt automatisch een spatie toegevoegd. Om meer alinea's toe te voegen, voegt u gewoon een andere set toe tags met tekst erin.

U kunt ook de kop bovenaan de tekst wijzigen. Zoek de regel om dit te wijzigen:

Over mij

En verander de "Over mij" tekst in wat je maar wilt.

Deze sjabloon is een gemakkelijke manier om al uw sociale mediasites te linken. U kunt dit gebruiken als een bestemmingspagina die verwijst naar alle andere sites waar u online te vinden bent.

Wijzig de links naar sociale media

U moet de links en naam voor elk social media-account wijzigen. Om dit te doen, begint u met het Twitter-account. Zoek deze regel:

Twitter:@John Smith

Hier moeten twee dingen worden veranderd. Wijzig eerst de link http://twitter.com/johnsmith naar de link voor je Twitter-account. Ten tweede, verander het handvat @JohnSmith in je handvat.

Doe nu hetzelfde met de andere sociale mediasites.

Als er een site is die u niet gebruikt, bijvoorbeeld als u geen Tumblr-account heeft, verwijdert u gewoon dit gedeelte van de sjabloon:

Tumblr:John Smith

Wijzig de kop en titel

Net als de over mij-sjabloon, kunt u de kop en titel wijzigen door de tekst in de te wijzigen tags en de tags.

Deze pagina is een manier waarop mensen contact met u kunnen opnemen zonder dat ze u een e-mail hoeven te sturen. Het formulier neemt de informatie die erin is ingevoerd en stuurt deze automatisch naar uw e-mailadres. Het is een gemakkelijke manier voor sitebezoekers 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 [email protected] naar je e-mailadres. Dit werkt met elke e-mailprovider en u ontvangt een e-mail met alle opmerkingen die door sitebezoekers in het formulier zijn ingevoerd.

Wijzig de tekst, kop en titel

Ook hier kunt u de tekst die op deze pagina verschijnt wijzigen. Om de tekst te wijzigen, hoeft u alleen maar te bewerken wat tussen die tijd verschijnt tags. Wijzig de tekst tussen de tags. Om de titel te veranderen, verander de tekst tussen de tags.

Wanneer u een startpagina voor uw bedrijf maakt, wilt u alle belangrijke informatie op één plek hebben. Daar is deze sjabloon voor.

Wijzig de sectietitels

Zoek naar deze regels om de titel van elke sectie te wijzigen:

Over ons
Onze missie
Onze diensten
Onze klanten

Verander nu de titel van deze secties in 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 naar een alinea die als volgt begint:

Lorem ipsum dolor sit amet... 

Verander nu de tekst binnen de

en

tags om te zeggen wat je maar wilt.

Verander de afbeelding

De sjabloon bevat onder aan de pagina een ruimte voor een afbeelding. Zoek deze regel om de afbeelding te wijzigen:

Verander nu de URL "muo-logo.jpg" in de URL voor de afbeelding die u wilt gebruiken.

Wanneer u een bedrijf runt, is het belangrijk om getuigenissen van klanten beschikbaar te maken. Dit laat potentiële nieuwe klanten zien dat andere mensen uw bedrijf hebben gebruikt en een goede ervaring hebben gehad.

Met deze sjabloon kunt u uw beste klantrecensies laten zien.

Klantgegevens toevoegen

Om beoordelingen aan deze pagina toe te voegen, moet u eerst de klantgegevens toevoegen. Zoek hiervoor dit gedeelte voor de eerste recensie die u wilt toevoegen:

Klantnaam: John Smith. 

Klantenzaken: Smith's benodigdheden

Verander nu gewoon "John Smith" in de naam van de klant en verander "Smith’s Supplies" in de bedrijfsnaam van de klant.

Klantrecensies toevoegen

Om de recensie zelf toe te voegen, kijkt u onder de klantgegevens 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.

Voeg meer beoordelingen toe

Om meer beoordelingen toe te voegen dan de drie op de sjabloon, kopieert u het hele blok dat begint met

en eindigend op

. Plak dit onder de huidige beoordelingen en bewerk 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 bewerken om aan uw behoeften te voldoen, of er meerdere gebruiken en ze aan elkaar koppelen om een ​​complete site te maken.

Als u uw website naar een hoger niveau wilt tillen, kunt u leren hoe u uw eigen website helemaal opnieuw kunt maken. Ontdekken hoe je een website maakt voor beginners Hoe een website te maken: voor beginnersVandaag zal ik je begeleiden bij het maken van een complete website vanaf nul. Maak je geen zorgen als dit moeilijk klinkt. Ik zal je er bij elke stap doorheen begeleiden. Lees verder meer leren.