Hujan di Kemarau-ku

Tak terasa hampir  tiga tahun sudah aku berada disekolah yang orang bilang sebagai tempat menuntut ilmu tetapi bagiku itu benar-benar sebagai penjara bagi kehidupanku. Bukan karena pelajaran melainkan karena sesuatu yang mungkin aku tidak bisa jelaskan dengan kata-kata.  Namaku Fera, Ferania Lucas Anastasya. Murid kelas 12 disekolah kejuruan favorit dikotaku. Entah mengapa aku tak tahu dengan kehidupanku saat ini, bahkan untuk mengingatnya-pun aku sudah tak sanggup lagi. Mengingat kisah cinta yang pedih dan sangat perih yang hanya bisa membuatku semakin tak kuasa menjalani kehidupan ini.

***

            Musim kemarau tiba. Jum’at pagi yang cerah dikala sang surya bersinar dengan diiringi nyanyian merdu dari burung-burung yang seakan-akan selalu bersemangat menyambut datangnya pagi menemaniku melangkah menuju sekolah. Aku tak tahu mengapa aku sungguh bersemangat sekolah pagi ini. Mungkin karena pelajaran yang dari dulu aku puja-puja sampai sekarang. Bahasa Indonesia. Atau mungkin karena hal lain, entahlah aku tidak terlalu memikirkannya.

            “Selamat pagi, kawan”. Sapaku kepada setiap orang yang aku jumpai.

Pagi ini aku menggunakan pakaian praktik layaknya orang bekerja disebuah bengkel ternama dikota kami. Mirip sekali. Hanya yang membedakan, aku bekerja dengan software dan kamera. Aku melangkah menuju sebuah ruangan yang akan dipenuhi tiga puluh tujuh siswa lainnya pada saat bel masuk. Ruang kelas.

“Selamat pagi, Fer”. Sapa seseorang diseberang sana. Dan ternyata adalah Dera, Dera Alditama. Sahabatku dari SMP.

“Selamat pagi juga, Der. Gimana tugasmu?”

“Tugas apa, ya?”. Jawabnya dengan muka polos.

“Dera Alditama, kenapa sih dari SMP nggak ada perubahan. Masih pikun aja”.

“O.. iya baru ingat, buat puisi itukah, Fer?”.

“Yup”. Jawabku singkat

“Belum. Hehe”.

Aku pun tak begitu kaget dengan jawaban Dera tentang itu. Aku segera meletakkan tas berisi perlengkapan sekolahku yang beratnya mungkin sama dengan karung beras 10 kilogram. Berat memang, tapi itu yang harus kubawa setiapa harinya. Dan aku selalu berfikiran bahwa aku harus membawa koper untuk membawa barang-barang ku ini. Dan seperti biasa, aku dan Dera berbincang-bincang dibalkon dekat ruang kelas. Dan seperti biasa pula, kami membahas sesuatu yang sama-sama sedang kami rasakan. Tentang sebuah perasaan yang sekian tahun lamanya yang tidak mau menghilang dari sini. Dari hati yang telah mencoba untuk melupakan sejenak bahkan ingin melupakan untuk selama mungkin semua hal yang membuat cinta itu singgah di hati yang paling dalam.

“Aku berfikir dan aku merasa bahwa setiap hari perasaan ini semakin tumbuh dengan perlahan. Seperti rumput liar yang tumbuh tanpa perlu ditanam dan tetap bertahan hidup tanpa ada yang menyirami”. Kataku pada Dera.

“Sudahlah, Fer. Buat apa kamu mikirin hal itu. Masih banyak hal penting yang harus kamu fikirkan. Dia mah nggak penting”

“Sebentar, aku mau ambil cermin dulu. Supaya kamu tahu apa yang kamu omongin itu nggak tercermin di dirimu”. Kataku sambil tertawa.

            Aku dan Dera berbincang lama sekali sampai kita tidak mendengar bel masuk telah mengeluarkan suara emasnya dengan lantang. Pelajaran dimulai.

***

            Waktu menunjukkan pukul setengah empat. It’s time to go home, yeah!. Namun, masih ada yang harus aku kerjakan kali ini. Bukan kali ini, tetapi untuk sekian kali ini. Aku sampai lupa bagaimana rasanya tidur siang di bed ku yang sangat sangat nyaman dengan bantal berisikan kapas yang selalu membuatku lupa akan segala beban. Tugas kali ini it’s so something. Ya, membuat sebuah film pendek untuk tugas akhir semesterku. Dan lagi-lagi aku mendapati nama Dera Alditama masuk kedalam jajaran salah satu nama di kelompokku.

            “Dera, kamu bawa naskah kita yang kemarin kita buat, nggak?”. Tanyaku spontan.

            “Iya, bawa. Tapi sebentar, yes. Aku cari dulu. Hehe”.

            “Cepetan”.

            “Ini, udah ketemu”. Katanya sambil menyodorkan buku itu kepadaku.

            Aku tak bisa membayangkan bagaimana jika Dera tak membawa naskah itu. Mungkin aku harus lompat dari lantai paling atas gedung ini saking bingung dan frustasinya. Atau bahkan aku terpaksa harus mengeluarkan suara 8 oktafku untuk mengeluarkan semua kekesalanku pada Dera. Karena didalam naskah itu terselip separuh nyawaku bersama crew film pendek. Tanpa berfikir panjang, kami segera prepare untuk memulai pengambilan gambar. Ribet.

            Take dimulai. Sandiwara dimulai. Semua talent untuk film pendekku segera menunjukkan aktingnya. Bagai bintang film yang berlaga diteater sungguhan yang ditonton ribuan orang yang memadati ruang pertunjukkan. Dan taman-pun menjadi pilihan untuk mengambil scene perdebatan antara dua insan yang memperebutkan seorang lelaki yang baru dikenalnya. Sungguh dramatis. Pengambilan gambar dimulai. Camera roll action. Aba-aba seorang sutradara-pun telah menutup semua yang berbicara. Termasuk aku, sang cameraman. Dan mulai kubidik lensa kearah model.

            Tak terasa sudah, waktu telah menunjukkan pukul 17.00 WIB. Dan disaat waktu yang ditunggu-tunggu telah datang menghampiri, kami para crew bersiap untuk pulang. Aku tak tahu perasaan bahagiaku yang sejak pagi tadi aku rasakan tiba-tiba berubah menjadi perasaan cemas, khawatir, pusing, dan tiba-tiba aku ingin menangis. Entahlah, aku tetap pada posisiku membenahi semua property untuk kebutuhan shooting ku tadi.

            “Fer?”. Panggil Dera.

            “Hm, apa? Bentar ya, nanti aku bantuin beresin kok”.

            “Belum juga ngomong mauku apa”. Jawab Dera kesal.

            “Iya apaan?”.

            “Lihat deh, itu kayaknya si Doni, deh”.

            “Doni Sandy Mahendra-kah yang dimaksud?”. Batinku meyakinkan diriku.

            Tanpa berfikir panjang aku langsung menengok ke belakang. Dan ternyata apa yang dikatakan Dera benar adanya. Orang itu adalah Doni Sandy Mahendra. Seorang laki-laki yang telah singgah dihati ini dalam hampir tiga tahun lamanya. Dia berdiri tepat didepan pintu kelas yang tidak aku ketahui kelas berapa yang singgah ditempat tersebut. Dia menatapku sekilas lalu pergi bersama seorang perempuan yang entah siapa namanya. Air mata yang dari tadi ku bendung, akhirnya pecah. Aku menyadari mungkin perasaan yang tiba-tiba bahagia menjadi sangat cemas dan ingin mengeluarkan air mata adalah ini. Perasaan yang tak mampu aku jelaskan dengan kata-kata dan tak bisa aku lukiskan dengan kuas dan canvas. Rasanya ingin berteriak sekencang-kencangnya kepada Doni bahwa aku lebih mencintainya dibanding seorang perempuan yang berjalan disampingnya.

            “Kamu kenapa, Fer?”. Tanya Dera. Dan mungkin hanya Dera yang mengetahui aku menangis. Atau mungkin yang lain mengetahui tetapi tetap bekerja ditempatnya.

            “Nothing”. Jawabku sambil tersenyum dan mengusap air mataku.

            “Are you serious? Or just kidding me?”.

            “Sure. Let’s go home!”. Aku berpura-pura bersemangat.

***

            Waktu terasa berjalan begitu cepat. Sepertinya, baru 5 menit yang lalu aku memejamkan mataku, tetapi ayam telah berkokok seakan-akan mengucapkan selamat pagi bagi insan yang sedang merasakan separuh dari pahitnya kehidupan. Aku-pun juga tidak menyadari bahwa semalam aku ketiduran disamping laptop ku dengan buku berserakan didepanku. Mungkin karena terlalu capek atau bisa jadi karena pertemuan dengan Doni yang membuat mataku bengkak pagi ini.

Itu bukan kali pertamanya aku bertemu dengan Doni dalam kondisi yang sama. Sekitar seminggu yang lalu, tepatnya dihari Jum’at saat kegiatan rutin Jum’at Sehat, aku melihat dia berjalan bersama seorang perempuan. Dari kejauhan, aku fikir bahwa seorang perempuan itu adalah teman sekelas Doni. Tetapi semakin aku mendekatinya, semakin jelas wajah seorang perempuan itu. Aku tidak mengenali wajah perempuan itu sebagai teman sekelas Doni, karena aku tahu siapa saja teman sekelasnya. Dan aku berfikir bahwa perempuan itu adalah kekasihnya Doni. Ironis memang. Penantian yang selama ini aku bayangkan akan membuahkan hasil membahagiakan untukku dan Doni malah berubah menjadi buah pahit yang mau tidak mau harus aku makan. Mau tidak mau aku harus menerima. Karena aku perempuan bisa apa selain mendo’akan kebahagiaan dan hidupnya. Memaksanya untuk mencintaiku pun juga tak berhak.

Hari ini, aku lalui seperti biasa. Hanya ada satu yang membuatku sedikit tidak bersemangat pagi ini. Dan seperti biasa, langit cerah di Sabtu pagi tidak memberikan isyarat tentang apapun. Aku meneguk secangkir teh yang aku buat sendiri dengan penuh kesedihan. Rasanya bahkan tidak seperti teh, tetapi lebih seperti air putih biasa. Hambar. Seperti yang kurasakan pagi ini. Musik yang biasanya aku putar pada pagi hari nampaknya juga tidak bersemangat.

***

Perasaan itu sampai disekolah. Ketidaksemangatanku pagi ini membuat mereka bertanya-tanya ada apa gerangan dengan diriku ini. Seorang perempuan yang selalu tertawa dan pada akhirnya harus menangis dalam luka. Sampai akhirnya aku berfikir mengapa aku harus peduli. Dia saja tidak pernah mepedulikanku. Mengapa dulu aku memikirkan perasaannya ketika dia dilanda luka. Sedangkan dia sendiri tidak pernah berfikir sedikitpun tentang perasaanku.

            “Aku tahu bahwa kamu sebenarnya tahu. Sadar bahwa ada orang yang selama ini menantimu selama ini, sesetia ini. Tapi mengapa kamu melangkah pergi?. Tak cukup pantaskah aku untukmu?”. Aku bergumam dalam batinku.

“Kamu kenapa sih, Fer?. Gara-gara kejadian kemarin?”. Tanya Dera disela-sela lamunanku. Memang aku tidak pernah mengatakan pada Dera tentang apa yang membuatku sedih, tetapi Dera telah mengetahui bahwa aku termasuk salah satu orang yang MAGAMON (Manusia Gagal Move-On). Tak tahu-lah bahasa dari mana itu.

“Pernah nggak sih, Der. Kamu sangat mencintai seseorang tetapi pada akhirnya kamu sadar bahwa cintamu bertepuk sebelah tangan?. Tapi kamu nggak pernah sedikitpun ingin membuang perasaan itu. Sebaliknya kamu malah menyimpan perasaan itu didasar hatimu. Tak peduli betapa sakitnya hatimu ketika melihat orang yang kamu saying berjalan dengan orang lain dan itu bukan kamu”. Kata-kata puitis akhirnya keluar dari mulutku.

“Fer, sudahlah. Kamu sendiri yang bilang padaku kalau kamu bisa move-on. Tapi nyatanya apa, hayo. Udahlah, Fer. Lupakan dia. Buka hatimu untuk orang lain. Diluar sana banyak yang menginginkan cintamu”.

“Sulit sekali rasanya. Membuka hati untuk orang lain sedangkan hatiku masih tertinggal disana. Ditempat yang sama. Dalam keadaan masih utuh tanpa ada kurang 1% pun”.

“Belajarlah, Fer”.

“I will try”. Kataku sambil berlau meninggalkan Dera di balkon dekat kelas sendirian.

***

Aku seperti tanaman tak terkena air selama berhari-hari. Kering. Tandus. Layu. Hari-hari ku tidak ada perubahan. Masih dalam kondisi yang sama dan perasaan yang sama. Malahan, semakin hari semakin menjadi. Karena setiap hari pula, aku melihat Doni berjalan dengan kekasihnya. Aku terus saja mengeluarkan senyum palsu, terpaksa tertawa untuk menutupi semua kesedihanku. Bahkan kepalaku terdapat backsong yang menggambarkan perasaanku saat ini. Bait Pertama dari Sheila On Seven.

Mungkin aku harus mengakhiri semua sebelum perasaan itu semakin tumbuh dan berkembang. Aku harus mendengarkan kata-kata Dera untuk membuka hatiku untuk orang lain. Mencoba menerima keadaan yang ada dan menjalani hidup seperti biasa. Melupakan semua tentang Doni. Mengejar cita-citaku yang belum tercapai. Karena masih panjang hidupku. Masih tinggi cita-citaku. Masih banyak yang harus aku lakukan untuk kedua orang tuaku. Dan masih banyak orang yang berharap akan kehadiranku.

Membuat Web Sederhana dengan Notepad

           Pada kesempatan ini saya akan memberikan Tutorial Cara Membuat Website Toko Online Sederhana dengan Notepad mungkin bagi kalian sudah sedikit memahami kode atau script HTML.

Membuat halaman website sebenarnya gampang gampang susah. Bahkan kalian hanya perlu sebuah software seperti notepad. Saya ingin mengajak kalian semua mengenal kode HTML dengan memulai dari hal yang sangat sederhana. Berikut cara mudah membuat halaman Web dengan Notepad.
         

Saya membuat contoh web toko online untuk ASUS (gambar menyesuaikan)

1. Ketikkan atau copy paste script berikut untuk membuat halaman beranda atau home dan simpan dengan nama index.html

<html>
<head>
<title>Home</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td height="65" bgcolor="#FFFFFF"><a href="latest.html"><img src="late.jpg"></a></td>
<td colspan="3" height="65" bgcolor="#FFFFFF"><a href="popular.html"><img src="popular.jpg"></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF" height="400"><img src="latep.jpg"></td>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

Hasil

2. Ketikkan atau copy paste script berikut untuk membuat halaman profil dan simpan dengan nama profile.html

<html>
<head>
<title>Profile</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="profile.html"><img src="profile.jpg">
</tr>

<tr>
<td colspan="3" height="400"><center><img src="as.jpg"></center><br>
<font face="Tahoma">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Perusahaan ASUS sudah lama melintang di dunia perkomputeran.
Perusahaan ini didekralasikan  pada tanggal 2 april 1990 oleh TH Tung, Ted Hsu Wayne Hsieh dan MT Liao.
Penghargaan sebagai produk dengan desain terbaik, kualitas produk terbaik, sampai dengan penjualan terbaik pernah didapatkan oleh perusahaan ini.
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dan saat ini, ASUS telah membuka cabang diseluruh dunia, termasuk Indonesia.
Di Indonesia, salah satu center resmi ASUS terdapat di SURABAYA, INDONESIA.Yang berada di Jalan Invincible nomor 99 dipusat kota.<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Di Surabaya, ASUS Indonesia dibawahi oleh Jerry Kurniawan,M.Kom selaku Direktur Utama.
Dan Febriana Rahmawati,ME selaku Manager.</font></br></td></tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

Hasil

3. Ketikkan atau copy paste script berikit untuk membuat halaman produk dan simpan dengan nama products.html

<html>
<head>
<title>Products</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="products.html"><img src="products.jpg">
</tr>

<table width="1200" border="0" align="center">
<table>

</tr>
<tr><td colspan="2"><td><tr><td>
</table>
</td>
<table>
<table width="1200" border="0" align="center">
<td><div style="text-align: center;"><img src="1225B.jpg" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="1225C 2.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43SD-VX720D.png" width="200" height="150"></div></td>
</tr>

<tr>
<td><div style="text-align: center;"><font color="#000000">1225B ; IDR 3.600.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">1225C ; IDR 2.700.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43SD-VX720D ; IDR 5.200.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="1225C.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43E-VX1071D.jpg" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43SD-VX722.png" width="200" height="150"></div></td>
</td>

<tr>
<td><div style="text-align: center;"><font color="#000000">1225C ; IDR 2.800.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1071D; IDR 3.700.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43SD-VX722; IDR 5.000.000</font></div></td>
</td>

<tr>
<td><div style="text-align: center;"><img src="A43E-VX1075.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43E-VX1076D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43SD-VX748D.png" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1075 ; IDR 4.400.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1076D; IDR 4.500.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43SD-VX748D ; IDR 6.200.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="A43E-VX1078.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43E-VX1078D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45A-VX168D.png" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1078 ; IDR 4.200.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1078D; IDR 4.400.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45A-VX168D; IDR 4.500.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="A43E-VX1080D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43SD-VX720D 2.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45A-VX169D.png" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1080D ; IDR 3.800.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43SD-VX720D 2; IDR 5.200.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45A-VX169D ; IDR 4.500.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="A45A-VX170D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45VD-VX269D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45VD-VX270D.jpg" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A45A-VX170D; IDR 4.500.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45VD-VX269D ; IDR 6.300.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45VD-VX270D; IDR 6.300.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="A45A-VX171D.jpg" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45VD-VX245D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="N46VZ-V3095D.png" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A45A-VX171D ; IDR 7.500.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45VD-VX245D; IDR 8.000.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">N46VZ-V3095D; IDR 10.500.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="N46VZ-V3097H.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="N56VZ-S3330H.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="x450cc-wx143d.jpg" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">N46VZ-V3097H ; IDR 9.300.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">N56VZ-S3330H; IDR 12.400.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">x450cc-wx143d; IDR 10.500.000</font></div></td>
</tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

Hasil

4. Ketikkan atau copy paste script berikut untuk membuat halaman kontak dan simpan dengan nama contacts.html

<html>
<head>
<title>Contacts</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="contacts.html"><img src="contacts.jpg">
</tr>

<tr>
<td colspan="3" height="400"><center><img src="hub.jpg"></center><br>
<font face="Tahoma">
<b>Phone&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: (0272)020297<br>
Fax&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: (0272)020297<br>
e-mail&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: weareasus.gmail.com<br>
Address&nbsp;&nbsp;: Invincible St.99. Surabaya, Indonesia<br>
Instagram&nbsp;&nbsp;: ASUSID<br>
Facebook&nbsp;&nbsp;&nbsp;: ASUS Indonesia<br>
Twitter&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: @ASUS_ID<br></b>

</font></br></td></tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

Hasil

5. Ketikkan atau copy paste script berikut untuk membuat isi dari link Kelebihan dan Kekurangan dan simpan dengan nama kelebihan.html

<html>
<head>
<title>Kelebihan dan Kekurangan</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="kelebihan.html"><img src="kelebihan.jpg">
</tr>

<tr>
<td colspan="3" height="400"><font face="Tahoma" size="+2"><center><b>Kelebihan dan Kekurangan Laptop ASUS</center><br></b></font>
<font face="Tahoma"><li>Kelebihan :</li>
<ol type="a">
<li>Laptop Asus terkenal awet, khususnya dari sisi motherboardnya.Sebagai Merk IT yang sudah populer sejak jaman PC, masalah pengalaman technologi komputer tidak usah diragukan lagi, Jangan heran jika laptop Asus disebut sebagai laptop dengan tingkat kerusakan di masa garansi  terendah di dunia.</li>
<li>Mayoritas  laptop Asus memakai VGA seperti ATI Radeon & Nvidia GForce, sehingga sering kali Asus dianggap sebagai  Laptop Gamer.</li>
<li>Harga laptop Asus relative murah jika dilihat dari spesifikasi yang ditawarkan. Dengan budget di bawah 5 juta, kita sudah bisa membawa pulang laptop yang bisa digunakan untuk gaming.</li>
<li>Asus paling berani memberikan Masa garansi produk yang cukup lama yaitu 2 tahun.</li>
<li>Asus mempunyai layanan purna jual  terbanyak yakni di 58 negara.</li>
<li>Ini yang mungkin jarang diketahui, ASUS merupakan  pelopor USB 3.0 di Notebok</li>
<li>Memiliki teknologi "Super Hybrid Engine Nvidia Optimus Technologi", membuat daya tahan bateri notebook ASUS lebih lama atau 10,5 jam.</li>
<li>ASUS adalah brand pilihan alam dalam teknologi dan gaya yang mendukung penghjauan dan merupakan pertama di dunia yang meraih sertifikat EU Flower Eco untuk komputer dan sertifkat EuP untuk notebook.</li></ol>

<li>Kekurangan :</li>
<ol type="a">
<li>Asus memang punya service center yang luas secara global tapi tidakmereka  banyak sehinggadi beberapa daerah jika terjadi kerusakaan proses perbaikannya lebih lama dari pada merk laptop lain, jadi kalo mau garansi ya ngantri dulu selesainya bisa sampai berbulan – bulan.</li>
<li>Ini sebenarnya bisa jadi kelebihan juga, tapi justru dipandang sebagai kelemahan bagi banyak pengguna: Asus terlalu cepat mengeluarkan seri2 terbaru dengan spesifikasi lebih tinggi dan harga yg lebih murah, jadi user yg terlanjur beli laptop merasa menyesal kenapa tidak beli yang terbaru aja, biasanya Asus mengeluarkan produk terbarunya Sebulan sekali.</li>
<li>Untuk seri 12" sering terjadi error touchpad dan seri K43u AMD E350 error Harddisk (sebagian user tidak tahu karena kebanyakan hanya toko yang tau saat cek list barang sebelum dijual).</li>
<li>Untuk seri Netbook tidak dilengkapi dengan Softcase.</li></ol>
</font></br></td></tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

6. Ketikkan atau copy paste script berikut untuk membuat isi dari link Sejarah Singkat ASUS dan simpan dengan nama sejarah.html

<html>
<head>
<title>Sejarah</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="sejarah.html"><img src="sejarah.jpg">
</tr>

<tr>
<td colspan="3" height="400"><font face="Tahoma">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Perjalanan ASUS Sepanjang Tahun
Kata ‘ASUS’ diambil dari empat huruf terakhir kata Pegasus, kuda bersayap dalam mitologi Yunani yang melambangkan kebijaksanaan dan pengetahuan.
ASUS menjelmakan kekuatan, kemurnian dan jiwa petualang dari makhluk mengagumkan ini, dan membubung tinggi menuju puncak dengan setiap produk yang diciptakannya.
Industri teknologi informasi Taiwan telah bertumbuh pesat selama beberapa dekade terakhir dan Taiwan telah menjadi pemain dominan di pasar global. ASUS telah lama menjadi pemimpin dalam pertumbuhan tersebut dan walaupun memulainya sebagai produsen motherboard sederhana dengan mempekerjakan segelintir karyawan yang andal, kini ASUS telah menjadi perusahaan teknologi terdepan di Taiwan dengan jumlah karyawan lebih dari 12,500 di seluruh dunia. ASUS telah menghasilkan produk di hampir semua setiap kategori teknologi informasi,
termasuk diantaranya komponen PC dan peripheral, notebook, tablet, server dan smartphone.<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Inovasi adalah kunci utama kesuksesan ASUS. Setelah meluncurkan PadFone ke khalayak umum pada acara Computex 2011, tahun ini ASUS Chairman Jonney Shih sekali lagi mencuatkan perangkat mobile TAICHI dan Transformer Book dual-purpose.
ASUS TAICHI™ merupakan Ultrabook™ dengan display dua sisi yang dapat berperan sebagai tablet saat sedang dalam keadaan tertutup. Transformer Book adalah tablet yang dapat dimasukkan ke docking keyboard dan bertransformasi menjadi Ultrabook.
Hadirnya Tablet 810 dengan Windows 8 dan Tablet 600 dengan Windows RT, ASUS memiliki jajaran produk yang akan melampaui imajinasi para pengguna untuk memasuki era baru komputasi awan.
Pendekatan visioner inilah yang menjadikan ASUS sebagai pendukung utama dalam menghadirkan inovasi dan desain berkualitas ke dalam kehidupan para pengguna. Produk-produk ASUS telah memenangkan 4,256 penghargaan internasional dan berbagai pujian di tahun 2013, sepadan dengan lebih dari 11 penghargaan per hari.
</font></br></td></tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

7. Ketikkan atau copy paste script berikut untuk membuat isi dari link Latest dan simpan dengan nama latest.html

<html>
<head>
<title>Latest</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td height="65" bgcolor="#FFFFFF"><a href="latest.html"><img src="late.jpg"></a></td>
<td colspan="3" height="65" bgcolor="#FFFFFF"><a href="popular.html"><img src="popular.jpg"></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF" height="400"><img src="latep.jpg"></td>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

8. Ketikkan atau copy paste script berikut untuk membuat isi dari link Popular dan simpan dengan nama popular.html

<html>
<head>
<title>Popular</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td height="65" bgcolor="#FFFFFF"><a href="latest.html"><img src="late.jpg"></a></td>
<td colspan="3" height="65" bgcolor="#FFFFFF"><a href="popular.html"><img src="popular.jpg"></a></td>

</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF" height="400"><img src="popu.jpg"></td>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

Catatan :
<body link alink vlink> : untuk mengubah warna link dari warna default
<table> : untuk membuat tabel
<tr> : untuk membuat baris
<td> : untuk membuat kolom yang diinginkan pada setiap baris
<td colspan> : untuk membuat merge and center dan ditentukan berapa kolom yang akan di merge
<td rowspan> : untuk membuat merge and center dan ditentukan berapa baris yang akan di merge
<a href> : untuk membuat link
<img src> : untuk menyisipkan gambar dalam format png/jpg/gif