Selasa, 10 April 2012

TUGAS PEMEROGRAMAN WEB II

                                           TUGAS PEMEROGRAMAN WEB II




1. PERBEDAAN WEB STATIS DAN DINAMIS



WEB STATIS adalah sebuah website dimana tampilan halamannya tidak berubah-ubah. Website statis ini biasanya jarang di update/diperbaharui, baik isi maupun tampilannya. Kalaupun di update, itu sangat jarang dan dalam waktu-waktu tertentu saja. Biasanya website statis ini tidak menyediakan kolom untuk berkomentar bagi para pengunjungnya.
Dari segi jumlah halamannya, website statis ini juga sangat terbatas halamannya. Informasi yang ada pada halamannya hanya informasi yang sudah tetap. Jadi dapat disimpulkan, website statis ini hampir sama dengan brosur. Namun yang membedakannya adalah, brosur berupa cetakan dan biasanya disebarkan, sedangkan website statis hanya dapat diakses melalui internet.
Contoh : Website statis biasanya dipergunakan untuk website company profile, personal profile, penawaran produk.

WEB DINAMIS adalah kebalikan dari website statis. Website dinamis berarti halaman dan isinyapun dapat berubah– ubah. Kebanyakan website saat ini adalah website dinamis karena isinya dapat di update setiap hari. Sebagai contohnya adalah website-website berita, blog, tutorial,  situs social networking, dll.
Dari keterangan diatas, dapat diambil kesimpulan, website dinamis itu mempunyai ciri-ciri sebagai berikut :
  • Isi/konten selalu di update sehingga jumlah halamannya terus bertambah
  • Mudah dalam menambahkan konten baru karena memang ini yang diutamakan
  • Konten terbaru selalu berada di urutan pertama karena untuk memperjelas konten yang diupdate
  • Pengunjung dapat memberikan komentar pada sebuah konten yang di sajikan. apalagi kalau berisi tutorial maka pengunjung bisa bertanya ketika ada yang belum paham
Contoh web dinamis adalah blog, portal berita, social networking. Lihat saja isi web tersebut, isinya selalu diupdate oleh pemiliknya. Bahkan untuk social networking selalu update tiap detik

2. MEMBUAT TABEL

  Untuk Membuat Tabel seberti diatas berikut source code nya: 


<html>
    <head>
        <title> Tabel Tugas 2 | Pemrograman Web </title>
    </head>
    <body>
        <table border="1" width="80%">
            <caption> Data Masyarakat </caption>
            <tr>
                <td colspan="3"> I. Data Masyarakat </td>
                <td colspan="3" align="center"> Diisi oleh Petugas </td>
            </tr>
            <tr>
                <td width="20%"> Nomor Responden </td>
                <td colspan="2">&nbsp</td>
                <td align="center"> 01 </td>
                <td align="center"> 02 </td>
                <td align="center"> 03 </td>
            </tr>
            <tr>
                <td width="20%"> Umur </td>
                <td colspan="2"> &nbsp </td>
                <td colspan="3">
                <table border="1" width="100%">
            <tr>
                <td width="50%" align="center">2</td>
                <td width="50%" align="center">7</td>
            </tr>
        </table>
            <tr>
                <td width="20%"> Jenis Kelamin</td>
                <td width="20%">
                    <ol>
                        <li>Laki-laki</li>
                    </ol>
                </td>
                <td width="20%">
                    <ol >
                        <li>Perempuan</li>
                    </ol>
                </td>
                <td colspan="3" align="center"> 1 </td>
            </tr>
            <tr>
                <td width="20%">Pendidikan Terakhir</td>
                <td width="20%">
                    <ol>
                        <li>SD ke Bawah</li>
                        <li>SLTP</li>
                        <li>SLTA</li>
                    </ol>
                </td>
                <td width="20%">
                    <ol >
                        <li>D1-D2-D3-D4</li>
                        <li>S-1</li>
                        <li>S-2 keatas</li>
                    </ol>
                </td>
                <td colspan="3" align="center">3</td>
            </tr>
            <tr>
                <td width="20%">Pekerjaan Utama</td>
                <td width="20%">
                    <ol>
                        <li>Seniman / Musisi</li>
                        <li>Pegawai PNS</li>
                        <li>Wirausaha/Usahawan</li>
                    </ol>
                </td>
                <td width="20%">
                    <ol>
                        <li>Pelajar/Mahasiswa</li>
                        <li>Lainnya</li>
                    </ol>
                </td>
                <td colspan="3" align="center">1</td>
            </tr>
            <tr>
                <td colspan="6" width="80%">Ket : Lingkari kode angka sesuai jabatan masyarakat</td>
            </tr>
            <tr>
                <td colspan="6" width="80%">II. Data Pencacah/Pengumpul Data</td>
            </tr>
            <tr>
            <td colspan="6">
            </tr>
        <table border="1" width="80%">
            <tr>
                <td width="50%">Nama</td>
                <td width="50%">Oky Heriyawan</td>
            </tr>
        </table>
            <tr>
                <td colspan="6">
            </tr>
        <table border="1" width="80%">
            <tr>
                <td width="50%">NIM</td>
                <td width="50%">09.240.0047</td>
            </tr>
    </body>
</html>




Hasilnya Sebagai Berikut :