Share
Există o mulțime de modalități de a crea site-ul personal CV.
Puteți utiliza unul dintre mulții constructori de site-uri web sau puteți opta pentru un CMS, cum ar fi WordPress, Drupal sau similar. Puteți, de asemenea, angaja un dezvoltator profesionist pentru a face una pentru tine.
Cu atât de multe opțiuni, poate fi greu să știi de unde să începi. Pentru a face lucrurile și mai complicate, fiecare dintre aceste opțiuni vine cu un set diferit de argumente pro și contra, fără a menționa nivelul de dificultate sau prețul implicat.
Dar există o altă modalitate excelentă de a vă crea site-ul personal într-o perioadă rezonabilă de timp. Și asta folosind un șablon de resume HTML. Sunt ușor de folosit și pot fi încărcate pe serverul dvs. de găzduire.
Iată câteva dintre cele mai bune (pentru a naviga rapid înainte de a citi):
Mai mult decât atât, codul din spatele unui șablon de site profesional pentru CV-uri este mult mai puțin complicat pentru un novice să se ridice decât limbile de programare mai complexe folosite în sistemele de gestionare a conținutului.
În această parte a seriei de realizări a unui mare număr de pagini personale, vă propunem un simplu proces de modificare și încărcare a unui șablon de resume HTML.
Urmați acest flux de lucru pentru a vă transforma site-ul web al CV-ului și pentru a-l personaliza în funcție de brandul dvs. personal - astfel încât să puteți lansa site-ul dvs. în cel mai scurt timp.
Înainte de a începe să modificăm șablonul site-ului, să acoperim instrumentele de care aveți nevoie pentru a vă lansa site-ul pentru reluarea codului HTML:
Achiziționarea numelui de domeniu pentru site-ul dvs. este doar primul pas în călătoria dvs. Veți avea nevoie, de asemenea, de un server de hosting unde veți încărca fișierele pentru site-ul dvs. Web. Găsirea companiei potrivite de găzduire nu este ușoară, mai ales că există atât de multe dintre ele. Majoritatea furnizorilor de hosting oferă pachete de bază de găzduire între 5 și 10 dolari pe lună. Unele companii oferă lățime de bandă și spațiu nelimitat, în timp ce altele oferă planuri mai restrânse.
Lucrul important de reținut este că aproape toți furnizorii de hosting suportă șabloane HTML. Atunci când faceți cumpărături în jurul unei companii de găzduire, citiți întrebările frecvente și asigurați-vă că compania oferă asistență pentru clienți, dacă aveți nevoie de ajutor cu site-ul dvs. Web. De asemenea, trebuie să faceți o mică cercetare și să citiți recenziile unei anumite gazde pe site-uri independente pentru a vedea cât de mulțumiți sunt clienții lor.
Odată ce ați găsit o companie de hosting, va trebui să descărcați un client FTP. Un client FTP vă va permite să încărcați șablonul pe serverele de găzduire. Alegerea programului FTP va depinde de sistemul de operare utilizat de calculator.
Unul dintre cele mai populare programe este FileZilla. Este un program gratuit FTP care este foarte ușor de utilizat și este disponibil pe Windows, Mac și Linux.
De asemenea, veți avea nevoie de un editor de text pentru a face modificări în fișierele șablonului. În timp ce ați putea folosi Notepad sau TextEdit pentru a efectua modificări, folosirea unui editor de cod va face mult mai ușor. Spre deosebire de editorii de text obișnuiți, un editor de cod include instrumente care facilitează editarea, cum ar fi utilizarea diferitelor culori pentru diferite părți ale codului, ceea ce face mai ușor să vedeți ceea ce editați.
În scopul acestui tutorial, voi folosi Text Sublime, care poate fi folosit pe Mac, Windows și Linux, iar versiunea trial este gratuită pentru descărcare. Aflați mai multe despre modul de lucru cu acest editor de cod popular:
Ultimele două lucruri de care aveți nevoie sunt șablonul de reluare HTML și imaginile pe care intenționați să le utilizați pe site-ul dvs..
În scopul acestui tutorial, voi folosi Flatrica HTML reia site-ul șablon, prezentat aici:
Flatrica HTML reia site-ul șablon.Puteți găsi șablonul site-ului dvs. în Descărcări din contul dvs. Envato după ce ați făcut achiziția. După ce ați descărcat șablonul de site HTML, dezarhivați dosarul și salvați-l pe desktop pentru a avea acces ușor.
Când vine vorba de imagini, veți avea nevoie de headshot și orice alte fotografii personale pe care intenționați să le utilizați. De asemenea, puteți utiliza o imagine sau un model de fundal, asigurați-vă că aveți toate imaginile stocate pe computer pentru a le putea adăuga în șablon.
Acum că aveți totul în loc, este timpul să personalizați șablonul cu informațiile dvs. Să vedem cum să personalizăm șablonul HTML al Flatrica:
Înainte de a începe modificarea fișierelor, să aruncăm o privire asupra structurii acestui șablon HTML. Când dezarhivați dosarul, veți observa că acesta conține două dosare: una cu documentație și una cu fișierele șablon reale.
O privire asupra fișierelor incluse în acest șablon al site-ului web pentru reluarea HTML.Dosarul cu fișierele șablonului propriu-zis conține mai multe subdosare:
În afară de aceste dosare, există și câteva fișiere HTML: indice de-normal.html, indice de-video.html, single-blog.html, și single-portfolio.html.
Rețineți că este posibil ca șablonul dvs. să nu aibă toate aceste fișiere și dosare; cu toate acestea, în cele mai multe cazuri, veți întâlni foile de stil, imagini, JavaScript și PHP. Șablonul dvs. ar putea avea, de asemenea, mai puține sau mai multe fișiere HTML.
Dublu click indice de-normal.html(sau index.html în cazul în care utilizați un șablon diferit). Acest lucru va deschide fișierul în browserul dvs., ceea ce va face mai ușor să înțelegeți care părți ale codului va trebui să le editați și cum să le găsiți în fișierul de șabloane HTML.
Vizualizarea inspectorului de cod browser în codul HTML al șablonului.Dacă te uiți la șablonul din browserul tău, vei vedea că trebuie să editezi:
După ce știți ce să modificați, puteți începe să căutați codul corespunzător.
Faceți clic dreapta pe numele care citește John Doe și selectați Inspecta. Veți observa un panou care apare în partea de jos care arată codul HTML care formează șablonul nostru.
Linia de cod care conține numele este selectată în partea stângă a câmpului Inspector panou, cu stilul corespunzător din partea dreaptă.
După cum puteți vedea din captura de ecran de mai sus, numele se află între tag-uri, care sunt etichetele HTML utilizate pentru a reprezenta titlurile.
În majoritatea cazurilor, perechi de etichete ca acestea au o etichetă de deschidere și o etichetă de închidere, iar conținutul trebuie plasat între aceste etichete pentru a apărea pe o pagină web, după cum urmează:
John Doe
Pentru a edita șablonul, tot ce trebuie să știți este ce etichete conțin partea din pagină pe care doriți să o editați, găsiți-le în cod și înlocuiți-le cu informațiile dvs..
Acum, reveniți la dosarul șablonului, faceți clic dreapta pe indice de-normal.html, și selectați Deschideți cu Text Sublim. Ar trebui să vedeți acum codul HTML complet care alcătuiește șablonul dvs..
Pentru a începe editarea șablonului, doriți să găsiți același cod pe care l-ați văzut în panoul Inspector al browserului dvs..
Derulați în jos până când îl găsiți în jurul liniilor 150-151. Apoi, faceți clic pe și înlocuiți numele cu propriul dvs..
Înlocuirea numelui implicit și a informațiilor de contact.Apoi, faceți clic pe etichete, ștergeți textul și introduceți-vă profesia.
Repetarea acestor pași de mai multe ori vă va permite să înlocuiți toate informațiile fictive cu ale dvs..
Dacă există o secțiune în șablon pe care nu aveți nevoie, ștergeți-o. În ecranul de mai jos, am selectat totul în secțiunea Tabelul de prețuri și am șters tot codul din acesta.
Puteți șterge secțiunile din codul de care nu aveți nevoie. Pentru a înlocui imaginile cu propriile dvs., selectați pur și simplu toate imaginile din dosarul corespunzător, le ștergeți și plasați imaginile în același folder. Dacă ați urmat sfatul anterior, ați denumit imaginile cu aceleași nume ca și substituenții, ceea ce face mai rapidă editarea șablonului.
Dacă doriți să adăugați mai multe informații, selectați codul existent în secțiunea dorită, copiați-l făcând clic Control / Comandă-C, și apoi lipiți-o mai jos cu Control / Comandă-V. În captura de ecran de mai jos, am vrut să adaug o altă bară de calificare, așa că am selectat codul pentru a patra bară de calificare și l-am copiat imediat de mai jos:
Aveți posibilitatea să duplicați secțiunile de HTML dacă aveți nevoie.Iar rezultatul final arată astfel:
Produsul final de a adăuga o altă bară de calificare.Odată ce ați înlocuit toate informațiile, este timpul să modelați șablonul site-ului de reluare după cum doriți. În mod implicit, șablonul Flatrica HTML vine cu mai multe foi de stil diferite. Dacă te uiți la dosarul stilurilor, vei observa că sunt numiți după culorile folosite:
Flatrica vine cu numeroase opțiuni de stil.Puteți ajusta rapid culoarea înlocuind foaia de stil în capul documentului cu numele foii de stil preferate. Căutați linia de cod care spune:
Schimbarea numelui la style_blue.css va da șablonului nostru o nouă culoare și arata:
Rezultatele aplicării foii de stil albastre.Dacă vă simțiți aventuros, puteți edita foaia de stil principală numită style.css cu fonturi și culori alese de dvs. De exemplu, puteți edita culoarea de fundal în style.css prin introducerea unui cod HEX a culorii dorite, cum ar fi:
fundal-culoare: # 65b5c1;
Editarea CSS poate fi făcută în același mod în care am editat codul HTML. Faceți clic dreapta pe elementul pe care doriți să îl faceți și faceți clic pe Inspecta. De data aceasta, veți dori să căutați codul din partea dreaptă a paginii Inspector și apoi găsiți același cod în editorul de coduri.
O privire asupra fișierului CSS al șablonului site-ului.După ce ați modificat fișierele șablon de site după preferințele dvs., va trebui să le încărcați pe serverul dvs. de găzduire. Ar fi trebuit să primiți un e-mail de la gazda dvs. conținând informațiile necesare pentru transferul fișierelor prin FTP.
Pentru a începe procesul de încărcare, lansați programul FTP. În acest caz, folosesc FileZilla. Introduceți informațiile furnizate de gazda dvs. în bara de sus, apoi faceți clic pe Conectare rapidă:
Introducerea de informații în FileZilla.Găsiți folderul cu șablonul pe computerul dvs. din partea stângă a ecranului și dați clic pe acesta pentru al extinde. În partea stângă jos, selectați toate fișierele și folderele și trageți-le în partea dreaptă a ecranului.
Asigurați-vă că le încărcați în folderul rădăcină al serverului dvs. de găzduire în public_html pliant.
Încărcarea fișierelor pe server prin FTP.După ce toate fișierele au fost încărcate, deschideți browserul și introduceți numele domeniului. Felicitări, site-ul nou al CV-ului este acum live!
Acum că știți cum să utilizați un șablon de resume HTML, iată patru sfaturi rapide care vă vor ajuta să vă faceți site-ul personal chiar mai minunat:
Editarea unui șablon HTML poate părea intimidantă la început, dar nu este atât de dificilă odată ce înțelegeți cum este structurat șablonul și ce trebuie editat. Dacă, de asemenea, aveți timp să citiți câteva tutoriale, veți fi masterat HTML și CSS în cel mai scurt timp. Utilizați ghidul de mai sus pentru a vă modifica șablonul site-ului pentru a vă relua șansa de a vă angaja.
Accentsconagua