Bootstrap & CSS

  1. Pengertian CSS

CSS (Cascading Style Sheet) ini adalah salah satu bahasa desain web (style sheet language) dimana mampu mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda atau deisebut dengan (markup laguage). Umumnys CSS ini digunakan dalam mendesain sebuah halaman HTML dan juga XHTML, akan tetapi sekarang CSS dapat  diaplikasikan pula untuk segala dokumenXML, termasuk juga di dalam nya SVG dan juga XUL bahkan sampai dengan sistem operasi Android.

  • Fungsi CSS

fungsi utama dari css ialah mendesain, merancang, merubah, dan juga membentuk halaman pada wesite ataupun blog dan isi dari halaman website itu ialah tag-tag html, logikanya css itu bisa mengubah tag-tag html yang sederhana sehingga bisa menjadi lebih fungsional dan juga menarik.

  • CARA KERJA CSS

Sebenarnya Untuk cara kerja css itu sangatlah mudah,  disini kita hanya perlu menulis stylenya saja (selector id dan class tersesuaikan) maka dengan itu secara otomatis akan bekerja pada document html juga.

2. PENGERTIAN BOOTSTRAP

Bootstrap adalah sebuah library framework CSS yang dibuat khusus untuk bagian pengembangan front-end website. Bootstrap juga merupakan salah satu framework HTML, CSS dan javascript yang paling populer di kalangan web developer yang digunakan untuk mengembangkan sebuah website yang responsive. Sehingga halaman website nantinya dapat menyesuaikan sesuai dengan ukuran monitor device (desktop, tablet, ponsel ) yang digunakan pengguna disaat mengakses website website dari browser.

  • KEUNTUNGAN MENGGUNAKAN BOOTSTRAP

Mudah digunakan: Siapa saja dengan pengetahuan hanya dasar HTML dan CSS dapat mulai menggunakan Bootstrap
Fitur responsif: CSS responsif Bootstrap ini menyesuaikan dengan ponsel, tablet, dan desktop.
Pendekatan ponsel pertama: Dalam Bootstrap 3, gaya mobile pertama merupakan bagian dari kerangka inti.
Kompatibilitas browser: Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Safari, dan Opera)

 

Membuat Login Form Dengan CSS & Bootstrap

Yang di butuhkan

  1. Xampp
  2. Compiler > Netbeans, Sublime, Dreamweaver, Notepad++ Dll

Pertama Nyalakan dahulu apache pada Xampp

1

Kedua Bukalah compiler anda. Saya pakai Netbeans IDE 8.2

Lalu buatlah sebuah project beri nama sesuai kemauan

2

Lalu Masukan File css, image, dan bootstrap nya

3

anda bisa memasukan file gambar sesuai kemauan anda

lalu masukan source code berikut

56

Silahkan di Run ketika berhasil form login anda akan jadi seperti ini (tergantung gambar yang anda pakai)

4

Blog di WordPress.com.

Atas ↑

Rancang situs seperti ini dengan WordPress.com
Mulai