Header Ads Widget

Ticker

6/recent/ticker-posts

Cara Buat Web Statis dengan Bootstrap

 

Bootstrap merupakan kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web. Kerangka kerja ini berisi templat desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript.

Cara memuat web statis dengan Bootstrap pun cukup mudah, simak step by step berikut ini:

1. Download dulu contoh web Bootstrap yang ingin kamu buat, https://bootstrapmade.com/. Ada versi gratis dan berbayar. Versi gratis aja udah cukup untuk belajar dan uji coba.

2. Pilih satu saja Bootstrap yang kamu sukai. Pilih sembarang saja, jangan lupa untuk melihat demo nya agar tidak salah pilih. Lalu download. Disini saya memilih iPortofolio

3. Hasil dari download tersebut berupa .RAR.  Seilahkan ekstrak terlebih dulu dengan WinRar

4. Setelah kamu ekstrak satu contoh Bootstrap , sekarang tinggal edit saja. Menggunakan editor, misalnya dengan Sublime Text 3. Tentunya anda harus tahu dasar-dasar HTML dulu. 

Tampak beberapa file yang harus di edit pakai Sublime Text 3
5. Edit edit dan edit. Jika kamu tidak / belum tahu bahasa pemrograman HTML, bisa belajar dulu di https://www.w3schools.com/html/default.asp
Tampilan Sublime Text 3

6. Jika udah selesai  mengedit pakai Sublime Text 3, bisa mulai upload hasil editan kamu ke hosting. kali ini saya menggunakan hosting gratisan yakni   https://github.com/hasilnya dapat kamu kunjungi pada laman berikut https://abdumar.github.io/

Lantas, bagaimana cara UPLOAD File Boostrap ke GitHub? Simak ulasan selanjutnya yakni Cara Upload File ke GitHub dengan Drag and Drop

Posting Komentar

0 Komentar