Belajar Membuat Layout/halaman website

heyy….

Langsung  aja yaaa,,,  Untuk pemula belajar program mungkin tidak terlalu sulit, hanya saja saat  mengcoding anda perlu memperhatikan tag  dan elemen yang digunakan berserta  titik (.) dan (,).  Ok tidak  perlu banyak bicara, kita langsung aja ke percobaan…

Untuk dasar  HTML  yaitu….

Nahhh…   disini saya menggunakan media editor Sublime text 3, dan masih banyak lagi media editor yang bisa digunakan seperti noteped, noteped++  dan sublime juga banyak versi.  kita lanjut lagi, disini kita akan mencoba membuat layout atau halaman website. disini kita membutuhkan HTML dan CSS.. lanjuttt…

kita akan mencoba membuat  tampilan layout seperti dibawah ini,

 

Dasar pembuatan layout,

Pertama kita mulai dengan HTML dahulu, karena saya ingin CSS di External, bukan internal ataupun inline di dalam tag.

hasilnya ….

Untuk menjadi tampilan seperti yang diatas kita akan menggunakan CSS sebagai, desainnya,,, HTML dan CSS  itu kita perumpamaan sebagai pembagunan sebuah rumah, pembuatan dasarnya yaitu HTML dan sebagai perapinya kita gunakan CSS,, maka dari itu HTML tidak bisa di  pisahkan dengan CSS.

lanjutttt CSS nya…

ket : Karena kita menggunakan id maka kita akang menggunakan tanda (#) pada awal mula pada css, dan beda lagi jika kita menggunakan  class, kalau class kita akan menggunakan (.), dan satu lagi untuk penggunaan warna pada layout saya menggunakan photoshop, 

kalian juga bisa mengambil warna dari Bg Color di  google…  bisa kalian copy link dibawah ini….

https://www.acc.umu.se/~widmark/lwbgcolo.html   

dan jangan lupa penambahan pada html nya,, yaitu kita tambahkan Link, untuk memanggil CSS, padapemanggilan css nya judul atau nama file ny harus benaryaa,, dan sesuai dengan lokasi penyimpanan….

hasilnyaa,,,,

SELAMAT MENCOBA : -)

Semoga bermanfaat,,,