Sebelum membuat Website dengan famework kita harus memilih terlebih dahulu framework apa yang akan kita gunakan, disini saya akan menggunakan framework Bootstrap, berikut langkah-langkah membuat website dengan bootstrap,
1. Download terlebih dahulu bootstrap pada link berikut getbootstrap.com Seperti pada gambar berikut
2. Setelah mendownload bootstrap, sebelum menggunakan kita harus menginstalnya terlebih dahulu.
3. Setelah menginstal Bootstrap kita pilih aplikasi apa yang akan kita gunakan misalnya seperti
notepad++, sublime Dll
4. Lalu simpan Boostrapnya di local disk c pilih folder Xampp > htdoch > praktikum > asset > css.
5. Dan Jquery saya simpan di folder Xampp > praktikum > asset > js
6. Setelah itu tambahkan scrip seperti berikut.
agar website responsive terhadap perangkat mobile Untuk memastikan render yang tepat dan sentuhan zooming, tambahkan berikut <meta> tag dalam<head> elemen
- meta tag sendiri adalah rangkaian kode HTML yang biasa digunakan untuk mempermudah Google dan browser untuk mengidentifikasi seluruh konten yang ada dalam website tersebut.
- meta charset="utf-8" Universal Character Set, atau yang umum disebut sebagai Charset adalah kumpulan dari beberapa jenis pengkodean karakter baik huruf, angka, symbol, dll. Untuk untuk saat ini pengkodean UTF-8 telah menjadi standarisasi untuk pengkodean dalam system operasi, bahasa pemrograman, API, dan software.
- width=device-width Bagian menetapkan lebar halaman untuk mengikuti layar-lebar perangkat (yang akan bervariasi tergantung pada perangkat).
7. Setelah itu masukan perintah seperti berikut maka :
8. Dan berikut hasil nya
9. Setelah itu kita akan membuat menu navigator terlebih dahulu dengan perintah berikut ini
10. Dan berikut hasil perintah diatas
11. Lalu masukan perintah berikut dan desain dengan kreasi kita
12. Berikut Hasilnya
13. Setelah itu kita akan memberikan hak paten atas karya kita bias kita menggunakan perintah berikut
14. Dan berikut hasilnya
Tidak ada komentar:
Posting Komentar