Kamis, 11 April 2013

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 :

Tidak ada komentar:

Posting Komentar