Tutorial membuat website html sederhana tanpa database yang saya bagikan ini terbilang sangat sederhana sekali. Mungkin untuk para master-master yang sudah handal sangat mudah sekali membuat website sederhana seperti yang saya bagikan ini. Tapi saya rasa masih banyak yang membutuhkan pembelajaran tentang html sebelum nantinya masuk ke tingkat selanjutnya.
berikut adalah tampilan websitenya
Oke langsung saja kita masuk ke pembahasan.
pertama kita install xampp pada komputer. Gunanya untuk server local dari website yang kita buat.
Langkah kedua adalah membuat folder pada xampp/htdocs/namafolderkita
Setelah kita membuat folder dengan nama sesuai keinginan, kita membuat file index.html pada folder yang telah kita buat. Setelah itu isi index.html dengan script di bawah ini.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>belajar</title>
<style type="text/css">
<!--
body {
background-color: #999999;
}
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #333333;
}
-->
</style></head>
<body>
<table width="780" height="200" border="0" align="center">
<tr>
<th bgcolor="#FFFFFF" scope="col"><img src="baner.jpg" width="775" height="200" /></th>
</tr>
</table>
<table width="780" border="0" align="center">
<tr>
<th bgcolor="#CCCCCC" scope="col"><div align="left"><a href="index.html">Home</a> | <a href="profile.html">Profile</a> | <a href="galery.html">Galery</a> | <a href="http://www.kamarujung.blogspot.com">Blog</a></div></th>
</tr>
</table>
<table width="780" border="0" align="center">
<tr>
<th width="200" align="center" valign="top" bgcolor="#CCCCCC" scope="col"><table width="200" border="0" align="center">
<tr>
<th bgcolor="#999999" scope="col">Mata Kuliah </th>
</tr>
</table>
<ul type="circle">
<li>
<div align="left"><a href="dsi.html">DSI</a></div>
</li>
<li>
<div align="left"><a href="pbo.html">PBO</a></div>
</li>
<li>
<div align="left"><a href="database.html">Basis Data</a></div>
</li>
<li>
<div align="left"><a href="multimed.html">Multimedia</a></div>
</li>
<li>
<div align="left"><a href="web.html">Pemrograman Web</a></div>
</li>
<li>
<div align="left"><a href="rpl.html">RPL</a></div>
</li>
<li>
<div align="left"><a href="jaringan.html">Jaringan komputer</a></div>
</li>
<li>
<div align="left"><a href="etprof.html">Etika Profesi</a></div>
</li>
</ul>
</th>
<th width="570" align="center" valign="top" bgcolor="#FFFFFF" scope="col">
<h3>..::Selamat Datang di Situs Saya::..</h3>
<p align="justify">website ini berisi tentang materi-materi kuliah Manajemen Informatika. jika anda ingin mencari info tentang mata kuliah maka klik link di sebelah kiri sesuai dengan mata kuliah yang ingin anda cari. terima kasih atas kunjungan anda :) <br />
untuk melihat profile saya <a href="profile.html">klik disini
</a>
<br />
<hr size="1" width="560" align="left" />
<h3>Info anak Mi 2011</h3>
<h4 align="justify">Uts basis data pada tanggal 30 april 2013. </h4>
<hr size="1" width="560" align="left" /></p>
</th>
</tr>
</table>
<table width="780" height="20" border="0" align="center">
<tr>
<th bgcolor="#CCCCCC" scope="col"><h5>© 2013 Achmad Pidjarianto </h5></th>
</tr>
</table>
</body>
</html>
Setelah itu kita buat file lainnya. pada website saya ini berisi tentang mata kuliah manajemen informatika. Sehingga saya membuat nama file sesuai dengan nama matakuliah saya.
Database.html
Dsi.html
Etprof.html
Galery.html
Jaringan.html
Multimed.html
Pbo.html
Pbw.html
Profile.html
Rpl.html
Web.html
Karena terlalu banyak file saya sarankan supaya download saja langsung.
sekian pembahasan dari saya tentang Tutorial membuat website html sederhana tanpa database. Jika ada pertanyaan silahkan ajukan pada kolom komentar. Semoga Tutorial membuat website html sederhana tanpa database ini bermanfaat untuk kita semua. amiin
Download juga tutorial lainnya
Tutorial Membuat Toko Online Sederhana Berbasis Web
Tutorial Membuat Website Html Sederhana Tanpa Database
Playstore Sederhana Menggunakan PHP
Tutorial Membuat Login Multi User Menggunakan Php & MySql
Tutorial Membuat Simulasi Finger Print Untuk Absensi Berbasis Web Menggunakan PHP & MySql
Tutorial Membuat Sistem Informasi Portal Berita Berbasis Web Menggunakan Php & MySql
Tutorial Membuat Sistem Informasi Tujuan Wisata Berbasis Web Menggunakan PHP & MYSQL
Tutorial Membuat Website Html Sederhana Tanpa Database
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :