....ALL ABOUT ACCOUNTING....: Makalah Tentang Web/HTML

BAB I

PENDAHULUAN

A. Latar Belakang

Kemajuan teknologi informasi di bidang pemanfaatan jaringan internet telah membawa dampak yang sangat beragam pada masyarakat pengguna Internet itu sendiri. Terlepas dari dampak negative yang ditimbulkan oleh pemanfaatan jaringan internet, peranan teknologi internet dalam penyebaran informasi tidak mungkin untuk dipungkiri. Derasnya informasi yang dapat diperoleh dengan mudah dari media internet, membuat teknologi informasi yang satu ini sangat digemari oleh lapisan masyarakat, baik masyarakat umum, pelajar, mahasiswa, maupun praktisi. Semua informasi dunia luar dapat kita saksikan melalui layar monitor hanya pada tempat di mana kita tinggal, tanpa harus beranjak.

Sejalan dengan hal tersebut, di dunia pendidikan (sekolah) kini sudah banyak yang menggunakan layanan informasi berbasis internet. Penggunaan tersebut sangat dirasa membawa manfaat yang besar, di samping memudahkan seseorang mendapatkan informasi juga dapat meningkatkan kredibilitas dan prestige suatu sekolah. Umumnya, informasi tersebut dikemas dalam sebuah situs atau website yang digunakan oleh suatu lembaga pendidikan. Website merupakan salah satu alat penunjang, sebagai media untuk mendapatkan informasi dan promosi di dunia internet. Profil sekolah, berita pendidikan, berita terkini dan semua hal mengenai sekolah dapat diakses melalui website sekolah.

Sebelum kita membuat suatu website, terlebih dahulu kita mengenal istilah www dan HTML yang merupakan bagian dari teknologi internet yang tidak dapat dipisahkan satu dengan yang lainnya. Dimana www merupakan suatu protokol standar dari internet, sedangkan HTML merupakan script atau program standar yang dijalankan oleh www atau internet. HTML dapat dibuat dengan menggunakan software web editor yang umumnya terdapat dalam komputer seperti Notepad, Frontpage, Web Edit, dan lain-lain. Dalam kaitannya dengan makalah ini, penulis mencoba membuat proyek web/HTML pendidikan dengan menggunakan web editor notepad.

B. Rumusan Masalah

1. Apa saja bagian dari dokumen HTML?

2. Bagaimana Langkah-langkah dalam pembuatan web/HTML sekolah dengan menggunakan web editor notepad?

C. Tujuan Penulisan

1. Menjelaskan bagian-bagian dari dokumen HTML.

2. Menjelaskan langkah-langkah dalam pembuatan web/HTML sekolah dengan menggunakan web editor notepad.

BAB II

PEMBAHASAN

A. Bagian-bagian Dokumen HTML

Dokumen HTML terdiri dari dua bagian, yaitu:

1. Bagian Kepala (Head)

Bagian kepala memberikan informasi mengenai piranti lunak browser (penjelajah) web. Informasi pada bagian kepala mencakup judul halaman web. Dimana judul ditampilkan paling atas pada baris di browser web, dia atas informasi halaman web itu sendiri. Selain itu, informasi lain juga dapat ditcantumkan di bagian kepala untuk dijadikan sebagai catatan mengenai penulis halaman tersebut, kata kunci yang akan berguna dalam pencarian web, dan lain-lain.

2. Bagian Tubuh (Body)

Bagian tubuh memberitahu apa yang akan dilihat oleh pengguna di layar. Bagian tubuh ini berisikan bagian yang sebagian besar orang kira merupakan halaman web. Gambar, tabel, daftar, dan link semua terletak di bagian ini. Pada bagian ini, tertulis perintah-perintah HTML ( yang diwakili oleh kata-kata di dalam kurung) serta teks dan gambar sebenarnya yang akan ditampilkan pada halaman web. Perintah ini memiliki aswalan dan akhiran sehingga piranti lunak browser web mengerti perintah apa saja yang harus diaplikasikan untuk isian halaman web tertentu.

B. Langkah-langkah Pembuatan Web/HTML Sekolah Menggunakan Web Editor Notepad

Memulai pembuatan blog dengan html yaitu dengan cara :

1. Pilih start kemudian pilih accecoris – notepad

2. Untuk memulai membuat web ini pertama tulliskan bahasa html berikut di dalam notepad

<html>

<body>

</body>

</html>

Simpan dalam mklh.htm lalu jalankan pada browser maka akan muncul seperti gambar berikut:

Jika kita membuat web menggunakan notepad ini maka kita akan membuatnya bertahap perbaris.

3. Baris pertama dalam blog kami dibuat dengan menggunakan bahasa html sebagai berikut :

<html>

</td>

</tr>

</table>

</body>

</html>

Simpan dalam mklh.htm lalu jalankan pada browser maka akan muncul seperti gambar berikut:

4. Baris kedua dalam blog kami dibuat dengan menggunakan bahasa html sebagai berikut :

<tr height="40" bgcolor="YELLOW">\

<td colspan="3"><marquee>WELCOME TO OUR SCHOOL</marquee>

</td>

</tr>

Simpan dalam mklh.htm lalu jalankan pada browser maka akan muncul seperti gambar berikut:

5. Baris ketiga dalam blog kami dibuat dengan menggunakan bahasa html sebagai berikut :

<tr>

</td>

<td width=50% bgcolor="ORANGE"><center>CONTENT</center>

</td>

<td width=20% bgcolor="ORANGE"><center>WIDGET</center>

</td>

</tr>

Simpan dalam mklh.htm lalu jalankan pada browser maka akan muncul seperti gambar berikut:

6. Baris keempat dalam blog kami dibuat dengan menggunakan bahasa html sebagai berikut :

<tr>

</td>

</tr>

<center><a href="visi dan misi.htm">VISION DAN MISION</a></center>

</td>

</tr>

<center><a href="PENGUMUMAN.htm"> ANNOUNCEMENT </A></center>

</td>

</tr>

<center><a href="KEGIATAN.htm">ACTIVITY</A></center>

</td>

</tr>

<center><a href="GALERY.htm">GALERY</A></center>

</td>

</tr>

<center><a href="PRESTASI.htm">ACHIEVEMENTS</A></center>

</td>

</tr>

</table>

</td>

SMA

</td>

<form>

<center>GUEST BOOK</center>

<table>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</td>

</tr>

Simpan dalam mklh.htm lalu jalankan pada browser maka akan muncul seperti gambar berikut

Pada kolom Content isinya nanti disesuaikan dengan kategori menu yang akan dipilih.

7. Baris kelima dalam blog kami dibuat dengan menggunakan bahasa html sebagai berikut :

<tr>

<table border='1'

bordercolor='#FFFF00' cellspacing='0' cellpadding='0' align=center>

<tr><td><table cellspacing='0' cellpadding='0'

align=center width='100' border='1'><tr><td align=center

bgcolor='#ffff00'> <a

href='html_calendar.php?prm=05&chm=-1'

rel="nofollow"><</a> </td><td

colspan=5 align=center bgcolor='#ffff00'><font size='3'

face='Tahoma'>May 2011 </td><td align=center

bgcolor='#ffff00'> <a

href='html_calendar.php?prm=05&chm=1'

rel="nofollow">></a>

</td></tr><tr><td><font

size='3'

face='Tahoma'>Sun</td><td><font

size='3'

face='Tahoma'>Mon</td><td><font

size='3'

face='Tahoma'>Tue</td><td><font

size='3'

face='Tahoma'>Wed</td><td><font

size='3'

face='Tahoma'>Thu</td><td><font

size='3'

face='Tahoma'>Fri</td><td><font

size='3'

face='Tahoma'>Sat</td></tr><tr><td

valign=top>1