Membuat Layout HTML

Membuat Layout

Pelajaran pemograman web yang pertama. Kita diajari dasaar layout dengan menggunakan html dan ccs. Pertama tama kita harus tau dulu apa saya yang ingin kita layout. Kemarin si bapak uqi contohin layout yang kayak gini

Nah sekarang kita wujutin ya dalam lebar kerja kita masing masing

Hal pertama yang harus kita siapin itu notepad ++ trus xampp (kalau pak uqi bacanya cross m).

Langkah-langkahnya sebagai berikut

1.      Buka notepad++

2.      Buat dokumen baru

3.      Simpan dengan nama latihan1.html (boleh diganti namanya tapi sama lebih baik buat memudahkan). Kalian simpan di C=>xampp=>htdoc=>buat folder web => kemudian save

4.      Kode awalnya itu gini. Ini biasa disebut sebagai struktur html.  

5.      Kita tinggal nambah nambah nambahin aja di dalam struktur htmlnya hingga membentuk kayak gini

6.      Nah saat kalian akses pasti masih belum bisa sama kayak gambar yang paling atas. Alasannya itu kode css kalian belum kalian masukin

7.      buat file baru di notepad++ kemudian beri nama style.css. simpan di htdoc => web =>buat folder css=>baru di save

8.      kode cssnya kayak di bawah ini

9.      pasti hasilnya kayak yang gambar paling atas. Nah kalau masih ada yang kurang jelas silahkan comen di bawah. Bayyyy