Toko Buku HTML

Tampilan Web (TOKO BUKU ONLINE)
1
Nama file : index.html
<html>
<head>
<title>Toko Buku Online</title>
<link href="layout.css" rel="stylesheet" type="text/css" />
<link href="buku2.png" rel="icon" />
</head>
<body link="white" vlink="#eeeeee">
<div id="wrap">
<div id="header">
<img src="gambar/buku2.png"/><h1>Toko Buku Online</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Home</a> | </li>
<li><a href="#">Prosedur Pemesanan</a> | </li>
<li><a href="#">Tentang Kami</a> | </li>
<li><a href="kontak.html" target="frmMain">Kontak</a> | </li>
<li><a href="#">Login Admin</a> </li>
</ul><br />
<center>
<form action="#" method="post" target="frmMain">
<strong>Pencarian Buku:</strong>
<select name="comboCari">
<option value="0">Berdasarkan Judul Buku</option>
<option value="1">Berdasarkan Pengarang</option>
<option value="2">Berdasarkan Penerbit</option>
</select>
<input type="text" name="txtCari" size="45"/>
<input type="submit" name="btnCari" value="Go">
</form>
</center>
</div>
<div id="main">
<iframe width="690px" height="700px" frameborder="0" name="frmMain"
scrolling="auto" src="welcome.html"></iframe>
</div>
<div id="sidebar">
<h2>Kategori Buku</h2>
<ul>
<li>
<a href="daftarbuku.html" target="frmMain">Pemrograman </a>
</li>
</ul>
</div>
<div id="footer">
Copyright © 2016 - Toko Buku Online
</div>
</div>
</body>
</html>
2
Nama file : welcome.html
<html>
<head>
<link href="framelayout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Selamat Datang Di Toko Buku Online</h2>
<p>Toko Buku Online adalah toko buku online yang menjual segala jenis buku, baik buku novel, buku
anak-anak, buku impor, buku pelajaran, buku fiksi, buku komik, buku masak, buku komputer, buku
kesehatan, buku travel, buku pengembangan diri, buku manajemen, buku religius, majalah dan masih
banyak lagi. Anda dapat menemukan ratusan ribu buku dengan koleksi kami yang sangat lengkap.
Semuanya dapat anda temui di online bookstore kami. Buku yang kami jual berasal dari berbagai
penerbit ternama seperti Gramedia, Mizan, Elex Media Komputindo, Grasindo, Penerbit Ufuk, Kanisius,
Andi Offset, Erlangga, Transmedia, Agromedia, Kompas, dan masih banyak lagi. Belanja buku menjadi
sangat mudah, hemat dan menyenangkan di Bukabuku.com karena dapat menghemat waktu dan tenaga.
Hubungi customer care kami apabila anda ingin mencari buku yang anda inginkan tetapi belum terdapat
di Toko Buku Online. Customer care kami akan siap membantu anda dengan mementingkan kepuasan
pelanggan dalam berbelanja. Kami selalu mengutamakan pengiriman anda agar diterima dengan kondisi
baik dan tepat waktu. </p>
<p>
<strong>Cepat, Lihat dan Pesan sekarang juga!</strong>
</p>
<p><img src="gambar/buku.png"></p>
<p>Barang tidak sampai ke tempat anda? <strong> Garansi 100% uang kembali</strong></p>
</body>
</html>
Nama file : kontak.html
<html>
<head>
</head>
<body>
<h2>Kontak</h2>
<p>Kritik, saran dan pertanyaan silahkan kirim ke alamat kami :</p>
<p><strong>Toko Buku Online</strong></p>
<p>Alamat Kantor : <strong>BTN UHO S No 2 Kendari, Sulawesi Tenggara</strong><br/>
Fax: <strong> (0401) 319-7005 </strong><br/>
Telp: <strong>(0401) 319-7005 </strong><br/>
Email:
<strong>customer-service@tokobukuonline.com</strong></p>
</body>
</html>
3
Nama file : daftarbuku.html
<html>
<head>
</head>
<body>
<h2>Daftar Buku</h2>
<table class="buku">
<tr>
<th width="50">ISBN</th>
<th width="280">Judul</th>
<th width="150">Penerbit</th>
<th width="80">Harga</th>
</tr>
<tr>
<td>123456789</td>
<td align="left">Pemrograman web dengan php dan mysql</td>
<td align="left">Andi Offset</td>
<td align="right">25000</td>
</tr>
</table>
</body>
</html>
Nama file : layout.css

body,
html {
margin:0;
padding:0;
color:#000;
background:#c4c8ff;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#wrap {
width:950px;
margin:0 auto;
background:#333333;
}
#welcome{
background:#fff;
}
#header{
padding:5px 10px;
background:#3399ff;
text-align:center
}
4
Nama file : layout.css (sambungan)
#header h1 {
font-size:36px;
color:#fff;
margin:5px;
}
#nav {
padding:5px 10px;
background:#3399ff;
color:#fff;
}
#nav ul {
margin:0;
padding:0;
list-style:none;
text-align:center;
}
#nav li {
display:inline;
margin:0;
padding:0;
}
#main {
float:right;
width:690px;
padding:10px;
background:powderblue;
}
#sidebar {
float:left;
padding:10px;
width:220px;
background:#333333;
color:white;
}
#sidebar li {
margin:0;
padding:5px;
}
#footer {
clear:both;
padding:5px 10px;
text-align:center;
background:#3399ff;
}
#footer p {
margin:0;
}
5
Nama file : framelayout.css
body,
html {
margin:0;
padding:0;
color:#000;
background:powderblue;
font:12px Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
}
table.buku {
text-align: center;
font-family: Verdana, Geneva, Arial, Heltivica, san-serif;
font-weight:normal;
font-size: 11px;
color: #002;
background:#0000cc;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}
table.buku td {
background-color: #cca;
color: #000;
padding: 4px;
border: 1px #fff solid;
}
th{
color:white;
}
table.buku td.hed {
background-color: #ccc;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 14px;
font-weight: bold;
}

Toko Buku HTML

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Toko Buku HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

Tampilan Web (TOKO BUKU ONLINE)

Nama file : kontak.html

Nama file : layout.css

Anda mungkin juga menyukai