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
mas, saya sempat belajar Xampp, tapi sekarang aplikasinya udah ngak ada lagi... saya pengen belajar lagi mas... mohon link untuk download Xampp :)
ReplyDelete***
Mohon jawabannya, saya akan kembali lagi :)
di google banyak mas. hehehe
ReplyDeletenih coba dulu aja masuk kesini https://www.apachefriends.org/download.html
Terimakasih mas, walaupun saya jualan kaos ukuran besar secara online, tapi kebetulan tertarik untuk belajar programming php, oleh teman direkomendasikan belajar html dahulu. Postingan ini sangat membantu saya untuk belajar.
ReplyDeleteiya gan sama2
Deletekeren. perlu saya coba nih...
ReplyDeletethanks gan. silahkan di coba
DeleteSangat keren xD perlu di coba
ReplyDeletethanks gan. monggo di coba
Delete(p) (p)
ReplyDeleteAku biasanya pakai w3school gan :D
ReplyDeleteiya gan.. sipp. malah lebih lengkap di w3school gan :d
Delete
ReplyDeleteOke bosku ... Akan segera kami proses.. mohon ditunggu sebentar ya...
makasih min
ReplyDeletePenjepit LCD