Membuat Web sederhana dengan HTML

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.

sumber : http://www.geocities.com/webjurnal/juni2000/kriteria.html

4 thoughts on “Membuat Web sederhana dengan HTML

  1. EghyR01 mengatakan:

    Terima Kasih sobat udah mau membagi ilmunya .

  2. blandina mengatakan:

    mksih atas infonya……sngat brmanfaat bwt ku,,,,,,,,,,,,,,,,,,,,,,,,,,…….???????????????

  3. uriipr mengatakan:

    sip. .makasg

  4. LAELI mengatakan:

    THANKS…………….

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s