Swestimahardini's Blog

Just another WordPress.com weblog

Cara Membuat CV dengan HTML April 8, 2013

Filed under: Uncategorized — swestimahardini @ 2:09 pm

 

CARA MEMBUAT CV DENGAN HTML

 

 

Postingan kali ini dibuat untuk mendukung mata kuliah Pemrograman Berbasis Web yang telah diberikan oleh Dosen saya yaitu Ibu Aviarini Indrati . Saya mencoba sedikit berbagi tutorialnya.

Berikut ini adalah langkah-langkah dalam membuat CV dengan HTML:

1. Tentunya kita harus menyalakan laptop atau komputer,

2. Kemudian gunakan text editor, saya menggunakan notepad++ seperti berikut ini.

Image

 

3. Setelah itu ketikkan syntax-syntax html di notepad++. Berikut potongan syntax nya

Image

 

Disini saya membuat dua buah file, yang pertama yaitu file index1 dan yang kedua adalah file hal2. Di dalam file index1 berisi syntax untuk menampilkan tulisan, background, dan foto untuk mendukung CV. Selain itu juga terdapat link yang menghubungkan ke halaman selanjutnya. Seperti gambar berikut ini.

Image

 

Halaman selanjutnya yang diberi nama file hal2 berisi syntax untuk menampilkan tulisan yang berkaitan dengan halam pertama yaitu pembahasan tentang tips dalam membuat CV (Resume, Daftar Riwayat Hidup). Berikut ini adalah potongan tampilan halaman kedua.

Image

 

4. Jangan lupa untuk mengesave file-file tersebut di dalam satu folder. Disini saya membuat folder dengan nama dini. Mengapa di save di dalam satu folder? Karena untuk mempermudah kita dalam menjalankannya di browser. Berikut ini tampilan link saat dijalankan di browser.

Image

 

5. Setelah di save dan dijalankan di browser maka akan keluar output dari syntax yang sudah dibuat. Berikut ini adalah outputnya.

Output File Index1:

Image

 

Output File Hal2:

Image

 

Sekian dulu tutorial sederhana yang saya buat, semoga bermanfaat bagi yang membacanya.

Terima Kasih😉

Referensi :

http://bursa-kerja.ptkpt.net/_karir.php?_karir=menulis-cv

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s