Header AD

Aplikasi Universal HTML Sederhana Bagian 3 : Membuat Navigasi Sedehana

Membuat Navigasi Sederhana


Halo teman-teman kita akan melanjutkan tentang membuat aplikasi universal HTML sederhana bagian ke 3,
pada dasarnya navigasi pada aplikasi merupakan tempat dimana untuk mengarahkan pengguna ketempat yang pengunjung tuju, misalnya navigasi home, navigasi soal dan sebagainya,  bahasa pemograman html banyak sekali navigasi code namun kita hanya akan menggunakan <a href=""></a> namun bisa juga menggunalan <button on click="">, setelah kita membuat file pada tutorial sebelumnya , Aplikasi Universal HTML Sederhana Bagian 2 : Membuat Program Baru Halo Ade Haryanto , sekarang kita akan menggabungkan dengan navigasi sederhana kehalaman selanjutnya, yang pertama kita akan menambah.

Catatan Sedikit : untuk memperbesar gambar silahkan klik gambar 1x.

kode 

<a href="halaman1.html">Ini Link Loh(dapat anda ganti sesuai kebutuhan)</a>
seperti gambar dibawah ini :


setelah memasukkan kode tersebut kita akan membuat file halaman1.html dengan cara masuk ke bagian kanan dengan folder Aplikasi_Sederhana.Shared , kenapa saya tebalkan bagian Shared karena untuk nama Aplikasi_Sederhana bisa saja berbeda dengan yang anda buat misalnya , anda membuat Aplikasi_Cantik bisa saja yang lainnya namun kita dapat membedakan tempat yang akan kita edit maupun kita tambahkan file yatu di .Shared , klik pada bagian Aplikasi_Sederhana.Shared -> pages -> home -> klik kanan -> Add -> New Item... , seperti gambar dibawah ini :


Lalu muncul box tempat kita disuruh memilih file apa yang akan kita tambahkan, disini bawah sekalisetidaknya dari JS Action, Behavior, sampai bahasa XML maupun C#, namun kita akan menggunakan bahasa HTML Page sesuai judul "Aplikasi Universal HTML Sederhana" , klik pada bagian HTML Page -> ganti Name dengan nama halaman1.html (sesuai dengan nama dalam code yang sudah kita buat pada diawal bagian 3 ini) -> klik Add.


Kemudian kita double klik file yang bernama halaman1.html pada bagian kanan, Aplikasi_Sederhana.Shared -> pages -> home -> halaman1.html lalu kita rubah
dengan code seperti ini contohnya :
<div>Konten Ade Haryanto Disini :p</div>


Untuk menjalankan program kita cukup mengklik tombol local machine pada atas navbar program, Local Machine berfungsi menalankan program yang telah kita buat di visual studio.


Maka akan tampil seperti dibawah ini, untuk menjalankan home.html


Dan ketika di klik Ini Link Loh maka akan muncul halaman1.html seperti dibawah ini.



Kemudian untuk menjalankan program dihandphone windows phone maka  kita harus mensetting bagian run program nya, klik segitiga kanan pada Local Machine lalu pilih Startup Project -> Aplikasi_Sederhana.Windows Phone (Windows Phone 8.1).


Kemudian pilih Device untuk membuka program windows phone pada handphone ber sistem Windows Phone.

Posting Komentar

Post a Comment (0)

Lebih baru Lebih lama
Post ADS 1
Post ADS 2