Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi 5

    Diunggah oleh

    Guruh Panji Alam
    9 tayangan15 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    9 tayangan15 halaman

    Materi 5

    Diunggah oleh

    Guruh Panji Alam

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 15

    PEMROGRAMAN WEBSITE

    DAN
    PERANGKAT BERGERAK

    KELAS XI
    REKAYASA PERANGKAT LUNAK
    Pertemuan 5
    Guruh Panji Alam, S.Kom
    SMK BPPI BALEENDAH
    MENGENAL FORMAT TABEL PADA HALAMAN WEB
    Halaman website yang menampilkan tabel
    Memahami Konsep Tabel

    Apa itu Tabel ???

    Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang
    terdiri dari baris dan kolom. Dalam pembuatan tabel HTML kamu harus
    menulisaknnya pada <body> tag table ditulis di sini </body>. Struktur table
    memiliki tag-tag khusus yaitu untuk menginisialisasikan sebuat tabel kamu harus
    menulisakan tag <table> … </table>.
    Sebuah tabel pastinya tidak terdiri dari satu kolom
    dan satu baris saja, table terbentuk dari beberapa
    baris dan kolom sesuai dengan kebutuhan. Kalian dapat
    membuat baris dan kolom pada tabel menggunakan tag <tr>
    … </tr> sebagai baris dan <td> … </td> sebagai kolom.
    Desain Halaman Web dengan Tabel

    Dalam perkembangan dunia teknologi sebuah halaman website tidak menarik apabila hanya
    disajikan dalam bentuk 1 kolom saja. Penggunaan tabel sangat membantu dalam mendesain
    sebuah layout halaman web. Layout merupakan sebuah desain yang berupa penataan elemen-
    elemen dalam sebuah halaman web.
    Membuat desain sebuah web harus dipikirkan dengan baik, karena para pengguna akan
    terfokus dengan konten, maka gunakanlah area yang luas untuk penempatan konten.
    Menggunakan warna pada background website agar memberikan suatu kesan yang baik tetapi
    antara warna text dan background harus tepat untuk menambah warna dengan atribut
    bgcolor=“…” pada area yang diperlukan.
    Desain Halaman Web dengan Tabel

    Elemen-elemen dalam desain halaman sebuah web dapat dikelompokkan menjadi 5 yaitu :

     Elemen header yang berisi judul dan slogan sebuah website.


     Elemen navigasi berisi menu-menu yang memberikan akses navigasi ke halaman-halaman
    lain dalam web.
     Elemen sidebar dapat berada di kiri atau kanan konten.
     Elemen konten merupakan isi utama dari dokumen web. Pengguna biasanya datang ke web
    untuk melihat teks yang berada pada bagian ini.
     Elemen footer merupakan penutup dari website.
    Desain Halaman Web dengan Tabel

    Untuk memperdalam pemahaman mu terhadap desain halaman web menggunakan table


    akan tampak seperti kode program berikut ini.
    Contoh Permasalahan 1

    Bagaimana membuat table seperti berikut ini menggunakan struktur HTML ?


    Cell 1 Cell 2 Cell 3 Cell 4

    Penyelesaian :

    Perhatikan kode program di atas atribut border=“1” merupakan atribut untuk menampilkan border
    tabel, kemudian terdapat <td>…</td> untuk membuat kolom sebanyak 4 buah kolom pada satu
    baris.
    Contoh Permasalahan 2
    Perhatikan Gambar Layout Berikut ! Kode Programnya ?
    TUGAS MINGGU 5
    1. Berdasarkan pemahamanmu bagaimanakah cara penulisan tag untuk membuat table pada struktur HTML ?

    2. Pada pembuatan sebuah tabel akan memerlukan beberapa baris dan beberapa kolom. Bagaimanakah cara
    mengimplementasikan pada kode program ?

    3. Perhatikan kode program berikut ini !

    Analisis tampilan yang akan dikeluarkan oleh kode program di atas !

    4. Buatlah kode program untuk table berikut ini !


    Nama Hari Nama Bulan
    Senin Selasa April
    Juni
    Rabu Kamis Mei
    Salin dan isi soal berikut di buku
    kalian, fotokan hasilnya dan
    kumpulkan/kirim di google classroom yang
    sudah tersedia

    Batas pengumpulan sampai jam 17.00


    tanggal 20 Agustus 2020
    SELAMAT MENGERJAKAN

    Anda mungkin juga menyukai