Cara Membuat HTML Sederhana

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 :D

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=”zolla.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 melaluihttp://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 :D

Desain website yang baik :

  • Kecepatan download adalah “kriteria desain utama”. Jadi jangan sampai user menjadi sangat amat lama mendownloadhanya 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 textyang scrolling bisa mengganggu user.

  • Jadikan website anda menjadi suatu kebutuhan informasi bagi pengakses, dan sebaiknya Anda perlu memikirkan penampilan pertama anda.sumber: http://shelock3.blogspot.com
About these ads

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s