Share
Er zijn tal van manieren om uw persoonlijke cv-website te maken.
U kunt een van de vele websitebouwers gebruiken of u kunt kiezen voor een CMS zoals WordPress, Drupal of iets dergelijks. Je kunt ook een professionele ontwikkelaar inhuren om er een voor je te maken.
Met zoveel keuzes kan het moeilijk zijn om te weten waar te beginnen. Om de zaken nog gecompliceerder te maken, wordt elk van deze opties geleverd met een verschillende set voor- en nadelen, om nog maar te zwijgen over de moeilijkheidsgraad of het prijskaartje..
Maar er is nog een geweldige manier om uw persoonlijke site in een redelijke tijd te maken. En dat is door een HTML-resumesjabloon te gebruiken. Ze zijn eenvoudig te gebruiken en te uploaden naar uw hosting server.
Hier zijn enkele van de beste (om snel door te bladeren voordat je verder leest):
Bovendien is de code achter een professioneel cv-sjabloon voor cv's veel minder ingewikkeld voor een beginneling om op te halen dan de meer complexe programmeertalen die worden gebruikt in inhoudbeheersystemen.
In dit deel van de reeks Een groot persoonlijk huidexemplaar maken, lopen we door het eenvoudige proces van het wijzigen en uploaden van een hertml-coursjabloon.
Volg deze workflow om uw cv-website te maken en deze aan uw persoonlijke merk aan te passen, zodat u uw site in een mum van tijd kunt lanceren.
Voordat we aan de slag gaan met het wijzigen van de sitesjabloon, laten we u de hulpprogramma's bespreken die u nodig hebt om uw HTML-hervattingswebsite in gebruik te nemen:
De aanschaf van de domeinnaam voor uw site is slechts de eerste stap op uw reis. Je hebt ook een hostingserver nodig waarop je de bestanden voor je website uploadt. Het vinden van het juiste hostingbedrijf is niet eenvoudig, vooral omdat er zoveel zijn. De meeste hostingproviders bieden standaard hostingpakketten aan tussen $ 5 en $ 10 per maand. Sommige bedrijven bieden onbeperkte bandbreedte en ruimte, terwijl anderen beperktere plannen aanbieden.
Het belangrijkste om in gedachten te houden is dat bijna alle hostingproviders HTML-sjablonen ondersteunen. Wanneer u op zoek bent naar een hostingbedrijf, lees dan hun veelgestelde vragen door en zorg ervoor dat het bedrijf klantenondersteuning biedt, mocht u hulp nodig hebben met uw website. Je zou ook een beetje onderzoek moeten doen en de beoordelingen van een bepaalde host op onafhankelijke websites moeten lezen om te zien hoe tevreden hun klanten zijn.
Zodra u een hostingbedrijf hebt gevonden, moet u een FTP-client downloaden. Met een FTP-client kunt u uw sjabloon uploaden naar de hostingservers. De keuze van het FTP-programma is afhankelijk van het besturingssysteem dat door uw computer wordt gebruikt.
Een van de meest populaire programma's is FileZilla. Het is een gratis FTP-programma dat heel gemakkelijk te gebruiken is en beschikbaar is op Windows, Mac en Linux.
U hebt ook een teksteditor nodig om wijzigingen aan te brengen in de bestanden van uw sjabloon. Terwijl u Kladblok of Teksteditor zou kunnen gebruiken om wijzigingen aan te brengen, maakt het gebruik van een codebewerker het een stuk eenvoudiger. In tegenstelling tot reguliere teksteditors, bevat een code-editor hulpmiddelen die het bewerken vergemakkelijken, zoals het gebruiken van verschillende kleuren voor verschillende delen van de code, waardoor het gemakkelijker wordt om te zien wat u aan het bewerken bent.
Voor deze tutorial gebruik ik Sublime Text, dat kan worden gebruikt op Mac, Windows en Linux, en de proefversie is gratis te downloaden. Meer informatie over het werken met deze populaire code-editor:
De laatste twee dingen die u nodig hebt, zijn uw HTML-resumesjabloon en de afbeeldingen die u van plan bent te gebruiken op uw site.
Voor deze tutorial gebruik ik de Flatrica HTML website sjabloon te hervatten, hier getoond:
Flatrica HTML website sjabloon te hervatten.U kunt uw websitesjabloon vinden in de downloads gedeelte van uw Envato-account nadat u uw aankoop hebt gedaan. Nadat u de HTML-sitesjabloon hebt gedownload, pakt u de map uit en slaat u deze op uw bureaublad op voor eenvoudige toegang.
Als het om afbeeldingen gaat, hebt u uw hoofdfoto en andere persoonlijke foto's nodig die u van plan bent te gebruiken. U kunt ook een achtergrondafbeelding of patroon gebruiken. Zorg er dus voor dat alle afbeeldingen op uw computer zijn opgeslagen, zodat u ze aan uw sjabloon kunt toevoegen..
Nu u alles op zijn plaats hebt, is het tijd om de sjabloon te personaliseren met uw informatie. Laten we eens kijken hoe u de Flatrica HTML-sjabloon kunt aanpassen:
Voordat we beginnen met het wijzigen van de bestanden, laten we de structuur van deze HTML-sjabloon bekijken. Wanneer u de map uitgepakt, ziet u dat deze twee mappen bevat: een met documentatie en een met de eigenlijke sjabloonbestanden.
Een blik op de bestanden die zijn opgenomen in deze HTML-website-sjabloon voor hervatten.De map met de eigenlijke sitesjabloonbestanden heeft verschillende submappen:
Afgezien van deze mappen zijn er ook verschillende HTML-bestanden: index-normal.html, index-video.html, single-blog.html, en single-portfolio.html.
Houd er rekening mee dat uw sjabloon mogelijk niet al deze bestanden en mappen bevat; In de meeste gevallen ziet u echter de mappen stylesheets, afbeeldingen, JavaScript en PHP. Uw sjabloon bevat mogelijk ook minder of meer HTML-bestanden.
Dubbelklik index-normal.html(of index.html voor het geval u een andere sjabloon gebruikt). Dit opent het bestand in uw browser, waardoor u gemakkelijker kunt begrijpen welke delen van de code u moet bewerken en hoe u ze kunt vinden in uw HTML-sjabloonbestand..
Browsercode inspecteur weergave van de code van de HTML-sjabloon.Als u de sjabloon in uw browser bekijkt, ziet u dat u het volgende moet bewerken:
Zodra u weet wat u moet veranderen, kunt u beginnen met het zoeken naar de bijbehorende code.
Klik met de rechtermuisknop op de naam die luidt John Doe en selecteer Inspecteren. Onderaan ziet u een pop-upvenster met de HTML-code waaruit onze sjabloon bestaat.
De regel met code die de naam bevat, wordt aan de linkerkant van de regel geselecteerd Inspecteur paneel, met de bijbehorende stijl aan de rechterkant.
Zoals u kunt zien in de bovenstaande schermafbeelding, staat de naam tussen de tags, dit zijn de HTML-tags die worden gebruikt om rubrieken weer te geven.
In de meeste gevallen hebben tagparen zoals deze een openingstags en een sluitingstag en moet de inhoud tussen deze tags worden geplaatst om op een webpagina te worden weergegeven, zoals deze:
John Doe
Als u de sjabloon wilt bewerken, hoeft u alleen maar te weten welke tags het deel van de pagina bevatten dat u wilt bewerken, deze vindt u in de code en vervangt u deze door uw informatie..
Ga nu terug naar de sjabloonmap, klik met de rechtermuisknop op index-normal.html, en selecteer Open met Sublime-tekst. U zou nu de volledige HTML-code moeten zien waaruit uw sjabloon bestaat.
Om te beginnen met het bewerken van de sjabloon, wil je dezelfde code vinden die je zag in het Inspecteur paneel van je browser.
Blader naar beneden tot je het rond lijnen vindt 150-151. Klik vervolgens tussen de tags en vervang de naam door uw eigen naam.
De standaardnaam en contactgegevens vervangen.Klik daarna tussen de tags, verwijder de tekst en voer uw beroep in.
Door deze stappen steeds opnieuw te herhalen, kunt u alle dummy-informatie vervangen door uw eigen dummy-informatie.
Als er een sectie in de sjabloon is die u niet nodig hebt, kunt u deze eenvoudig verwijderen. In de onderstaande schermafbeelding heb ik alles in de tabel Prijsbepaling geselecteerd en alle code erin verwijderd.
U kunt delen van de code verwijderen die u niet nodig hebt. Als u de afbeeldingen wilt vervangen door die van uzelf, selecteert u eenvoudig alle afbeeldingen in de bijbehorende map, verwijdert u ze en plaatst u uw afbeeldingen in dezelfde map. Als u eerder het advies hebt gevolgd, hebt u uw afbeeldingen met dezelfde namen als de tijdelijke aanduidingen benoemd, waardoor u de sjabloon sneller kunt bewerken.
Als u meer informatie wilt toevoegen, selecteert u de bestaande code in de gewenste sectie, kopieert u deze door op te klikken Controle / Command-C, en plak het hieronder met Controle / Command-V. In de onderstaande schermafbeelding wilde ik een andere vaardigheidsbalk toevoegen, dus ik heb de code voor de vierde vaardigheidsbalk geselecteerd en direct hieronder gekopieerd:
U kunt secties van HTML dupliceren als dat nodig is.En het eindresultaat ziet er als volgt uit:
Het eindproduct van het toevoegen van een andere vaardigheidsbalk.Zodra u alle informatie hebt vervangen, is het tijd om de cv-sjabloon naar uw smaak in te richten. Standaard wordt de Flatrica HTML-sjabloon geleverd met verschillende stylesheets. Als u naar de map met stijlbladen kijkt, ziet u dat ze vernoemd zijn naar de gebruikte kleuren:
Flatrica wordt geleverd met talrijke stylesheetopties.U kunt de kleur snel aanpassen door de stylesheet in de kop van het document te vervangen door de naam van het gewenste stijlblad. Zoek naar de regel met code die zegt:
De naam wijzigen in style_blue.css zal onze sjabloon een geheel nieuwe kleur geven en eruit zien:
De resultaten van het toepassen van de blauwe stylesheet.Als je avontuurlijk bent, kun je het hoofdstijlblad bewerken dat is genoemd style.css met lettertypen en kleuren naar keuze. U kunt bijvoorbeeld de achtergrondkleur in de style.css door een HEX-code van uw gewenste kleur in te voeren, zoals zo:
achtergrondkleur: # 65b5c1;
Het bewerken van CSS kan op dezelfde manier worden gedaan als waarop de HTML is bewerkt. Klik met de rechtermuisknop op het element dat u wilt opmaken en klik op Inspecteren. Deze keer wil je de code aan de rechterkant van de Inspecteur tab en zoek dan dezelfde code in de code-editor.
Een blik op het CSS-bestand van de sitesjabloon.Nadat u de sitesjabloonbestanden naar wens hebt aangepast, moet u deze uploaden naar uw hostserver. U had van uw host een e-mail moeten ontvangen met de nodige informatie voor het overbrengen van bestanden via FTP.
Start uw FTP-programma om met het uploadproces te beginnen. In dit geval gebruik ik FileZilla. Voer de informatie in die door uw host wordt verstrekt in de bovenste balk en klik vervolgens op Snel verbinden:
Informatie invoegen in FileZilla.Zoek de map met uw sjabloon op uw computer aan de linkerkant van het scherm en klik erop om deze uit te vouwen. Selecteer linksonderaan alle bestanden en mappen en sleep ze naar de rechterkant van het scherm.
Zorg ervoor dat u ze uploadt naar de hoofdmap van uw hosting server in de public_html map.
Bestanden uploaden naar de server via FTP.Zodra alle bestanden zijn geüpload, opent u uw browser en voert u uw domeinnaam in. Gefeliciteerd, je nieuwe CV-website is nu live!
Nu u weet hoe u een HTML-resumesjabloon kunt gebruiken, vindt u hier vier snelle tips waarmee u uw persoonlijke site nog leuker kunt maken:
Het bewerken van een HTML-sjabloon lijkt in eerste instantie misschien intimiderend, maar het is niet zo moeilijk als je eenmaal begrijpt hoe de sjabloon is gestructureerd en wat moet worden bewerkt. Als u ook de tijd neemt om een paar tutorials te lezen, beheerst u snel HTML en CSS. Gebruik onze gids hierboven om uw cv-sjabloon te wijzigen en uw kansen om te worden gehuurd te vergroten.
Accentsconagua