Dokumen ini memberikan tutorial cara membuat curriculum vitae (CV) dengan format HTML menggunakan perangkat lunak Dreamweaver. Tutorial menjelaskan langkah-langkah dasar membuat tabel untuk CV, mengisi datadiri, dan menambah atau menyatukan sel pada tabel. Tujuannya adalah memberikan alternatif cara membuat CV selain menggunakan aplikasi Word dan format yang lebih interaktif.

1. Membuat Curriculum Vitae dengan
HTML Meggunakan Software
Dreamweaver
Materi : Ilmu Sosial Dasar Disusun Oleh : Angling Seto

2. Kebanyakan orang biasanya membuat Cv dengan
format Word,excel ataupun Pdf. Itu terkesan cukup
Mainstream menurut Saya, tampilannya pun
membosankan. Oleh karena itu, disini saya akan
memberikan tutorial Cara Membuat CV Dengan
Format HTML, Dengan menggunakan Software
Dreamweaver.

3. Silahkan jalankan dreamweaver anda, biasanya akan muncul tampilan pilihan file
seperti berikut, untuk contoh ini kita pilih yang basic yaitu HTML. Setelah itu
anda akan masuk ke halaman utama desain web dengan dreamweaver.

4. Kita akan membuat Cv dengan mengunakan tabel. Ada 3 cara
memasukkan tabel dalam dreamweaver, bisa menggunakan
menu insert – tabel, bisa juga dengan menekan tombol
keyboard CTRL+ALT+T, atau klik ikon pada tab insert – common.

5. Maka akan muncul tampilan seperti pada gambar diside sebelumnya. Ada beberapa
bagian yang harus kita isi, yaitu :
 Rows : diisikan dengan nilai jumlah baris yang kita perlukan, misal 5 baris
 Columns : diisikan dengan nilai jumlah kolom, misal 4 kolom
 Tabel Width : diisikan dengan nilai lebar tabel. Lebar bisa kita tentukan dalam pixel
layar yang artinya fix tidak berubah dalam pengecilan ukuran browser berapapun.
Kita bisa juga membuat dengan percent yang artinya bisa berubah-ubah tergantung
lebar layar pada browser yang kita gunakan. Misal kita buat pakai pixel saja.
 Border Thickness : diisikan nilai ketebalan garis, bisa 0 (tidak menggunakan garis)
atau 1 (garis standard)
 Cell padding : diisikan nilai jarak antara garis cell dengan objek didalamnya
 Cell spacing : diisikan nilai jarak antara tiap cell
 Header : ini pilihan letak header (judul baris atau kolom). Jika kita pilih yang
pertama, maka tabel tidak langsung mengatur letak header, pilihan left maka judul
disediakan pada kolom kiri dst.
 Caption : ini untuk judul tabel (boleh tidak diisi)
 Align caption : posisi judul (boleh tidak diisi)
 Summary : keterangan tabel (boleh tidak diisi)

6. Lalu tekan oke. Maka akan muncul hasil sebuah tebel
seperti berikut :

7. Sekarang anda bisa isikan data diri, jika perlu
penambahan baris anda bisa menekan tombol TAB
pada bagian baris dan kolom terakhir. Atau jika ingin
menambah baris atau kolom dengan jumlah tertentu
anda bisa klik kanan pada baris atau kolom yang ingin
ditambahkan, menggunakan Ctrl+Alt+M untuk
menyatukan Tabel dan bisa mewarnai background
yang diinginkan.

8. Tampilan CV yang telah di buat dengan HTML
menggunakan Software Dreamweaver

9. Tampilan CV yang telah di buat dengan HTML
menggunakan Software Dreamweaver