Langkah awal dalam pembuatan aplikasi GO TRIP adalah Desain dan analisis dimana langkah awal kalian seperti biasa download terlebih dahulu...
Langkah awal dalam pembuatan aplikasi GO TRIP adalah Desain dan analisis dimana langkah awal kalian seperti biasa download terlebih dahulu Jquery Mobilenya disini.
GO TRIP
Setelah download Jquery Mobile saya extrack lalu simpan di sebuah project seperti ini ini xampp.
Ket:* diextrak pada folder Jquerylalu buat di notepad ++, dengan nama index.html.dan sisipkan atau panggil folder css dan js yang sudah didownload di jquery mobile seperti gambar dibawah ini.
* kemudian untuk href https adalah source code dalam berbentuk online atau harus terkoneksi internet
kemudian masuk ke tahap body dimana saya mengetahui kodingan panel-responsive-page1, terdapat pada website Jquery Mobile itu sendiri dibagian demos terlihat pada gambar dibawah ini.
Ket:* kemudian pilih versi yang kalian unduh sebelumnya
setelah ditekan versi 1.4.5 maka akan muncul ditahap kiri bagian bagian yang kalia ingin tampilkan pada web dengan berbasis source code jquery mobile.
oke lanjut kepembahasan kodingannya dimana kodingan tersebut untuk header dengan ukuran huruf <h1> GO TRIP by Madani </h1> dengan panel lanjut ke tahapan berikutnya terdapat data icon grid dengan tujuan untuk menampilkan menu dan panel selanjutnya data icon gear dengan tujuan add atau tambah yang nantinya panel tersebut saya akan ganti di tahapan selanjutnya.
Dan tampilannya akan seperti ini :
Ket:* Gambar dibuat melingkar tersebut menggunakan css terdapat pada img-trip.css yang membuat gambar dengan img akan melingkar.
Kesusahan:*Ingin menampilkan gambar tersebut berada ditengah kebawah ataupun 1 kolom kekanan kemudian ingin membuat link jika kita mengklik atau menekan pada gambar ataupun tulisan tersebut setelah saya coba coba ternyata malah tejadi kesalahan pada kodingan dibawah ini:
COMMENTS