Website Pindah

June 28, 2009

Untuk posting selanjutnya akan diteruskan di web yang baru

http://www.webdevelover.com


Panduan / Tutorial HTML – Membuat tabel (table) dan setting attributes

August 15, 2008

Tables

<table></table> membuat table

<tr></tr> set row pada tiap table

<td></td> set cell pada tiap row

<th></th> set table header

contoh:

<table width=”200″ border=”1″>

<tr>

<th>header</th>

</tr>

<tr>

<td>isi</td>

</tr>

</table>

akan menghasilkan:

header
isi

Table Attributes

<table border=”0″> set ukuran border

<table cellspacing=”1″> set ukuran spasi antar table cell

<table cellpadding=”1″> set spasi antara cell’s border dengan konten

<table width=”750″> set panjang table, (pixel / percentage)

<tr align=”left”> / <td align=”left”>  (left, center, or right)

<tr valign=”top”> / <td valign=”top”> (top, middle, or bottom)

<td colspan=”1″>  (default=1)

<td rowspan=”2″>  (default=1)

<td nowrap>


Panduan / Tutorial HTML – Text tag

August 15, 2008

<pre></pre> membuat preformatted text .

contoh:

huhuy

<h1></h1> membuat headline ukuran terbesar
<h6></h6> membuat headline terkecil .

contoh:

huhuy

<b></b> membuat text bold .

contoh: huhuy

<i></i> membuat text italic .

contoh: huhuy

<tt></tt> membuat teletype .

contoh: huhuy

<cite></cite> membuat citation, mirip italic .

contoh: huhuy

<em></em> Emphasizes sebuah kata dengan italic atau bold .

contoh: huhuy

<strong></strong> Emphasizes sebuah kata dengan italic atau bold .

contoh: huhuy

<font size=”5″></font> mengatur besar huruf, dari 1 – 7 .

contoh: huhuy

<font color=”yellow”></font> set warna font .

contoh: huhuy


Panduan / Tutorial HTML – Body attributes

August 15, 2008

<body bgcolor=”#cccccc”> untuk set warna background

<body text=”black”> untuk set warna text

<body link=”white”> untuk set warna link

<body vlink=”#fccdda”> untuk set warna  followed link

<body alink=”#000000″> untuk set warna link yang ditekan

<body ondragstart=”return false” onselectstart=”return false”> agar text tidak bisa di select dan drag. bisa untuk menghindari copy paste


Panduan / Tutorial HTML – Comment Tag

August 13, 2008

Tag html untuk menuliskan komen, atau bisa juga diartikan “abaikan baris ini”

diawalai dengan <!– kemudian komentar dan ditutup dengan –>

contoh

<!– Tanggal dibuat: 14-08-2008 –>

<!– Dibuat Oleh: huhuy –>

keterangan: tulisan tersebut tidak akan ditampilkan dibrowser namun bisa dilihat pada source code dari script yang kita buat


Panduan / Tutorial HTML – Lanjutan pengenalan HTML

August 13, 2008

Lanjutan dari pengenalan HTML

Tag HTML lainnya yang akan dibahas yaitu

<b></b> = untuk membuat text bold

<i></i> = untuk membuat text italic

<p></p> = untuk membuat paragraf

<br /> = untuk membuat text berikutnya pada line baru (menggunakan slash agar sesuai dengan standar XHTML)

tulis code / script berikut

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>

<b>huhuy, saya bisa bikin html!!</b>

<br />

<i>huhuy, saya bisa bikin html!!</i>

<br />

<p align=”right”>huhuy, saya bisa bikin html!!</p>

</body>
</html>

maka pada web browser akan tampil seperti berikut ini

————————————————————-

huhuy, saya bisa bikin html!!

huhuy, saya bisa bikin html!!

huhuy, saya bisa bikin html!!

————————————————————-

ket

pada <p> ada atribut align yang artinya menjelaskan bagaimana paragraf akan ditampilkan (left, right, justify)


Panduan / Tutorial HTML – Pengenalan HTML

August 13, 2008

HTML (HyperText Markup Language) adalah cara untuk menampilkan text pada browser

script html diawali dengan tag <html> dan diakhiri dengan </html>

dimana tanda slash (/) pada tag kedua adalah sebagai penutup

contoh script html

untuk membuat file html bisa dengan text editor ( notepad pada windows, SimpleText pada mac) atau bisa juga dengan aplikasi web design / web development seperti dreamweaver (windows) ato quanta (linux)

tulis script berikut ini

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
huhuy, saya bisa bikin html!!
</body>
</html>

save dengan nama, contoh: test.html

buka web browser (mozzila, ie, dll) dan open file yang di save tadi, maka pada browser anda akan ditampilkan text “huhuy, saya bisa bikin html!!” tanpa tanda petik

ket:

<html></html> = untuk menampilkan script sebagai html

bagian yang terletak antara <head> dan </head> tidak ditampilkan pada web browser, dimana yang terletak dibagian itu ditujukan untuk search engine dan web browser.

<title></title> = sangatlah penting dan menunjukan isi dari halaman tersebut

<head></head> = Header.
ini adalah dimana meta tags ditaruh dan disambungkan dengan link lainnya (scripts and CSS)

<body></body> = body / isi dari suatu halaman (text, grafik serta elemen lainnya).


Panduan / Tutorial PHP – Membuat form dan action dalam satu page

August 8, 2008

dalam membuat suatu form yang biasa akan mempunyai dua page, misalkan form.html dan act_form.php . dalam tutorial php ini akan dibahas cara membuat form dan action nya dalam satu halaman script.

Read the rest of this entry »


IT Untuk Bangsa

June 30, 2008

Dua hari kemaren baru aja dilaksanakan acara seminar IT untuk bangsa yang diselenggarakan dalam rangka peringatan 100 tahun kebangkitan nasional.

Pembicara yang hadir:

1. Onno W Purbo

2. Abimanyu (Abah)

3. Petrus Golose (dari BARESKRIM POLRI)

moderator: riyogarta

satu pembicara yang tidak hadir yaitu ROY SURYO (sang ‘pakar’ IT kita, yang dengan hebatnya mengirim sms kepada panitia bahwa pakar tidak mau hadir karena tidak mau disandingkan dengan para pembicara lain yang dia sebut tidak capabel)

oh iy huhuy menyebutkan adanya sms tersebut karena memang melihat langsung (kebetulan huhuy juga pada acara tersebut sebagai panitia)

yang seru adalah bagaimana dalam seminar tersebut banyak muncul sentilan2 guyon tentang si pakar IT itu.

Acara dimulai dengan pak Onno sebagai pembicara pertama, kemudian dilanjutkan dengan Abimanyu. Hal lucu sempat terjadi dmn panitia yang kebingungan mencari pak Petrus dari BARESKRIM ternyata mendapati beliau sedang duduk di kursi yang disediakan untuk peserta, hehehe (beliau bilang dia kira nanti dipanggil karena dipikir memang ada urutannya untuk berbicara).

Pak Onno menjelaskan tentang definisi blogger, hacker, sedikit penjelasan tentang internet murah, dan voip rakyat

Kemudian Abimanyu yang sedikit bersebrangan dengan pak Onno karena masih menggunakan “jendela” menjelaskan tentang software2 yang dibuat oleh perusahaannya, dimana dia pun bertujuan untuk semakin memajukan bangsa ini dalam bidang IT dengan memberikan solusi sistem penjualan software agar tetap terjangkau namun bisa mendatangkan keuntungan (Pak Abimanyu juga sempat memberikan subangan software kepada kepolisian RI, salut deh. juga memberikan voucher diskon untuk para peserta).

huhuy sempat ketawa sedikit ketika pak Petrus akan mulai berbicara, karena beliau menyindir riyogarta yang juga malah memberikan jawaban atas pertanyaan dari peserta. beliau bilang “kalau ditugaskan sebagai moderator jangan ikut menjelaskan, hehehe”

sekian aja deh, ntar sambung lg. lg males nuliz soalnya nie..