caranya mudah pertama buka kembali source code cv.html dengan Adobe Dreamweaver, kemudian tekan CTRL + F dan masukkan </head> pada kotak dialog Find and Replace dan klik Find Next. jika sudah kemudian sisipkan source code dibawah ini :
<link href="style.css" rel="stylesheet" type="text/css">
Kemudian sisipkan coding dibawah ini setelah <body> :
<div id="wrapper">
dan sisipkan sebelum </body> :
</div>
id wrapper akan dibaca oleh file CSS yang akan dibuat nanti dan kita bisa memberi pengaturan id wrapper dengan css. id wrapper ini mencakup keseluruhan body atau keseluruhan halaman web
kemudian buat file style.css simpan satu folder dengan cv.html kemudian tulis coding dibawah ini :
#wrapper {
background-color: #000000;
background-image: url(Kabar/capture_010.jpg);
background-repeat: repeat;
}
coding diatas digunakan untuk menambahkan background pada halaman web cv.html
#wrapper adalah id wrapper pada cv.html yang akan diberi pengaturan di css
background-color adalah untuk pengaturan warna latar belakang
background-image adalah untuk pengaturan latar belakang berupa image atau mengimport file gambar
background-repeat adalah pengulangan terhadap backgound image, jika repeat x maka image akan ditampilkan secara berulang pada koordinat x atau kesamping , jika repeat y maka image akan ditampilkan berulang pada koordinat y, dan jika repeat saja maka image ditampilkan secara berulang pada koordinat x dan y. Repeat ini berfungsi agar image background flexible mengikuti ukuran width dan height suatu halaman web.
kita juga bisa memberi standar text dan ukuran text yang akan digunakan pada halaman web dengan css
berikut contoh source codenya
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #663300;
font-family digunakan untuk menentukan font type yang akan digunakan
font-size adalah untuk mengatur besar kecilnya font dengan satuan px(pixel)
color adalah untuk pengaturan warna text
semoga bermanfaat
Tidak ada komentar:
Posting Komentar