Asslamu'alaikum Warohmatullahi Wabarkatuh...!
Dengan Hormat,

saya yang lemah tak berdaya, tak dapat berbuat apapun tanpa izin Allah SWT.
sudi berbagi dengan anda, saling mengisi bila berbeda dan saling mengerti bila sama...!

Minggu, 21 November 2010

Tutorial web Level1

Belajar Dasar Pemrograman Web Otodidak, Kenapa Tidak...?

Belajar bahasa dasar pemrograman web otodidak ( belajar sendiri tanpa harus kuliah) bukanlah suatu hal yang sulit, dan tidak harus mnguasai bahasa inggris, karena tidak semua orang yang ahli pemrograman menguasai bahasa inggris, begitu juga orang yang ahli bahasa inggris belum tentu mengerti bahasa pemrograman, jika sobat berminat belajar pemrograman, sobat pasti bisa, jangan berkecil hati jika sobat lemah dalam bahasa inggris, sobat tidak harus tau apa arti kata dalam bahasa pemrograman itu, hanya saja sobat perlu mengerti apa fungsinya gitu aja cukup.
Misalkan dalam bahasa pemrograman web seperti kode < html > kenapa kok di tulis ad kode < dan kode > sobat tidak harus mengerti, hal itu adalah memang jadi kode yang jika sobat sering mencoba akan mengrti maksudnya tanpa harus tau artinya.
Intinya sobat coba-coba terus aja, dan jangan sampai sobat berfikir sulit, wong banyak dosen-dosen yang sudah mampu bikin web, tapi mereka belum tentu bisa menjawab jika ditanyakan apa artinya itu, tapi kalau ditanya fungsinya pasti bisa jawab, jadi sobat coba dulu dan sobat jangan takut tidak bisa, karena ketakutan sobat adalah pintu kegagalan, ayo semangat, berikut adalah contoh program web sederhana yang dibuat dari notepad dengan ekstensi .html
Sobat bisa langsung belajar sekarang oke..?
Pertama sobat buka Start – all program – accessories - Notepad
Bisa anda lihat visulisasi gambar di bawahini:

















setelah itu maka tampillah lembar kerja notepad seperti berikut:














pada lembar kerja tersebut sobat langsung ketik saja seperti di bawah ini, tapi sobat jangan copy paste biarkan sobat ketik sendiri, itung-itung melatih kemampuan sobat kan..? karena kalau copy paste, sobat tidak akan pernah mengalami kesalahan tapi tidak akan pernah mengerti.

< html >
< head >
< /head >
< body >
Selamat datang di web kami
< /body >

lebih jelasnya sobat bisa lihat gambar di bawah ini














Setelah itu, sobat simpan dengan extensi .html
 File Name : coba.html
 Save as type : All File

















Setelah itu, sobat buka windows ekspoler cari dimana file tadi disimpan, langsung sobat buka seperti visulisasi gambar berikut:















Setelah sobat buka, Maka akan tampil seperti berikut















Jika belum bisa teliti dulu mungkin ada yang salah ketik, karena salah satu huruf saja tidak akan berjalan.

Mudah kan..?
Setelah itu, sobat bisa menghiasi web tersebut dengan warna background, model tulisan, animasi sederhana, dan lain sebagainya.
Untuk memberi warna background, sobat langsung tambahkan bgcolor=green dalam <body>
<body bgcolor=green>















Lalu jangan lupa simpan dulu, lalu soba buka lagi filenya, maka akan tampil dengan background hijau seperti barikut:
















Jika sobat pengen warna merah ganti aja bgcolor=red


















Setelah sobat simpan, maka akan tampil seperti berikut:















Jika belum bisa, sobat teliti lagi tulisannya barang kali ada yang salah, jangan takut mencoba ayo terus semangat.

Untuk memperbesar ukuran tulisan, sobat bisa tambahkan langsung <font size=16>

















Setelah sobat simpan dan buka lagi, maka akan tampil seperti ini:
 













Jika belum bisa, mungkin sobat belum simpan atau masih ada yang salah.

Untuk warna tulisan, tambahkan color=white setelah kode <font size=16











setelah sobat simpan dan buka lagi, maka tampil seperti ini:













Jika belum bisa, mungkin sobat belum simpan atau masih ada yang salah.

Untuk animasi sederhana langsung sobat tambahkan kode <marquee>










Coba buka lagi filenya, Maka tulisan akan berjalan dari arah kanan ke kiri.















Mudah kan..? Mungkin itu dulu ya, untuk selanjutnya, sobat bisa melangkah ke materi level2 berikutnya, selamat mencoba.


Copyright@moh_tuhfah, 22-11-2010, hak cipta dilindungi undang-undang

Tidak ada komentar:

Posting Komentar