google

SEJARAH KAB.WONOSOBO (JAWAT ENGAH)

Kabupaten Wonosobo, adalah sebuah kabupaten di Provinsi Jawa Tengah. Ibukotanya adalah Wonosobo. Kabupaten ini berbatasan dengan Kabupaten Temanggung dan Kabupaten Magelang di timur, Kabupaten Purworejo di selatan, Kabupaten Kebumen dan Kabupaten Banjarnegara di barat, serta Kabupaten Batang dan Kabupaten Kendal di utara.
Kabupaten Wonosobo berdiri 24 Juli sebagai kabupaten di bawah Kesultanan Yogyakarta seusai pertempuran dalam Perang Diponegoro. Kyai Moh. Ngampah, yang membantu Diponegoro, diangkat sebagai bupati pertama dengan gelar Kanjeng Raden Tumenggung (K.R.T.) Setjonegoro

Sejarah
Bedasarkan cerita rakyat , pada sekitar awal abad 17 tersebutlah tiga orang pengelana masing-masing bernama Kyai Kolodete, Kyai Karim dan Kyai Walik , mulai merintis suatu permukiman di daerah Wonosobo. Selanjutnya Kyai Kolodete berada di dataran tinggi Dieng, Kyai Karim berada di daerah Kalibeber dan Kyai Walik berada di dekitar kota Wonosobo sekarang ini.

DI kemudian hari dikenal beberapa tokoh penguasa daerah Wonosobo seperti Tumenggung Kartowaseso sebagai penguasa daerah Wonosobo yang pusat kekuasaannya si Selomanik. Dikenal pula tokoh bernama Tumenggung Wiroduta sebagai penguasa Wonosobo yang pusat kekuasaannya di Pecekelan - Kalilusi, yang selanjutnya dipindahkan ke Ledok - Wonosobo atau Plobangan sekarang ini.

Salah seorang cucu Kyai Karim juga disebut sebagai salah seorang penguasa Wonosobo. Cucu Kyai Karim tersebut dikenal sebagai Ki Singowedono yang telah mendapat hadiah satu tempat di Selomerto dari Keraton Mataram serta diangkat menjadi penguasa daerah ini namanya berganti menjadi Tumenggung Jogonegoro. Pada masa ini Pusat kekuasaan dipindahkan ke Selomerto. Setelah meninggal dunia Tumenggung Jogonegoro dimakamkan di desa Pakuncen.

Selanjutnya pada masa perang Diponegoro ( 1825 - 1930 ) , Wonosobo merupakan salah satu basis pertahanan pasukan pendukung Diponegoro. Beberapa tokoh penting yang mendukung perjuangan Diponegoro adalah Imam Misbach atau kemudian dikenal dengan nama Tumenggung Kertosinuwun, Mas Lurah atau Tumenggung Mangkunegaran, Gajah Permodo dan Kyai Muhamad Ngarpah.

Dalam pertempuan melawan Belanda, Kyai Muhamad Ngarpah berhasil memperoleh kemenangan yang pertama. Atas keberhasilan itu Pangeran Diponegoro memberi nama kepada Kyai Muhamad Ngarpah dengan sebutan Tumenggung SETJONEGORO. Selanjutnya Tumenggung SETJONEGORO diangkat sebagai penguasa Ledok dengan gelar TUMENGGUNG SETJONEGORO.

Eksistensi kekuasaan SETJONEGORO di daerah Ledok ini dapat dilihat lebih jauh dari berbagai sumber termasuk laporan Belanda yang dibuat setelah perang Diponegoro selesai. Disebutkan pula bahwa SETJONEGORO adalah Bupati yang memindahkan pusat kekuasaan dari Selomerto ke kawasan kota Wonosobo sekarang ini.

Dari hasil seminar Hari Jadi Wonosobo tanggal 28 April 1994, yang dihadiri oleh Tim Peneliti dari Fakultas Sastra UGM, Muspida, Sesepuh dan Pinisepuh Wonosobo termasuk yang ada di Jakarta, Semarang, Yogyakarta, Pimpinan DPRD dan Pimpinan Komisi serta Instansi Pemerintah Wonosobo yang telah menyepakati bahwa Hari Jadi Wonosobo jatuh pada tanggal 24 Juli 1825.

Geografi

Sebagian besar wilayah Kabupaten Wonosobo adalah daerah pegunungan. Bagian timur (perbatasan dengan Kabupaten Temanggung) terdapat dua gunung berapi: Gunung Sindoro (3.136 meter) dan Gunung Sumbing (3.371 meter). Daerah utara merupakan bagian dari Dataran Tinggi Dieng, dengan puncaknya Gunung Prahu (2.565 meter). Di sebelah selatan, terdapat Waduk Wadaslintang.
Ibukota Kabupaten Wonosobo berada di tengah-tengah wilayah Kabupaten, yang merupakan daerah hulu Kali Serayu. Wonosobo dilintasi jalan provinsi yang menghubungkan Semarang-Purwokerto.

Etimologi

Kata Wonosobo berasal dari bahasa Jawa: Wanasaba, yang secara harafiah berarti: "tempat berkumpul di hutan". Bahasa Jawa sendiri mengambilnya dari bahasa Sanskerta: vanasabhā yang artinya kurang lebih sama. Kedua kata ini juga dikenal sebagai dua buku dari Mahabharata: "Sabhaparwa" dan "Wanaparwa".

Makanan Khas

1. Mie Ongklok
2. Tempe Kemul
3. Opak Singkong
4. Keripik Jamur
5. Dendeng Gepuk
6. Teh Tambi
7. Emping Mlinjo
8. Carica
9. Purwaceng
10. sego megono

Warisan Dunia yang Berasal Dari Indonesia

Add Comment

Indonesia memiliki 4 Taman nasional yang masuk dalam warisan dunia yang diakui oleh UNESCO, badan dari PBB dunia.
Luasan hutan tropis Indonesia adalah hutan ketiga terluas dunia setelah Brasil dan Republik Demokrasi Kongo. Hutan tropis ini adalah rumah dan persembunyian terakhir bagi kekayaan hayati dunia yang unik. Hutan tropis Indonesia Luasnya 98 juta hektare (estimasi luas hutan tahun 2000).
Data yang tercantum dalam dalam buku Potret Keadaan Hutan Indonesia, FWI/GFW 2001, Bogor, Indonesia, keragaman hayati yang ada di hutan-hutan Indonesia meliputi 11% spesies tumbuhan dunia, 10% spesies mamalia, dan 16% spesies burung. Sekitar 17.000 pulau Indonesia memiliki tujuh kawasan biogeografi utama dan keanekaragaman tipe-tipe habitat yang luar biasa

1. Taman Nasional Komodo

Taman Nasional Komodo terdiri dari tiga buah pulau besar yaitu pulau Komodo, pulau Rinca dan pulau Padar serta 26 buah pulau besar/kecil lainnya. Sebanyak 11 buah gunung/bukit yang ada di Taman Nasional Komodo dengan puncak tertinggi yaitu Gunung Satalibo (± 735 meter dpl). Wilayah darat taman nasional ini 603 km² dan wilayah total adalah 1817 km².
Keadaan alam yang kering dan gersang menjadikan suatu keunikan tersendiri. Adanya padang savana yang luas, sumber air yang terbatas dan suhu yang cukup panas; ternyata merupakan habitat yang disenangi oleh sejenis binatang purba Komodo (Varanus komodoensis).
Sebagian besar taman nasional ini merupakan savana dengan pohon lontar (Borassus flabellifer) yang paling dominan dan khas. Beberapa tumbuhan yang ada di Taman Nasional Komodo antara lain rotan (Calamus sp.), bambu (Bambusa sp.), asam (Tamarindus indica), kepuh (Sterculia foetida), bidara (Ziziphus jujuba), dan bakau (Rhizophora sp.)
Selain satwa khas Komodo, terdapat rusa (Cervus timorensis floresiensis), babi hutan (Sus scrofa), ajag (Cuon alpinus javanicus), kuda liar (Equus qaballus), kerbau liar (Bubalus bubalis); 2 jenis penyu, 10 jenis lumba-lumba, 6 jenis paus dan duyung yang sering terlihat di perairan laut Taman Nasional Komodo.

2. Taman Nasional Ujung Kulon

Taman Nasional Ujung Kulon merupakan perwakilan ekosistem hutan hujan tropis dataran rendah yang tersisa dan terluas di Jawa Barat, serta merupakan habitat yang ideal bagi kelangsungan hidup satwa langka badak Jawa (Rhinoceros sondaicus) dan satwa langka lainnya. Terdapat tiga tipe ekosistem di taman nasional ini yaitu ekosistem perairan laut, ekosistem rawa, dan ekosistem daratan.
Keanekaragaman tumbuhan dan satwa di Taman Nasional Ujung Kulon mulai dikenal oleh para peneliti, pakar botani Belanda dan Inggris sejak tahun 1820. Kurang lebih 700 jenis tumbuhan terlindungi dengan baik dan 57 jenis diantaranya langka seperti; merbau (Intsia bijuga), palahlar (Dipterocarpus haseltii), bungur (Lagerstroemia speciosa), cerlang (Pterospermum diversifolium), ki hujan (Engelhardia serrata)dan berbagai macam jenis anggrek.
Satwa di Taman Nasional Ujung Kulon terdiri dari 35 jenis mamalia, 5 jenis primata, 59 jenis reptilia, 22 jenis amfibia, 240 jenis burung, 72 jenis insekta, 142 jenis ikan dan 33 jenis terumbu karang. Satwa langka dan dilindungi selain badak Jawa adalah banteng (Bos javanicus javanicus), ajag (Cuon alpinus javanicus), surili (Presbytis comata comata), lutung (Trachypithecus auratus auratus), rusa (Cervus timorensis russa), macan tutul (Panthera pardus), kucing batu (Prionailurus bengalensis javanensis), owa (Hylobates moloch).

3. Taman Nasional Lorentz

Taman Nasional Lorentz merupakan perwakilan dari ekosistem terlengkap untuk keanekaragaman hayati di Asia Tenggara dan Pasifik. Kawasan ini juga merupakan salah satu diantara tiga kawasan di dunia yang mempunyai gletser di daerah tropis. Membentang dari puncak gunung yang diselimuti salju (5.030 meter dpl), hingga membujur ke perairan pesisir pantai dengan hutan bakau dan batas tepi perairan Laut Arafura. Dalam bentangan ini, terdapat spektrum ekologis menakjubkan dari kawasan vegetasi alpin, sub-alpin, montana, sub-montana, dataran rendah, dan lahan basah.
Jenis-jenis tumbuhan di taman nasional ini antara lain nipah (Nypa fruticans), bakau (Rhizophora apiculata), Pandanus julianettii, Colocasia esculenta, Avicennia marina, Podocarpus pilgeri, dan Nauclea coadunata.
Jenis-jenis satwa yang sudah diidentifikasi di Taman Nasional Lorentz sebanyak 630 jenis burung (± 70 % dari burung yang ada di Papua) dan 123 jenis mamalia. Jenis burung yang menjadi ciri khas taman nasional ini ada dua jenis kasuari, empat megapoda, 31 jenis dara/merpati, 30 jenis kakatua, 13 jenis burung udang, 29 jenis burung madu, dan 20 jenis endemik diantaranya cendrawasih ekor panjang (Paradigalla caruneulata) dan puyuh salju (Anurophasis monorthonyx).
Satwa mamalia tercatat antara lain babi duri moncong panjang (Zaglossus bruijnii), babi duri moncong pendek (Tachyglossus aculeatus), 4 jenis kuskus, walabi, kucing hutan, dan kanguru pohon.

4. Hutan Hujan Tropis Sumatra

Hutan tropis Sumatra Hutan hujan tropis Sumatera merupakan rumah bagi berbagai makhluk hidup. Banyak di antaranya yang merupakan spesies hewan yang terancam punah, seperti orangutan Sumatera, harimau Sumatera, kelinci Sumatera, dan badak Sumatera. Di hutan hujan tropis ini juga tumbuh berbagai tumbuhan endemik, seperti kantong semar, bunga terbesar di dunia Rafflesia, dan bunga tertinggi Amorphophallus.

5. Candi Borobudur

Borobudur adalah nama sebuah candi Buddha yang terletak di Borobudur, Magelang, Jawa Tengah, Indonesia. Lokasi candi adalah kurang lebih 100 km di sebelah barat daya Semarang, 86 km di sebelah barat Surakarta, dan 40 km di sebelah barat laut Yogyakarta. Candi berbentuk stupa ini didirikan oleh para penganut agama Buddha Mahayana sekitar tahun 800-an Masehi pada masa pemerintahan wangsa Syailendra. Monumen ini terdiri atas enam teras berbentuk bujur sangkar yang diatasnya terdapat tiga pelataran melingkar, pada dindingnya dihiasi dengan 2.672 panel relief dan aslinya terdapat 504 arca Buddha.
Stupa utama terbesar teletak di tengah sekaligus memahkotai bangunan ini, dikelilingi oleh tiga barisan melingkar 72 stupa berlubang yang didalamnya terdapat arca buddha tengah duduk bersila dalam posisi teratai sempurna dengan mudra (sikap tangan) Dharmachakra mudra (memutar roda dharma).
Monumen ini merupakan model alam semesta dan dibangun sebagai tempat suci untuk memuliakan Buddha sekaligus berfungsi sebagai tempat ziarah untuk menuntun umat manusia beralih dari alam nafsu duniawi menuju pencerahan dan kebijaksanaan sesuai ajaran Buddha.
Para peziarah masuk melalui sisi timur memulai ritual di dasar candi dengan berjalan melingkari bangunan suci ini searah jarum jam, sambil terus naik ke undakan berikutnya melalui tiga tingkatan ranah dalam kosmologi Buddha. Ketiga tingkatan itu adalah Kāmadhātu (ranah hawa nafsu), Rupadhatu (ranah berwujud), dan Arupadhatu (ranah tak berwujud). Dalam perjalanannya ini peziarah berjalan melalui serangkaian lorong dan tangga dengan menyaksikan tak kurang dari 1.460 panel relief indah yang terukir pada dinding dan pagar langkan.
Menurut bukti-bukti sejarah, Borobudur ditinggalkan pada abad ke-14 seiring melemahnya pengaruh kerajaan Hindu dan Buddha di Jawa serta mulai masuknya pengaruh Islam.
Dunia mulai menyadari keberadaan bangunan ini sejak ditemukan 1814 oleh Sir Thomas Stamford Raffles, yang saat itu menjabat sebagai Gubernur Jenderal Inggris atas Jawa. Sejak saat itu Borobudur telah mengalami serangkaian upaya penyelamatan dan pemugaran. Proyek pemugaran terbesar digelar pada kurun 1975 hingga 1982 atas upaya Pemerintah Republik Indonesia dan UNESCO, kemudian situs bersejarah ini masuk dalam daftar Situs Warisan Dunia.

tips belajar sukses

JAKARTA, KOMPAS.com - Ada yang percaya bahwa kesuksesan adalah takdir. Ada pula yang meyakini bahwa kesuksesan akan datang dengan usaha keras. Kebanyakan, kesuksesan hadir karena adanya usaha pengembangan diri dan disiplin dalam menerapkan kebiasaan belajar yang efektif. Nah, berikut ini adalah 10 tips yang bisa Anda gunakan untuk mencapai kesuksesan belajar!

1.Jangan pernah menumpuk pelajaran dalam satu sesi
Siswa yang berhasil dalam belajar biasanya memiliki periode waktu atau jadwal belajar yang lebih singkat dan efektif. Mereka tidak pernah mencoba belajar dengan "sistem kebut semalam." Jika Anda ingin menjadi siswa yang sukses, maka Anda perlu belajar dengan konsisten. Anda juga harus memiliki waktu yang teratur, meski pun sesi belajar yang lebih pendek.

2. Rencanakan waktu belajar
Siswa yang sukses memiliki jadwal belajar yang spesifik. Mereka akan menyelesaikan tugas studi mereka dan tetap konsisten dengan jadwal yang mereka tulis. Siswa yang belajar dengan cara sporadis dan main-main tidak akan mudah berhasil dibandingkan siswa yang memiliki jadwal belajar.

3. Belajar di waktu yang sama
Selain perencanaan, belajar dengan rutin juga dapat memberikan efek positif dalam diri Anda. Ketika Anda belajar pada saat yang sama setiap hari, hal itu akan menjadi kebiasaan dalam hidup Anda, sehingga secara mental dan emosional lebih siap untuk belajar dan setiap sesi belajar akan menjadi lebih produktif.

4. Belajar dengan memiliki tujuan
Belajar tanpa arah dan tujuan tidak akan pernah efektif. Anda harus tahu persis apa yang menjadi tujuan Anda dalam belajar. Sebelum belajar, tentukanlah target apa yang harus Anda capai dalam sesi tersebut. Misalnya, menghapal 30 kosakata bahasa Spanyol dalam satu sesi belajar.

5. Jangan pernah menunda waktu belajar yang sudah direncanakan
Sangat mudah bagi Anda untuk menunda sesi belajar yang sudah ditentukan. Apalagi, jika Anda kurang berminat pada pelajaran tersebut. Siswa yang ingin berhasil tidak boleh menunda waktu belajar. Jika Anda menunda jadwal bejar, seterusnya Anda akan menjadi kurang efektif dalam menerima materi pelajaran.

6. Mulailah dengan subjek yang paling sulit terlebih dahulu
Carilah subjek pelajaran tersulit dan lebih membutuhkan upaya serta energi yang besar dalam menyelesaikannya. Setelah Anda menyelesaikan tugas tersebut, Anda akan lebih mudah untuk menyelesaikan sisa tugas. Percaya atau tidak, dimulai dengan pekerjaan yang paling sulit akan sangat meningkatkan efektivitas sesi belajar dan prestasi akademis Anda.

7. Tinjaulah kembali catatan Anda
Tinjaulah segala catatan Anda di kelas terlebih dahulu. Sebelum Anda menulis segala catatan yang baru, tinjaulah hasil catatan Anda secara menyeluruh untuk memastikan bagaimana menyelesaikan tugas dengan benar.

8. Pastikan tidak ada gangguan dalam belajar
Ketika Anda terganggu saat belajar, Anda akan kehilangan dan memecahkan konsentrasi belajar. Untuk itu, sebelum Anda mulai belajar, temukanlah tempat di mana Anda tidak akan terganggu.

9. Gunakan kelompok belajar efektif
Pernahkah Anda mendengar kalimat "Dua kepala lebih baik dari satu?". Pernyataan tersebut dapat dibenarkan dalam situasi belajar. Bekerja dalam kelompok memungkinkan Anda untuk mendapatkan bantuan dari siswa lain ketika Anda kesulitan memahami konsep,  menyelesaikan tugas lebih cepat, dan membantu siswa lain dan diri Anda sendiri dalam menginternalisasi subjek materi. Namun, kelompok belajar bisa menjadi sangat tidak efektif jika mereka tidak terstruktur.

10. Tinjau kembali catatan sekolah dan bahan-bahan kelas Anda selama akhir pekan
Siswa yang berhasil meninjau kembali apa yang telah mereka kerjakan selama seminggu pada akhir pekan, akan membantu mereka untuk merumuskan jadwal selanjutnya secara lebih efektif.




sumber: http://edukasi.kompas.com/read/2012/07/25/08272720/10.Trik.Sukses.Belajar

Cara Belajar Efektif dan Mudah Paham

Cara Belajar Efektif dan Mudah Paham

1. Belajar tanpa Mood
Belajarlah karena kesungguhan kita untuk berubah, jangan belajar hanya dengan berlandaskan mood saja.
iya kalau pas nice mood, la kalau pas bad mood kita jadikan alasan untuk kita tidak belajar, saya berani jamin ilmu yang anda pelajari akan sama halnya dengan air yang menetes di lapangan panas, sangat mudah menguap. Jadi jangan pernah belajar berdasarkan mood ya kalau ingin hasil yang memuaskan.

2. Belajarlah di manapun anda suka
Carilah tempat yang nyaman dan dapat menenangkan pikiran kita sewaktu belajar, dengan keadaan yang nyaman kita akan lebih mudah dalam memahami materi.

3. Jangan belajar terlalu banyak ketika akan ujian
Inilah sebuah doktrin yang saya rasa sangat keliru, "kamu harus belajar sungguh-sungguh, besok ada ujian"..kira-kira teman-teman sudah mendengar ocehan yang seperti itu? Ini adalah kesalahan, sebenarnya ketika akan ujian itu kita gunakan untuk merehat otak sekejap, justru pas hari-hari biasalah kita harus sungguh-sungguh. Sistem KS (kebut semalam) sangat merusak cara berpikir kita, karena hanya akan menimbulkan tekanan bukan pengetahuan.

4. Belajar sambil diskusi
Belajar secara kelompok memang dimaksudkan agar seseorang yang kurang mampu memahami materi bisa berdiskusi dengan orang yang sudah paham. Sehingga pertukaran ide terus berjalan, yang pintar tidak semakin pintar, begitu pula yang bodoh tidak semakin terperosok. Semua bisa menjadi seimbang.

5. Belajar dengan diiringi musik
Musik memang bisa meningkatkan konsentrasi kita dalam belajar, namun hal ini tidak selalu terjadi pada setiap orang. Ada beberapa orang yang malah suka keadaan yang hening. Jadi, jika musik bisa membantumu berkonsentrasi, just listen it :)

6. Jangan hanya menghafal
metode menghafal mungkin bisa menyukseskan kita dalam mencari "nilai-yang-baik", namun apakah pengetahuan kita bertambah? tidak. Pahamilah materi dengan mempelajari konsep-konsepnya, bagaimana hal itu bisa terjadi, mengapa, apa selanjutnya, begitulah cara berpikir yang harus dikembangkan meskipun memakan waktu yang cukup lama. Sehingga kita akan tahu betapa indahnya Ilmu Pengetahuan itu. Dalam film 3 idiots, ada sebuah quotes yang sangat mengena: "Dengan menghafal, kamu bisa menghemat waktumu selama 4 tahun di universitas, namun kau telah menghancurkan 40 tahun hidupmu kedepan"

7. Jangan malu-malu untuk bertanya
Bila kita ada yang belum paham mengenai materi yang diajarkan, cukup dengan acungkan jari dan bertanyalah kepada bapak/ibu guru, jangan malu bertanya bila kita tidak bisa, jangan jadikan gengsi "takut dibilang lambat oleh teman2" sebagai alasan, karena hal yang seperti itu tidak masuk akal!

8. Coba dan Gagal (Trial and Error)
Dalam hidup ini, gagal adalah teman kita juga, jadi jangan pernah menghindar darinya. Kita terjatuh, untuk apa? agar kita tahu bagaimana cara untuk bangun. Kita tidak akan pernah tahu yang benar itu bagaimana jika kita tidak kenal dengan KESALAHAN dulu. Materi yang sesulit apapun, pasti akan bisa kita kuasai asal tidak ada kata menyerah memahaminya. Coba terus, gagal sudah biasa.

9. Cintailah mata pelajaran yang anda suka
Anda tidak bisa dalam fisika (misal), namun anda sangat mencintai pelajaran yang satu ini. Maka dengan kecintaan itu, suatu saat akan menjadikan anda seorang fisikawan hebat, karena sesuatu yang dilakukan sepenuh hati akan menghasilkan hasil yang memuaskan. Sekarang tidak bisa, namun karena kecintaan tersebut anda mempelajarinya setiap waktu, tunggulah hingga mimpi indah tiba. You'll be the best, but wait until the time's coming on ^_^

10. Ingatlah tujuan utama kita sekolah
Tujuan utama kita sekolah ialah untuk mencari ilmu pengetahuan, bukan hanya menerima "Cara Untuk Memperoleh Nilai yang Baik" saja. Nilai tidak akan bisa mencerminkan kualitas seseorang, lihatlah kenyataannya. Tidak masalah kita ada di peringkat berapapun, yang terpenting ialah belajar bukan untuk mencapai kesuksesan..tetapi untuk membesarkan jiwa. ini merupakan Cara Belajar paling Efektif yang terus saya gunakan, karena saya yakin ilmu bukan sebatas CORETAN NILAI, tapi banyaknya kita berbagi kepada sesama.

11. Kunci semua metode belajar
Kuncinya terletak pada kesungguhan kita dalam berdo'a, karena saya masih ingat betul ada yang bilang kecerdasan seseorang 73% dari kesungguhan do'anya, sedangkan 27% dari belajar. Intinya do'a sangatlah penting, sebagai bentuk pasrah kita Kepada Allah. Namun belajar juga sangatlah penting, ingat! Tidak bisa mencapai 100% tanpa ada yang 27% tersebut.


sumber: http://www.pemimpinremaja.com/index.php/component/content/article/1-latest-news/196-cara-belajar-efektif-dan-mudah-paham

BELAJAR HTML

Mari belajar HTML.
Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.

Pengenalan HTML

Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini:

<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>
</html>

Preview
Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolor="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan tag penutup " </html>" dan yang berada diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.
Baca juga Update dari Pengenalan HTML ini di Tutorial HTML.

Tag Dasar HTML

Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:

<html>
<head>
<title>Disini titel websiteku</title>
</head>
<body>
Disini adalah konten yang tampil di browser
</body>
</html>

Preview
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".

Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).
Baca juga Update dari Tag Dasar HTML ini di Tutorial HTML.

Format Font HTML

Tag HTML untuk font adalah <font>…</font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:

<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1><font face="Verdana">Judul dengan font Verdana</font></h1>
<p><font face="Times">Konten dengan font Times</font></p>
Untuk membuat ukuran (size):
<h1><font size="5">Judul dengan size 5</font></h1>
<p><font size="3">Konten dengan size 3</font></p>
Untuk membuat warna font (color):
<h1><font color="blue">Judul dengan warna biru</font></h1>
<p><font color="red">Konten dengan warna merah</font></p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br>
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>
</body>
</html>

Preview
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaannya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:

<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1 style="font-family:verdana">Judul Menggunakan font verdana</h1>
<p style="font-family:tahoma">Konten menggunakan font tahoma</p>
Untuk membuat ukuran (size):
<h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
<p style="font-size:80%">Konten dengan ukuran 80%</p>
Untuk membuat warna font (color):
<h1 style="color:blue">Judul dengan warna Biru</h1>
<p style="color:red">Konten dengan warna merah</p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<p style="font-family:verdana;font-size:80%;color:green">
Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br>
menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>
</body>
</html>

Preview
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.
Baca juga Update dari Format Font HTML ini di Tutorial HTML.

Format text HTML

Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:

<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>

Preview
Untuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:

<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>

Preview
Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Untuk melihat tag-tag apa saja yang tidak memerlukan tag penutup dapat dilihat di artikel tentang tag-tag html tanpa tag penutup.
Selanjutnya tag <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Preview
Selanjutnya tag <!--…--> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikan oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :

<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang mempelajari format-format teks.<br>
Contoh-contohnya adalah sebagai berikut:</p>
<p>Teks Normal<br>
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah Emphasized</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br>
Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p>
</body>
</html>

Preview
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:

<html>
<body>
<pre>
   <b>PUITUIS ASA</b>
   Hari ini...
   Aku sedang belajar...
   Belajar tentang HTML.
      Sulit 'ntuk dimengerti,
      Karena banyaknya teks-teks aneh.
      Tapi biarlah...
   Akan kucoba...
   Sampai berhasil.
</pre>
</body>
</html>

Preview
Baca juga Update dari Format text HTML ini di Tutorial HTML.

Hyperlink HTML

Hyperlink digunakan untuk menghubungkan antar dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:

<html>
<head></head>
<body>
<p>Aku sekarang sedang membuat hyperlink</p>
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a><br>
<a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com
<p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p>
<a href="http://www.mp3.com/" target="_blank">Website Musik</a>
<p>Agar hyperlink tidak bergaris bawah:<p>
<a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>
<p>Hyperlink ke suatu halaman tertentu dalam web:<p>
<!--dengan catatan anda harus tau nama halaman tujuan tersebut-->
<a href="http://htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman belajar css.
</body>
</html>

Preview
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :

<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31"></a>

Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.

<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31" align="left"></a>

Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:

<a href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com"><img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"></a>

Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.

<a href="http://www.yahoo.com"> <img border="0" src="contoh.jpg" width="120" height="30" align="left" alt="Text Alternatif Yahoo.com"></a>

Dalam contoh ini src atau source yaitu contoh.jpg sengaja dihapus agar alt-nya ditampilkan, maka hasilnya adalah:
Baca juga Update dari Hyperlink HTML ini di Tutorial HTML.

Background HTML

Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:

<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>

Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:

<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">

Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg

<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>

Preview
Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:

<html>
<head></head>
<body background="http://i52.tinypic.com/nmm2cz.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>

sumber: http://htmlcssguides.com/belajar-html

FIBER OPOTIC

FIBER OPOTIC

Serat optik adalah saluran transmisi atau sejenis kabel yang terbuat dari kaca atau plastik yang sangat halus dan lebih kecil dari sehelai rambut, dan dapat digunakan untuk mentransmisikan sinyal cahaya dari suatu tempat ke tempat lain. Sumber cahaya yang digunakan biasanya adalah laser atau LED^[1]. Kabel ini berdiameter lebih kurang 120 mikrometer. Cahaya yang ada di dalam serat optik tidak keluar karena indeks bias dari kaca lebih besar daripada indeks bias dari udara, karena laser mempunyai spektrum yang sangat sempit. Kecepatan transmisi serat optik sangat tinggi sehingga sangat bagus digunakan sebagai saluran komunikasi.
Perkembangan teknologi serat optik saat ini, telah dapat menghasilkan pelemahan (attenuation) kurang dari 20 decibels (dB)/km. Dengan lebar jalur (bandwidth) yang besar sehingga kemampuan dalam mentransmisikan data menjadi lebih banyak dan cepat dibandingan dengan penggunaan kabel konvensional. Dengan demikian serat optik sangat cocok digunakan terutama dalam aplikasi sistem telekomunikasi^[2]. Pada prinsipnya serat optik memantulkan dan membiaskan sejumlah cahaya yang merambat didalamnya.
Efisiensi dari serat optik ditentukan oleh kemurnian dari bahan penyusun gelas/kaca. Semakin murni bahan gelas, semakin sedikit cahaya yang diserap oleh serat optik.