» » » Belajar Tabel Tingkat 4, Cara Membuat Template Website Menggunakan Table

Belajar Tabel Tingkat 4, Cara Membuat Template Website Menggunakan Table

, Edit
BELAJAR TABLE TINGKAT 4

Cara Membuat Template Website menggunakan Table, sebelumnya kami akan menjelaskan dulu apa itu template website, jadi template website itu adalah format bangunan website, ibarat rumah kalau kita ingin membangun sebuah rumah maka rancangan atau kerangka rumah tersebut harus dibuat terlebih dahulu, setelah itu barulah membuat dinding, lantai atap rumah kemudian menentukan warna rumah, setelah itu isi perlatan rumah, kurang lebihnya seperti itu. terus bagaimana dengan template website?? mengenai template website sama saja langkah awal adalah:
  1. Kita harus membuat kerangka / Format websitenya dulu (Tentukan Ukuran dan Model Format Website, tehnik ukuran dan format website akan dibahas dibagian bawah) 
  2. Setelah itu beri warna seperti menentukan warna rumah.
  3. Kemudian tentukan isi konten dari website kita
  4. Mudah bukannnn...
Menentukan Format Website
Untuk Menentukan Format Template Pada Umumnya Bebas sesuai keinginan sendiri, tapi coding santri memberikan dasar pembuatan template sehingga akan mampu membuat dengan cara mudah bagi pemula yang sedang mempelajari website.

Format Template Website terdiri dari:
  1. Header
  2. Midle(Midle dibagi menjadi dua midle left untuk menu dan midle right untuk konten)
  3. footer
hanya 3 format ini saja kita akan membuat sebuah template sederhana menggunakan table.
oke langsung saja Copas Coding yang ada dibawah ini.

 <html>
<head>
<title>Table Tingkat 4</title>
</head>
<body>
<body>
<center>
<table border="1" cellpadding="0" cellspacing="0" width="80%">
<tr>
<td colspan="3">Header</td>
</tr>
<tr>
<td>Midle Left</td>
<td>Midle Conten</td>
</tr>
<tr>
<td colspan="3" align="center">Footer</td>
</tr>
</table>
</center>
</body>
</html>

Coding diatas akan mengasilkan Output seperti dibawah ini

itulah yang dimaksud dengan kerangka template yang sangat dasar sekali. kemudian kita kembangankan kerangka template tersebut sehingga terlihat cantik.
untuk mengembangkan kerangka tersebut kita tambahkan warna pada kolom header, Kolom Midle Left, Kolom Midle Conten dan Kolom Footer.Saya akan mencoba memberikan warna pada format yang seperti dibawah ini atau anda bisa memberikan warna kesukaan anda secara bebas.

Untuk Header Akan Saya Kasih Warna Hijau = "Green",
Untuk Midle Left Akan Saya Kasih Warna Kuning = "Yellow"
Untuk Midle Content Akan Saya Kasih Warna Biru = "Blue"
Untuk Footer akan Saya Kasih warna Hijau = "Green"

Perhatikan Coding lengkapnya dibawah ini
 <html>
<head>
<title>Table Tingkat 4</title>
</head>
<body>
<body>
<center>
<table border="1" cellpadding="0" cellspacing="0" width="80%">
<tr>
<td colspan="3" bgcolor="green">Header</td>
</tr>
<tr>
<td bgcolor="yellow">Midle Left</td>
<td bgcolor="blue">Midle Conten</td>
</tr>
<tr>
<td colspan="3" align="center" bgcolor="green">Footer</td>
</tr>
</table>
</center>
</body>
</html>

maka akan menghasilkan Output yang seperti ini

Tetaplah Bersama CodingSantri.blogspot.com jangan Kemana - mana, Tunggu Kami di tutorial Berukutnya,tutorial Cara Membuat Template Lanjutan..Jika Ada yang ingin ditanyakan pada tutuorial ini silahkan isi Komentar dibagian Bawah.
Semoga Bermanfaat dan Terima Kasih


Subscribe to receive free email updates:

0 Response to "Belajar Tabel Tingkat 4, Cara Membuat Template Website Menggunakan Table"

Post a Comment

Subscribe to: Post Comments (Atom)