Pada blog saya kali ini,di sini saya akan sedikit menjelaskan membuat
Web sederhana menggunakan HTML. Dalam membuat Web sebelumnya kita harus
mengetahui bahasa pemograman apa yang akan kita
gunakan,seperti HTML,PHP, AJAX, JQUERY dll. Di sini saya akan membuat
website sederhana dengan menggunakan HTML, mungkin diantara kalian ingin
membuat Web sederhana berikut ini saya akan menjelaskan nya semoga blog
yang saya buat ini bermanfaat untuk kalian
Sebelumnya kalian pasti tau kan apa itu HTML, disini menjelaskan yang
dimaksud dengan HTML atau Hyper Text Markup Language adalah sebuah file
resmi yang dapat dibuat dengan editor teks sembarang. Dimana dokumen
tersebut berekstensi “.html”. HTML merupakan bahasa standard yang
digunakan untuk membuat website, dengan HTML kita dapat melakukan banyak
hal, antara lain :
- Mendesain tampilan website dengan isinya.
- Membuat form interaktif untuk formulir pendaftaran,belanja online, dan lain – lain.
- Menambahkan gambar, suara maupun video ke dalam tampilan website.
Apabila kita sudah bisa mulai mengerti penggunaan kode html ini, kita akan mulai merasakan senangnya membuat website sendiri dengan HTML.
Nah..Sekarang saya mulai saja menerangkan cara membuat website yang sederhana dengan HTML.
Sebenarnya kode untuk membuat website dengan HTML adalah sangat sederhana sekali.
Berikut kode HTML yang saya buat adalah seperti dibawah ini:
<HTML>
<HEAD>
<TITLE> Anisa Icha </TITLE>
</HEAD>
<BODY>
<TABLE border=”8″ background=”icha.jpg” align=”center”>
<TR>
</TR>
<TR>
<TD align=”center” background=”icha.jpg” colspan=”2″ height=”40″ width=”800″>
<MARQUEE><blink><FONT face=”impact”
color=”white”>Membuat Website
Sederhana</blink><FONT></MARQUEE></TD>
</TR>
<TR>
<TD align=”left” background=”icha.jpg” colspan=”2″ height=”120″ width=”800″>
<HTML>
<HEAD>
<TITLE>Anisa Icha</TITLE></HEAD>
<BODY BACKGROUND = icha.jpg ><FONT FACE = ARIAL COLOR = red SIZE = 5>
<A HREF = icha3.jpg><P ALIGN = CENTER ><IMG SRC = icha3.jpg width=”100″ height=”200″></A HREF>
<PRE>
<P ALIGN = CENTER>
NAMA = Anisah
NPM = 50410879
KELAS = 2IA03
</PRE>
<HTML>
<HEAD>
</HEAD>
<BODY>
<HR>
<P><a href=”index.html”>Home</a> | <a
href=”tugas1.html”>Halaman 2</a> | <a
href=”tugas.html”>Halaman 3</a></P>
<HR>
<P ALIGN = CENTER>
<FONT face=”impact” color=”red”>All Right Reserved © 2012 by Anisa</FONT></TD>
</TR>
<html>
<head>
<TD align=”center” background=”ic” colspan=”2″ height=”20″ width=”800″>
<html>
<head>
<title>Jam Digital</title>
<script type=”text/javascript”>
// 1 detik = 1000
window.setTimeout(“waktu()”,1000);
function waktu() {
var tanggal = new Date();
setTimeout(“waktu()”,1000);
document.getElementById(“output”).innerHTML = tanggal.getHours()+”:”+tanggal.getMinutes()+”:”+tanggal.getSeconds();
}
</script>
</head>
<body background=”lki.jpg” text=”blue” onload=”waktu()”>
<table align=center style=”border:1px solid black” bgcolor=”#CCCCCC”><tr><td>
<div id=”output”>
</div></td></tr>
</table>
</body>
</html>
</TR>
</TABLE>
</BODY>
</HTML>
setelah selesai dibuat lalu kita simpan dengan nama index.html. isi
dari home pertama saya berisikan biodata diri sendiri,selanjutnya di
halaman1 saya memasukkan tugas pertama saya dengan nama tugas yang telah
saya buat, begitu juga pada halaman2 saya isi dengan tugas kedua saya.
Jika semua sudah kita buat lalu di satukan di dalam sebuh folder. Nah
selanjutnya jika website yang kita buat ingin dilihat oleh semua
pengunjung dengan akses online maka kita dapat mendaftarkannya melalui
http://www.000webhost.com selanjutnya ikuti langkah-langkah yang sudah ditentukan, setelah selesai lalu kita membuat domainnya melalui
http://freedns.afraid.org/subdomain/. jika semua telah selesai di daftarkan dan kita sudah memiliki domainnya selanjutnya kita dapat mendownload software
http://filezilla-project.org
yang berfungsi untuk mengupload file-file yang kita sudah buat tadi
sesuai keinginan kita. Dan hasilnya ini web yang saya buat : [
anisa.uk.to] silahkan di coba
Desain website yang baik :
-
Kecepatan download adalah “kriteria desain utama”. Jadi jangan sampai user menjadi sangat amat lama mendownload hanya karena suatu simbol saja. Hindari penggunaan gambar/image yang tidak perlu. Jika image /gambar fungsinya bisa digantikan text, sebaiknya menggunakan text.
-
Mekanisme “search” sangat perlu untuk site yang memiliki lebih dari 200 halaman.
-
Struktur yang baik, serta navigasi yang mudah.
-
Sebisa mungkin menghindari scrolling.
-
Isi informasi adalah “raja”. Artinya isi adalah lebih penting daripada tempelan seperti logo yang beranimasi, bahkan text yang scrolling bisa mengganggu user.
-
Jadikan website anda menjadi suatu kebutuhan informasi bagi pengakses, dan sebaiknya Anda perlu memikirkan penampilan pertama anda.
