CSS Framework Bootstrap

Apa Itu Bootstrap? Bootstrap adalah css framework yang baik , bagus yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) untuk mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan. Bootstrap merupakan framework css  untuk membangun  web secara responsif. Artinya, ui web yang dibuat oleh bootstrap  menyesuaikan ukuran layar dari browser yang kita pake baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan user sendiri. Sehingga, kita bisa membuat aplikasi untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat  bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis. 

Bootstrap juga memudahkan pengaturan website  dan  segi coding atau waktu bagi yang tidak punya banyak waktu banyak. Sekumpulan JS dan CSS yang dibutuhkan untuk banyak sekali widget ada dalam satu file yang terus di update oleh pengembang. Pemilik website tidak akan lagi direpotkan dengan pengaturan css atau javascript berlebihan. Mereka hanya perlu menentukan gadget atau elemen apa yang ingin ditampilkan dalam bentuk HTML standart bootstrap yang sangat simple.

Misalkan dulu untuk menambahkan menubar di blogspot, maka Anda perlu menyisipkan file CSS, HTML bahkan JavaScript untuk effect tertentu. Kemudian ketika Anda ingin menambahkan dropdown menu, maka per widget, paling tidak Anda butuh menambahkan CSS dan HTML lagi. Belum lagi jika ingin lebih menarik akan dibutuhkan javascript tambahan. Begitu seterusnya setiap penambahan widget selalu dibutuhkan banyak kode. Tapi setelah instalasi bootstrap, Anda hanya perlu menambahkan kode HTML nya saja.

contoh Object yang dibuat dengan bootstrap :

Standard Button



Info

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

---

Download

Bootstrap 3 Offline Docs

Up to date with v3.3.2

Cara Penggunaan

1. Download the files.
2. Extract zip file.
3. Buka File  index.html di browser anda

Download Disini

Jenis Jenis Web Menurut Keperluan

Web Site Disebut juga site, situs, situs web, atau portal. Secara makna sebuah website adalah sekumpulan halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet tanpa terbatas ruang dan waktu. Berdasarkan dari segi kepentingan webmaster (pemilik website), website terbagi dua. Yaitu website komersial dan website nonkomersial .

JENIS-JENIS WEBSITE

• Website Komersial
• Website  Non Komersial

I. Website Komersial

Website komersial adalah website yang dibuat untuk tujuan mencari uang. Misalnya;

Website publisher. Yaitu situs yang menayangkan iklan milik pengiklan/advertiser melalui jaringan program aplikasi periklanan di internet. Website ini mendapatkan uang dari memasarkan iklan milik orang lain. Contohnya, publisher adsense, chitika, adsensecamp, idblognetwork dan sebagainya.

Website bisnis online. Yaitu website yang mengiklankan produk barang maupun jasa milik sendiri. Website ini mendapatkan uang dari hasil penjualan/sewa produk yang mereka pasarkan.

Website mesin pencari. Yaitu website yang menayangkan iklan milik pengiklan/advertiser di hasil pencarian atau penelusuran pengguna di internet. Website ini mendapatkan uang dari memasarkan iklan milik orang lain. Contohnya, google search, yahoo search. bing search, dan sebagainya.

Website-website lainnya yang digunakan untuk tujuan mencari uang seperti media sharing, facebook, dan website jejaring sosial lainnya. Facebook mendapatkan uang dari menampilkan iklan milik pengiklan yang beriklan di facebook.

II. Website Non Komersial 

Website Non Komersial adalah website yang dibuat dengan tujuan tidak untuk mencari uang. Misalnya adalah website apapun yang tidak menampilkan iklan atau memasarkan produk tertentu. Contohnya;

Wikipedia.Org atau Wikipedia. Website ini dibiayai oleh para dermawan di seluruh dunia dan bisa digunakan oleh siapapun tanpa mengharapkan uang. Wikipedia berisi informasi terpercaya ditulis oleh sukarelawan yang menjadi anggotanya, baik pengguna terdaftar maupun pengguna anonim.
Commons.Wikimedia.Org atau Wikimedia Commons. Website ini tidak berbeda dengan wikipedia. Hanya saja Wikimedia Commons berisi file media seperti gambar, suara dan video klip yang berlisensi domain publik/public domain.

Website buku harian, website pribadi, dan website-website lain yang tidak digunakan untuk tujuan mencari uang.

Free HTML Template Andia

web desain yang satu ini merupakan template berjenis landing page yang biasa digunakan untuk portofolio HTML. template bernama Andia dan dibangun dengan Bootstrap. Andia dilengkapi dengan 5, 6 halaman penuh responsif, Home, Home 2, Portofolio, Jasa, Tentang, Hubungi , dan itu sempurna untuk membuat sebuah website untuk bisnis kecil atau portofolio pribadi.

Beberapa fitur Andia meliputi: tata letak responsif, slider gambar responsif, portofolio disaring, AJAX kontak dan email formulir berlangganan, foto Flickr, Awesome ikon Font, Google Maps, dll Jadi, kita lihat preview hidup di bawah, download template dan biarkan aku tahu apa yang Anda pikirkan.

Features

• Responsive Layout (Bootstrap 3.3.1)
• 6 Pages: Home, Home 2, Portfolio, Services, About, Contact
• 2 Different Responsive Image Sliders
• Dropdown Menus
• Filterable Portfolio (now supports also videos as portfolio items)
• Working AJAX Contact Form with Validation
• Working AJAX Email Subscription Form with Validation (you receive the subscribers in your email)
• Latest Flickr Photos
• Font Awesome Icons
• Google Maps
• Nice CSS3 Animations
• HTML5 & CSS3

Download Template