Rabu, 09 November 2011

Belajar membuat website dengan HTML

Belajar membuat website dengan HTML.
HTML (HyperText Markup Language) adalah sebuah bahasa markup dasar yang digunakan untuk membuat sebuah halaman website. Dalam pembuatan website biasanya orang juga menggunakan bahasa pemograman lain selain HTML seperti PHP, ASP, JSP, dan lain-lain untuk membuat website menjadi dinamis dan interaktif. Sampai di sini mungkin Anda sudah merasa enggan untuk membaca lebih lanjut dan berharap ada cara yang lebih gampang untuk membuat website tanpa harus belajar HTML. Untungnya, memang ada cara yang lebih gampang.

Salah satunya adalah dengan menggunakan aplikasi Microsoft Word. Anda hanya tinggal mengetik isi, memasukkan gambar, ataupun membuat tautan, di mana semuanya dilakukan seperti Anda biasa menggunakan Microsoft Word. Kemudian Anda simpan file tersebut dalam format HTML, maka file ini sudah menjadi halaman website yang bisa dibuka dengan Internet Explorer ataupun Mozilla Firefox atau browser lainnya. Cara membuka file tersebut dengan browser adalah dengan mengkliknya dua kali. Anda sama sekali tidak memerlukan pengetahuan mengenai bahasa HTML. Di sini Anda langsung merancang seperti apa halaman website Anda terlihat. Coba Anda buka dokumen tersebut dengan notepad atau wordpad, maka yang muncul adalah file yang telah Anda buat tersebut dalam bahasa HTML.

Apa Anda masih ingat pembahasan mengenai
Teknik SEO pada Halaman Website dan Teknik SEO pada Meta Tag. Untuk bisa menggunakan teknik SEO jelas sekali Anda harus mengerti bahasa HTML.

Saya sama sekali tidak mengatakan Anda harus menjadi ahli dalam bahasa pemograman web, namun saya sangat menyarankan Anda mempelajari dasar-dasar HTML antara lain bagaimana membuat title tag, description meta tag, keywords meta tag, alt tag, membuat tautan, mengubah format teks, dan lain-lain. Alasan lain mengapa Anda perlu mempelajari dasar-dasar HTML adalah sewaktu Anda melakukan
promosi website, Anda harus tahu cara membuat tautan dengan perintah <a href>.

Sebagai permulaan coba Anda ikuti langkah-langkah berikut:
  1. Buka aplikasi notepad atau wordpad dan ketik atau copy-paste kode HTML berikut:
<html>
<head>
<title>HTML pertamaku</title>
</head>
<body>
Ini adalah struktur dasar bahasa HTML.
</body>
</html>

  1. Simpan file tersebut dengan nama "belajar HTML.txt".
  2. Oleh karena notepad atau wordpad tidak bisa menyimpan file dalam format HTML, maka Anda harus mengubah nama file tersebut menjadi "belajar HTML.html". Saya anggap Anda sudah tahu cara mengubah nama file.
  3. Setelah Anda mengubahnya bukalah file tersebut dengan browser Anda, dengan cara mengklik file tersebut dua kali. Hasilnya akan tampak seperti gambar berikut:dasar HTML

Seperti yang telah Anda ketikkan pada langkah 1 di atas, struktur dasar bahasa HTML terdiri dari pasangan tag berikut:
  1. <html> dan </html>
  2. <head> dan </head>
  3. <title> dan </title>
  4. <body> dan </body>
Untuk belajar HTML, Anda memerlukan program khusus yang disebut HTML Editor karena fitur-fitur yang dimiliki notepad atau wordpad sangat-sangat terbatas. Salah satu HTML editor gratis yang mudah penggunaannya adalah HAPedit, Anda bisa mengunduhnya di http://hapedit.free.fr/hapedit.php. Nama file yang Anda unduh adalah "hapedit.zip". Ekstrak file "hapedit.zip" ke folder baru yang Anda beri nama "hapedit". Di dalam folder hapedit tersebut ada file HAPedit.exe, klik dua kali file tersebut maka HAPedit akan muncul seperti gambar berikut.
HTML editor - HAPedit

Contoh pembuatan halaman website dengan HAPedit adalah sebagai berikut:
  1. Apabila HAPedit sudah terbuka, pada Tab Documents pilih menu File --> New --> HTML Page.
  2. Pada halaman HTML yang baru
    • ganti judul halaman website "Sans Titre" yang diapit oleh title tag pembuka <title> dan title tag penutup </title> dengan "HTML pertamaku" (ketikkan tanpa tanda kutip)
    • setelah kode perintah <body bgcolor="#FFFFFF"> ketikkan "Ini adalah HTML pertamaku." (ketikkan tanpa tanda kutip)
  3. Simpan file ini dengan nama "membuat HTML dengan HAPedit.html" di folder baru misalkan namanya "HTML". Folder HTML nantinya bisa Anda gunakan untuk menyimpan file-file HTML Anda.
  4. Pilih menu Display --> Browse with --> Default Browser F9. Hasilnya adalah sebagai berikut:membuat HTML dengan HAPedit

Itulah halaman website pertama Anda. Mudah bukan! Di website ini saya tidak membahas secara detil mengenai bahasa HTML. Anda bisa menemukan banyak sekali website yang mengajarkan bahasa HTML di Internet. Akan tetapi, saya merekomendasikan Anda untuk menggunakan tutorial yang dibuat oleh Maricopa Center for Learning and Instruction. Tutorial belajar HTML tersebut bisa dibaca secara langsung disini http://www.mcli.dist.maricopa.edu/tut/lessons.html. Didalamnya juga sudah tersedia tautan untuk mengunduh tutorial dalam format PDF.

Tutorial belajar HTML yang dibuat Maricopa Center for Learning and Instruction ini sangat bagus karena sudah disertai dengan contoh pembuatan website. Anda bisa menyimpan contoh-contoh file HTML yang diberikan di dalam folder "HTML" yang telah Anda buat. Folder "HTML" tersebut dapat Anda akses langsung melalui HAPedit. Pilih tab Folders dan klik dua kali Add project, kemudian pilih lokasi di mana folder "HTML" berada dan tekan OK maka folder "HTML" akan muncul pada tab Folders.
HAPedit - Add project

Setelah menyelesaikan tutorial yang dibuat Maricopa Center for Learning and Instruction, Anda sudah menguasai dasar-dasar HTML dan sudah bisa membuat website Anda sendiri.

Apabila Anda sudah membuat halaman website Anda, selanjutnya Anda harus memiliki nama domain dan mendaftarkannya ke web hosting provider agar website Anda bisa muncul di Internet. Kita mulai dengan
cara memiliki nama domain.
Membuat nama domain (nama website) yang mengandung kata kunci.
Setelah selesai membuat isi website dengan HTML, sekarang Anda harus menentukan alamat website, biasa disebut juga nama website atau istilah yang lebih teknis adalah nama domain. Nama domain merupakan identitas yang unik yang diberikan untuk mengidentifikasi suatu website di Internet, seperti google.com, anto-dwiharja.com, dan lain-lain.

Nama domain (nama website) dibagi menjadi beberapa bagian, yaitu:
  1. Top-Level Domain (TLD)
    Top-Level Domain (TLD) merupakan extension dari suatu nama domain. Top-Level Domain (TLD) dibagi lagi menjadi dua, yaitu:
    1. Generic Top-Level Domain (gTLD), beberapa yang sangat terkenal misalnya:
      • .com (dot com) yang dipakai oleh website-website komersial milik perusahaan, organisasi bahkan perorangan yang mencari uang melalui bisnis di Internet
      • .org (dot org) yang dipakai organisasi non komersial, contohnya http://wikipedia.org
      • dan lain-lain. Anda bisa lihat daftar lengkapnya di http://en.wikipedia.org/wiki/List_of_Internet_top-level_domains.
    2. Country Code Top-Level Domain (ccTLD), yang dipakai untuk kode negara misalnya .id (dot id) untuk kode negara Indonesia. Anda bisa lihat daftar lengkapnya di http://en.wikipedia.org/wiki/List_of_Internet_top-level_domains.
  2. Second-Level Domain (SLD)

Second-Level Domain (SLD) adalah nama domain (nama website) yang didaftarkan. Misalnya untuk nama domain (nama website) anto-dwiharja.com, anto-dwiharja merupakan Second-Level Domain (SLD) sedangkan .com (dot com) adalah Top-Level Domain (TLD).
  1. Third-Level Domain, Fourth-Level Domain, Fifth-Level Domain, dan seterusnya
    Third-Level Domain adalah nama di sebelah kiri Second-Level Domain (SLD). Misalnya untuk nama domain (nama website) mail.yahoo.com, mail adalah Third-Level Domain, yahoo adalah Second-Level Domain (SLD), dan .com (dot com) adalah Top-Level Domain (TLD). Ada juga Fourth-Level Domain, Fifth-Level Domain, dan seterusnya walaupun jarang kita temui.
Anda harus memiliki nama domain (nama website), dalam hal ini Second-Level Domain (SLD) sendiri apabila Anda serius ingin website Anda sukses. Caranya adalah dengan membeli nama domain (nama website). Ada website yang menyediakan atau memberikan nama domain (nama website) gratis, namun merupakan perpanjangan dari nama domain (nama website) dari website tersebut. Dengan kata lain, yang Anda dapatkan adalah Third Level Domain dari website tersebut, contoh antodwiharja.blogspot.com.

Pemilihan nama domain (nama website) merupakan langkah yang paling penting dari keseluruhan proses pembuatan website. Apabila Anda salah memilih nama domain (nama website) dapat berakibat Anda tidak mendapat kunjungan sama sekali dari target pengunjung yang telah Anda tentukan.

Cara yang paling baik untuk menentukan nama domain (nama website) adalah memakai kata kunci yang paling menggambarkan isi website Anda dan memiliki jumlah pencarian yang tinggi. Mesin pencari akan memberikan peringkat yang tinggi jika kata kunci Anda tercantum pada nama domain (nama website). Selain itu, ketika orang mengklik website Anda, mereka bisa langsung mengerti apa isi website Anda.

Nanti, waktu Anda memilih nama domain (nama website), Anda akan menemukan bahwa hampir semua nama domain (nama website) yang bagus sudah dipakai. Namun, ini tidak berarti bahwa Anda tidak bisa memiliki nama domain (nama website) yang bagus, Anda hanya harus lebih kreatif menyusun kata-kata untuk nama domain (nama website) Anda.

Berikut ini adalah beberapa tips memilih nama domain (nama website):
  • Usahakan panjangnya antara 5-20 karakter.
  • Cobalah menggunakan frase yang umum yang mudah dieja dan mudah diingat. Jangan lupa frase tersebut harus mengandung kata kunci.
  • Untuk website komersial, gunakanlah TLD (Top-Level Domain) .com (dot com).
  • Apabila nama domain (nama website) Anda terdiri dari beberapa kata, gunakanlah tanda "-" untuk memisahkan satu kata dengan kata yang lain agar mudah dibaca.Ada banyak website yang memiliki aplikasi untuk membantu dalam pemiliha
nama domain (nama website), salah satunya adalah http://www.bustaname.com. Tampilannya adalah sebagai berikuMemilih Nama Domain
Langkah-langkah memilih nama domain (nama website) adalah sebagai berikut:
  1. Pastikan Anda berada pada tab "Domain Search". Pada kotak "#1. Start Here - Word Combiner", ketikkan kata-kata yang paling menggambarkan isi website Anda. Kata-kata tersebut harus mengandung kata kunci yang telah Anda tentukan, kemudian tekan enter atau klik tombol "Add". Sebagai contoh bila Anda mengetikkan "memilih nama domain", maka pada kotak "#2. List of Words" muncul kata-kata yang Anda ketikkan tersebut dan pada kotak di sebelah kanannya "#3. Available Domains" muncul daftar nama domain berakhiran .com (dot com) yang dapat Anda pilih sebagai nama website Anda.Memilih Nama Domain

  1. Untuk mendapatkan hasil yang lebih bervariasi, pada kotak "Options" di bagian paling bawah Anda dapat mencentang beberapa pilihan sebagai berikut:
    • Pada bagian "Domain Extensions", centanglah TLD (Top-Level Domain) atau extension yang Anda inginkan. Sebagai contoh, selain TLD atau extension .com (dot com) yang sudah tercentang, centanglah TLD atau extension .biz (dot biz) dan .net (dot net).
    • Pada bagian "Basic Options", centanglah dua pilihan yang ada yaitu "2 word combine" dan "3 word combine".
    • Pada bagian "Also Try:", centanglah pilihan "Check with Hypens".

Memilih Nama Domain

Sekarang, pada kotak "#3. Available Domains" tersedia lebih banyak nama domain (nama website) yang bisa Anda pilih.
  1. Dari daftar nama domain (nama website) yang tersedia, pilihlah salah satu nama domain (nama website) yang menurut Anda mudah dingat, gampang dalam penyebutannya, dan mengandung kata kunci dengan jumlah pencarian yang tinggi.

  1. Apabila dirasa perlu, catatlah juga semua nama domain (nama website) dengan Second-Level Domain (SLD) yang sama namun TLD-nya berbeda. Hal ini untuk menghindari orang lain (kompetitor) memiliki nama website yang mirip dengan nama website Anda. Anda juga bisa mempertimbangkan untuk memiliki nama domain (nama website) yang mirip pengejaannya dengan nama domain (nama website) yang sudah Anda pilih. Untuk itu Anda harus mengetikkan lagi kata yang berbeda pengejaannya tersebut di kotak "#1. Start Here - Word Combiner". Sebagai contoh sebelumnya Anda sudah mengetikkan "memilih nama domain", sekarang ketikkan kata "pemilihan" lalu tekan enter atau klik tombol "Add". Ketikkan lagi kata "doman" untuk mengantisipasi kesalahan pengetikan kata "domain" dan tekan enter atau klik tombol "Add". Catatlah semua nama domain (nama website) yang mirip dengan nama domain (nama website) yang telah Anda pilih pada langkah No. 3 diatas.
Kekurangan dari website http://www.bustaname.com adalah sedikitnya pilihan TLD atau extension yang didukung. Apabila Anda memerlukan TLD atau extension lain yang tidak tersedia di website http://www.bustaname.com, Anda bisa menggunakan website lain yang menyediakan pilihan TLD atau extension yang lebih banyak misalnya http://secure.dapurhosting.com/members/domainchecker.php.

Setelah Anda memiliki satu atau bahkan beberapa nama domain (nama website) yang mirip satu sama lain, langkah selanjutnya adalah membeli nama domain (nama website) tersebut. Kalau Anda klik link berikut
http://secure.dapurhosting.com/members/domainchecker.php, pada halaman website yang muncul di bagian bawahnya terdapat daftar harga berbagai TLD atau extension untuk masa satu tahun. Berikut ini saya akan menjelaskan proses pembelian nama domain (nama website) di dapurhosting.com, hanya sebagai ilustrasi. Anda bisa membeli nama domain (nama website) di website-website lain.

Langkah-langkah membeli nama domain (nama website) adalah sebagai berikut:
  1. Ketikkan nama SLD yang ingin Anda beli di kotak bagian atas yang berada di samping tulisan "www".
  2. Dibawahnya terdapat daftar TLD atau extension yang didukung oleh website dapurhosting.com. Centanglah TLD atau extension yang ingin Anda beli (boleh lebih dari satu). Sebagai contoh, centanglah TLD atau extension .com (dot com), .net (dot net), dan .biz (dot biz).
  3. Di bawah daftar TLD atau extension, ketikkan karakter khusus yang diminta pada kotak yang tersedia, kemudian tekan enter atau klik tombol "Lookup".

Membeli Nama Domain

  1. Apabila ketiga nama domain (nama website) yang dipilih masih tersedia, maka kita bisa membeli ketiga-tiganya. Centanglah nama domain (nama website) yang tersedia dan klik tombol "Order Now >>".Membeli Nama Domain
  2. Klik tombol "Update Cart".
Membeli Nama Domain
  1. Klik tombol "Check out >>".

Membeli Nama Domain
  1. Isilah data-data yang diminta pada formulir yang tersedia, kemudian klik tombol "Complete Order". Setelah itu akan muncul invoice yang harus dilunasi terlebih sebelum nama domain (nama website) yang Anda pesan menjadi milik Anda.
  2. Ulangi langkah di atas apabila Anda ingin membeli nama domain (nama website) yang lain, nama domain (nama website) yang mirip, ataupun yang mengandung ejaan yang yang salah. Tujuannya adalah agar orang lain atau kompetitor tidak menggunakan nama domain (nama website) yang mirip dengan nama domain (nama website) Anda.
Sampai di sini Anda sudah memiliki nama domain (nama website) sendiri. Tinggal satu langkah akhir, yaitu menyimpan (upload) file website Anda pada web host.

Senin, 07 November 2011

Ringkasa Film ENDLESS LOVE


Inilah drama seri yang menuturkan pergulatan cinta yang awalnya bermula dari jalinan kasih kakak-beradik. Mengikuti drama percintaan yang lain, serial Endless Love ini merupakan drama favorit di negeri asalnya. Cerita bersambung ini mengharu-biru Anda dengan kisah cinta yang sangat menyentuh hati.
Dikisahkan tentang Yun Joon Suh (Song Seung Hun) dan Eun Suh (Song Hye Kyo) dibesarkan sebagai kakak beradik selama 14 tahun sampai munculnya sebuah fakta yang mengejutkan keluarga mereka. Ternyata Eun Suh bukan adik perempuan kandung Joon Suh melainkan anak orang lain yang tertukar ketika masih bayi.
Peristiwa tersebut terjadi gara-gara bocah lelaki cilik Joon Suh secara tidak sengaja memainkan label nama dalam ruang bayi di rumah sakit tempat adik perempuan Joon Suh dilahirkan.
Akibatnya Eun Suh yang seharusnya berada di keluarga Choi, jadi dipelihara oleh keluarga Yun yang merupakan keluarga berada. Sedangkan adik perempuan asli Joon Suh, Shin Ae (Han Chae Young) dipelihara keluarga Choi yang miskin. Kekeliruan tersebut tanpa sengaja terungkap ketika Eun Suh mengalami kecelakaan pada usia 14 tahun.
Begitu terungkap, kehidupan Eun Suh dan Shin Ae berubah total. Shin Ae yang akhirnya kembali ke pelukan keluarga Yun dan Joon Suh pun dibawa oleh ayah-ibunya ke Amerika Serikat. Sedangkan Eun Suh ditinggalkan di Korea pun terpaksa membanting hidup untuk menyambung hidupnya.
Walaupun begitu waktu dan jarak yang ribuan mil tidak kuasa membuat Joon Suh dan Eun Suh tidak bisa melupakan kasih sayang di antara mereka. Setelah sembilan tahun berlalu, keluarga Yun akhirnya kembali ke Korea.
Joon Suh yang telah menginjak usia dewasa dan bertunangan dengan seorang wanita sesama seniman, Shin Yoo Mi (Han Na Na), tanpa sengaja bertemu lagi dengan Eun Suh di sebuah hotel. Eun Suh kini bekerja di sebuah hotel milik sahabat Joon Suh, Hun Tae Suhk (Won Bin).
Pertemuan Joon Suh dan Eun Suh ternyata mendatangkan kesulitan di kemudian hari. Sebab mereka akhirnya menyadari bahwa cinta kasih di antara mereka tidak lagi merupakan kasih kakak beradik melainkan telah berubah menjadi cinta antara pria dan wanita.
Namun mereka juga menyadari tidak mudah mewujudkan hal tersebut sebab Joon Suh telah punya tunangan. Tidak hanya itu, Eun Suh pun dicintai Tae Suhk. Bahkan pergulatan cinta di antara mereka bertambah rumit, ternyata Shin Ae  tergila-gila kepada Tae Suhk.
Karakter dan Pemainnya:
Yun Joon Suh
Diperankan oleh aktor muda yang bernama Song Seung Hun. Selain tampil dalam “Endless Love”, aktor yang dilahirkan pada 5 Oktober 1975 juga tampil dalam serial  “Law Firm”, “Pop Corn” dan “Happy Together”. Ia juga menyabet penghargaan KBS Photogenic Actor dan Most Popular Actor untuk “Endless Love”.
Eun Suh
Diperankan oleh aktris muda Song Hye Gyo yang juga tampil dalam serial populer Korea “Hotelier”. Seperti halnya Song Seung Hun, Song Hye Kyo yang lahir pada tanggal 26 Februari 1982 ini juga menyabet penghargaan KBS Most Popular Actress dan Most Photogenic Actress.
Han Tae Suhk
Karakter yang mencintai Eun Suh ini diperankan oleh aktor Won Bin yang bernama asli Kim Do Jin. Selain memperoleh penghargaan KBS Best Actor, Won Bin yang lahir pada 29 September 1977 ini juga membintangi serial “Kokji”.
Shin Ae
Karakter adik kandung Joon Suh diperankan oleh aktris pendatang baru, Han Chae Young. Dari serial “Endless Love”, aktris yang lahir pada 13 September 1980 ini mendapatkan penghargaan KBS Most Popular Newcomer.
Shin Yoo Mi
Tunangan Joon Suh ini diperankan oleh aktris Han Na Na. Serial drama “Endless Love” ini merupakan debut pertama aktris kelahiran tahun 1979 tersebut.

Jumat, 04 November 2011

Belajar Membuat Web Dengan Bahasa HTML

BELAJAR MEMBUAT WEBSITE
Seiring dengan pertambahan jumlah netter (pengguna internet) di seluruh dunia, termasuk di Indonesia, makin banyak pula orang yang ingin mempunyai homepage atau website sendiri. Hal ini wajar mengingat manfaat yang bisa kita dapatkan dengan mempunyai website sendiri. Memiliki alamat email, sekarang ini bukan lagi sesuatu yang istimewa. Tapi memiliki website sendiri mungkin bagi kebanyakan orang masih merupakan sesuatu yang diidam-idamkan. Untuk itulah kami mencoba menyusun tutorial praktis ini agar dapat dipelajari dan dipraktikkan oleh para netter yang berkeinginan menjadi webmaster (pengelola website). Mudah-mudahan dengan kemampuan membuat website, kita dapat ikut serta menyebarluaskan ilmu dan informasi yang bermanfaat bagi seluruh ummat manusia, baik di dunia maupun di akhirat kelak.
Bagaimana caranya bisa menampilkan website sendiri di internet? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah website yang benar-benar eksis di internet. Artinya website yang dari segi perwajahan tidak "menyedihkan", dari segi isi tidak "asal-asalan" dan dari segi pengunjung cukup "dilirik". Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Internet Explorer, Netscape, Opera, dll). Setelah kita menguasai dasar-dasar HTML, barulah kita mencoba membuat rencana dan rancangan dari desain dan isi website yang hendak kita buat. Kemudian rancangan itu kita tuangkan dalam bentuk halaman-halaman web yang terpadu. Setelah selesai atau "mengarah ke selesai", kita harus mendaftarkannya ke web hosting agar website kita "terpasang" dan dapat diakses di internet. Akhirnya, yang juga tidak kalah penting adalah bagaimana mempromosikan website tersebut agar dikenal dan dikunjungi oleh para netter.
Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.
BELAJAR HTML
Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.



PENGENALAN KODE HTML
Dalam program Notepad anda, tulislah seperti ini:


Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu dan ada tag penutup yaitu yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan atau atau sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang kita akan beralih pada tag selanjutnya. Tambahkanlah tag seperti berikut:




Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag . Coba tuliskan:


Tulisan ini akan tampak dalam browser.


Sekarang simpanlah file ini dengan meng-klik menu File lalu Save As. Pada kotak dialog yang muncul, terlebih dahulu klik anak panah kecil di ujung kanan kotak Save as type kemudian pilih All Files (*.*). Setelah itu, isilah kotak File name dengan nama file yang anda inginkan misalnya: latih1.htm. Jangan lupa penambahan ekstensi .htm di belakang nama file! Akhirnya, klik tombol Save maka file akan tersimpan sebagai dokumen web. Kini, tutuplah program Notepad anda. Sekarang bukalah lagi program browser (Internet Explorer) selain jendela browser yang anda baca ini. Klik menu File lalu Open. Pada kotak dialog yang muncul, klik tombol Browse. Cari dan pilih file latih1.htm lalu klik Open. Nah, lihatlah hasil karya anda yang pertama!
Tulisan ini akan tampak dalam browser
Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.
Sekarang lihatlah kembali browser anda yang sedang menampilkan file latih1 tadi. Klik menu View lalu Source. Dengan instruksi ini akan muncullah program Notepad yang di dalamnya tampak source code atau kode-kode HTML yang tadi anda buat. Misalnya kita akan menjadikan halaman web latih1 ini menjadi berwarna latar belakang kuning dengan tulisan berwarna merah. Untuk itu, kita perlu menambahkan atribut BGCOLOR dan TEXT ke dalam tag body sebagai berikut:


Tulisan ini akan tampak dalam browser.


Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya, pergilah lagi ke program browser yang menampilkan halaman web latih1 tadi. Klik menu View lalu Refresh atau klik tombol Refresh pada toolbar atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file latih1 yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:
Tulisan ini akan tampak dalam browser
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa #rrggbb. Berikut ini adalah 16 nama warna beserta kodenya dalam format heksa (harap diingat bahwa tulisan 0 adalah angka nol, bukan huruf O).
Black #000000 blue #0000FF olive #808000
White #FFFFFF fuchsia #FF00FF green #008000
red #FF0000 gray #808080 teal #008080
Yellow #FFFF00 silver #C0C0C0 navy #000080
lime #00FF00 maroon #800000 purple #800080
aqua #00FFFF
Dengan demikian, kode HTML untuk contoh di atas bisa ditulis sebagai berikut:


Tulisan ini akan tampak dalam browser.


Dengan menggunakan kode warna heksa, variasi warna yang dibuat bisa lebih banyak. Klik di sini untuk melihat daftar kode warna yang lainnya!
Demikianlah sekilas fungsi tag BODY. Sekarang bukalah kembali source code alias kode-kode HTML. Masih ingat, kan caranya? (Klik menu View lalu Source). Tambahkanlah tag-tag berikut ini:







Tulisan ini akan tampak dalam browser.


Di sini terlihat bahwa kita menambah tag dan tag


Tulisan ini akan tampak dalam browser.


Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: Karya Pertamaku. Alhamdulillah, selesailah latihan pertama kita.
MENGUTAK-ATIK HURUF
Dalam latihan kedua ini, kita akan mempelajari beberapa tag yang relatif mudah diingat. Tag-tag ini berfungsi untuk mengubah tipe huruf yaitu menebalkan (bold), membuat tulisan miring (italic) atau memberi garis bawah (underline). Buka lagi program Notepad kemudian tuliskan seperti berikut ini:





Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miring dan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.


Setelah anda menambahkan semua tag-tag tersebut, simpan (Save) file source code itu kemudian lakukan Refresh pada dokumen web yang tampak pada program browser anda. Lihatlah hasil perubahannya! Andaikata ada yang tidak beres, coba perhatikan baik-baik penulisan tag-tag anda, mulai dari tag pembuka hingga jangan sampai ada yang salah tulis meskipun satu karakter. Misalnya: bila tag anda tulis maka browser tidak akan menampilkan tulisan apa-apa dalam dokumen anda. Kalau tidak percaya, cobalah menulis source code yang salah seperti itu, simpan (save) kemudian refresh dokumen anda dan lihatlah hasilnya!

Untuk lebih mempermantap keterampilan yang anda dapatkan dari latihan kedua ini, ada baiknya anda mencoba membuat dokumen HTML berikut ini. Buatlah dokumen dengan judul (titel): Pemantapan Tipe-tipe Teks, yang isinya adalah tulisan seperti berikut:


Karena file-file HTML sebenarnya adalah file-file ASCII biasa, maka anda dapat menggunakan editor-editor teks sederhana seperti WordStar (WS), Notepad, MS Write, dan lain-lain. Editor-editor teks tersebut dapat membimbing anda mempelajari kode-kode HTML secara luar dalam. Akan tetapi mungkin anda sedikit frustrasi karena harus mengetik semua kode HTML baris per baris yang dalam perkembangannya akan menjadi sangat rumit. Meski demikian, menggunakan teks editor untuk membuat halaman web adalah cara terbaik untuk benar-benar mengerti tentang struktur file HTML.
Bila anda sudah menyimpannya, bukalah dan lihatlah hasilnya dalam program browser.

Boleh Ku Pinjam Dadamu Untuk Menangis?


Cafe.
Kira-kira sudah setengah jam aku menunggu. Tapi tak ada rasa penyesalan sama sekali. Karena, dari awal aku memang sengaja datang lebih awal dari jam yang dijanjikan. Aku melakukan ini karena aku ingin memberikan sebuah kejutan padanya, orang yang sangat aku sayangi. Janjiannya jam 7 malam di cafe biasa. Dan sudah dari jam setengah 6 aku sampai dicafe ini. Cafe yng menjadi kenangan untukku dan untukknya. Dimana cafe inilah terukir janji setianya padaku di depan banyak orang. Sudah 2 tahun berlalu rasanya hari itu masih saja kemarin. Aku memang anak yang mudah bosan jika harus menunggu seseorang sendirian. Tapi, aku tidak mempermasalahkan dia datang telat, mungkin karena macet atau hal-hal yang tak terduga terjadi selama perjalanan. Itu bukan masalah bagiku. Asalkan ia tetap datang sesuai dengan janjinya.
Preview.
Hapeku bergetar, sebuah pesan pendek masuk. Dari kekasihku, Alan.  He say’s..
Happy aniversarry sayang ^_^. Dateng tepat waktu yah... nanti malem jam 7 dicafe biasa. Aku pengen ngomong serius sama kamu!!! Harus dateng. See you:*
Aku tersenyum geli membaca pesan masuk itu. Ingin aku membalasnya.tapi... nggak deh!! Biarin aja dia penasaran. Aku dateng atau enggak, ucapku dalam hati. Aku tersenyum membayangkan apa yang terjadi malam nanti.
Back.
Sudah jam 7 lebih 15 menit. Tapi belum juga tampak batang hidungnya. Aku jadi khawatir apa aku sedang dikerjain. Sudah 2 tahun berpacaran dan umur kita sudah sama-sama matang. Apalgi yang harus ditunggu, seharusnya dia memberiku kejutan dan muncul tiba-tiba. Merunduk tepat didepanku dan mengatakan...
“nina.. will you marry me?”
Ahh... meledak-ledak hatiku memikirkannya. Tapi, alan orangnya terlalu kaku. Dia lebih banyak memperhatikanku saat aku berbicara atau bererita dengannya. Tapi, dia sangat dewasa dan romantis. Dia juga sangat perhatian. Segala hal kecil yang dia anggap akan mencelakanku selalu diasingkirkan. Dia seperti pelindung bagiku. Dia penjaga hatiku.
“krieett...” 
Terdengar suara pintu cafe terbuka. Seorang pengunjung datang. Aku melihatnya, Alan dengan.... seorang wanita. Aku mulai betanya-tanya dalam hatiku. Siapa wanita itu? Apa hubungannya dengan alan?. Aku semakin bingung dengan apa yang kulihat sekarang. Mereka berdua bergandengan tangan dengan mesranya menuju mejaku. Wanita yang sekarang berada dalam genggaman alan begitu cantik, dia sangat anggun dan dewasa. Jika aku perhatikan sedemikian rupa. Mereka tampak serasi. Dadaku terasa sesak. aku yang sedari tadi membayangkan apa yang akan dilakukan oleh alan padaku nanti menjadi terdiam seribu bahasa melihat semua yang kuinginkan hilang begitu saja dengan kehadiran alan bersama wanita di sebelahnya.
Aku malontarkan senyum pada alan dan wanita itu, mereka membalasnya. Setelahnya kita duduk bersama tanpa berbicara apa-apa. Lama sekali terdiam dalam keheningan suasana di cafe yang tampak ramai. Alan memulai pembicaraan dengan bertanya basa-basi padaku.
“nina... kamu pasti udah nunggu lama ya?” tanya alan.
Aku hanya mengangguk.
“udah pesen minum?” tanya alan lagi.
Akupun mengangguk tanpa bebicara apa-apa.
Aku shock, aku bingung harus berbicara apa. Alan dan wanita... siapa dia sebenarnya?. Alan memandang wanita itu. Bisa kulihat pandangfan itu. Pandangan penuh cinta.
“kamu mau pesen apa?” tanya alan lembut.
Dia tersenyum lalu menghembuskan nafasnya.
“terserah kamu deh!!” jawabnya patuh. 
Alan memanggil seorang writers, dia memesan minuman.
“mbak... aku mintak cappucino 1 dan ice lemon teanya 1 ya? Gak pake lama!.” Ucap alan.
Writers itu mengangguk. Dia segera pergi mengambil pesanan yang dipesan oleh alan. Kita bertiga masih terdiam. Menikmati suasana ramai dalam cafe. Tapi aku merasa sepi.
“nin.. kok melamun?” tanya alan.
Aku yang menyadarinya cepat-cepat menggeleng sebari tersenyum manis pada alan. Alan menggenggam tangaku.
“nina... maafin aku ya!” ucapnya.
Aku tersenyum tak mengerti.
“maaf buat apa?” tanyaku.
“aku sudah jahat sama kamu. Aku mau jujur satu hal sama kamu.” Kata alan dengan mendesah berat.
“apa?” tanyaku mencoba tegar.  
“selama ini aku udah bohongin kamu, dari awal aku memamng suka sama kamu. Tapi itu bukan perasaan sayang... hanya kagum semata. Maap nin... selama ini aku harus berpura-pura mencintai kamu. Aku minta maap sekali lagi.”kata alan dengan tatapan tulus.
Aku bisa melihat kejujuran di depan matanya. Hanya saja, dadaku sakit mendengar pernyataannya. 2 tahun lan!!! Tapi itu hanya pura-pura. Ucapku dalam hati. Aku tidak bisa memaksakan kehendakku sendiri. Tidak mungkin aku memaksa orang untuk mencintaiku. Sedangkan dia tidak benar-benar cinta. Itu sama saja menyakiti dirinya juga diriku. Ahh.. lebih baik aku pergi dari sini, sebelum air mataku mengalir. Ucapku dalam hati.
Sebuah pesan masuk di inboxku. Arif.
Gue tau apa yang terjadi di cafe. Kalau loe butuh tumpangan. Loe bisa keluar sekarang. Gue udah di depan. Gue tunggu ya...:)
Kenapa bisa kebetulan. Ahh... arif memang teman yang baik. Aku masih merasakan kebisuan dalam percakapan malam ini. Kebisuan yang amat menyakitkan. Alan, dia sudah bahagia sekarang bersama orang yang benar-benar dicintainya. Aku memang menghargai kejujurannya, dan aku juga bisa memaafkan setiap kesalahanya. Ahh... inikah takdirku tuhan. Mencintai tapi tak dicintai. Menyayangi tapi tak disayangi. Mengasihi tapi tak dikasihi. Senua yang kau tampakkan sekarang adalah kejujuran. Dari seorang laki-laki yang mungkintalah menyakitiku dan seorang wanita yang mungkin bisa kuanggap perebut orang yang aku cintai. Tap mereka saling mencintai. Aku mencoba menguatkan diri. Aku ingin tahu dengan jelas apa maksud semua ini.
“lan...” panggilku.
“ya...” jawabnya.
“siapa wanita cantik yang ada disampingmu?” tanyaku.
Alan terlihat terkejut dengan pernyataanku. Begitu pula dengan wanita itu. Mereka seperti kebingungan denga pertanyaanku ini. Bakan wanita itu menunduk takut. Alan membuka suaranya..
“dia dina... tunanganku.” Jawab alan.
Sudah kuduga. Mereka memang pasangan yang sangat serasi dan mereka pantas untuk bersama. Aku lega mendengar pernyataan alan. Hatiku terasa plong.. dan tak merasakan sakit lagi. Entah kenapa. Setelah alan jujur menyakitiku dengan berpura-pura mencintaku selam 2 tahun, hatiku tak merasakan perasaan apapun. Setelah kupikir-pikir, aku sudah tak mengharapkan alan kembali kedalam pelukanku. Aku membiarkannya dalam pelukan yang dia inginkan. Aku tersenyum simpul, alan dan wanita itu terlihat keheranan melihatku. Mungkin mereka kira aku sudah stres ditinggal oleh alan. Haahh.. aku bukan yang seperti kalian pikir.
Aku berdiri. Alan dan dina juga berdiri. Air  muka mereka menunjukkan ketakutan.
“aku pamit.” Ucapku sembari berjalan pergi meninggalkan mereka berdua.
Alan dan dina memandangiku. Aku menoleh ke arah mereka sebentar, tersenyum dan melambaikan tangaku.mereka terlihat bingung dengan apa yang kulakukan. Aku tidak memperdulikan mereka tahu atau tidak. Aku mendoakan mereka agar mereka bisa bahagia selamanya.
Aku keluar dari cafe, berjalan merunduk. Aku membalikkan badanku, kulihat lekat-lekat cafe yang ada di depanku sekarang. Cafe yang menjadi awal dan akhir hubungaku bersama alan. Semoga saja setelah ini aku akan bahagia mendapatkan orang yang aku cinta dan mencintaiku sepenuh hati. Semoga saja.
Aku berbalik menatap jalan. Ramai dengan kendaraan yang melintas pergi entah kemana. Berlalu lalang didepanku begitu cepatnya. Menghilang dan datang kembali begitu saja.
Arif tersenyum melihatku. Dia tuntun sepeda kesayanganya mendekatiku. Aku membalas senyumnya.
“loe mau pulang apa jalan-jalan dulu?” tanya arif.
Aku terdiam menatapnya. arif terlihat bingung.
“nin....”panggilnya.
“gue mau jalan-jalan dulu...” jawabku dengan berjalan menuju sepeda arif.
Duduk tepat dibelakangnya. Arif tersenyum melihatku. Lalu ia juga menaiki sepedanya. Dan mengayuhnya pergi. Pergi dari kenanganku. Selamat tinggal masa lalu... akan kusambut malam ini dengan senyuman untunk menyongsong masa depanku,ucapku dalam hati. Meninggalkan kenangantentang alan. Meninggalkan semua yang sudah terjadi.
“pegang yang erat.. gue mau ngebut.” Seru arif
Aku tertawa. Aku memeluknya erat. Dan saat itu aku menyadari bahwa laju sepeda ini semakin cepat. Hingga dia berhenti  tepat di danau. Aku turun dari tempatku begitu pula arif. Aku berjalan menuju tepi. Angin berhembus dengan lembutnya menyapu setiap sedihku. Lagu alam dengan teriakan jangkrik yang berirama membuatku ingin menari walau dalam keadaan menangis. Sekarang arif berada tepat disampingku. Dia menatap kagum keindahan danau yang ada dihadapannya. Aku bisa melihat tatapan kagum tulus itu.
Aku menghembuskan nafasku berat. Aku masih merasakan sakit yang menyesakkan dadaku. ingin sekali aku berteriak dan menangis sekeras-kerasnya hingga hatiku lega. Hingga sakit ini tak kurasakan lagi.
“kalau loe mau nangis... nangis aja. Mau teriak juga gak papa!!” ucap arif.
Aku hanya tersenyum mendengarnya. Aku tidak bisa membayangkan, apa jadinya nanti kalau aku menangis dan dilihat oleh arif. Temanku sendiri. Aku masih punya harga diri juga kali.
“kalo loe gak mau di anggap anak cengeng.. menangis tanpa ada orang memperdulikan. Gue siap kok minjemin dada gue buat tempat loe menangis!!!” ucap arif kembali.
Aku tak mengerti maksudnya. Tapi, dia memng benar. Orang akan berburuk sangka melihatku menangis sendiri dengan ditemani laki-laki yang mungkin akan tertawa melihatku menangis.
“jangan ditahan nin... nanti loe tambah sakit sendiri.” Ucap arif kembali meyakinkanku.
Aku memang sudah tak kuat dengan semua yang terjadi. Di bohongi selama 2 tahun. Mungkin orang yang normal pasti akan segera marah-marah dengan menyiram laki-laki dengan air yang ada ditanganya, menampar wanita yang sudah merebut kekasihnya. Lalu aku? Apa yang aku perbuat. Melambaikan tangan lalu tersenyum tulus seolah-olah tak terjadi apa-apa. Padahal hatiku perih. Mungkin orang lain akan menangis histeris dan berteriak meneriakkan bahwa ia sudah cintanya telah hancur. Ahh... aku bukan wanita sebodoh itu. Tapi, aku sangat mencinta alan. Sangat mencintai.
Aku masih saj terdiam. Tak terasa, air mataku sudah mengalir. Aku sudah tak kuat memikirkannya hingga aku tak merasakan air mata telah membasahi pipiku. Aku berdiri terapaku menatap danau yang ada didepanku. Yang memantulkan cahaya kesedihan sang rembulan atas penyakit hatinya. Sama sepertiku. Meredup.
“nin...?” panggil arif.
Aku terisak.
“rif... !!!”
tanpa pikir panjang, arif memelukku. Aku menangis terisak dalam pelukkanya. Hingga aku tak tahu berapa lama aku menangis dipelukkannya.
Paginya....
Aku terbangun dari tidurku semalam. Menyambut pagi dengan senyum muram. Masih berbekas dihatiku tentang kejadian malam kemarin, alan memutuskan hubungan dengan begitu cepatnya tanpa perdulikan perasaanku. Arif memelukku hingga aku tak tahu kapan selesainya aku menangis. Kali ini aku ingin menangis mengingat kejadian kemarin. Ahh... andai ada arif disini aku ingin meminjam dadanya untuk menangis lagi.
Kuambil hapeku dan mengetikkan sebaris kalimat pada orang disebrang sana. Send to... arif
Boleh kupinjam dadamu... untuk menangis?
Aku tersenyum geli membacanya. Aku ingin tahu apa reaksi arif membaca pesanku. Hemmmttt.. aku ingin menunggunya, datang dan meminjamnkan dadanya untukku, menangis.

The End.