Belajar Website Bersama Huhuy http://websick.wordpress.com Mau jadi webmaster?? Belajar disini aja Sun, 28 Jun 2009 13:56:29 +0000 http://wordpress.com/ en hourly 1 http://www.gravatar.com/blavatar/125dfa337fda1bad107513a82cc618d1?s=96&d=http://s.wordpress.com/i/buttonw-com.png Belajar Website Bersama Huhuy http://websick.wordpress.com Website Pindah http://websick.wordpress.com/2009/06/28/website-pindah/ http://websick.wordpress.com/2009/06/28/website-pindah/#comments Sun, 28 Jun 2009 13:55:32 +0000 huhuy http://websick.wordpress.com/?p=100 ]]>

Untuk posting selanjutnya akan diteruskan di web yang baru

http://www.webdevelover.com

Posted in CUaP cUap si huhuy ]]> http://websick.wordpress.com/2009/06/28/website-pindah/feed/ 0 huhuy Panduan / Tutorial HTML – Membuat tabel (table) dan setting attributes http://websick.wordpress.com/2008/08/15/panduan-tutorial-html-membuat-tabel-table-dan-setting-attributes/ http://websick.wordpress.com/2008/08/15/panduan-tutorial-html-membuat-tabel-table-dan-setting-attributes/#comments Fri, 15 Aug 2008 06:24:36 +0000 huhuy http://websick.wordpress.com/?p=78 ]]>

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>

]]> http://websick.wordpress.com/2008/08/15/panduan-tutorial-html-membuat-tabel-table-dan-setting-attributes/feed/ 1 huhuy Panduan / Tutorial HTML – Text tag http://websick.wordpress.com/2008/08/15/panduan-tutorial-html-text-tag/ http://websick.wordpress.com/2008/08/15/panduan-tutorial-html-text-tag/#comments Fri, 15 Aug 2008 06:05:25 +0000 huhuy http://websick.wordpress.com/?p=73 ]]>

<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

]]> http://websick.wordpress.com/2008/08/15/panduan-tutorial-html-text-tag/feed/ 0 huhuy Panduan / Tutorial HTML – Body attributes http://websick.wordpress.com/2008/08/15/panduan-tutorial-html-body-attributes/ http://websick.wordpress.com/2008/08/15/panduan-tutorial-html-body-attributes/#comments Fri, 15 Aug 2008 05:52:14 +0000 huhuy http://websick.wordpress.com/?p=64 ]]>

<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

]]> http://websick.wordpress.com/2008/08/15/panduan-tutorial-html-body-attributes/feed/ 0 huhuy Panduan / Tutorial HTML – Comment Tag http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-comment-tag/ http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-comment-tag/#comments Wed, 13 Aug 2008 15:57:46 +0000 huhuy http://websick.wordpress.com/?p=60 ]]>

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

]]> http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-comment-tag/feed/ 0 huhuy Panduan / Tutorial HTML – Lanjutan pengenalan HTML http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-lanjutan-pengenalan-html/ http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-lanjutan-pengenalan-html/#comments Tue, 12 Aug 2008 21:11:22 +0000 huhuy http://websick.wordpress.com/?p=55 ]]>

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)

]]> http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-lanjutan-pengenalan-html/feed/ 0 huhuy Panduan / Tutorial HTML – Pengenalan HTML http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-pengenalan-html/ http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-pengenalan-html/#comments Tue, 12 Aug 2008 20:49:14 +0000 huhuy http://websick.wordpress.com/?p=50 ]]>

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).

]]> http://websick.wordpress.com/2008/08/13/panduan-tutorial-html-pengenalan-html/feed/ 3 huhuy Panduan / Tutorial PHP – Membuat form dan action dalam satu page http://websick.wordpress.com/2008/08/08/tutorial-php-membuat-form-dan-action-dalam-satu-page/ http://websick.wordpress.com/2008/08/08/tutorial-php-membuat-form-dan-action-dalam-satu-page/#comments Fri, 08 Aug 2008 10:17:04 +0000 huhuy http://websick.wordpress.com/?p=15 ]]>

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.

contoh: menginput data guest book

buat table guestbook pada mysql dengan isi id_guestbook(int) auto_increment primary key, nama(varchar), comment(text)

buat sebuah file dengan nama, misalkan form_act.php

tulis kode berikut

<html>

<title>membuat form dan action dalam satu script php</title>

<head></head>

<body>

<!– script utk koneksi database –>

<?php

mysql_connect (“localhost” ,”user_mysql_anda”, “password_mysql_anda”);

mysql_select_db (“database_anda”);

?>

<!– script action untuk menginput data yang diisi pada form –>

<?php
if (isset($_POST['submit_guestbook']))
{
$nama = $_POST['nama'];
$comment = $_POST['comment'];

mysql_query (“INSERT INTO `guestbook` (
`nama` ,
`comment`
)
VALUES (
‘$nama’, ‘$comment’
)”) OR DIE (“ERROR”);
}
?>

<!– form untuk menginput data –>
<b>Guestbook</b>
<form action=”<?php $PHP_SELF['SERVER']; ?>” method=”post”> // action bisa juga kosong / “”
<table>
<tr>
<td>Nama:</td>
<td><input type=”text” name=”nama” /></td>
</tr>
<tr>
<td>Comment</td>
<td><textarea name=”comment” rows=”10″ cols=”25″></textarea> </td>
</tr>
<tr>
<td></td>
<td><input type=”submit” name=”submit_guestbook” value=”submit” /></td>
</tr>
</table>
</form>
</body>

</html>

]]> http://websick.wordpress.com/2008/08/08/tutorial-php-membuat-form-dan-action-dalam-satu-page/feed/ 2 huhuy IT Untuk Bangsa http://websick.wordpress.com/2008/06/30/it-untuk-bangsa/ http://websick.wordpress.com/2008/06/30/it-untuk-bangsa/#comments Mon, 30 Jun 2008 03:43:16 +0000 huhuy http://websick.wordpress.com/?p=13 ]]>

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..

]]> http://websick.wordpress.com/2008/06/30/it-untuk-bangsa/feed/ 4 huhuy