Jumat, 02 Maret 2012

Pengenalan WEB



PENGENALAN WEB ( WORLD WIDE WEB (WWW) )

- Biasa disebut dengan Web saja.
- Layanan Internet yang memungkinkan pengaksesan dan pengolahan informasi melalui   pendekatan hypertext.
- Menggunakan protokol yang disebut HTTP (Hypertext Transport Protocol) yang berjalan pada TCP/IP.
- Dapat mengakses berbagai protokol lain di Internet seperti ftp, e-mail, dll.

Pengenalan HTML



HTML (HyperText Markup Language)

Merupakan bahasa standard yang di gunakan untuk membuat dokumen web .
Yang bisa dilakukan dengan HTML adalah :

- Mengontrol tampilan dari halaman web dan content-nya.
- Membuat online form yang bisa di gunakan untuk menangani pendaftaran dan transaksi secara online.
- Menambahkan objek-objek seperti gambar, audio, video, animasi dan juga java applet dalam dokumen HTML.

Tag adalah kode-kode yang digunakan untuk men-setting dokumen web.
- Nama tag ditulis di dalam tanda “<” dan “>” dan untuk tag penutup ditambahkan tanda “/”.
- Boleh ditulis dengan huruf besar maupun kecil.
- Digunakan sepasang, contoh : <form> dan </form>.
- Ada tag yang tidak perlu ditutup, contoh : <br>, <hr>, <img>, dll.
Contoh Penggunaan :

STRUKTUR DASAR DOKUMEN HTML
<html>
  <head>
     <title> .. ini bagian judul (titlebar) .. </title>
  </head>

  <body>
     .. ini bagian isi (content) ..   </body>
</html>


BERPINDAH KE BARIS BERIKUTNYA
Untuk membuat baris baru atau berpindah baris, digunakan tag <br>, Contoh :
<html>  <head>    <title>:: Teknokrat Online ::</title>   </head>
  <body>     PERGURUAN TINGGI<br>     TEKNOKRAT<br>     STMIK - AMIK - STBA – LPBM  </body></html>

Membuat Tabel


MENGGUNAKAN TABEL
- Tabel digunakan untuk memperindah tampilan ataupun untuk mengatur agar informasi dapat disajikan dengan tampilan yang enak dibaca.
Tag-tag yang terkait dengan pembuatan tabel :

Tag
Keterangan
<table> .. </table>
Mengawali dan mengakhiri sebuah tabel.
<tr> .. </tr> Membuat Baris Dalam Tabel
<th> .. </th> Membuat Judul Kolom
<td> .. </td> Membuat Sel Data

contoh penggunaan :
<table>
<tr>
<th> Judul 1 </th>
<th> Judul 2 </th>
</tr>
<tr>
<td> isi 1 </td>
<td> isi 2 </td>
</tr>
<tr>
<td> isi 1 </td>
<td> isi 2 </td>
</tr>
</table>

MEMBERI GARIS PADA TABEL
- Digunakan atribut border pada tag <table>, dengan bentuk sebagai berikut :
contoh :<table border=“1”>
- Sedangkan untuk memberi warna garis digunakan atribut bordercolor