Cara membuat Layout Website sederhana html css responsive

 Layout / susunan kerangka sebuah website adalah salah satu unsur dalam pembuatan website. kali ini kita akan menggunakan css eksternal yang menjadi sebuah file tersendiri , kita akan membuat sebuah layout website dengan html dan css responive yang otomatis menyesuaikan tampilanya untuk pengguna smartphone.

Source Code  Download

1. Buatlah File dengan nama " Index.html " , lalu buatlah folder Css dan Gambar . jadikan semua dalam satu folder seperti gambar dibawah ini

2. Nantinya , Folder " Css " Berisi Script kode css. maka buatlah file css sebagai contoh saya menggunakan nama " Style.css ".

3. Bila Pada Folder " Gambar ", berisi gambar-gambar pendukung dalam konten website.

4. Lalu Pada File " Index.html " kita ketikan Script Kode berikut ini 

untuk pemanggilan file gambar diatas sudah kita gunakan script kode nya <img>

<img src="nama file" alt="Teks alternatifnya">

5. Berikut ini Script File Css [ Style.css]

6. Lalu Buka file "Index.html" pada browser, akan muncul tampilan seperti ini pada browser

Demikian Postingan Kali ini Semoga Bermanfat ^^

 

 

 

 

 

 

 

 

 

 

 

 

Share this post