Rabu, 18 September 2013

Membuat Website Sederhana Bagi Pemula

Posted on 22.35 by Unknown
Teman, capung kali ini mau mengajarkan membuat website bagi pemula. Tidak perlu waktu lama mengerti kode-kode pemrograman untuk membuat website sederhana ini dan tidak perlu men-download program atau menginstal program lain, kamu bisa membangun website dalam sejam saja, Asek kan... Yuk cap cus kita mulai ya...

  • Klik kanan desktop komputer kamu, pilih New - Text Document, kemudian akan muncul file Text Documen yang baru di desktop kamu.
  • Ubah nama file Text Dokumen.txt menjadi webpage.html. Caranya klik kanan pada Text Document - klik Rename, kemudian ganti namanya menjadi webpage.html. Bila ada kotak peringatan keluar, maka klik "Yes" saja.
  • Untuk membuat tampilan pada website kita klik kanan file webpage.html - pilih Open With - klik NotePad. Kemudian akan muncul halaman webpage.html yang akan kita ketikkan kode-kode pemrograman.
  • Kita mulai menulis kode-kode pemrogramannya:
  1. Ktikkan kode-kode berikut ke dalam NotePad yang kita buat tadi.



  2. Kemudian klik menu File - klik Save, untuk menyimpan kode-kode programnya. Setelah itu keluar dari NotePad dengan mengklik menu File - Exit atau bisa mengklik tombol silang merah di kanan atas.
  3. Double klik file webpage.html atau klik kanan di file webpage.html - pilih Open With - klik FireFox atau Google Chrome atau Internet Explorer. Kemudian tampillah website pertama kamu.

Kalian pasti bingung fungsi dari kode-kode diatas, berikut penjelasan dari capung:

  • <html> </html> 
    Tag <html> adalah tag pertama kamu untuk memulai halaman web. Hal ini juga akan ditutup terakhir, sehingga pada akhir dokumen, menutupnya dengan mengetikkan </html> (terdapat garis miring sebelum tulisan html, garis miring menandakan penutupan).

  • <title> </title>
Judul sangat penting dalam halaman website karena penggunak bisa mengetahui isi website kita dari judul yang kita buat. Juga, ketika pengguna situs kamu dalam bookmark, judul situs kamu akan terlihat dalam daftar bookmark mereka. Judul untuk kode HTML yaitu <title>. Menutupnya pada akhir judul kamu dengan menulis </ title>.

  • <body> </body>
Tag <body> adalah tag dimana kita akan bekerja membuat tampilan halaman. Ketik <body> untuk memulai membuat halaman situs. Kemudian tutup tag body dengan mengetik </ body>. Sebagian besar informasi untuk halaman web kamu berjalan di antara <body> dan </ body>. 

Capung jadi teringat lagu "I want nobody nobody but you... I want nobody nobody but you... Nandareun sarameun silheo nigaanimyeon silheo... I want nobody nobody nobody nobody" Ahai... hohohoho (Suara capung jelek jadi malu...) ^_^

Ekhm ekhm... balik lagi kita ke topik. Untuk memberikan halaman web kamu warna latar belakang, kamu dapat menambahkan style ke Tag body. Tuliskan dalam tag body: <body style="background-color:silver">. Anda dapat mencoba warna yang berbeda atau bahkan kode hex. Kata-kata dalam tanda kutip dikenal sebagai "atribut." Mereka harus dikelilingi oleh tanda kutip!

  • <h1> </h1>
<h1> </h1> untuk mempebesar tulisan, biasanya digunakan untuk judul dalam halaman website. Ada juga <h2>, <h3>, <h4>, dll.

  • <br>
Untuk membuat teks ke baris berikutnya (seperti menekan "Enter" pada keyboard kamu), menulis <br> untuk enter.

  • <marquee> </marquee>
Ingin menambahkan tenda, atau sebuah kata yang bergerak melintasi layar? gunakan : <marquee> TULISAN DI SINI </ marquee>.

  • <img src="URL">
Tambahkan beberapa gambar. Jika kamu ingin menempatkan gambar dari internet ke halaman web kamu, kode HTML untuk gambar yaitu <img src="URL">. Namun, tag penutup opsional.

Nah kawan, sekian penjelasan dari capung. Semoga bermanfaat untuk kamu. Langsung deh dipraktekkan gak susah loh...

Silahkan komentar bila ada yang kurang jelas dari penjelasan saya di atas.



Posted in | No comments

Senin, 09 September 2013

Umi Seorang Progremer - Part 1

Posted on 17.36 by Unknown


Cerita yang capung tulis kali ini tentang seorang Umi (Ibu) yang berjuang dalam rumah tangganya. Sudah lama ditinggalkannya code-code pemrograman komputer yang dulu dikenalnya, tapi demi kelangsungan hidup harus kembali mengingat code-code program komputer yang membuatnya terbantu dalam kehidupannya. Kisahnya begini nih teman...

Berawal dari seorang anak perempuan yang kuliah sambil bekerja, jangan terbalik, bukan bekerja sambil kuliah karena dia fokus pada kuliahnya bukan pada pekerjaannya pada masa itu. Tapi karena dia sudah menyelesaikan kuliahnya dia fokus pada pekerjaannya. Nama anak perempuan itu Aisyah. Aisyah mengenakan jilbab tapi belum sesuai dengan syar'i (masih menggunakan jilbab modern). Aisyah sangatlah pendiam sama orang-orang yang baru dikenalnya, kadang dia tidak tau cari bahan obrolan yang seperti apa agar akrab, tapi itulah dia lebih tidak suka basa-basi. Sekarang dia menginjak umur yang pantas untuk menikah. Sampai sekarang dia menunggu siapa jodohnya.


Sering dia di jodohkan sama teman-temannya dan ortunya. Dia selalu terima perjodohan itu tapi aisyah yang putuskan mereka cocok tidak untuk jadi imamnya kelak. Aisyah suka dijodohkan kalau soal cinta, bukan karena aisyah punya teman cowok yang sedikit tapi karena teman cowoknya banyak yang berbeda agama. Adapun cowok yang mendekatinya, tapi aisyah menolaknya karena mereka hanya ingin bersenang-senang dan tak mau untuk hubungan serius. Bisa ditebak dari mereka berbicara dan tingkahnya, pernah ada yang mau mengantar pulang tapi harus pegangan di pinggang cowok tersebut (aduh... aisyah sangat malas soal itu, belum jadi suaminya aja sudah minta yang aneh-aneh), Aisyah paling tau mana cowok yang suka maen dua, dekat sini dekat situ, entah dari mana asal informasinya aisyah selalu tau cowok yang suka selingkuh. Setiap dekat dengan cowok dia sholat tahajud untuk minta sama Allah diberi petunjuk apakah cowok yang sedang dekat sama Aisyah cowok yang baik untuknya atau bukan dan jodohnya atau bukan. Kadang kala jawaban Allah untuknya bisa lewat mimpi atau dari orang lain.

Aisyah suka membuat website dan program komputer untuk menambah uang jajannya, gajinya di kantor tempat dia bekerja sekarang untuk ditabungnya. Jadi dia tidak tergantung pada orang lain untuk menunggu siapa yag meneraktirnya makan dan membelanjakan pakaian.

"aisyah, lama sekali kamu menjomblo, aku saja sudah menikah dan punya dua anak lagi" kata temannya bernama Sari.
"hehehe belum ketemu dengan jodohnya, makanya doain donk temanmu ini dapat jodoh yang baik" jawab aisyah.
"ya aku doakan kamu dapat jodoh yang baik" kata Sari.
"Amin... " jawab aisyah.
"kamu sih banyak milih, kemaren tu aku jodohin sama Amri, kamu tolak".
"Oi, teman kamu itu kan playboy, masa lagi PDKT sama aku malah dibelakang PDKT juga sama cewek lain" kata aisyah.
"kamu harus sabar sebenarnya, mana tau dia milih kamu bukan cewek itu, dia bilang sendiri sama aku sebenarnya dia nyesel dan pengen memilih kamu tadinya"
"tapi tidak boleh gitu juga donk, ngasih harapan sama cewek lain terus ditinggalin, aduh... kasian banget tuh cewek, pasti sakit hatinya, belum apa-apa dia sudah menyakiti hati orang lain gimana nanti kalau sudah jadi suami"
"ohya, kenapa kamu tidak lanjutin hubungan kamu dengan Endru?"
"kami beberapa kali jalan, terus dia bilang sama aku memalalui SMS, gini nih isi SMS-nya, Boleh gak lain kali saat aku boncengan sama kamu pegangan sama aku, soalnya kalau dilihat orang lain kita seperti berteman bukan pacaran, lihat donk Rian dan Firna, aih... semenjak itu aku tidak komunikasi lagi sama dia"
"Aisyah aisyah, cowok itu memang gitu, karena soal berpegangan saja kamu putusin komunikasi kamu dengan dia, kenapa gak pegangan saja, mana tau dia serius sama kamu"
"mana tau dia serius? kalau dia tidak serius? kamu belum tau aja pegangan Rian dan Firnah saat berboncengan..."
"memang gimana?"
"boncengannya tuh seperti tidak ada jarak diantara mereka berdua, yang begitu mau di contoh, aio... " aisyah menggelengkan kepalanya.
"hmm... tapi kamu jangan kolot-kolot amat aisyah, kamu harus banyak mengalah sama cowok, jangan mikirin kemauan sendiri"
"aku hanya mau cowok yang menghargai kehormatan cewek, itu ajanya"
"mana ada zaman sekarang, kalau pun ada satu banding seribu"
"mudah-mudahan akau dapat yang satunya itu hehehe..." doa aisyah.
"Amin... " Sari mengaminkan doa Aisyah sambil mencubit pipinya aisyah.

***

Bersambung ke Umi Seorang Programer - Part 2


Posted in | 2 comments
Langganan: Postingan (Atom)