[ pendopo ] [ kabar-kabur ] [ temonggo ]

Siswa, predikat seorang untuk terus belajar ....



Monday, May 09, 2005
MEMBUAT LINK E-MAIL

<a href="mailto:bahtiar@gmail.com">Kirim e-Mail</a>

Hasilnya akan jadi seperti ini : Kirim e-Mail

Perhatikan ! SPASI dalam HTML maksimal cuman 1 x, kalo pingin tambah panjang kasih kode &nbsp sebanyak-banyaknya .... :)

Contoh :

aku &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp ngantuk

Hasilnya akan berupa : aku             ngantuk, perhatikan antara kata aku dan ngantuk terdapat spasi sebanyak 6 x :)

Cara mengingatnya : dan nambah spasi = &nbsp

Posted at 12:12 pm by siswa
Make a comment  

MEMBUAT HYPERLINK

<a href="file target">Text</a>

Contoh :

<a href="http://www.kompas.com">Baca Kompas</a>

Hasilnya akan terlihat seperti ini : Baca Kompas


Posted at 12:08 pm by siswa
Make a comment  

MEMASUKKAN FILM

<img dynsrc="movie.mpg" loop=-1 width="lebar" height="tinggi">

angka -1 untuk membuat video berputar terus tidak berhenti .... :)


Posted at 12:07 pm by siswa
Make a comment  

MEMASUKKAN GAMBAR

<img src="file gambar" width="lebar" height="tinggi">

Perhatikan ! 2 buah gambar tidak dapat di sejajarkan langsung bila yang satu rata kiri dan satunya lagi rata kanan

Contoh

Sebaiknya pake cara tabel


Posted at 12:06 pm by siswa
Make a comment  

PERATAAN

<center>
<p style="text-align:left atau center atau right atau justify">


Posted at 12:05 pm by siswa
Make a comment  

FORMAT TEKS

Contoh perintah format teks dalam HTML :

  • <br> atau break roos atau ganti baris
  • <p> ganti paragraf
  • <b>
  • <i>
  • <u>
  • <font size="n" color="warna" face="jenis huruf"> keterangan n = 1 s.d. 7, 1 = kecil dan 7 = paling besar
Nb. Untuk keamanan sebaiknya setiap value diberi tanda petik :)


Posted at 12:04 pm by siswa
Make a comment  

ATTRIBUT DAN VALUE

<body bgcolor="lightgreen" text="#00ffff">

tag body bgcolor dan text disebut attribut sedangkan isi di antara tanda petik lightgreen dan #00ffff adalah value

Perhatikan : Tanda petik pada value boleh tidak dipakai bila value terdiri dari huruf dan angka, tetapi bila value terdiri dari karakteristik unik misal @,%, _, * maka harus menggunakan tanda petik agar dapat dibaca ! walau sebenernya keuntungan tidak pake tanda petik, ukuran file menjadi lebih kecil :)


Posted at 12:02 pm by siswa
Make a comment  

NOTEPAD

Perhatikan : Ingat ! Perintah Enter dan Spasi tidak dibaca oleh HTML.

Tag -----> <.......> seperti <html>, <head>, <body>

Pertanyaan : yang terlintas saat mengetik ini adalah bagaimana menterjemahkan tulisan di notepad &lt;html&gt; sehingga ketika dibuka di browser terlihat sebagai <html> ? Saat mengetik ini aku menggunakan penyulih Ms. Front Page :)

HTML tidak membedakan huruf besar atau kecil, tapi kalo di linux berbeda :). Tag HTML umumnya berpasangan.

Misal : .... .... <b>tebal</b> ..... .......

<b> adalah tag pembuka dan </b> adalah tag penutup.

Tag-tag tidak boleh saling memotong !

Misal : <p>.....<a>.....<b>.......</b>.....</a>.....</p> = benar

dan = <p>....<a>.....<b>.....</a>....</p>.....</b> = salah

Contoh : ketik kode-kode HTML berikut ini di notepad

<html>

<head>
<title>My First HTML</title>
</head>

<body>Selamat Datang</body>

</html>

Kemudian save as index.htm {usahakan ditulis dengan huruf kecil dan tidak ada spasi}


Posted at 12:01 pm by siswa
Make a comment  

HTML

Hyper Text Mark-up Language atau bahasa penanda. Syarat mengerjakan HTML adalah ada komputer yang dapat mengolah kata, antara lain dos, notepad, ms. word, dan vhi. Sedang software pembantu (tidak wajib) adalah Front Page, Dreamwever, dan Netcape.


Posted at 11:59 am by siswa
Make a comment  

PERTEMUAN PERTAMA

Hari ini Senin 9 Mei 2005 jam 19.00, aku ikut kursus Paket Web Master seharga Rp. 450.000,00 di Gama Learning Center (GLC) lantai 1 Gedung Perpustakaan unit 2 UGM, devisi pelatihan dari Gama Techno. Aku pilih GLC karena cukup murah dibanding tempat lain seperti Rp.635.000,-, Rp.978.000, Rp.1.500.000,- dan Rp.1.840.000,-. Aku tidak tahu apakah murah identik dengan kualitas yang rendah atau minim fasilitas. Niatku sejak awal tujuan kursus web master sebagai panduan belajar web master, sedangkan pengembangannya aku bisa belajar sendiri nantinya. Setelah masuk dan melihat kelasnya, ternyata lumayan juga, dapet modul Web Master setebal 77 halaman, ruangan ber-AC, dan komputer Windows XP terkoneksi langsung ke internet. Siswanya semua ada empat, aku, Mas Hendri YKPN Demangan, Pram Turi, dan Radik Klaten.

Pertemuan pertama hari ini, diajar oleh Bapak Danu (email, 08179432947). Beliau menerangkan kurikulum paket Web Master yaitu :

  1. Photoshop, arahnya menjelaskan cara-cara membuat efek-efek design web
  2. Dream Weaver, berhubungan dengan Web Page
  3. Flash, berhubungan dengan animasi dalam web
  4. HTML, berhubungan dengan kode-kode web page
  5. PHP, berhubungan pemrograman server side
  6. Dan MySql, berhubungan dengan database
Di akhir kursus ini siswa diharapkan dapat membuat Web Site dengan system datebase seperti e-comerse.

Istilah-istilah yang sering digunakan dalam kursus antara lain :

  • Web Page yaitu dokumen internet yang berekstensi : *.htm,*.html,*.php, atau *.asp
  • Home Page yaitu kumpulan page dengan awalan : index.htm, index.html, index.php, atau index.asp
  • Situs yaitu tempat (virtual) dokumen internet disimpan

Materi yang diajarkan pada pertemuan pertama ini adalah HTML.


Posted at 11:43 am by siswa
Make a comment  





Sign In

Ruang bertanya :

   





<< May 2005 >>
Sun Mon Tue Wed Thu Fri Sat
01 02 03 04 05 06 07
08 09 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

Tutorial Homepage