Cara Mudah Membuat Website Dengan Bootstrap Untuk Para Pemula

Cara Mudah Membuat Website Dengan Bootstrap Untuk Para Pemula

Dunia internet semakin canggih setiap tahunnya. Jika dulu orang masih asing dengan blog dan website, sekarang banyak orang yang sudah mampu mengelolanya. Bagi anda yang belum bisa mengelola blog atau website, anda tidak perlu khawatir. Anda bisa belajar bagaimana mengelola website dengan baik mulai dari sekarang. Namun sebelum Anda mengelola website milik sendiri, pastikan anda telah mempunyai website terlebih dahulu. Membuat website dengan sangat mudah bisa dilakukan dengan bootstrap.

Cara mudah membuat website dengan bootstrap ini bisa anda praktekkan sendiri. Setelah itu anda bisa menggunakan website yang akan anda gunakan sesuai kebutuhan. Anda bisa gunakan untuk jualan toko online, menawarkan jasa dan banyak lagi yang lainnya. Jangan takut untuk memulai menggunakan bootstrap ini karena ada banyak kelebihan yang bisa anda dapatkan.

Banyak sekali kelebihan yang ditawarkan jika anda memakai bootstrap. Salah satunya anda tidak perlu menggunakan hardisk. Selain itu tampilan website yang anda buat akan lebih rapi jika dibuka dengan laptop maupun dari Hp. Untuk membuat website dengan bootstrap anda hanya membutuhkan langkah – langkah sederhana.  Berikut ini akan dijelaskan secara sederhana cara mudah membuat website dengan bootstrap.

  1. Unduh Bootstrap

Cara pertama yang harus anda lakukan adalah mengunduh bootstrop.  Bootstrap sendiri merupakan sebuah framework CSS yang menyediakan komponen-komponen yang digunakan untuk merancang dan mendesain sebuah website. Komponen-komponen ini berguna untuk membuat website dengan mudah. Waktu yang dibutuhkan untuk mengunduh bootstrap biasanya tidak memakan waktu yang lama.

  1. Ekstrak File

File bootstrap yang anda unduh belum dapat digunakan. Anda terlebih dahulu harus mengekstrak file yang anda dapatkan. Setelah di ekstrak akan muncul beberapa folder yang berisi banyak file lainnya. Dalam folder ini terdapat boostrap css, bootstrap min css, bootstrap responsive dan bootstrap responsive.min.css. Dalam direktori img terdapat dua file yaitu glyphicons-halflings.png dan glyphicons-halflings.png. Sedangkan direktori js juga memiliki dua buah file yaitu bootsrap.js dan bootsrap.min.js.

  1. Siapkan Aplikasi Notepad++

Langkah yang ketiga, anda harus menyiapkan aplikasi Notepad++. Bootstrap tidak bisa digunakan tanpa adanya bantuan dari aplikasi Notepad++. Jika anda belum mempunyai aplikasi ini, anda bisa mendownloadnya terlebih dahulu. Download aplikasi Notepad++ di situs resminya.

  1. Atur Tampilan

Untuk mendapatkan tampilan yang bagus dan sama seperti tampilan facebook anda harus membuat scrip HTML. Untuk membuat tampilan yang bagus ikuti langkah di bawah ini :
Buka aplikasi Notepad++ yang telah di download
Setelah itu klik file new atau bisa juga dengan klik ctrl + N
Beri nama file dengan nama LATIHANBOOTSTRAP.HTML

  1. Simpan File Dan Jalankan

Langkah terakhir anda hanya tinggal menyimpan file yang telah dibuat. Sekarang anda bisa menjalankan file dengan semestinya. Anda juga sudah mendapatkan tampilan website yang bagus. Tampilan ini mirip dengan tampilan facebook. Tampilan depan memiliki warna biru tua sama seperti biru pada facebook. Tersedia beberapa kolom yang bisa anda isi sendiri.

Begitulah langkah-langkah dalam membuat website dengan menggunakan bootstrap. Cara ini dinilai sangat mudah dan bisa langsung dipraktekkan. Hanya dalam beberapa menit saja, anda sudah bisa membuat website. Website yang baru anda buat sudah bisa dijalankan sambil belajar mengelolanya. Mengelola website jauh lebih sulit dibandingkan dengan membuat website. Oleh sebab itu, sebaiknya setelah anda memiliki website yang baru, anda harus belajar mengelola website. Hal ini perlu dilakukan agar website anda memiliki banyak pengunjung.

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll Up