Langkahl-langkah membuat desain web menggunakan CSS

 Langkah-langkah membuat desain web menggunakan CSS

 

Website adalah salah satu media masa yang cukup digemari di masa sekarang,terlebih lagi website dengan jenis blog dan juga website jualan.dan bagaimana caranya untuk membuat website itu?

Apa itu website ?

Website,adalah situs dalam internet yang dapat diakses secara luas dan berisi beberapa halaman yang menghubungkan eseorang dalam wilayah atau daerah yang berbeda.Website,jyga sering kali dijadikan tempat untuk mempermosihkan barang atau jasa yang tidak perlu langsung mendatangkan orang kesuatu wilaya atau daerah tersebut.

1. Website pribadi atau blog,

2. Website toko online,

3. Website perusahaan,dll.

Jenis-jenis website sangatlah beragan, tergantung fungsi dari wabsite yang kita buat itu digunakan untuk apa.Namun ,banyaknya jenis website yang ada ,yang sering kita temui adalah tiga jenis yang suah disebutkan di atas tadi .Membuat website ternyata ada beberapa cara yaitu dengan menggunakan coding dan juga ada yang menggunakan cara instant tanpa menggunakan coding.

cara yang sering dilakukan adalah membuat website dengan cara instant tanpa menggunakan coding,tetapi yang kita pelajari sekarang adalah membuat website menggunakan HTML dan CSS.

Membuat Website Menggunakan HTML dan CSS

Membuat wireframe/kerangka website

Langka pertama ini adalah membuat wireframe.Apa kegunaannya ? Membuat wireframe sebelum membuat website dapat memudahkan kita dalam pembuatan website agar tidak bingung akan dibuat diseai  apa wibsite kita nantinya.

Membuat wireframe tidak perlu bagus,asalkan dapat mencakup semua isi dari website kalian nantinya saat membuat.

Menginstal text editor

Langkah langkah kedua inilah yang paling penting .kalian harus menginstal terlebih dahulu aplikasi coding yang ingin digunakan, jika aplikasinya saja tidak punya gimana ingin membuat websinya yang kalian ingin buat.

Membuat folder baru

Folder ini dapat memudahkan kita untuk menyimpan hasil codingan kita nantinya agar tidak tercampur dengan file lainnya.Di folder inilah kalian dalam menyimpan semua hasil codingan yang telah dibuat dan juga file gambar yang akan digunakan untuk membuat website .

Membuat file index

Sebuah file dengan nama index.html pada text editor yang kalian sukai atau telah diinstal.

Title     : isikan judul untuk nama file tersebut

Header : untuk membuat header atau judul awal website

Nav      :  untuk membuat navbar/navigasi bar pada website

Article : membuat konten isi dari website yang akan dibuat

Footer : membuat footer duntuk di bagian bawah website

Membuat file style

Setelah membuat file indek.html selanjutnya kalian dapat membuat file dengan nama style .css pada folder yang sama dan tentunya juga pada folder yang sama pula.Dalam file style.css ini kita isikan dengan deskripsi dari file index.html yang berisikan spesifikasinya dari header,navbar,konten,dan jyga footer.

Hubungan feli css dengan file html

Langka terakhir ini juga tidak kalah penting dengan langkah-langkah sebelumnya.karena,jika kedua file tersebut belum dihubungkan maka program yang ada file css tidak akan berjalan jika file html dijalankan.

<link rel="stylesheet" href="style.css">

Cukup kalian tambahkan code seperti itu di bagikan head pada file indek,maka kedua file tersebut akan terhubung.