Share
Det finns många sätt att skapa din personliga CV-webbplats.
Du kan använda en av många webbplatsbyggare eller du kan välja ett CMS som WordPress, Drupal eller liknande. Du kan också anställa en professionell utvecklare för att göra en för dig.
Med så många val kan det vara svårt att veta var man ska börja. För att göra sakerna ännu mer komplicerade kommer varje av dessa alternativ med en annan uppsättning fördelar och nackdelar, för att inte tala om svårighetsgraden eller prislappen som är inblandad.
Men det finns ett annat bra sätt att skapa en personlig webbplats på en rimlig tid. Och det är genom att använda en HTML-CV-mall. De är lätta att använda och att ladda upp till din värdserver.
Här är några av de bästa (att snabbt bläddra igenom innan du läser på):
Dessutom är koden bakom en professionell CV-webbplatsmall mycket mindre komplicerad för en nybörjare att hämta upp än de mer komplexa programmeringsspråk som används i innehållshanteringssystem.
I den här delen av webbserien Making a Great Personal Resume går vi igenom den enkla processen att ändra och ladda upp en HTML-CV.
Följ detta arbetsflöde för att göra din CV-hemsida och anpassa den till ditt personliga varumärke så att du kan starta din webbplats på nolltid.
Innan vi börjar med modifiering av platsmallar, låt oss täcka de verktyg du behöver för att få din HTML-återuppta webbplats att köra:
Att köpa domännamnet för din webbplats är bara det första steget på din resa. Du behöver också en värdserver där du ska ladda upp filerna till din webbplats. Att hitta rätt webbhotell är inte lätt, särskilt eftersom det finns så många av dem. De flesta webbhotell erbjuder grundläggande webbhotell mellan $ 5 och $ 10 per månad. Vissa företag erbjuder obegränsat bandbredd och utrymme, medan andra erbjuder mer begränsade planer.
Det viktiga att komma ihåg är att nästan alla webbhotell stöder HTML-mallar. När du handlar om ett webbhotell, läs igenom deras vanliga frågor och se till att företaget ger kundsupport, om du behöver hjälp med din webbplats. Du bör också göra lite forskning och läsa igenom recensioner av en viss värd på oberoende webbplatser för att se hur nöjda kunderna är.
När du väl har hittat ett webbhotell måste du ladda ner en FTP-klient. En FTP-klient låter dig ladda upp din mall till värdservrarna. Valet av FTP-programmet beror på operativsystemet som datorn använder.
Ett av de mest populära programmen är FileZilla. Det är ett gratis FTP-program som är mycket enkelt att använda, och det är tillgängligt på Windows, Mac och Linux.
Du behöver också en textredigerare för att göra ändringar i mallens filer. Medan du kan använda Notepad eller TextEdit för att göra ändringar, gör det med en kodredigerare mycket lättare. Till skillnad från vanliga textredigerare innehåller en kodredaktör verktyg som underlättar redigeringen, till exempel med olika färger för olika delar av koden, vilket gör det enklare att se vad du redigerar.
I den här handledningen använder jag Sublime Text, som kan användas på Mac, Windows och Linux, och testversionen kan laddas ner. Läs mer om hur du arbetar med den här populära kodredigeraren:
De sista två sakerna du behöver är din HTML-mall och de bilder du planerar att använda på din webbplats.
I denna handledning används jag med Flatrica HTML CV-webbplatsmall, visas här:
Flatrica HTML CV-webbplatsmall.Du kan hitta din webbplatskarta i Nedladdningar område på ditt Envato-konto efter att du har gjort ditt köp. När du har laddat ner HTML-sidmallen, plocka ut mappen och spara den till skrivbordet för enkel åtkomst.
När det gäller bilder behöver du din headshot och andra personliga foton du planerar att använda. Du kan också använda en bakgrundsbild eller ett mönster, så se till att du har alla bilder som är lagrade på din dator så att du kan lägga till dem i din mall.
Nu när du har allt på plats, är det dags att personifiera mallen med din information. Låt oss gå igenom hur du anpassar Flatrica HTML-mallen:
Innan vi börjar ändra filerna, låt oss ta en titt på strukturen i denna HTML-mall. När du plockar ut mappen märker du att den innehåller två mappar: en med dokumentation och en med de faktiska mallfilerna.
En titt på filerna som ingår i denna HTML-CV-webbplatsmall.Mappen med de faktiska webbplatsmallfilerna har flera undermappar inuti:
Bortsett från dessa mappar finns det också flera HTML-filer: index-normal.html, index-video.html, enkel blog.html, och enkel portfolio.html.
Tänk på att din mall kanske inte har alla dessa filer och mappar; Men i de flesta fall kommer du att stöta på stylesheets, bilder, JavaScript och PHP-mappar. Din mall kan också ha färre eller fler HTML-filer.
Dubbelklicka index-normal.html(eller index.html om du använder en annan mall). Detta öppnar filen i din webbläsare, vilket gör det lättare att förstå vilka delar av koden du behöver redigera och hur du hittar dem i din HTML-mallfil.
Webbläsarkod inspektör vy av HTML-mallens kod.Om du tittar på mallen i din webbläsare ser du att du måste redigera:
När du väl vet vad du ska ändra kan du börja söka efter motsvarande kod.
Högerklicka på namnet som läser John Doe och välj Inspektera. Du får se en panel uppe längst ner som visar HTML-koden som utgör vår mall.
Koden med kod som innehåller namnet väljs i vänstra sidan av Inspektör panel, med motsvarande stil på höger sida.
Som du kan se från skärmdumpen ovan är namnet mellan taggar, vilka HTML-taggarna används för att representera rubriker.
I de flesta fall har tagpar som denna en öppnings- och en stängningskod och innehållet måste placeras mellan de här taggarna för att visas på en webbsida, så här:
John Doe
För att redigera mallen är allt du behöver veta vilka taggar som innehåller den del av sidan du vill redigera, hitta dem i koden och ersätta dem med din information.
Gå nu tillbaka till mallmappen, högerklicka på index-normal.html, och välj Öppna med Sublim Text. Du borde nu se den fullständiga HTML-koden som utgör din mall.
För att börja redigera mallen, vill du hitta samma kod som du såg i inspektionspanelen i din webbläsare.
Bläddra ner tills du hittar den runt linjer 150-151. Klicka sedan på knappen taggar och ersätt namnet med ditt eget.
Byta standardnamn och kontaktinformation.Därefter klickar du på taggar, radera texten och skriv in ditt yrke.
Genom att upprepa dessa steg om och om igen kan du ersätta all dummyinformation med din egen.
Om det finns en sektion i mallen som du inte behöver, raderar du den helt enkelt. I skärmdumpen nedan har jag valt allt i avsnittet Prissättningstabell och raderat all kod i den.
Du kan ta bort delar av koden du inte behöver. För att ersätta bilderna med din egen, välj bara alla bilder i motsvarande mapp, radera dem och placera dina bilder i samma mapp. Om du följde råd tidigare, namngav du dina bilder med samma namn som platshållare, vilket gör det snabbare att redigera mallen.
Om du vill lägga till mer information, välj den befintliga koden i önskad sektion, kopiera den genom att klicka på Kontroll / kommando-C, och klistra in det nedan med Kontroll / kommando-V. I skärmdumpen nedan ville jag lägga till en annan färdighetsfält, så jag valde koden för den fjärde kompetensfältet och kopierade den direkt nedan:
Du kan kopiera delar av HTML om du behöver.Och slutresultatet ser ut så här:
Slutprodukten av att lägga till en annan färdighetsfält.När du har ersatt all information är det dags att ställa in CV-webbplatsen till din smak. Som standard levereras Flatrica HTML-mallen med flera olika stylesheets. Om du tittar på stylesheets-mappen märker du att de är uppkallade efter de använda färgerna:
Flatrica levereras med många stylesheet-alternativ.Du kan snabbt justera färgen genom att ersätta stilarket i dokumentets huvud med namnet på ditt föredragna formatark. Leta efter koden som säger:
Byter namn till style_blue.css kommer att ge vår mall en helt ny färg och titta:
Resultaten av att använda det blå stilarket.Om du känner dig äventyrlig kan du redigera det huvudsakliga stilarket som heter style.css med egna teckensnitt och färger. Du kan till exempel redigera bakgrundsfärgen i style.css genom att ange en HEX-kod av önskad färg som så:
bakgrundsfärg: # 65b5c1;
Redigering av CSS kan göras på samma sätt som vi redigerade HTML. Högerklicka på det element du vill stila och klicka på Inspektera. Den här gången vill du leta efter koden på höger sida av Inspektör fliken och hitta samma kod i kodredigeraren.
En titt på webbplatsens mall CSS-fil.När du har ändrat webbplatsens mallfiler efter eget tycke måste du ladda upp dem till din värdserver. Du borde ha fått ett e-postmeddelande från din värd som innehåller nödvändig information för överföring av filer via FTP.
För att starta uppladdningsprocessen, starta ditt FTP-program. I det här fallet använder jag FileZilla. Ange informationen från din värd i översta fältet och klicka sedan på Snabbanslutning:
Infoga information i FileZilla.Leta reda på mappen med din mall på din dator på vänstra sidan av skärmen och klicka på den för att expandera den. På nedre vänstra sidan väljer du alla filer och mappar och drar dem över till höger på skärmen.
Se till att du laddar upp dem till rotmappen på din värdserver i public_html mapp.
Överför filer till servern via FTP.När alla filer har laddats upp öppnar du webbläsaren och anger ditt domännamn. Grattis, din nya CV-webbplats är nu live!
Nu när du vet hur du använder en HTML-CV-mall, är det här fyra snabba tips som hjälper dig att göra din personliga webbplats ännu mer fantastisk:
Att redigera en HTML-mall kan verka skrämmande först, men det är inte så svårt när du förstår hur mallen är strukturerad och vad som behöver redigeras. Om du också tar dig tid att läsa några tutorials, kommer du att behärska HTML och CSS på nolltid. Använd vår guide ovan för att ändra din CV-webbplatsmall och öka dina chanser att bli anställda.
Accentsconagua