Membuat Halaman Web Sederhana Menggunakan Framework
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:
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 text, Dreamwever, dan lain-lain.
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).
·
initial-scale=1
bagian menetapkan tingkat zoom awal saat halaman
pertama dimuat oleh browser.
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 dari perintah di atas
11. Lalu
masukan perintah berikut dan desain dengan kreasi kita
12. Berikut
hasil nya.
13. Setelah
itu kita akan memberikan hak paten atas karya kita bias kita menggunakan perintah berikut .
14. Dan
berikut hasilnya
