Tuesday, 29 April 2014

Buat Laman Web Dalam Masa 10 Minit..

Assalamualaikum semua...

Selamat datang ke blog saya ini...Hari ini saya ingin mengajar anda semua bagaimana ingin membina satu laman web yang mudah menggunakan domain nama anda...seperti hambafaqir.com.my atau rajahutan.com.my...Sila stay tuned sampai habis keyh...benda ni, korunk xkan jumpa di mana-mana...only exclusive in this blog only...jangan risau, saya akan ajar step-by-step dengan menggunakan gambar...

Hari ini saya hendak mengajar anda semua bagaimana nak buat satu laman web mudah dengan menggunakan cara saya...hehe...mungkin, selama ini anda semua sudah biasa dengan blog...seperti blog saya ni...iaitu duniaperisian.blogspot.com....sebagai insan zaman teknologi ini, sebolehnya, xnak lah kita digelar ketinggalan zaman kan...kalau domain ada blogspot ni macam x original sangat...hehe...

so, saya nak ajar buat original domain...senang je...cuba tgk website saya ni... http://herbalifepaan24.meximas.com/herbalife.html simple je...guna nama sendiri sebagai domain..hehe

haaaa, jeles x...hehehehe...mesty korunk jeles...hehe...ok, jangan risau, saya akan ajar korunk mcm mana nak buat website mcm sy buat ni haaa....simple je...tp, yg sy buat ni mmg simple tahap gaban...hehe...blog akan datang, sy akan tampilkan dengan dynamic website dimana ada database yang akan digunakan...ni just static website sahaja...saya cuma nak tunjukkan basic-basic nak guna filezilla, dreamweaver dan hostinger sahaja...hehe


Ok, sebelum kita bermula nak buat satu laman web yang mudah dan simple...anda semua hanya perlukan perisian macromedia dreamweaver 8 ni haa..sbb dlm ni nanti, sy akan tunjukkan cara2 bina laman web dgn mudah dan simple...


ok, skunk, lepas korunk dah install benda alah ni, korunk try buka dekat File >> New >> Basic Page >> HTML...so, nanti, korunk akan dapat mcm gambar bawah ni...HTML ni fungsi dia mcm nak buat website la...korunk jgn pening kepala..tp, kalau nak tahu jugak HTML tu, korunk boleh usha sini http://www.w3schools.com/html/DEFAULT.asp ..everything tutorial ada dalam sana...hehe..

ok, berbalik pd asal, lepas korunk klik HTML tu, korunk akan dapat page mcm ni..





ok, sekarang ni...bermulalah sesi decoratekan kita punya laman web...hehe...ok, skunk ni kat atas tu, kalau korunk perasan ada bar pasal code, split dgn design kan...

first thing first, korunk jfn pening dgn code-code tu...sy akan explain satu per satu...sapa yang ada basic HTML, boleh la skip bahagian ni...ok..

HTML ni dia ada open taq dan close taq...simbol dia gini haa untuk open taq <html>...untuk closed taq lak, dia mcm ni </html>...haaa, easy kan...senang je ni...nenek kita kat kampung pun boleh buat..haha..

ok ok, so, ni kira basic dia la...dgn benda alah ni, kita mampu buat website..walawehhh laaa...hahahaha


ok, sekarang cuba tiru yg mcm sy buat ni haa..


haaa, da setel mcm ni, kita save dulu...kita takut, tiba-tiba hilang kan, naya kene buat semula..hehe..so, nk save dia senang je...g kat File >> Save As.. "herbalife.html" dekat dalam folder "www"...korunk kene buat extension .html tau..hehe...

ok, yang folder "www" tu, kalau korunk ada wampserver, senang je...g kat My Computer >> Local Disk C: >> wamp >> www 

  

oh yea, lupa nak tekankan, nanti semua file atau gambar yang korunk download tu, semua kena letak dalam folder "www" ni tau...

pastu guna je file-file tu masuk dlm coding tu...mcm sy buat ni, sy belasah letak je nama file..hehe




ni hasil dia...tadaaaa...


nah, korunk try tgk ni, permulaan nak ke website korunk g seluruh dunia hampir bermula...

then, step seterusnya, korunk kene beli hosting nama and domain name...tp, sy tunjuk yang free je ae....korunk g kat hostinger... ni link dia http://www.hostinger.my/ then korunk order web hosting percuma..pastu masukkan la maklumat2 yang diminta tu...da setel, klik butang "Buka Akaun" 


haaa...nanti bila da tekan kat butang tu, korunk akan dibawa terus masuk ke page ini...tadaaa....!!!



haaaa...sekarang, nampak x kat box merah tu kata apa..dia kata, "Registration almost complete..."..so, tindakan korunk sekarang ni, g buka email korunk, then tekan link activation ni haaa...

then, lepas korunk tekan link tu, korunk akan dibawa ke destinasi pula...tadaaaa...haaa, yg ni, korunk tekan je "order" kat bahagian percuma tu...


 haaa, da tekan tu, korunk dibawa lagi ke page ini...tadaaaaa....masukkan maklumat-maklumat korunk...macam aku ni, aku buat herbalifepaan.meximas.com....yg ni korunk pilih "meximas.com" tau for malaysia...


ok, td saya punya domain name tu da ada org pakai...so, sy tukar sikit dengan letak buat herbalifepaan24.....pastu, korunk, tekan butang "Terus" tu dan anda dibawa ke page ini..


dan, akhir sekali, takan butang "Order"...yeayyyy..!!! berjaya...


then, korunk g tekan kat "manage" lepas tekan herbalifepaan24.meximas.com tu...


dan, korunk akan dibawa masuk page ini..



haaaa....nampak x katt tepi-tepi ttu tulis apa....maklumat tepi tu semua berguna tau...ok..sekarang, hosting da selesai....hosting ni umpama rumah kita da selesai....laman web kita yang herbalife.html tu pula umpama barang-barang rumah kita....so, sekarang ni, masalah kita hanya satu...macam mana kita nak bawa barang-barang tu semua masuk dalam rumah baru ini...yeayyy!!!

jawapan dia mestilah dengan lori...hahahaha....tapi, in terms of internet ni, kenderaan yang diguna ialah FileZilla...tadaaaa....!!!

nanti, sy akan bagi installer dia kat bawah blog ni keyh... :D


ok, lepas dapat "lori" ni, korunk download je...dan akan dapat hasil begini...!! hehehe...ok, abaikan kotak "welcome to filezilla" tu..hehe..korunk boleh baca nanti dekat "help" menu nanti...hehe


lepas tu, korunk perasan kan yang kat kotak filezilla tu perlukan host, username dan password right dan juga port kan...so, korunk juz direct g kat bahagian "akaun" or taip link dekat address bar mcm gambar bawah ni



pastu, masukkan je maklumat-maklumat tu dalam kotak yang disediakan oleh filezilla tu...macam ni haaa..haaaa, da hampir berjaya.....oppss, yg kat bahagian port tu xnk isi pape pun xpe..hehe..pastu tekan je butang "QuickConnect" tu...hehe


lori pun da siap pasang tayar...so, sekarang, kita juz masukkan barang-barang herbalife.html tu masuk dalam lori..haaa, simple kan..hehe..

sekarang, step terakhir, kita pergi dekat folder yang tersimpannya herbalife.html tu dan kita drag dia masuk kat kotak sebelah kanan filezilla itu...simple je...hehe

so, sekarang ni, korunk tarik semua yang korunk buat dekat herbalife.html tu termasuk gambar-gambar semua dan hantar ke kota belah kanan dengan drag file-file tu masuk ke kotak tersebut...haaaa...




so, everything sudah pun selesai....yeayyy!!! xpercaya, cuba korunk taip ni kat adress bar korunk..dapat x..hehe

http://herbalifepaan24.meximas.com/herbalife.html

hehe...selamat mencubaaa.....ada apa-apa yang xfaham, boleh la tanya saya keyh...

let's expand your love into our world....peaceee yaww.. ^^Y

ini facebook penulis....rajin-rajinlah singgah yeaa...hehe

No comments:

Post a Comment