A S S A L A M U A L A I K U M
W e l l c o m e   t o   M y   P a g e
Haii....haiii...haiiii....!!!Timo kaceh bebanyak sebab sudi lawat homepage aku yang buruk nii.... Kat sini aku nak tunjukkan cara- cara asas membuat homepage pada sesiapa saja yang sudi belajar terutama pada seluruh rakyat Malaysia .... sebab aku tengok page belajar buat homepage@HTML memang banyak dalam internet nii ..tapi kebanyakkanye page tu gunakan B.Inggeris ... susah beno nak cari Bahasa Melayu..... so page ni untuk mereka yang bodo dalam B.I macam aku ni haa.....hehh ..hehh... lagipun buat homepage ni bukannya susah sangat... budak kecik pun boleh buat ...... sebab tak berapa paham B.I yang buat kita rasa susah sangat tuu....(pada aku laa..).. Wokeh...!! Kalau ada apa-apa soalan @ komen sila hantar email pada aku di alamat:[email protected].....

Sila pilih senarai tajuk kat bawah nii....























Langkah-langkah awal

*Pertama sekali kita gunakan notepad atau Microsoft Word untuk menulis apa yang kita nak dalam homepage kita nanti ... *PERINGATAN... gunakan program notepad dalam komputer anda bukannya notepad yang beli kat kedai buku tuu ye ...haa karang kalau buat kat buku notepad sampai bila pun tak jadik homepage tuu.... yang jadik hampeh tu ada lee...

*Kedua kita boleh buat homepage tanpa perlu mendail TM.net atau jaring .....kita boleh buat dalam keadaan offline ..... jadi tak le membazir duit telefon.....Salah satu contoh;Sila matikan line internet korang sekarang......kerana korang still boleh terus membaca page ini walaupun dalam keadaan offline...... tapi ada tajuk- tajuk kat atas yang korang kena sambung balik line kalau nak tengok .... sebab aku buat kat page lain....

*Ketiga kita kena save kita punya kerja tu di satu directory dalam komputer kita dalam satu bentuk extensions .html(untuk pengguna Windows95,Unix atau Macintosh)... atau .htm pada pengguna jalanraya ...ehh..bukan... untuk pengguna Windows 3.1 laaa........tak paham?? ...haa kalau tak paham sila click di sini untuk pahamkan maksud perkataan Extensions ...
    So pendek kata ada 4 langkah simple dalam buat homepage ni.
  1. Buat segala arahan dalam program notepad atau Microsoft Word.
  2. Savekan dalam bentuk extensions .html ...(dot html yee...jangan lupa lak "dot" tu...)
  3. Bukak Windows Explorer untuk cari homepage kita yang dah di save tadi tu...
  4. Seeloknya buat dalam keadaan berbaring atau meniarap ...ehh bukaaann .....Seeloknya buat dalam keadaan offline .....tak membazir bil phone ...




Balik ke senarai tajuk





















Amende HTML nih??

HTML adalah singkatan bagi Hypertext Markup Language....itu dalam bahasa omputeh... tapi makna dalam BM aku tak tau lak amendanya tu tapi yang aku tau itu bukan nama kuih......Ia adalah program yang membaca tag-tag arahan untuk sebuah laman Web @ homepage dan hasilnya dilihat menggunakan browser..(alaa browser ni adalah dua menda tak sudah-sudah yang dok bergaduh berebut pelanggan dalam meniaga)....
Dalam membuat homepage kita akan meletakkan tag-tag arahan.....haa tag-tag ni kita kena la hafal atau tulis kat mana-mana sebab ianya penting dalam menjana sebuah homepage.. (Fullaaamaakk. ...menjana laa... macam Anwar Ibrahim la dia nii)
Tag terbahagi kepada dua .... Sesetengah tag pembuka wajib diikuti dengan tag penutup.....ada sesetengah tu tak payah tag penutup pun takpe......kalau nak bezakan yang mana ada penutup ,yang mana takde ...haa...kena la rajin belek source orang.....mungkin ada adik-adik kita tu tak tau macam mana nak tengok source homepage orang lain ....haa takpe...takpe....sila click kat sini kalau nak tau cara tengok source orang...




Balik ke senarai tajuk


















Cara melihat arahan-arahan dari sesebuah homepage

Salah satu keseronokan membuat homepage ialah kita boleh melihat bagaimana orang lain membuatnya melalui view source .... Cuba le sekarang... ..cara melihat source atau arahan- arahan dalam sesebuah homepage tu kita cuma perlu
(Untuk pengguna browser Internet Explorer) (Untuk pengguna browser Netscape)
Sebenarnya semua orang belajar membuat homepage dan belajar melihat tag-tag arahan dengan melihat source dari orang lain...... cara ni dah le jimat .......senang lak tuu....!!!



Balik ke senarai tajuk





















Membuat sebuah homepage paling sempoi..

 Untuk membuat homepage paling simple atau paling cikai kata mat rock sekarang ........ kita cuma perlu ada arahan asas....... Arahan-arahan asas ni senang nak mati.......kita cuma perlu ada; 
<html> <---mesti diletakkan sebagai arahan paling awal
<body> <----apa yang kita nak lihat dalam homepage akan kita tulis selepas arahan ni...
</body> <----lepas arahan ni apa yang kita tulis takkan nampak pada homepage nanti
</html> <---mesti diletakkan sebagai arahan yang paling akhir
Itu aje?.....iyee laa....tu aje....tapi keempat-empat tag ni adalah asas dalam membuat homepage .....Walau satu pun miss mesti homepage tu tak jadik punyaa!!...jadiii.. wajib kita tulis 4 tag ini dalam membuat setiap satu page Web...alaa....kalau sembahyang tiang agama....kira keempat-empat arahan ni tiang homepage laaa ......ehh...aku nak tanya... korang dah sembahyang ke sebelum belajor ni??...thee... hee ..he ... Okey laa....sambung balik..kat bawah ni aku bagi contoh bergambar lak...



Bila dah save dalam extension .html dan kita akan lihat hasilnya macam kat bawah nii....



Lepas tu boleh kita hias homepage kita dengan menambah langsir baru,menambah carpet baru,letak pokok bunga ....... ehh...!! mana bule laa .!!.... kita boleh menambah arahan-arahan baru yang lain seperti arahan menukar warna latarbelakang, menukar warna tulisan, menukar saiz tulisan... dan macam-macam lagi.....Kalau nak letak pokok durian pun boleh sebenonya .....tapi gambar aje laa ye.....hehehhhh...!!



Balik ke senarai tajuk

























Menukar warna latar belakang (Background)

 Menda ni senang aje......... selitkan tag "bgcolor=??(nama warna)" dalam tag <body>...
Contohnya;
           <body bgcolor="red">    atau    <body bgcolor="green">
Nanti kita akan dapati warna latarbelakang menjadi warna yang kita pilih tu.....Kita boleh gak tulis nilai warna tu dalam bentuk nombor.....
Contohnya; 
           <body bgcolor="0000ff"> kita akan dapat warna biru
                              atau
           <body bgcolor="000000"> kita akan dapat warna hitam
Untuk keterangan lanjut sila hubungi balai polis yang berdekatan.... ........Thee .....heee.. hee.. ..Takde laa .. untuk keterangan lanjut sila click disini untuk mengetahui penerangan & senarai warna .....



Balik ke senarai tajuk

























Penerangan & Senarai Warna

Kita boleh tentukan warna yang kita mahu untuk tulisan,latarbelakang atau link dengan menggunakan direct value (uii....cakap omputeh laa!!) atau tulis terus nama warna yang kita nak tu.....contoh macam red, green, black dll.... Ataupun kita kita boleh memilih nilai warna dengan menggunakan nombor contohnya "ff0000" untuk merah ,"0000ff" untuk biru ....dll Nombor ini adalah berdasarkan warna merah,hijau dan biru ......maksudnya 2 digit awal tu mewakili merah...... 2 digit yang tengah tu mewakili hijau..... dan 2 digit terakhir tu mewakili biru..... kalau kita campurkan ketiga -tiga warna tu....jadi la warna campuran yang kita sendiri tentukan nilainya......
Kalau nak lagi paham .... sila lihat senarai warna dibawah....;

  • Putih=FFFFFF
  • Kuning=FFFF66
  • Merah=FF0000
  • Kelabu=999999
  • Biru=0000FF
  • Hijau=00FF00
  • Hitam=000000
  • Ungu=CC33FF
  • Biru cair=00CCFF
Ini yang dapat aku cari laa....... Korang pun boleh tentukan warna yang korang nak ....... tapi cari sendiri la yee........



Balik ke senarai tajuk























Menukar warna dan saiz tulisan

Menda ni pun senang gila .............




Balik ke senarai tajuk























Membuat teks yang telah diformatkan terlebih dahulu

Maksud perkataan "diformat telebih dahulu" ini ialah macamana kita buat dalam notepad tu ,macam tu la dia jadi dalam homepage nanti ..... kita gunakan tag <pre> dan </pre> contohnya;
<pre>
Anak itik terenang-renang,
Tak senang aku dibuatnya,
Dua tiga kucing berlari,
Biar la kucing tu lari, buat apa kita nak sebok-sebok....
</pre>
Dan kemudian dia akan dilahirkan sebegini hodoh ;
Anak itik terenang-renang,
     Tak senang aku dibuatnya,
Dua tiga kucing berlari,
     Biar la kucing tu lari, buat apa kita nak sebok-sebok....





Balik ke senarai tajuk






















Membuat Barisan Ayat dan Garisan

Kalau nak menulis kita boleh tetapkan baris-baris untuk ayat-ayat kita dengan tag Untuk membuat garisan kita gunakan tag <hr> ...... Ketiga-tiga tag <br>,<p> dan <hr> tidak mempunyai tag penutup macam tag-tag arahan yang lain ...... Haaa ingat tuu... !!!
Contoh;
Ini baris pertama<br> Ini baris kedua<br>
Dibawah tulisan ini adalah garisan<hr>

 Sat lagi dia mai lagu nih ....

Ini baris pertama
Ini baris kedua
Dibawah ini adalah garisan
Garisan boleh dikawal dengan menambah "width=(nilai tebal)" dalam tag <hr>untuk ketebalan garisan ...... Untuk warna garisan pulak kita tambah "color=(nama warna)" dalam tag tu jugak ..... Tapi warna garisan tak dapat dilihat menggunakan browser Netscape (takde effect langsung!!)........ Melainkan kalau kita gunakan browser IExplorer ..... Nak contoh?..... Nahh!!!! ...... Ambik kauu kat bawah nii!!!!

<hr width=100 color="red">

Nanti dah besar dia jadik macam garisan kat bawah nih ....



Boleh jugak diselitkan arahan macam "size=10" , " width=50%" , "align=left atau right" dan macam- macam ....... Haaa itu kena buat eksperimen sendiri la kalau nak tengok hasilnya .......




Balik ke senarai tajuk























Mengetengahkan Teks atau Gambar

Nak ketengahkan atau ketepikan teks atau gambar ni senang aje .......kita tinggal tambah <p align=(kedudukan)> sebelum menda yang kita nak alihkan tu...... "Kedudukan" ni contohnya macam "center","left" atau "right" ............ Tapi untuk pengetahuan korang kalau nak "center"kan gambar atau teks , kita boleh tulis terus arahan <center> ....... tak payah tulis <p align=center> pun boleh gak .......Dan kalau nak mulakan tulisan atau gambar di sebelah kiri,tak payah tulis <p align=left> pun takpe jugak sebab kalau kita tak tulis apa -apa arahan dengan sendirinya dia akan pergi belah kiri (default).......... macam biasa ni haa contohnya ....
<p align=right>tulisan ni kat belah kanan
<p align=left> tulisan ni kat belah kiri
<center>tulisan ni kat tengah-tengah

Bila dah jemur 2,3 hari ......nanti dia jadi camni ......

tulisan ni kat belah kanan

tulisan ni kat belah kiri

tulisan ni kat tengah-tengah



Balik ke senarai tajuk























Memasukkan Gambar

Untuk memasukkan gambar dalam homepage ,kita menggunakan arahan <img src="(nama fail dan gambar)"> ...... contohnya
<img src="gambar.gif">
Nanti dah tua kita dapat macam ni .......



Kita boleh gak nak control besar gambar tu dengan selitkan tag "width=100(atau berapa pun)" untuk lebar gambar dan "height=300(atau berapa pun)" untuk tinggi gambar ...... atau nak set kan kedudukan gambar dengan selitkan arahan "align="left" atau "right"" ..... Kalau kita nak kedudukan gambar tu ke kiri atau left kata omputehnya , tak payah letak arahan align="left" pun takpe ...... sebab dengan sendirinya nanti gambar tu pergi ke kiri janji ada tag <br> sebelum tag <img src=" "> tuu...... ada understand kaa?? .. kat bawah ni ada contoh paling bangang ;
<img src="gambar.gif" width=500 height=50 align=right>

Nanti bila dah masak dia jadi camni.....




Kan ke buruk jadinya gambor tu........




Balik ke senarai tajuk























Membuat Teks atau Gambar Berkelip-kelip

Yang ni lagi senang .......tulisan atau gambar tu kejap ada kejap takde macam biskut....... tapi cuma dapat dilihat pada browser Netscape aje ...... Cuma gunakan tag <blink> dan penutupnya </blink> ..... contohnya;
<blink>kejap ada .... kejap takde !!!</blink>
Nanti suka-suka dia je jadik camni .....
kejap ada .... kejap takde !!!

Kalau korang guna browser IExplorer korang takkan nampak apa-apa beza pun pada tulisan tu .... tapi kalau guna browser Netscape korang akan nampak tag tu berkelip -kelip macam biskut kejap ada kejap takde tu .... sebab tu aku lagi suka guna dua-dua browser tu ..... Kejap pakai IExplorer ....kejap karang pakai Netscape pulak .... nanti boleh le nampak beza kedua-duanya ...... Manyak syok oo.!!



Balik ke senarai tajuk