Minggu, 01 Oktober 2017

TUTORIAL MEMBUAT HALAMAN WEBSITE SEDERHANA DENGAN MENGGUNAKAN FRAMEWORK

Sebelum kita mulai membuat halam website terlebih dahulu kita memilih Framework apa yang akan kita gunakan dalam pembuatan website, 

Nah disini saya akan menggunakan framework Bootstrap,


Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Berikut ini langkah - langkah dalam membuat Halaman Website dengan menggunakan Framework :

1. Download terlebih dahulu Bootstarp pada link di bawah ini 
    getbootstrap.com
    maka akan muncul gambar seperti di bawah ini :
    


2. setelah selesai mendownload bootstrap, kita harus menginstal nya terlebih dahulu


3. Setelah menginstal Bootstrap kita pilih aplikasi apa yang akan kita gunakan misalnya          seperti: notepad ++, Sublime text, Dreamwever, dan lain-lain

 


4.  Kemudian buat folder baru di local disk c:xampp>htdocs>praktikum(sesuai dengan nama folder yang telah anda buat) 


5. Setelah itu baru lah kita hidupkan XAMPP Control Panel dan Start 


6. Setelah itu panggil module bootstrap di halaman index, kemudian akan tampil seperti gambar di bawah ini  yang menandakan bootstrap siap digunakan \


Langkah selanjutnya adalah membuat web halaman website

7. Buatlah judul Halmanan website sesuai dengan apa yang akan kalian buat : 

 Berikut hasil dari perintah di atas :


8. Langkah selanjutnya masukan perintah berikut ini sesuai dengan apa yang akan kita mau buat :


Berikut hasil dari yang kita buat :


9. Setelah itu kita bisa menambahakan hak paten dengan membuat catatan kaki atau Footer 


Dan berikut ini hasil akhir seluruh nya :













Tidak ada komentar:

Posting Komentar