Nama : Ardi Nurdiasnyah

Kelas : SI-XW41/19
NPM : 19402004

PEMROGRAMAN WEB I TUGAS PERTEMUAN 10

“KONSEP CSS”

Berikut Langkah-langkah dalam mengedit CCS dalam Desain untuk WEB

1. Dipertemuan 10 kali ini kita akan mengubah css desain yang sebelumnya pernah kalian buat
dengan cara buka index.html-open with-notepad

2. Jika sudah kita akan ditampilkan dengan codingan web desain css tersebut
 Berikut Screnshot dari tampilan PC saya :
3. Sebelumnya kita buka terlebih dahulu file html anda dengan cara Double Klik pada File
HTML anda maka akan muncul tampilan web sebelum kita ubah
 Berikut Screnshot dari tampilan PC saya :
4. Oke disini kita akan tambahkan Gambar/picture pada Web anda dengan Gambar yang
berhubungan pada tema web kalian, dengan rubah pada codingan yang menggunakan tag
<img> dan atribut “src=” :

 Berikut Screnshot dari tampilan PC saya :

5. Jika sudah kita masukan Gambar yang kita inginkan dan sesuaikan Rename beserta Type
Gmabar anda simpan di folder yang sudah kita buat, saya menyimpannya di gravity-images-
demo-slide:
 Berikut Screnshot dari tampilan PC saya :

6. Jika sudah maka tampilannya akan seperti gambar dibawah :

 Berikut Screnshot dari tampilan PC saya :
7. Kemudian kita masukan juga gambar yang dibagian tengah, agar terlihat lebih menarik
dengan cara ubah dan ganti codingan tersebut yang sesuai dengan Properties Picture anda :
 Berikut Screnshot dari tampilan PC saya :

8. Maka tampilannya akan seperti ini

 Berikut Screnshot dari tampilan PC saya :

9. Selanjutnya kita ganti Header dan masukan Tittle Text untuk mengisi dekripsi web yang kita
buat :
 Berikut Screnshot dari tampilan PC saya :

10. Jika Sudah dirubah maka tampilannya akan seperti berikut :

 Berikut Screnshot dari tampilan PC saya :
11. Berikut langkah-langkah singkat yang bisa saya sampaikan untuk kekurangan dalam
penyampaian mohon dimaafkan. Sekian dan Terimkasih
 Berikut Screnshot dari tampilan PC saya :