Pendahuluan
A.Pokok Bahasan
Memahami syntax atau kode pembuatan dalam pembuatan template sederhana.
B.Latar Belakang
Guna memberikan informasi mendasar tentang kesatuan template yang terdiri dari Header, Title, Footer, Body, Sidebar, dan Footer.
C.Tujuan
Membuat seseorang tahu akan bagian mendasar dalam ebuah template melalui tampilannya .
<head>
<meta charset=utf-8>
<title>Warung wong mewah</title>
<link href="bakso1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Bakker MEWAH</h1>
</div>
<br>
<div id="content">
<div id="colOne">
<h2>Menu</h2>
<ul>
<li><a href="kucing.jpg" accesskey="1" title="Berisi hidangan penutup">Camilan</a></li>
<li><a href="#" accesskey="2" title=" masakan jawa klasik">Makanan</a></li>
<li><a href="minuman.html" accesskey="3" title="Minuman buah& sirup">Minuman</a></li>
<br>
<br>
<h3>Menu Andalan</h3>
<li><a href="bakso pocong.jpeg">Bakso pocong</a></li>
<li><a href="bakso kembang.jpeg">Bakso Kembang</a></li>
<li><a href="bakso ketupat.jpeg">Bakso Ketupat</a></li>
<li><a href="bakso pring.jpeg">Bakso Pring</a></li><p>
<h2>Serambi Mie</h2>
<li><a href="mie mlayang.jpeg">Mie Mlayang</a></li>
<li><a href="mie tentakel.jpeg">Mie Tentakel</a></li>
<li><a href="mie trasi.jpg">Mie Trasi</a></li>
<li><a href="mie godhog.jpeg">Mie Godhog</a></li>
<img src="bakso.jpg" alt="" class="auto" height="160" width="auto" />
</div>
<div id="colThree">
<h2>Menu Teranyar</h2>
<p>
<li>Bakso Beranak</li>
<li>Bakso Tulang</li>
<li>Bakso Rudal</li>
<li><a href="daftar.png" accesskey="1" title="">LIHAT HARGA SELENGKAPNYA</a></li>
<h3>Chef/koki</h3>
<ul>
<li><a href="roni.png">Chef Roni</a></li>
<li><a href="adi1.jpg">ChefAdi</a></li>
<li><a href="adi.png">Chef Chemo</a></li>
<li><a href="orin.png">Chef Orin</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Agung ekka ramadhani</p>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1em; margin-bottom: 1em;">
Kunjung Blog <a href="http://agungekka02smkbantarasidoharjo.com/">agung ekka ramadhani</a> <br />
<button type="submit">Silahkan masuk</button>
</body></html>
<meta charset=utf-8>
<title>Warung wong mewah</title>
<link href="bakso1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Bakker MEWAH</h1>
</div>
<br>
<div id="content">
<div id="colOne">
<h2>Menu</h2>
<ul>
<li><a href="kucing.jpg" accesskey="1" title="Berisi hidangan penutup">Camilan</a></li>
<li><a href="#" accesskey="2" title=" masakan jawa klasik">Makanan</a></li>
<li><a href="minuman.html" accesskey="3" title="Minuman buah& sirup">Minuman</a></li>
<br>
<br>
<h3>Menu Andalan</h3>
<li><a href="bakso pocong.jpeg">Bakso pocong</a></li>
<li><a href="bakso kembang.jpeg">Bakso Kembang</a></li>
<li><a href="bakso ketupat.jpeg">Bakso Ketupat</a></li>
<li><a href="bakso pring.jpeg">Bakso Pring</a></li><p>
<h2>Serambi Mie</h2>
<li><a href="mie mlayang.jpeg">Mie Mlayang</a></li>
<li><a href="mie tentakel.jpeg">Mie Tentakel</a></li>
<li><a href="mie trasi.jpg">Mie Trasi</a></li>
<li><a href="mie godhog.jpeg">Mie Godhog</a></li>
<img src="bakso.jpg" alt="" class="auto" height="160" width="auto" />
</div>
<div id="colThree">
<h2>Menu Teranyar</h2>
<p>
<li>Bakso Beranak</li>
<li>Bakso Tulang</li>
<li>Bakso Rudal</li>
<li><a href="daftar.png" accesskey="1" title="">LIHAT HARGA SELENGKAPNYA</a></li>
<h3>Chef/koki</h3>
<ul>
<li><a href="roni.png">Chef Roni</a></li>
<li><a href="adi1.jpg">ChefAdi</a></li>
<li><a href="adi.png">Chef Chemo</a></li>
<li><a href="orin.png">Chef Orin</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Agung ekka ramadhani</p>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1em; margin-bottom: 1em;">
Kunjung Blog <a href="http://agungekka02smkbantarasidoharjo.com/">agung ekka ramadhani</a> <br />
<button type="submit">Silahkan masuk</button>
</body></html>
2.Isi
D.Pembahasan
Sebenarnya sudah banyak sekali dalam postingan yang saya upload tentang ulasan ulasan mengenai sebuah template yang saya buat, akan tetapi kali ini saya akan mengulasnya dengan menggunakan bahasa yang lebih spesifik dan ditambah dengan praktik kodenya tiap tiap bagian.
E.Referensi
F.Waktu Pelaksanaan
08.00-16.00WIB
3.Penutup
G.Kesimpulan
H.Alat yang dibutuhkan
Satu buah laptop
Tidak ada komentar:
Posting Komentar