Belajar Dasar Pemrograman Web Otodidak, Kenapa Tidak...?
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