Membuat Curriculum Vitae dengan Format HTML
Buat Cv mu terlihat lebih Keren dan Professional dengan format HTML...!!!
Kebanyakan orang biasanya membuat Cv atau Surat lamaran kerja lainnya dengan format Word,excel ataupun Pdf.Itu terkesan cukup Mainstream menurut ane :v tampilannya pun membosankan. :v Nah,oleh karena itu,Disini saya akan memberikan Tutorial khusus untuk Anda anda sekalian mengenai Cara Membuat CV Dengan Format HTML.
Langsung aja kita mulai Tutorialnya :
Pertama tama, anda sebelumnya harus sudah memiliki Text Editor dan Browser. Text Editor yang saya gunakan adalah Notepad++ dan browsernya adalah Google Chrome. Anda dapat menggunakan Text Editor dan Browser manapun.
Selanjutnya,buka Notepad++ anda.
Lalu,isikan dengan Script HTML yg berisi Cv anda. Sebagai Contoh... Copy Script dibawah yang telah saya buat sebelumnya.
dan buka file nya di Notepad++ ataupun notepad biasa seperti gambar berikut :
Lalu Save dengan nama "Index.html" (tanpa tanda kutip) seperti gambar yang ada di bawah ini,dan pastikan "Save as Type" nya di ubah menjadi "All Files" agar tidak di save dengan format lain. Untuk file yang saya cantumkan diatas cukup save dan ganti namanya supaya formatnya menhadi .html
*untuk tutorial ini saya sarankan untuk save di Folder Baru agar muda nanti mencarinya.
Nah,setelah di save,lalu kita coba buka dengan hanya mengklik 2x di file tersebut.
Dan hasil tampilan di browser akan seperti ini :
hmmm... kelihatan nya masih kurang ya,
Nah,untuk mempercantik tampilan mari kita gunakan CSS.jika anda belum mengetahui apa itu CSS...anda bisa mengikuti tutorial saya yang ini : Pengertian dan cara penggunaan Coding CSS
Sebagai contoh,disini saya sudah menyediakan Coding CSS nya untuk merubah tampilan CV yg sedang anda buat ini.
Berikut Coding nya :
==========================================================================================
==========================================================================================
Lalu save dengan format ".css" . sebagai contoh,saya disini save dengan nama Style.css
dan jangan lupa untuk mengubah type nya menjadi "All Files *.*" seperti anda men-save file html tadi.
*ingat,untuk mempermudah....save lah di folder yang sama dengan file html yang telah anda buat tadi.
PENTING...!!!
Untuk menggunakan file CSS tersebut,disini saya menggunakan metode External Styes , karena struktur nya akan lebih teratur di banding menggunakan metode lain. Sebenarnya saya sudah menyisipkan perintah pemanggilan CSS nya di Script coding HTML yang saya tulis tadi di atas.
ini dia perintahnya,ada di line 10.....
Lalu,setelah langkah langkah di atas selesai anda laksanakan...Selanjutnya tinggal anda buka file HTML tersebut dengan cara yang sama seperti di awal.
CATATAN :
- Untuk nama,Data diri,dll... anda bisa mengubahnya sendiri dengan cara mengubahnya di notepad++ anda.
- Untuk foto,anda bisa menambahkan nya sendiri ke dalam folder yang sama dengan letak file tersebut.dan ubah juga konfigurasi nya di coding HTML anda.
- Untuk keterangan lebih lanjut dan hal-hal yang ingin anda tanyakan....anda bisa menghubungi saya lewat Facebook saya, Klik disini..!!!
Sebagai bahan Percobaan...download Filenya di bawah ini :
Yah...cukup sekian Tutorial saya kali ini,semoga bermanfaat ^_^!
