Senin, 27 April 2015

Tutorial Cara Membuat Desain Web

Pada tulisan kesempatan ini TWD bakal menuturkan singkatnya bagaimana caranya bikin layout situs yang responsive yakni layout yang dapat sesuaikan penampilannya walau di buka di beragam ukuran monitor (hp, tablet ataupun pc).

Artikel ini yaitu kelanjutan dari kajian responsive situs, pada awal mulanya kita telah berteman dengan responsive situs, lantas kemudian kita mengulas dengan cara komplit apa faedah serta manfaat responsive situs untuk usaha anda, selanjut pada artikel ini kita belajar bagaimana caranya bikin design situs responsive tersebut.

Maksud Artikel Ini

Pada tulisan ini kita bakal coba bikin layout situs responsive, diawali dengan layout 3 kolom, lantas saat di buka di ukuran spesifik (1080px) jadi bakal jadi 2 kolom, serta setelah itu pada monitor 780px kebawah bakal jadi 1 kolom.

Anda dapat cermati perubahannya pada gambar berikut ini :
Mengatur Layout Dengan CSS

Susunan HTML sudah usai kita buat, tetapi layout nya belum terbentuk. Jadi setelah itu kita beri penambahan kode CSS supaya membuat layout yang terbagi dalam 3 kolom, potongan kode css nya seperti di bawah ini.
Copyright © 2014 Pangeran Tadas