TIK (DREAMWEAVER)

Hi Radar Neptunus...

Dreamweaver tentang Tekhnik Pembuatan Website yang Menarik

Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode editor dengan fitur standar seperti syntax highlighting, code completion, dan code collapsing serta fitur lebih canggih seperti real-time syntax checking dan code introspection untuk menghasilkan petunjuk kode untuk membantu pengguna dalam menulis kode. Tata letak tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML. Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa di seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber kode atau memperbarui tata letak di seluruh situs tanpa server side includes atau scripting. Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework menawarkan akses mudah ke konten yang dibuat secara dinamis dan interface. Dreamweaver dapat menggunakan ekstensi dari pihak ketiga untuk memperpanjang fungsionalitas inti dari aplikasi, yang setiap pengembang web bisa menulis (sebagian besar dalam HTML dan JavaScript). Dreamweaver didukung oleh komunitas besar pengembang ekstensi yang membuat ekstensi yang tersedia (baik komersial maupun yang gratis) untuk pengembangan web dari efek rollover sederhana sampai full-featured shopping cart. Dreamweaver, seperti editor HTML lainnya, edit file secara lokal kemudian diupload ke web server remote menggunakan FTP, SFTP, atau WebDAV. Dreamweaver CS4 sekarang mendukung sistem kontrol versi Subversion (SVN).

Jika Anda orang yang baru mulai belajar membuat website, maka akan ada banyak hal yang perlu dipelajari dalam cara pembuatan website. Secara umum, banyak orang memulai langkah pembuatan website dengan membuat sketsa atau rencana kasar. Sketsa kasar biasanya dibuat dengan berbagai macam cara, misalnya coretan atau gambar di atas kertas. Sketsa tersebut kemudian dibuat menjadi gambar grafis dengan menggunakan software Desain Grafis seperti Adobe Photoshop. Langkah selanjutnya adalah membuat halaman HTML dengan menggunakan Adobe Dreamweaver. Dengan demikian, Adobe Photoshop berperan sebagai software untuk merancang, sedangkan Dreamweaver menjadi software yang dipergunakan untuk menata halaman. Kenyataannya, pembuatan situs besar maupun kecil bisa dikelola dengan menggunakan Adobe Dreamweaver.

      Langkah Persiapan

Dalam dunia internet, sebuah situs dikenal karena memiliki identitas yang berbeda dari situs lainnya. Ibaratnya sebuah barang yang diproduksi oleh pabrik, maka situs tersebut memiliki merek, citra produk (brand image), warna serta desain yang menjadi ciri khasnya. Dengan demikian, kita dapat mengenal Google, Yahoo!, WordPress, Facebook, dan sebagainya sebagai sebuah identitas dari alamat situs yang mereka miliki. Langkah permulaan membuat situs adalah dengan menentukan hal-hal yang berhubungan dengan identitas situs dan di mana situs tersebut akan ditempatkan. Berikut ini adalah beberapa langkah yang bisa kita lakukan untuk menyiapkan sebuah situs baru :

1.Buka Adobe Dreamweaver CS4. Jika Anda belum terbiasa, maka cara memulai Adobe Dreamweaver adalah dengan memilih tombol Start > All Programs > Adobe Master Collection CS4 > Adobe Dreamweaver CS4.

2.Anda akan dihadapkan pada Menu Pembuka Adobe Dreamweaver CS4. Untuk memulai situs baru, klik pada menu Create New > Dreamweaver Site.

3.Kotak dialog Site Definition akan segera terbuka. Pada form isian pertama kita bisa menuliskan nama website yang akan kita buat dan pada form kedua kita bisa mengisikan alamat online secara lengkap website yang akan kita buat. Tapi, berhubung kita belum menggunakan alamat server secara online, maka alamat ini sementara tidak perlu diisi. Klik pada tombol Next.

4.Selanjutnya adalah pilihan untuk menggunakan Server Technology (yakni ColdFusion, ASP.NET, ASP, JSP, dan PHP) atau tidak menggunakan Server Technology (web statis). Server Technology akan menyebabkan file-file ditulis dalam format sesuai dengan jenis server. Berhubung pada tahap awal ini belum menggunakan Server Technology, maka kita bisa lanjutkan ke tahap berikutnya. Pastikan pilihan masih pada No, I do not want to use a server technology. Kemudian, klik pada tombol Next.

5. Tahap berikutnya adalah menentukan di mana lokasi file-file kerja kita akan disimpan. Pada Kotak dialog ini, gantilah form isian di bagian bawah dengan lokasi folder di mana file-file website akan disimpan.Pastikan pilihan tetap aktif pada Edit local copies in my machine… Cara lain untuk menentukan lokasi folder adalah dengan browse. Anda bisa klik pada ikon folder dan menentukan lokasi folder tersebut di harddisk.Selesai menentukan folder kerja, kita bisa melanjutkan ke proses berikutnya. Klik pada tombol Next. Penting untuk menyimpan semua file website pada folder yang didaftarkan pada proses ini. Semua file yang akan di-upload ke server online akan berhubungan dengan alamat relatif, sehingga harus diletakkan pada satu folder induk, yakni folder yang didaftarkan.

6. Tahap selanjutnya adalah menentukan bagaimana dan di mana file-file tersebut akan diletakkan pada Remote Server. Proses ini sangat penting mengingat setelah website terbentuk, maka file-file yang telah dibuat dapat dikirimkan ke Online Server. Cara yang terbaik untuk mengirimkan file-file tersebut adalah dengan menggunakan FTP (File Transfer Protocol).Jika Anda sudah pernah melakukan upload file melalui FTP, maka form-form isian ini tidaklah terlalu sulit untuk dijelaskan. Anda tinggal mengisi form-form isian mengenai alamat Web Server (hostname), Folder hosting, FTP Login, dan FTP Password. Tapi jika Anda belum pernah melakukannya dan belum memiliki alamat Remote Server, sementara bisa Anda kosongkan.

7. Nah, berhubung tahapan ini membutuhkan Remote Server, maka untuk sementara kita bisa lewati. Jangan khawatir karena Adobe Dreamweaver mengijinkan proses ini dapat dilakukan kemudian. Pengaturan Remote Server dapat kita isi di lain waktu setelah semua file siap untuk di-upload.Untuk mengabaikannya, pilih None pada pilihan Remote Server. Lanjutkan dengan klik tombol Next.

8. Untuk sementara, tahap persiapan pembuatan situs baru telah selesai. Namun, apabila semua file telah lengkap dan Anda telah memiliki Hosting pada sebuah ISP (Internet Service Provider), proses ini dapat Anda lengkapi.

9.Klik Done untuk mengakhiri.

Perhatikan bahwa di sebelah kanan sekarang telah tersedia folder baru sesuai dengan yang telah didefinisikan pada tahap sebelumnya.

Membuat Halaman Website Baru

Setelah proses persiapan selesai, kita bisa memulai tahapan awal membuat website. Perlu diketahui, bahwa halaman website dapat dibuat dengan menggunakan berbagai macam format. Sebagai contoh, banyak halaman web dibuat dengan format table HTML. Namun, format CSS lebih dianjurkan mengingat format CSS memiliki banyak kelebihan dan fleksibilitas yang lebih baik.

Pada contoh latihan pertama ini kita akan menggunakan format HTML mengingat format HTML adalah dasar dari bahasa yang dipergunakan di web. Sekarang kita bisa mulai membuat halaman baru. Langkah-langkahnya adalah sebagai berikut :

1.Klik More pada pilihan di bawah kolom Create New. (Alternatif lain adalah dengan klik pada menu File > New).

2. Kotak dialog selanjutnya memperlihatkan jenis dokumen yang akan dibuat, tipe file, dan template layout yang sudah siap pakai tergantung pada jenis dokumen yang akan dibuat. Kita dapat mencoba-coba memilih beberapa di antaranya. Jendela preview di bagian paling kanan akan memperlihatkan tampilan template yang sedang dipilih.

Pada kolom Layout terdapat banyak bentuk kolom yang dapat dipilih. Pada dasarnya bentuk kolom pada website masa kini menggunakan metoda CSS, sehingga Dreamweaver menyiapkan layout kolom menggunakan CSS.

Terdapat empat bentuk layout kolom sebagai berikut :

 Fixed ; kolom yang tidak dapat diubah, tergantung pada setting pada browser di komputer pengguna. Lebar kolom menggunakan ukuran piksel.

Elastic ; kolom dapat beradaptasi pada setting text di komputer pengguna, tetapi tidak berubah ketika browser diperbesar atau diperkecil. Lebar kolom menggunakan ukuran ems (ukuran pada typography tradisional).

Liquid ; kolom dapat berubah jika browser diperbesar atau diperkecil, tetapi tidak berubah ketika pengguna mengubah setting text.

Hybrid ; kombinasi dari berbagai tipe kolom.Untuk latihan pertama, kita bisa klik HTML pada pilihan Page Type dan klik pada None pada pilihan Layout. Klik pada Tombol Create untuk menyelesaikan proses pembuatan Dokumen baru.

3.Sampai pada tahap ini pembuatan halaman baru dengan format HTML biasa telah selesai. Anda dapat mencoba menuliskan sebuah kalimat pada bagian workspace design. Cobalah mengetikkan kalimat berikut : Selamat Datang di Website Kami.

Tulisan yang telah diketik akan muncul dalam dua jendela, yakni jendela Design dan jendela Code. Artinya, kita dapat melihat preview website di jendela Design, dan dapat melihat bagaimana kodenya dituliskan pada jendela Code.

Menyimpan Halaman Web

Pada aplikasi lain, seringkali tempat di mana sebuah file diletakkan tidaklah menjadi masalah. Namun tidak demikian dengan halaman-halaman website. File-file yang kita ciptakan akan berhubungan dengan file lain dalam struktur website yang sama. Oleh karena itu, sangatlah penting untuk meletakkan file-file yang kita buat pada satu folder yang sama.

1.Klik pada menu File > Save.

2.Pada kotak dialog Save As, pastikan Anda meletakkan pada folder yang telah dibuat pada proses sebelumnya. Jika tidak, carilah folder yang telah dibuat sebelumnya!

3.Ketikkan pada kotak File name : index.html

 File : index.html adalah nama file standar dalam dunia internet yang menjadi acuan sebuah website. File ini adalah file yang pertama kali dibuka ketika browser diarahkan untuk membuka alamat website tertentu.

Biarkan kotak Save as type : terisi All Document. Dan pada kotak Unicode Normalization Form : pilih None.

-Klik pada tombol Save.

-Sampai di sini tahapan awal pembuatan file utama index.html telah berhasil dilakukan. Dengan demikian kita dapat melanjutkan ke tahap selanjutnya, yakni membuat format text dengan HTML.

MEMBUAT WEBSITE DENGAN DREAMWEAVER CS 4 (Bagian IV – Menambahkan Hyperlink)

Menambahkan Judul dan Tagline

Nah, sekarang kita berlatih lagi untuk memperkaya penguasaan kita terhadap kode-kode HTML. Tag HTML jumlahnya cukup banyak, kita akan mencoba beberapa di antaranya untuk membentuk halaman HTML sederhana.
1. Bukalah Adobe Dreamweaver CS4.
2. Pada menu awal, buatlah file HTML baru. Klik pada tombol HTML di bawah kolom Create New.
3. Desktop Dreamweaver akan segera terbuka. Klik tombol Split untuk bekerja dengan dua jendela sekaligus, Code dan Design.

4. Pada jendela Design, ketiklah tulisan untuk judul website dan semboyannya, misalnya sebagai berikut :

KURSUS KOMPUTER PRIVAT Kursus Komputer Paling Bermutu di Kota Anda HOME | PROFIL | LAYANAN | KONTAK Selamat Datang di Website Kami

5. Sekarang kita ubah format tulisan judul menjadi Heading 1. Tempatkan kursor pada tulisan judul di jendela Design. Klik tombol HTML pada panel Properties. Gantilah Format-nya menjadi Heading 1.

6. Selanjutnya kita akan mengubah style pada tulisan judul tersebut. Kursor masih berada pada tulisan judul, klik tombol CSS pada panel Properties. Gantilah Font-nya menjadi Arial, Helvetica, sans-serif.

7. Pada kotak dialog New CSS Rule, gantilah Selector Type menjadi Tag. Selector Name akan berganti menjadi h1. Klik OK untuk mengakhiri.
8. Kembali ke tampilan sebelumya. Pada panel Properties, klik pada tombol Align Center.

9. Selanjutnya kita akan mengubah format tulisan tagline-nya. Tempatkan kursor pada tulisan baris kedua.
10. Klik tombol HTML pada panel Properties. Kemudian, gantilah Format-nya dengan Heading 3. Tulisan tersebut akan berukuran lebih besar dan tebal..
11. Untuk membuat tulisan rata tengah, klik pada tombol CSS pada panel Properties. Kemudian klik pada tombol Align Center.
12. Kotak dialog New CSS Rule segera terbuka. Gantilah Selector Type menjadi Tag. Selector Name akan berubah menjadi h3. Klik OK untuk mengakhiri.

13. Sekarang kita akan menambahkan garis horizontal sebagai pembatas bagi menu utama pada halaman ini. Tempatkan dan klik kursor pada posisi terakhir tulisan baris kedua, kemudian klik pada tombol Horizontal Rule pada panel Insert.

14. Lakukan hal yang sama untuk menambahkan garis horizontal di bawah menu utama. Tempatkan kursor pada posisi terakhir tulisan baris ketiga, kemudian klik pada tombol Horizontal Rule pada panel Insert.

Nah, pada contoh di atas kita telah berlatih membuat format Judul dan Tagline untuk digunakan sebagai judul halaman website. Pada latihan selanjutnya kita akan membuat hyperlink dan tulisan berjalan (marquee)

Membuat Hyperlink dan Tulisan Berjalan

Hyperlink adalah bagian paling penting dari website. Hyperlink menghubungkan satu halaman web dengan halaman lainnya. Sebuah website tentu tidak hanya berupa halaman tunggal semata, melainkan bisa terdiri atas beberapa sampai puluhan atau bahkan ratusan halaman. Masing-masing halaman pada website diberi hyperlink agar pengunjung dapat dengan mudah menemukan apa yang dicari. Dengan demikian, perencanaan struktur menu pada sebuah website menjadi hal yang sangat penting.
Hal lain yang biasanya ada dalam sebuah website adalah tulisan berjalan. Tulisan berjalan atau marquee dipergunakan untuk menyampaikan pesan khusus yang diperlihatkan dengan teks bergerak. Gerakan yang ditimbulkan oleh marquee akan menarik perhatian pengunjung website. Hal inilah yang menyebabkan marquee banyak dipakai oleh pemilik website untuk menuliskan pesan-pesan khusus tadi.
Kita lanjutkan latihan terakhir untuk menambahkan hyperlink sederhana dan tulisan berjalan pada halaman web yang sudah kita buat.
1. Pada jendela Design, sorotlah tulisan HOME yang akan kita jadikan hyperlink.
2. Pada panel Insert, klik tombol Hyperlink.
Kotak Dialog Hyperlink akan segera muncul memperlihatkan form Text yang sudah berisi tulisan HOME.
Form Link dapat kita isi dengan nama file. Khusus untuk hyperlink HOME bisa kita isi dengan file index.html. Cara lain adalah dengan klik pada ikon folder di sebelah kanan drop-down menu, lanjutkan dengan memilih file index.html.
Form Target untuk sementara bisa kita tinggalkan.
Klik OK untuk mengakhiri.

3. Nah, sekarang tulisan HOME sudah menjadi hyperlink yang dapat berlaku sebagai tombol menju ke halaman index.html.

Perhatikan bahwa tulisan HOME sekarang menjadi berwarna biru sebagai tanda bahwa tulisan tersebut telah aktif sebagai hyperlink.
4. Selanjutnya, kita dapat melakukan hal sama dengan langkah yang lebih sederhana untuk tulisan LAYANAN, GALLERY, dan KONTAK. Caranya adalah sebagai berikut :
Sorot tulisan LAYANAN, kemudian pada panel Properties isilah form Link secara manual, ketikkan layanan.html. Tekan ENTER.
File layanan.html belum ada karena belum kita buat, jangan khawatir karena kita akan membuat file ini nanti.

Lakukan hal yang sama untuk tulisan GALLERY, dan KONTAK.

Nah, sekarang keempat hyperlink pada baris menu telah selesai dibuat.
5. Selanjutnya kita akan membuat tulisan berjalan atau marquee. Sorotlah baris terakhir tulisan pada halaman website kita “Selamat Datang di Website Kami”
6. Klik tombol Tag Chooser pada panel Insert. Kotak dialog Tag Chooser akan segera terbuka memperlihatkan semua Tag yang dapat kita pilih.
Klik pada folder HTML tags.  Subfolder pada HTML tags akan terbuka.
Klik pada subfolder Page Elements. Kolom di sebelah kanan sekarang akan terisi dengan tag-tag yang dapat dipilih.
Klik pada marquee yang terdapat di kolom sebelah kanan. Klik tombol Insert untuk memasukkan tag marquee ke dalam halaman kerja kita.
Klik tombol Close untuk mengakhiri.


7. Tulisan “Selamat Datang di Website Kami” sekarang telah menjadi marquee. Untuk melihat hasilnya kita dapat mengaktifkan tombol Live View.

8. Sekarang kita bisa menyimpan file hasil kerja kita. Klik pada menu File > Save As.
Pada kotak dialog Save As, ketik atau pilihlah file index.html. Klik pada tombol Save.
Pada kotak dialog overwrite, klik tombol Yes untuk mengganti file index.html yang telah ada.

Lebih Jauh tentang Hyperlink

Ketika kita berkunjung ke sebuah alamat website yang menarik, biasanya yang kita buka adalah halaman utamanya (bisa berupa file: index.html). Halaman utama tersebut biasanya dipergunakan untuk menyimpan segala macam informasi mengenai “isi” website. Namun, tentu saja tidak semua informasi disiapkan pada halaman utama. Hal ini disebabkan halaman tersebut akan menjadi terlalu besar untuk dibuka, terlalu panjang dan menjadi tidak menarik lagi. Sebagai gantinya, informasi yang banyak tersebut disebar dalam bentuk halaman-halaman tersendiri.
Hyperlink dipergunakan untuk membuat struktur halaman web yang lebih rapi. Pengunjung yang memerlukan informasi yang lebih rinci dapat mencari pada halaman-halaman lain dengan berpedoman pada menu yang disediakan. Dengan demikian, menu yang disiapkan dalam bentuk hyperlink tersebut harus direncanakan dengan baik. Dengan menu yang terstruktur baik, maka pengunjung akan mudah mengakses informasi yang disediakan.
Hyperlink selain dipergunakan untuk membuka halaman lain di dalam website itu sendiri, juga bisa dikaitkan ke alamat-alamat lain yang berada di luar website, atau bisa juga dipergunakan untuk menunjukkan alamat email tertentu. Perbedaan ketiganya ada pada cara penulisan hyperlink.

Alamat Relatif dan Alamat Absolut

Ketika kita akan mengirimkan surat kepada seseorang yang berada pada ruangan yang sama, maka kita bisa menuliskan alamat tersebut cukup dengan nama orangnya saja. Pada sampul surat kita tuliskan nama si A, maka surat tersebut akan sampai pada orang yang dituju.
Penyebutan alamat tersebut akan sedikit berbeda jika orang yang kita kirimi surat berada di ruangan lain pada gedung yang sama. Contohnya : si A di lantai 3.
Demikian halnya jika kita menyusun website terdiri atas beberapa halaman, misalnya : index.html, layanan.html, gallery.html, dan kontak.html. Untuk menuju ke halaman yang berbeda dari alamat sekarang, kita menuliskan alamat tersebut secara langsung, yakni index.html, layanan.html, gallery.html, atau kontak.html. Hal inilah yang kita lakukan pada latihan sebelumnya.
Lain halnya jika website yang kita kelola cukup besar, maka dalam struktur direktori file sangat mungkin dibuatkan folder-folder untuk menyimpan file-file menurut kelompoknya masing-masing. Nah, untuk membuka file HTML yang berada di folder lain, kita dapat menuliskan nama folder di depan nama file. Contohnya “gallery/product.html” untuk membuka file product.html yang berada di dalam folder gallery. Atau “../index.html” untuk membuka file index.html yang berada di folder yang lebih tinggi.
Penyebutan nama file tanpa menyertakan alamat website dinamakan dengan Alamat Relatif. Disebut alamat relatif karena alamat yang dituju tidak mencerminkan alamat yang sebenarnya. Apabila kita menyebutkan alamatnya adalah index.html, maka dapat kita bayangkan bahwa index.html tersebut akan ada pada puluhan juta bahkan sampai milyaran website di seluruh dunia.
Sebaliknya, jika kita akan menulis surat kepada seseorang yang jauh. Pastikan alamatnya ditulis secara lengkap dan benar. Contohnya : si A di Lantai 6 gedung X di jalan Salemba, Matraman – JAKARTA. Maka surat tersebut akan sampai pada si alamat, sekalipun dikirim dari luar negeri.
Sama halnya jika informasi yang dimaksud berada pada sebuah file di alamat website tertentu di luar website kita, maka kita harus menuliskan alamatnya secara lengkap dan benar, misalnya: http://www.kursusprivat.com/tutorial/index.html. (Perhatikan bahwa penulisan alamat website ditulis dengan alamat berupa http://… Diikuti dengan alamat website dan file serta folder di mana file tersebut berada).
Alamat file secara lengkap beserta dengan alamat websitenya dinamakan dengan Alamat Absolut. Disebut absolut karena file yang dituju tersebut hanya akan ada satu di dunia.
Kedua cara penulisan alamat tersebut di atas diperbolehkan dan akan sering kita gunakan. Pastikan kita menuliskan alamatnya secara jelas dan benar.
Perhatikan kode HTML yang dipergunakan untuk membentuk link :

<a href=”index.html”>HOME</a>

Tag <a>…</a> (singkatan dari anchor) mengapit teks yang dijadikan hyperlink, atribut href=”namafile” diletakkan di dalam tag <a> untuk menentukan nama file atau alamat file yang dituju oleh hyperlink.

Link ke Alamat e-mail

Alamat email seringkali diperlukan bagi pemilik website untuk memudahkan komunikasi dengan pengunjungnya. Dengan membuat sebuah link ke alamat email tentu akan lebih mempermudah proses komunikasi ini. Pengunjung dapat menghubungi pemilik website dengan hanya klik pada link yang disediakan.
Berikut ini adalah langkah-langkah pembuatan link ke alamat email :
1. Tuliskan teks ini di bagian paling bawah halaman index.html :

Alamat email : info@kursusprivat.com

2. Sorotlah tulisan info@kursusprivat.com. Kemudian klik tombol Email Link pada panel Insert. Kotak dialog Email Link akan segera terbuka memperlihatkan dua form yakni form Text dan form Email. Secara otomatis dua form tersebut telah diisi dengan alamat email yang telah dibuat sebelumnya. Form Text adalah untuk menuliskan teks yang dapat dibaca oleh pengunjung. Form Email adalah untuk menuliskan alamat email.


3. Klik OK untuk mengakhiri.
Alamat email sekarang menjadi berwarna biru sebagai tanda bahwa teks ini sekarang aktif sebagai link.
Email link jika diklik akan mengaktifkan email client, yakni software yang akan langsung terbuka untuk menuliskan email ke alamat yang ditulis pada email link. Contoh email client yang banyak dipergunakan adalah Microsoft Outlook.
4. Sampai di sini kita bisa menyimpan hasil pekerjaan.
Demikian pembahasan mengenai Hyperlink. Kita lanjutkan ke topik berikutnya.■

MEMBUAT WEBSITE DENGAN DREAMWEAVER CS 4 (Bagian IV – Menambahkan Hyperlink)

Menambahkan Judul dan Tagline

Nah, sekarang kita berlatih lagi untuk memperkaya penguasaan kita terhadap kode-kode HTML. Tag HTML jumlahnya cukup banyak, kita akan mencoba beberapa di antaranya untuk membentuk halaman HTML sederhana.
1. Bukalah Adobe Dreamweaver CS4.
2. Pada menu awal, buatlah file HTML baru. Klik pada tombol HTML di bawah kolom Create New.
3. Desktop Dreamweaver akan segera terbuka. Klik tombol Split untuk bekerja dengan dua jendela sekaligus, Code dan Design.

4. Pada jendela Design, ketiklah tulisan untuk judul website dan semboyannya, misalnya sebagai berikut :

KURSUS KOMPUTER PRIVAT Kursus Komputer Paling Bermutu di Kota Anda HOME | PROFIL | LAYANAN | KONTAK Selamat Datang di Website Kami

5. Sekarang kita ubah format tulisan judul menjadi Heading 1. Tempatkan kursor pada tulisan judul di jendela Design. Klik tombol HTML pada panel Properties. Gantilah Format-nya menjadi Heading 1.

6. Selanjutnya kita akan mengubah style pada tulisan judul tersebut. Kursor masih berada pada tulisan judul, klik tombol CSS pada panel Properties. Gantilah Font-nya menjadi Arial, Helvetica, sans-serif.

7. Pada kotak dialog New CSS Rule, gantilah Selector Type menjadi Tag. Selector Name akan berganti menjadi h1. Klik OK untuk mengakhiri.
8. Kembali ke tampilan sebelumya. Pada panel Properties, klik pada tombol Align Center.

9. Selanjutnya kita akan mengubah format tulisan tagline-nya. Tempatkan kursor pada tulisan baris kedua.
10. Klik tombol HTML pada panel Properties. Kemudian, gantilah Format-nya dengan Heading 3. Tulisan tersebut akan berukuran lebih besar dan tebal..
11. Untuk membuat tulisan rata tengah, klik pada tombol CSS pada panel Properties. Kemudian klik pada tombol Align Center.
12. Kotak dialog New CSS Rule segera terbuka. Gantilah Selector Type menjadi Tag. Selector Name akan berubah menjadi h3. Klik OK untuk mengakhiri.

13. Sekarang kita akan menambahkan garis horizontal sebagai pembatas bagi menu utama pada halaman ini. Tempatkan dan klik kursor pada posisi terakhir tulisan baris kedua, kemudian klik pada tombol Horizontal Rule pada panel Insert.

14. Lakukan hal yang sama untuk menambahkan garis horizontal di bawah menu utama. Tempatkan kursor pada posisi terakhir tulisan baris ketiga, kemudian klik pada tombol Horizontal Rule pada panel Insert.

Nah, pada contoh di atas kita telah berlatih membuat format Judul dan Tagline untuk digunakan sebagai judul halaman website. Pada latihan selanjutnya kita akan membuat hyperlink dan tulisan berjalan (marquee)

Membuat Hyperlink dan Tulisan Berjalan

Hyperlink adalah bagian paling penting dari website. Hyperlink menghubungkan satu halaman web dengan halaman lainnya. Sebuah website tentu tidak hanya berupa halaman tunggal semata, melainkan bisa terdiri atas beberapa sampai puluhan atau bahkan ratusan halaman. Masing-masing halaman pada website diberi hyperlink agar pengunjung dapat dengan mudah menemukan apa yang dicari. Dengan demikian, perencanaan struktur menu pada sebuah website menjadi hal yang sangat penting.
Hal lain yang biasanya ada dalam sebuah website adalah tulisan berjalan. Tulisan berjalan atau marquee dipergunakan untuk menyampaikan pesan khusus yang diperlihatkan dengan teks bergerak. Gerakan yang ditimbulkan oleh marquee akan menarik perhatian pengunjung website. Hal inilah yang menyebabkan marquee banyak dipakai oleh pemilik website untuk menuliskan pesan-pesan khusus tadi.
Kita lanjutkan latihan terakhir untuk menambahkan hyperlink sederhana dan tulisan berjalan pada halaman web yang sudah kita buat.
1. Pada jendela Design, sorotlah tulisan HOME yang akan kita jadikan hyperlink.
2. Pada panel Insert, klik tombol Hyperlink.
Kotak Dialog Hyperlink akan segera muncul memperlihatkan form Text yang sudah berisi tulisan HOME.
Form Link dapat kita isi dengan nama file. Khusus untuk hyperlink HOME bisa kita isi dengan file index.html. Cara lain adalah dengan klik pada ikon folder di sebelah kanan drop-down menu, lanjutkan dengan memilih file index.html.
Form Target untuk sementara bisa kita tinggalkan.
Klik OK untuk mengakhiri.

3. Nah, sekarang tulisan HOME sudah menjadi hyperlink yang dapat berlaku sebagai tombol menju ke halaman index.html.

Perhatikan bahwa tulisan HOME sekarang menjadi berwarna biru sebagai tanda bahwa tulisan tersebut telah aktif sebagai hyperlink.
4. Selanjutnya, kita dapat melakukan hal sama dengan langkah yang lebih sederhana untuk tulisan LAYANAN, GALLERY, dan KONTAK. Caranya adalah sebagai berikut :
Sorot tulisan LAYANAN, kemudian pada panel Properties isilah form Link secara manual, ketikkan layanan.html. Tekan ENTER.
File layanan.html belum ada karena belum kita buat, jangan khawatir karena kita akan membuat file ini nanti.

Lakukan hal yang sama untuk tulisan GALLERY, dan KONTAK.

Nah, sekarang keempat hyperlink pada baris menu telah selesai dibuat.
5. Selanjutnya kita akan membuat tulisan berjalan atau marquee. Sorotlah baris terakhir tulisan pada halaman website kita “Selamat Datang di Website Kami”
6. Klik tombol Tag Chooser pada panel Insert. Kotak dialog Tag Chooser akan segera terbuka memperlihatkan semua Tag yang dapat kita pilih.
Klik pada folder HTML tags.  Subfolder pada HTML tags akan terbuka.
Klik pada subfolder Page Elements. Kolom di sebelah kanan sekarang akan terisi dengan tag-tag yang dapat dipilih.
Klik pada marquee yang terdapat di kolom sebelah kanan. Klik tombol Insert untuk memasukkan tag marquee ke dalam halaman kerja kita.
Klik tombol Close untuk mengakhiri.


7. Tulisan “Selamat Datang di Website Kami” sekarang telah menjadi marquee. Untuk melihat hasilnya kita dapat mengaktifkan tombol Live View.

8. Sekarang kita bisa menyimpan file hasil kerja kita. Klik pada menu File > Save As.
Pada kotak dialog Save As, ketik atau pilihlah file index.html. Klik pada tombol Save.
Pada kotak dialog overwrite, klik tombol Yes untuk mengganti file index.html yang telah ada.

Lebih Jauh tentang Hyperlink

Ketika kita berkunjung ke sebuah alamat website yang menarik, biasanya yang kita buka adalah halaman utamanya (bisa berupa file: index.html). Halaman utama tersebut biasanya dipergunakan untuk menyimpan segala macam informasi mengenai “isi” website. Namun, tentu saja tidak semua informasi disiapkan pada halaman utama. Hal ini disebabkan halaman tersebut akan menjadi terlalu besar untuk dibuka, terlalu panjang dan menjadi tidak menarik lagi. Sebagai gantinya, informasi yang banyak tersebut disebar dalam bentuk halaman-halaman tersendiri.
Hyperlink dipergunakan untuk membuat struktur halaman web yang lebih rapi. Pengunjung yang memerlukan informasi yang lebih rinci dapat mencari pada halaman-halaman lain dengan berpedoman pada menu yang disediakan. Dengan demikian, menu yang disiapkan dalam bentuk hyperlink tersebut harus direncanakan dengan baik. Dengan menu yang terstruktur baik, maka pengunjung akan mudah mengakses informasi yang disediakan.
Hyperlink selain dipergunakan untuk membuka halaman lain di dalam website itu sendiri, juga bisa dikaitkan ke alamat-alamat lain yang berada di luar website, atau bisa juga dipergunakan untuk menunjukkan alamat email tertentu. Perbedaan ketiganya ada pada cara penulisan hyperlink.

Alamat Relatif dan Alamat Absolut

Ketika kita akan mengirimkan surat kepada seseorang yang berada pada ruangan yang sama, maka kita bisa menuliskan alamat tersebut cukup dengan nama orangnya saja. Pada sampul surat kita tuliskan nama si A, maka surat tersebut akan sampai pada orang yang dituju.
Penyebutan alamat tersebut akan sedikit berbeda jika orang yang kita kirimi surat berada di ruangan lain pada gedung yang sama. Contohnya : si A di lantai 3.
Demikian halnya jika kita menyusun website terdiri atas beberapa halaman, misalnya : index.html, layanan.html, gallery.html, dan kontak.html. Untuk menuju ke halaman yang berbeda dari alamat sekarang, kita menuliskan alamat tersebut secara langsung, yakni index.html, layanan.html, gallery.html, atau kontak.html. Hal inilah yang kita lakukan pada latihan sebelumnya.
Lain halnya jika website yang kita kelola cukup besar, maka dalam struktur direktori file sangat mungkin dibuatkan folder-folder untuk menyimpan file-file menurut kelompoknya masing-masing. Nah, untuk membuka file HTML yang berada di folder lain, kita dapat menuliskan nama folder di depan nama file. Contohnya “gallery/product.html” untuk membuka file product.html yang berada di dalam folder gallery. Atau “../index.html” untuk membuka file index.html yang berada di folder yang lebih tinggi.
Penyebutan nama file tanpa menyertakan alamat website dinamakan dengan Alamat Relatif. Disebut alamat relatif karena alamat yang dituju tidak mencerminkan alamat yang sebenarnya. Apabila kita menyebutkan alamatnya adalah index.html, maka dapat kita bayangkan bahwa index.html tersebut akan ada pada puluhan juta bahkan sampai milyaran website di seluruh dunia.
Sebaliknya, jika kita akan menulis surat kepada seseorang yang jauh. Pastikan alamatnya ditulis secara lengkap dan benar. Contohnya : si A di Lantai 6 gedung X di jalan Salemba, Matraman – JAKARTA. Maka surat tersebut akan sampai pada si alamat, sekalipun dikirim dari luar negeri.
Sama halnya jika informasi yang dimaksud berada pada sebuah file di alamat website tertentu di luar website kita, maka kita harus menuliskan alamatnya secara lengkap dan benar, misalnya: http://www.kursusprivat.com/tutorial/index.html. (Perhatikan bahwa penulisan alamat website ditulis dengan alamat berupa http://… Diikuti dengan alamat website dan file serta folder di mana file tersebut berada).
Alamat file secara lengkap beserta dengan alamat websitenya dinamakan dengan Alamat Absolut. Disebut absolut karena file yang dituju tersebut hanya akan ada satu di dunia.
Kedua cara penulisan alamat tersebut di atas diperbolehkan dan akan sering kita gunakan. Pastikan kita menuliskan alamatnya secara jelas dan benar.
Perhatikan kode HTML yang dipergunakan untuk membentuk link :

<a href=”index.html”>HOME</a>

Tag <a>…</a> (singkatan dari anchor) mengapit teks yang dijadikan hyperlink, atribut href=”namafile” diletakkan di dalam tag <a> untuk menentukan nama file atau alamat file yang dituju oleh hyperlink.

Link ke Alamat e-mail

Alamat email seringkali diperlukan bagi pemilik website untuk memudahkan komunikasi dengan pengunjungnya. Dengan membuat sebuah link ke alamat email tentu akan lebih mempermudah proses komunikasi ini. Pengunjung dapat menghubungi pemilik website dengan hanya klik pada link yang disediakan.
Berikut ini adalah langkah-langkah pembuatan link ke alamat email :
1. Tuliskan teks ini di bagian paling bawah halaman index.html :

Alamat email : info@kursusprivat.com

2. Sorotlah tulisan info@kursusprivat.com. Kemudian klik tombol Email Link pada panel Insert. Kotak dialog Email Link akan segera terbuka memperlihatkan dua form yakni form Text dan form Email. Secara otomatis dua form tersebut telah diisi dengan alamat email yang telah dibuat sebelumnya. Form Text adalah untuk menuliskan teks yang dapat dibaca oleh pengunjung. Form Email adalah untuk menuliskan alamat email.


3. Klik OK untuk mengakhiri.
Alamat email sekarang menjadi berwarna biru sebagai tanda bahwa teks ini sekarang aktif sebagai link.
Email link jika diklik akan mengaktifkan email client, yakni software yang akan langsung terbuka untuk menuliskan email ke alamat yang ditulis pada email link. Contoh email client yang banyak dipergunakan adalah Microsoft Outlook.
4. Sampai di sini kita bisa menyimpan hasil pekerjaan.
Demikian pembahasan mengenai Hyperlink. Kita lanjutkan ke topik berikutnya.■

Menu Utama

Sistem menu yang terdapat dalam Dreamweaver sangatlah sederhana dan mudah untuk dipahami karena perintah yang terdapat pada hampirsebagian besar fungsi menu terdapat juga dalam panel. Anda tidak akanmenghabiskan waktu dengan perintah yang terdapat pada menu tetapiakan lebih banyak bekerja dengan panel.Di dalam sistem menu Dreamweaver terdapat beberapa komponen yangdapat digunakan, yakni :

·         Menu file dan Menu edit

Berisi item menu standar untuk menu file dan menu Edit sepertiNew, Open, Save, Save all, Cut, Copy, Paste, Undo dan Redo.Menu file terdiri dari beberapa macam perintah untukmenampilkan atau membuat dokumen baru, seperti Preview inbrowser dan Print code. Menu edit berisi perintah untukpemilihan, seperti Select parent tag dan Find dan Replace.

·         Menu View

Berisi perintah untuk menampilkan beberapa macam tampilan daridokumen anda (seperti tampilam design view dan tampilan code)dan untuk menampilkan dan menyembunyikan beberapa elemenhalaman dan tombol Dreamweaver dan toolbar.

·         Menu Insert

Berisikan alternatif baris Insert untuk menyisipkan obyek dalam dokumen.

·         Menu Modify

Berfungsi untuk melakukan perubahan properti item atau halamanterpilih. Dengan menggunakan menu ini anda dapat mengeditatribut tag, mengganti tabel dan elemen tabel dan bermacambentuk aksi untuk item librari dan template.

·         Menu Text

Berfungsi untuk mempermudah dalam melakukan format teks .

·         Menu Command

Berisi akses ke beberapa perintah, format kode yang sesuai denganformat pilihan anda. Membuat photo album, dan melakukanpengeditan gambar.

·         Menu Site

Berisi item menu untuk mengelola situs dan melakukan upload dandownload file

·         Menu window

Menyediakan akses ke seluruh panel, inspector dan jendela dalamDream weaver

·         Menu Help

Akses menuju bantuan berupa dokumentasi yang telah disediakan.

CERPEN TERBARU 2015 (PENGALAMAN PRIBADI)

Hi Radar Neptunus........

Berikut ini merupakan salah satu contoh Cerpen Pengalaman Pribadi terbaru karya Ika Novita Sari.. Semoga cerpen ini bermanfaat bagi kalian semua. Cerpen ini tercipta karena adanya tugas sekolah kemudian, Si Pengarang mulai menuangkan ide ide untuk dituangkan kedalam sebuah cerpen. Dan inilah resultnya.

HARAPAN KOSONG

Tujuh belas Agustus 2013 . Alun- alun kota Bangkalan. Para siswa siswi SMP se-kabupaten Bangkalan merayakan hari kemerdekaan Indonesia  ke-68 dengan menjadi peserta aubade. Indri adalah salah satu siswi yang menjadi peserta aubade. Pada kesempatan ini seorang lelaki bernama Yudha selalu melirik Indri. Indri membuat Yudha penasaran dan akhirnya Yudha mencaritahu tentang Indri kepada teman Indri

Di sekolah , Rani teman Indri memberitahu Indri “hey, Indri punya fans loh dari sekolah lain“. Indri mejawab dengan senyuman. Dan pada akhirnya itulah Indri dengan Yudha saling mengenal. Setelah lama- kelamaan saling mengenal dan dekat, Indri sudah mulai memiliki perasaan terhadap Yudha. Indri dan Yudha sulit bertemu karena sekolah mereka yang berbeda dan jauh. Karena Yudha dan Indri sulit bertemu akhirnya mereka bertemu di suatu acara. Indri masih malu malu jika bertemu dengan Yudha. Yudha menyapa Indri  “ Hai... mau duduk dimana kamu? “ Kata Yudha.  Lalu Indri menjawab “Aku bergabung dengan temanku yang lain aja ‘‘. Hubungan Indri dan Yudha memang dekat tetapi tidak pasti statusnya apa.

Pada acara Pekan Raya Indri bertemu dengan Yudha, tetapi Yudha tidak menyapa Indri sama sekali. Indri hanya lewat didepan Yudha begitu saja. Dan akhirnya Indri pulang ke rumah dengan perasaan marah dan kecewa.

Setelah acara malam itu Yudha tidak menghubungi Indri. Indri menunggu kabar dari Yudha. Dan setelah beberapa hari Yudha tidak menghubungi Indri lagi, Indri merasa bahwa Yudha telah meninggalkannya begitu saja. Indri selalu mencari tahu kabar tentang Yudha. Tiba – tiba Indri mendapat kabar bahwa Yudha mungkin sudah mempunyai perempuan lain. Kabar ini membuat Indri benar – benar sedih.

Saat itu Rika bermain ke rumah Indri dan bertanya “ Bagaimana Dri, hubunganmu dengan Yudha ‘‘. “ ahh, enggak gimana – gimana “. kata Indri “ dia tetap menghubungi kamu kan Dri “. “ sudah enggak “ jawab Indri. Rika memberi tahu kepada Indri bahwa di sekolah Yudha, ada seorang perempuan yang suka kepada Yudha. Dan ternyata Indri baru mengetahuinya. “ Yudha itu bilang sama aku kalau dia itu merasa gak pantes buat kamu Dri ’’ kata Rika memberi tahu Indri “ gak pantes kenapa? ’’ kata Indri “ gak tahu ’’ jawab Indri. Setelah mengetahui kabar dari Rika, Indri tahu kenapa Yudha tidak menghubunginya lagi

Karena Indri tidak ingin berlarut dalam kesedihan akhirnya ia berencana untuk tidak berharap lebih kepada Yudha, dan jika bisa Indri ingin menghapus perasaannya kepada Yudha.

Semoga bermanfaat untuk anda semua dan jangan sungkan untuk membagi SHARE dan LIKE nya untuk semakin menyebarkan manfaat tersebut.

CONTOH NASKAH DRAMA TERBARU 2015

Hi Radar Neptunus......

Naskah Drama - Zaman dahulu, drama merupakan hiburan gratis yang kehadirannya ditunggu oleh masyarakat. Di berbagai bangsa, konsep tentang drama sebagai pertunjukan dimaknai dengan cara yang berbeda. Jika bangsa romawi kuno mensakralkan makna drama, pertunjukan dan teater sebagai persembahan kepada dewa-dewi, maka di asia drama dimaknai sebagai karya sastra dan budaya warisan leluhur yang tidak selalu diperankan oleh makhluk hidup, sebut saja wayang. Saat ini konsep drama kembali diadaptasi ke dalam cara baru yang lebih fleksibel namun tetap mengusung konsep hiburan untuk khalayak. Popularitas drama semakin melejit justru ketika hal tersebut diangkat ke dalam kurikulum pembelajaran bahasa Indonesia yang wajib dipelajari khususnya oleh pelajar Indonesia di tingkat menengah. Sehingga semakin banyak pelajar sekolah menengah yang mencari naskah drama.

Naskah drama yang termasyur seperti Romeo and Juliet saat ini bukan merupakan suatu hal yang sulit ditemukan, khususnya di era globalisasi di mana manusia dari belaan dunia manapun bebas membagi dokumen-dokumen yang dimilikinya. Penasaran? Di bawah ini merupakan contoh naskah drama yang telah kami buat sehubungan dengan tugas sekolah :

BAHAYA MEROKOK

Tokoh tokoh dan watak para pemain

Priska : Pinter, baik, dan suka menasehati

Kristin : Egois, sombong, dan tidak peduli terhadap orang lain

Kimmi : Baik, peduli terhadap orang lain, dan lucu

Inge : Baik dan lemot

Sella : Penghasut dan seorang perokok

Fadli : Lugu dan pinter

Drama dimulai…..

 Pada hari pertama liburan sekolah, Sella teman Kristin sedang duduk di taman sambil merokok disebelah Kimmi.

Kimmi  : Mmm…. Sella loe gak ngerasa sesek apa,, ngehabisin 1 pack rokok.

Sella     : Nggak, kenapa? Ngerasa risih? ( bersikap cuek )

Kimmi  : Iyalah. Gue ngerasa bengekan tau gak !

Sella     : Emang gue pikirin. Gue mau sms Priska, Inge, dan Fadli dulu ku suruh mereka kesini.

              malam minggu.

Kimmi  : Oke deh….tapi mereka kalau tau loe ngeroko gimana?

Sella     : Diem loe…. ( membentak )

Beberapa saat kemudian Priska, Inge, dan Fadli datang. Mereka pun kaget melihat Sella merokok.

Inge     : Oh my god….. Sella !

Priska  : Sejak kapan loe ngerokok… gak banget tau!

Fadli      : Loh….loh….kamu kok merokok?

Sella      : Iya kenapa? Hak gue dong! Gak boleh? Udah deh gak usah dibahas.

            Tiba tiba Kristin datang….

Kristin  : Hei…hei.. wow Sella ( kaget melihat Sella merokok )

Sella     : Apa??

Kristin  : Ih gak banget loe merokok. Bahaya, mendingan beli lollipop yang mahal seharga 100 ribu.

              daripada loe gak banget..

Sella     : Sombong banget loe…..

Kristin  : Kalo emang iya !! Masalah buat loe..

Kimmi : Udahhhh.

Inge     : Sella,, merokok tuh bahaya.

Fadli    : Yaa betul kata Inge.

Priska   : Asap rokok tuh lebih bahaya bagi yang menghirup. Bisa menyebabkan k.e.m.a.t.i.a.n

Kristin  : Betul tuh..

Inge     : Eh,, by the way enak gak rokok?? Sini gue moe coba!!

Kimmi : Dongo’ lemot atau autis loe…??

Inge     : Gue kan cuma… ( kepotong pembicaraannya )

Sella     : Halaaa cerewet loe loe pada!!

Kristin  : Diem kenapa! Biarin aja apa yang terjadi ntar. Apa kata takdir.

            Selama berbincang bincang mereka tak sadar jika sudah pukul 09.30 p.m akhirnya Kristin mengajak pulang teman temannya.

Kristin  : Woii… guys now 09.30 o’clock. Come on go home…

Teman – teman : Yo’a mungkin besok kita ketemu lagi, Amien…….

            Semua teman teman sudah pulang tapi, hanya Kimmi dan Sella yang belum pulang.

Kimmi : Gak pulang?

Sella     : Gue boleh tinggal dirumah loe? Please!!!

Kimmi : Kenapa sich, kok tumben loe mau tinggal dirumah gue?

Sella     : Heee.. soalnya gue belum bayar uang kost.

Kimmi : Oke,, come on…

            Setelah berminggu minggu Sella tinggal dirumah Kimmi dengan membawa kebiasaan buruknya yaitu merokok. Akhirnya terjadi sesuatu dengan Kimmi karena tidak seperti biasanya Kimmi terliha pucat dan sesak nafas. “Kimmi akhirnya menelpon Kristin.”

Kimmi : Hallo kris.. Loe bisa kerumah gue sekarang? Penting banget nich ( dengan kondisi sesak      nafas dan batuk batuk )

Kristin  : Ngapain? Gue lagi beakfast nich, nanggung! Tapi loe kok sesak gituu… kenapa?

Kimmi : Selama Sella tinggal dirumah gue, dia selalu memakain rokok dan kayaknya gue menghirup asap rokoknya Sella. Kondisiku saat ini tidak memungkinkan mungkin umur gue gak panjang lagi.

Kristin  : Oh gituu……. Ke dokter aja!! Kenapa, gak punya duit??

Kimmi : Please kris!! kesini demi gue….

Kristin  : Oke bentar dulu yaa.

            Sementara Sella tertidur, Kimmi sedang duduk di ruang tamu rumahnya. Beberapa saat

Kemudian Kristin tiba dan melihat keadaan Kimmi yang lemas.

Kristin  : Ya ampun Kimmi,, Loe kenapa sih kok begini? ( sambil memegang tangan Kimmi)

Kimmi : Gue udah gak kuat lagi kris. Gue nitip salam sama temen temen yaa…. Terutama Sella ( tersenyum sepat )

Kristin  : Oh my god.. Kimmi loe jangan ngomong gitu, tunggu aku mau sms temen temen yahh

            Beberapa saat kemudian Priska dan kawan kawan tiba dan pada saat itu juga Sella yang

Sedang tertidur akhirnya bangun.

Priska   : Kimi, Kristin.

Fadli    : Ada apa ini?

Inge     : Hei…. Kimi kenapa? Mau mati?

Kristin  : Tutup mulut loe nge, Tolongin Kimmi guys….

Sella     : Loh temen temen lagi ngapain?

Kristin  : Paraah loe Sell, gue benci ma loe!!

Sella     : Loh kena… ( kepotong)

Kimmi : Sudah jangan bertengkar dihari terakhir gue. Gue emang hidup hanya sebatang kara tapi gue merasa punya keluarga yaitu kalian.

Priska   : Loe jangan ngomong kalo loe mau mati?

Kimmi : Inilah saat terakhirku . So, buat Sella jangan lagi loe merokok. Gue sayang loe dan gue gak mau loe kayak gue sekarang. Maaf guys, gue harus ninggalin kalian karena gue mau berkumpul sama Alm. Mama papa gue, Bye….

Kristin  : No…no….no…. Kimmi bangun,,,,

Inge     : Tanpamu aku galau.

Fadli    : Kimmi..

Priska   : Gue sayang loe friend, bangun .please!!!!

Kristin  : Sella, bejat loe ya….. Sekalian aja bunuh gue pakek roko’ loe…

Sella     : Gue minta maaf please!! Gue tau ini berat buat kalian begitu juga dengan gue, Kimmi bangunnnn.........

            Beberapa jam kemudian Kimmi dimakamkan. Teman temannya menangis, Sella selalu minta

Maaf kepada teman temannya terutama Kristin.

Sella     : Maafin gue ….. please!!

( Teman temannya tidak menjawab, hanya Kristin yang menjawab )

Kristin  : Jangan minta maaf ma gue tapi minta maaf ma Kimmi dan Tuhan, gue dan temen temen udah maafin loe.. Asalkan,,, ( kepotong )

Priska   : NO SMOKING

Sella     : Oke thank’s ya,, Buat loe Kimmi maafin gue……Tuhan Sella janji gak bakal merokok lagi

Kristin  : Karena kita udah kehilangan temen.

Bersama    : Good bye Kimmi, I LOVE YOU.

Biografi Andrea Hirata

Hi Radar Neptunus...

Pada kesempatan kali ini, aku akan share ke kalian tentang Biografi seorang penulis novel yang famous banget.. Siapa dia?????? Dia adalah Andrea Hirata