Pemrograman Web - Layout (Tabel)

-
Assalamualaikum wr.wb
  Pada artikel kali ini kita akan Belajar tentang Layout pada Web. Layout itu adalah Tata Letak dalam Tampilan Web.



Bagian Layout

Tampilan di Web itu ada bagian - bagianya. Coba perhatikan Gambar ini:


 
(Sumber: w3schools) 

  • <header> - Bagian Kepala / Atas dari Halaman Web
  • <nav> - Bagian untuk Navigasi Web
  • <section> - Untuk menunjukan Bagian bagian Halaman
  • <article> - Bagian yang menunjukan Artikel
  • <aside> - Bagian untuk menampilkan Konten sampingan / Sidebar
  • <footer> - Bagian Kaki / Bawah dari Halaman Web

Jenis Layout

Layout itu ada beberapa Jenis, mari coba kita buat.
Sebelumnya, dalam pembuatan Layout ada beberapa cara yang bisa di gunakan, disini kita akan menggunakan Metode Tabel. Sebetulnya Metode ini kurang cocok untuk membuat Layout karena Fungsi utama dari Tabel itu kan buat bikin Data berbentuk Tabel, bukan untuk membuat Layout. Meskipun begitu, kita bisa membuat Layout menggunakan Tabel

Saya sarankan untuk membaca Artikel sebelumnya tentang Tabel disini: Pemrograman Web - Tabel

Oke langsung aja

Top Index 

 

Kodinganya bisa dilihat disini: TopIndex

Bottom Index

Kodinganya bisa dilihat disini : Bottom Index


Left Index

Kodinganya bisa dilihat disini: Left Index

Layout Split


Kodinganya bisa dilihat disini: Layout Split


Contoh

Berikutnya ada contoh penggunaan Layout tersebut dalam pembuatan halaman Web 


Kodinganya bisa dilihat disini: Indonesia

Untuk yang satu ini bagian Gambarnya nggak bisa ditampilin di Try It Editor. alasanya karena Gambarnya cuma ada di Komputer saya
   

Komentar

Posting Komentar

Postingan populer dari blog ini

Analisis Web - Code Wars

-
Gambar
Yasfa Zamzami - XI RPL 1 Assalamualaikum Wr.wb Pada Artikel kali ini kita akan melakukan sesuatu yang sedikit berbeda dengan Artikel yang lain. Dalam Artikel lain, Biasanya kita belajar Ngoding . Namun pada Artikel kali ini kita akan Menganalisis Salah Satu Situs E - Learning yang ada di Internet disini kita akan Menganalisis Situs Code Wars Apa itu Code Wars? Jadi, Code Wars adalah Website E Learning (Pembelajaran Online) yang memberikan beberapa Latihan atau Tantangan yang bisa kita ikuti untuk menguji Skill kita. Code Wars adalah situs Pembelajaran Koding yang menggunakan tema "Bela Diri" Dalam Code Wars Codewarrior (User) memiliki Level dari 7 kyu sampai 2 Dam (Urutan : 7 kyu, 6 kyu, 5 kyu, 4 kyu, ..... , 1 dam, 2 dam) Untuk meningkatkan Peringkat  Codewarrior  harus mendapatkan Honor dengan cara menyelesaikan Kata.  Kata? apa itu? susunan Huruf yang menyusun Kalimat? Bukan, bukan itu, Kata disini diambil dari Istilah Bela Diri yang bera
Baca selengkapnya

Pemrograman Web - PBO dalam JavaScript

-
Assalamualaikum Pada Artikel kali ini kita akan belajar tentang PBO sederhana dalam JavaScript Dalam PBO kita akan banyak menggunakan Fungsi jadi saya sarankan untuk membaca Artikel sebelumnya tentang Fungsi pada JavaScript Definisi PBO Apa itu PBO? PBO (Pemrograman berbasis Objek) atau bahasa keren nya OOP (Object Oriented Programming) adalah cara ngoding yang berfokus pada Objek. Terus kalau Objek apa? Objek itu sendiri adalah sekumpulan Variabel , Fungsi , dan Prosedur, yang disatukan dalam 1 Class lalu diperlakukan layaknya Objek di dunia Nyata. Misalnya kita mau buat Objek Nyamuk. Kita tentuin Sifat dari Nyamuk itu apa aja terus jadiin jadi Variabel. Lalu setelahnya, kita tentuin Tindakan yang bisa dilakukan nyamuk itu apa aja terus jadiin Fungsi atau Prosedur. Misalnya gini nih: Objek : Nyamuk  Variabel: - Usia - Kecepatan Terbang - Darah yang dihisap Fungsi / Prosedur: - Terbang -  Menghisap Darah PBO dalam JavaScript Barusan itu sedikit gambara
Baca selengkapnya

Pemrograman Web - JavaScript Loop & Fungsi

-
Assalamualaikum wr.wb Pada Artikel kali ini saya akan membahas tentang Looping atau Pengulangan dalam JavaScript. Apa itu Looping? Yaa...  Looping itu pengulangan. kumpulan Kode dalam tanda {} akan dijalankan terus menerus selama Kondisi / Syarat terpenuhi. Misal : (Selama belum sampai tujuan) { Jalan } (Selama belum berhasil) {Usaha } Untuk melakukan Looping dalam JavaScript digunakan While, Do While, dan, For. While While digunakan untuk melakukan perintah tertentu secara berulang selama Kondisi / Syarat terpenuhi. Penulisanya: while (kondisi) { //Kode yang ingin dijalankan }  Contohnya: Loop Teks See the Pen WhileLoop by Yasfa Zamzami ( @Yasfa ) on CodePen . Bisa kita lihat dari Kodingan diatas bahwa perintah yang berada didalam { } diulangi terus selama Syarat x < 5 terpenuhi  Do While Do While nggak terlalu beda sama While. Cuma ada 2 perbedaan. Pertama, untuk Do While perintah di dalem { } dijalanin dulu baru Syaratnya di Cek (Kalau While s
Baca selengkapnya