Program Sistem

Kali Ini  saya akan sedikit membaha tentang program sistem, mungkin kalian masih kurang dan mungkin belum banyak yang mengetahui apa itu program sistem.
"Program Sistem adalah program yang digunakan untuk mengontrol sumber daya komputer, seperti CPU dan peranti masukan/keluaran. Kedudukan program ini adalah sebagai perantara antara program aplikasi dan perangkat keras komputer.
Itulah sebabnya, peranan program sistem seringkali tidak terlihat secara langsung.

Program Sistem dapat dikelompokan menjadi 3 golongan, yaitu :
Program Pengendali Sistem adalah program yang mengendalikan pemakaian perangkat keras, perangkat lunak, dan data pada komputer selama program ini dijalankan.
Program Pendukung Sistem adalah program yang mendukung operasi, manajemen, dan pemakai sistem komputer dengan menyediakan bermacam-macam layanan. termasuk dalam kelompok ini adalah program untilitas atau biasa disebut utilitas saja, pemantauan kinerja sistem, dan pemantauan keamanan.
Program Pengembang Sistem adalah program yang ditunjukan untuk membantu pemakai dalam membuat/mengembangkan program. termasuk dalam kategori ini yaiutu kompiler dan interprenter.

Mungkin itu saja dulu pengertian dari Program Sistem

Belajar SEO

Search Engine Optimization (SEO) tutorial yang ditulis prothelon.com ini khusus buat yang baru belajar aja yah. Seperti biasa, tutorial SEO di sini ditulis dengan bahasa yang mudah dicerna. Harapannya adalah kamu bisa belajar SEO dengan mudah dan menyenangkan.

Buat kamu yang udah lumayan lama pake internet terutama punya web site sendiri, pastinya pernah denger istilah SEO, kan? SEO memang merupakan salah satu senjata pusaka yang sering digunakan untuk meningkatkan ranking web site kamu di search engine. Lha emang kenapa ko harus meningkatkan ranking web site di search engine? Gini lho….

Kamu tentunya udah belajar macam-macam di prothelon.com, mulai dari Tutorial HTML, Tutorial PHP, Tutorial MySQL dan sebagainya. Dengan pengetahuan itu, kamu bisa membuat sebuah web site statis maupun dinamis sesuai keinginan kamu. Sesudah web site kamu jadi dengan indahnya, kamu pasti bangga dengan hasil karya kamu itu dan merasa bahwa seluruh dunia akan segera melihat web site keren buatan kamu itu. Tapi tunggu dulu. Ada fakta tidak menyenangkan yang harus kamu ketahui sebelum berharap banyak pengunjung akan mendatangi web site kamu itu.

Faktanya adalah bahwa para pengunjung impianmu tidak akan datang sendiri!

Nyebelin kan? Udah bikin susah-susah, ndak ada yang lihat. Cape deh…

Tolong diingat, bahwa jumlah web site dan halamannya di internet itu buanyak buanget. Seumur hidup kamu ndak akan bisa ngedatengin semua satu persatu. Jadi jangan berharap ada keajaiban di mana tiba-tiba web site kamu kebanjiran pengunjung. Tidak ada seorangpun yang tahu tentang web site kamu kecuali kamu kasih tahu. Ini artinya: You have to work for that!

Jadi gimana dong…….

Memiliki web site sendiri memang menyenangkan, tapi kalau web site kita tidak pernah dikunjungi orang lain selain kita, buat apa kan. Nah, cara agar web site kita dikunjungi orang bisa dengan memperbanyak link masuk (bisa lewat blog atau web site lain), atau membuat agar web site kita berada di posisi atas dalam pencarian search engine.

Ingat, walaupun web site kita sudah diindeks oleh search engine, tapai kalau tidak bisa muncul di halaman pertama atau kedua hasil pencarian, maka percuma. Biasanya orang akan berhenti mencari pada halaman kedua kan? Kalau ndak nemu, pasti akan mencoba kata kunci lainnya.

Kalau web site kita sudah diindeks dengan baik, maka pengunjung akan mengalir dari search engine ke web site kita. Itu artinya, web site kita tidak seperti pulau terpencil di tengah lautan lagi. Dan makin banyak pengunjung berarti peluang untuk mendapatkan uang. Betul?

 

 

Nah, cara untuk menempatkan web site kita di hasil pencarian utama search engine inilah yang dinamakan Search Engine Optimization alias SEO alias Optimasi Mesin Pencari. Dengan ilmu ini, maka kita bisa mengusahakan agar web site kita ada di posisi puncak dari mesin pencari, pengunjung berdatangan, trafik mengalir, dan uang berdatangan. Impian kamu terwujud.

Dengan mempelajari SEO, maka kamu udah beranjak dari semula hanya “tukang” membuat web site menjadi “pebisnis”. Kamu mengubah keahlian kamu di bidang pemrograman web menjadi sebuah bisnis yang bukan tidak mungkin akan menjadi sumber penghasilan utama buat kamu. Kamu bisa mengubah web site kamu menjadi mesin uang. Yah, siapa tahu….

Ok, itu aja untuk pendahuluan tutorial SEO kita. Dalam tulisan selanjutnya, kita akan mulai belajar SEO perlahan-lahan dengan beberapa teknik dasar yang berguna. Di mana kamu akan mulai membangun batu bata impian kamu setahap demi setahap menuju sebuah web site yang ramai dan terkenal.

Mudah-mudahan SEO tutorial ini berguna buat kamu yang pengen mulai belajar SEO.

Komputer masa depan

Dalam artikel sebelumnya, kamu udah belajar tentang sejarah komputer dengan detil. Nah, setelah belajar sejarah komputer, tentu saja kamu akan tertarik juga untuk melihat komputer masa depan kan?
Komputer masa depan akan memiliki tugas yang sangat berat untuk bisa dipakai oleh kita lho. Hal itu karena semakin ketatnya kompetisi di antara produsen komputer. Komputer akan memiliki penggunaan yang lebih spesifik, dan meskipun bentuknya akan semakin inovatif dan aneh-aneh, tetapi model desktop yang ada saat ini kemungkinan besar masih akan menemani kita sampai beberapa tahun ke depan.
Beberapa teknologi baru yang kemungkinan besar akan ada di PC kamu nantinya adalah 8 core prosesor, hard disk yang sangat besar, kartu grafis eksternal, serta layar yang lebih besar dan murah.


Kemudian ada lagi yang pasti akan sangat menarik minat kamu: notebook masa depan dengan display kecil yang bisa dilepas kemungkinan sudah akan muncul. Kamu bisa klhat, bahawa saat ini berbagai notebook mini udah bermunculan yang sering disebut dengan netbook. Note book yang berorientasi pada pengguna Internet.

Sejarah Komputer Jilid 4

Nah, kita sudah melihat bagaimana sejarah konsep awal komputer dimulai. Dalam tulisan ini kita akan melihat sejarah komputer modern pertama diawali. Siap ? Time machine engage….
Sejarah Komputer Elektronik Pertama
Sejarah Komputer elektronik pertama dimulai oleh ENIAC (Electronic Numerical Integrator and Computer). ENIAC adalah komputer digital serbaguna yang dibuat pada tahun 1946 oleh J. Presper Eckert dan John Mauchly. ENIAC memiliki lebih dari 18.000 tabung hampa (yang digunakan sebagai pengganti switch mekanis pada mark I) dan 1000 kali lebih cepat dibanding Mark I. Dalam 20 detik, ENIAC dapat melakukan perhitungan matematis yang sebenarnya memerlukan waktu penyelesaian 40 jam jika dilakukan secara manual oleh kita. ENIAC dibuat saat Perang Dunia II dan tugas pertamanya adalah menghitung kelayakan sebuah desain bom Hidrogen. ENIAC adalah komputer sepanjang 100 kaki dengan ketinggian 100 kaki.

Sejarah Komputer Modern lainnya
Dalam sejarahnya, sebuah komputer modern diawali dengan pengembangan penulisan kode biner yang dilakukan oleh John von Neumann. Dialah yang memulai praktek penyimpanan data dan instruksi dalam kode biner dan mengawali menggunaan memori untuk menyimpan data dan program. Sebuah komputer yang bernama EDVAC (Electronic Dicrete Variable Computer) dibuat menggunakan kode biner pada tahun 1950. Sebelum EDVAC, komputer seeprti ENIAC hanya dapat melakukan satu tugas dan kemudian harus diubah susunan kabelnya untuk melakukan tugas atau program yang lain. Konsep penyimpanan beberapa program pada kartu lubang EDVAC sebagai pengganti proses perubahan perkabelan mengarah pada komputer yang kita kenal saat ini.
Perlu diingat bahwa meskipun komputer modern saat ini jauh lebih cepat dan lebih baik dibandingkan EDVAC pada masanya, namun komputer tersebut tidak mungkin ada tanpa pengetahuan dan kerja keras dari banyak penemu dan pionir. Jadi jangan sampai melupakan sejarah ya J.
Ok. Sampai di sini dulu perjalanan mesin waktu kita menjelajahi Sejarah Komputer.

Sejarah Komputer Jilid 3

Sejarah komputer kita berlanjut, dan mesin waktu kita putar menuju ke tahun 1830, saat bapak Komputer menemukan konsep komputer modern. Siap…berangkat.
Langkah besar perkembangan dalam sejarah komputer berikutnya terjadi pada tahun 1830 saat Charles Babbage memutuskan untuk mengembangkan mesin yang dapat membantunya menyelesaikan dan mencetak tabel matematis. Babbage adalah seorang ahli matematika yang mengajar di Universitas Cambridge Inggris. Dia mulai merencanakan mesin penghitung yang disebutnya dengan Mesin Analitikal. Ide mesin tersebut secara menakjubkan sangat mirip dengan komputer yang kita ketahui hari ini. Sistem kerjanya adalah membaca dari kartu lubang (punch card), menghitung dan menyimpan jawaban dari berbagai masalah kemudian mencetak jawabannya pada kertas. Babbage meninggal sebelum menyelesaikan mesinnya. Namun demikian, karena ide hebat dan apa yang sudah dilakukan, Babbage dikenal sebagai Bapak Komputer.
Langkah besar berikutnya bagi perkembangan dalam sejarah komputer tiba saat Herman Hollerith mengikuti kontes yang diadakan oleh biro sensus Amerika. Kontes tersebut diselenggarakan untuk mencari orang yang dapat mengembangkan mesin untuk menghitung dan mencatat informasi dengan lebih cepat. Hollerith, seorang pemuda yang bekerja di biro itu membuat sebuah mesin yang dikenal sebagai Mesin Tabulasi yang memaca dan mengurutkan data dari kartu lubang. Lubang-lubang dalam kartu tersebut sesuai dengan jawaban orang atas pertanyaan yang diajukan misalnya menikah, belum menikah dan cerai. Tabulator membaca setiap kartu luang saat mereka melalui sikat kecil. Setiap kali sebuah sikat menemukan sebuah lubang, dia mengerjakan sebuah sirkit elektronik. Hal ini akan menyebabkan sistem penghitung khusus menambah data atas jawaban tersebut.
Berkat alatnya itu, proses penghitungan sensus yang semula memerlukan waktu 7,5 tahun dapat dipersingkat menjadi hanya 3 tahun saja. Bahkan dengan 13 juta responden yang ada saat itu. Melihat keberhasilan temuannya, Hollerith mendirikan sebuah perusahaan Mesin Tabulasi tahun 1896 yang kemudian dijualnya pada tahun 1911. Pada tahun 1912, perusahaan tersebut berganti nama menjadi International Busines Machine atau yang sekarang lebih ngetop dengan nama IBM.

Sejarah Komputer Jilid 2

Setelah melihat sejarah komputer yang udah 5000 tahun di pakai di Cina alias sempoa, kita akan mencoba melihat ke waktu yang lebih mudaan. Yaitu pertengahan 1600.
Sejarah komputer di era ini dimulai saat Blaire Pascal dan ayahnya yang merupakan seorang petugas pajak, bekerja pada dinas pajak untuk pemerintah Perancis di Paris. Mereke berdua menghabiskan berjam-jam untuk menghitung jumlah pajak yang harus dibayar setiap warga negara.
Pada tahun 642, Blaire memutuskan untuk membuat mesin penambah dan pengurang yang akan membantu dalam melakukan perhitungan yang sangat menghabiskan waktu tersebut. Mesin yang dibuat Blaise memiliki delapan roda gear yang bekerja bersama mirip dengan prinsip yang dilakukan pada odometer (tau kan, alat yang digunakan untuk menghitung jumlah kilometer yang udah ditempuh mobil atau motor kamu). Sayangnya mesinnya sering mengalami masalah. Masalahnya adalah:

• Sering macet,
• Lambat dan mahal
• Orang takut jika penggunaan mesin tersebut akan menggantikan pekerjaan mereka.

Pascal di kemudian hari sangat terkenal akan kemampuannya di bidang matematika dan filosofi, namun masih sangat diingat perannya dalam bidang komputer. Untuk mengenangnya jasanya dalam sejarah komputer, maka salah satu bahasa komputer yang ada dinamai dengan Pascal.
Asyik kan? OK, pada tulisan bagian ketiga kita akan memutar mesin waktu sejarah komputer kita ke tahun yang lebih muda lagi yaitu sekitar tahun 1830. Apa yang terjadi dengan sejarah komputer di waktu itu. Ikuti seri berikutnya.

Sejarah Komputer Jilid 1

Sejarah komputer merupakan topik yang sangat menarik. Sebelum belajar komputer lebih lanjut, ada baiknya kita menengok sejarah komputer terlebih dahulu agar kita bisa lebih menghargai proses perkembangannya.
Pengen tahu Sejarah Komputer? Mulai dari sini aja, dengan gaya khas Prothelord kita akan membahas topik yang menarik ini, karena tidak ada seorangpun yang merasa pasti kapan dimulainya. Hal ini karena perkembangan komputer yang sangat cepat. Nah dalam seri tulisan ini, Prothelord mengajak kamu semua untuk mengarungi mesin waktu dan melihat perkembangan sejarah komputer dari awal. Tertarik? Go a head

Awal Mula Sejarah Komputer
Komputer sudah cukup lama ada. Tahun 1951 adalah saat di mana komputer pertama dibeli untuk bisnis. Komputer sudah berubah sangat cepat dan membuat banyak orang sulit untuk mengikutinya.
Sebuah surat kabar pernah mencoba untuk menggambarkan seberapa cepat perubahan dalam teknologi komputer dibandingkan dengan industri otomotif sebagai berikut:

“Jika sebuah mobil dikembangkan dengan kecepatan perkembangan komputer selama 20 tahun terakhir, maka harga Rolls Royce hari ini akan kurang dari $3.00, mampu menempuh jarak 3 juta mil dengan 1 galon bahan bakar, memiliki kekuatan untuk menggerakkan kapal Queen Elizabeth II dan ukuran 6 buah mobil hanya sebesar sebuah PIN!”

Perubahan-perubahan ini telah terjadi dengan sangat cepat sehingga banyak orang tidak tahu bagaimana komputer modern dimulai dan bagaimana sejarah komputer tersebut dimulai.

Mesin Penghitung Pertama “Komputer”
Sejak jaman dulu, orang selalu harus berurusan dengan data dan angka. Pada awalnya mereka membuat simpul pada sebuah tali dan menulis tanda pada lembaran tanah liat untuk mencatat stok dan berdagang. Beberapa orang mengatakan bahwa ABACUS yang sudah berusia 5000 tahun adalah alat bantu penghitungan pertama yang sebenarnya.

Belajar Komputer

Belajar komputer memang menarik ya? Apalagi melihat perkembangan komputer akhir-akhir ini yang luar biasa. Untuk itulah, saya merasa perlu untuk menambahkan materi tutorial belajar komputer ini sebagai pelengkap materi cara membuat website yang sudah melimpah di prothelon.com.
Belajar membuat website artinya kita mempelajari software. Semua software pasti butuh hardware kan? Nah, makanya kita juga harus belajar komputer, karena komputer adalah hardware utama yang menjadi tempat bersarang program kita plus tentu saja, jaringan komputer.
Tutorial belajar komputer yang ada di sini khusus untuk pemula dan akan kita mulai dari sejarah komputer, pengenalan komputer dan jaringan komputer.
Sebelum kita mulai tutorial belajar komputer kita, ada baiknya kita lihat bersama terlebih dahulu apa saja yang nanti akan kamu pelajari terkait dengan komputer.
Berikut ini daftar materi belajar komputer yang bisa kamu baca di prothelon.com:

• Sejarah Komputer (bagian 1)
• Sejarah Komputer (bagian 2)
• Sejarah Komputer (bagian 3)
• Sejarah Komputer (bagian 4)
• Sejarah Komputer (bagian 5)
• Pengenalan Komputer
• Pengenalan Komputer: Fungsi dan Aplikasi Komputer
• Jaringan Komputer
• Belajar Membuat Jaringan Komputer Sederhana
• Belajar Menghubungkan Hardware Jaringan Komputer

Mengubah Tampilan Text HTML

Buat kamu yang baru belajar HTML, mungkin penasaran bagaimana cara mengubah huruf atau teks HTML menjadi tebal atau membuatnya menjadi miring. Tampilan huruf seperti ini sangat penting untuk dilakukan, misalnya pada saat kita perlu memberikan penekanan pada kata-kata tertentu yang kita anggap penting, pada umumnya kita menggunakan huruf tebal, atau pada saat menggunakan istilah asing, maka kita perlu membuatnya menjadi miring (atau istilah lainnya italic). Jika iya, maka tutorial HTML kali ini pas banget buat kamu. Gampang kok untuk mengubah tampilan huruf seperti itu.
Seperti yang sudah kamu ketahui dari tutorial elemen HTML ini, kamu pastinya udah tahu kalau HTML menggunakan tag untuk semua perintah yang dilakukannya. Nah, untuk mengubah tampilan dan format teks, HTML juga menggunakan tag-tag seperti <b> (untuk menebalkan huruf) dan <i> (untuk menampilkan huruf miring) untuk menampilkan teks atau huruf sesuai dengan kebutuhan kita.
Berikut beberapa tag untuk mengubah tampilan huruf yang sering digunakan:

Tag	Deskripsi
<b>	Menebalkan huruf
<i>	Menampilkan huruf miring
<big>	Menampilkan huruf dalam ukuran besar
<small>	Menampilkan huruf dalam ukuran kecil
<strong>	Mirip dengan <b>, menampilkan dengan tebal
<sub>	Subscript (Tulisan kecil di bawah, misalnya untuk menulis rumus kimia)
<sup>	Superscript (Yang ini kecil di atas, misalnya menulis kuadrat)
<u>	Menulis huruf bergaris bawah.

Bagaimana contoh pemakaiannya? Berikut ini contoh untuk menampilkan tulisan tebal dan miring:

Belajar HTML

Menulis dokumen apapun pasti memerlukan paragraf. Mari kita pelajari tag HTML yang digunakan untuk membuat sebuah paragraf HTML yaitu tag <p>.
Kita menggunakan tag <p> untuk membuat sebuah paragraf HTML baru.
Saat kita menggunakan tag ini, dia akan menambahkan sebuah baris kosong di atas dan di bawah teks paragraf yang kita tulis. Baris-baris kosong tersebut adalah baris yang menandakan sebuah paragraf HTML dan memisahkan paragraf tersebut dari paragraf-paragraf yang lainnya.
Dan…tentu saja kita harus menutup paragraf HTML kita dangan pasangannya yaitu tag </p>.
Contoh kode HTML:

?

1 2	<p>Ini adalah sebuah contoh paragraf yang panjang dan menarik, sehingga kalimat ini tidak ada isinya sama sekali. <p>

Kamu juga bisa melakukan proses perataan pada paragraf yang kamu bikin. Hal ini sangat mudah dilakukan, yaitu dengan menambahkan atribut HTML align.
Contoh tag di bawah ini akan membuat paragraf kamu rata kiri kanan.

?

1	<p align="justify">Ini adalah paragraf yang rata kanan dan rata kiri.</p>

Kamu bisa ganti-ganti isi atribut align tersebut dengan kata center untuk membuat paragraf menjadi di tengah, left rata kiri, dan right untuk rata kanan.

LInk HTML Pentin!!!

Mudahnya gini, sebuah link HTML adalah sebuah alamat yang merujuk ke dokumen atau alamat lainnya di Internet. Menurut saya sebenarnya konsep link HTML inilah yang akhirnya benar-benar membuat web menjadi sangat bermanfaat dan akhirnya menjadi sangat besar seperti sekarang ini.
Orang sangat mudah merujuk ke referensi lain yang semuanya tersedia online. Bener-bener jenius :).
Jadi, pelajari baik-baik ya…
Ndak usah pake contoh ya , kan udah banyak banget di Internet. Link HTML itu ya tempat kamu main klak klik itu lah. Yuk kita pelajari lebih lanjut.
Hyperlinks, Anchors, dan Links
Dalam istilah web, hyperlink adalah referensi (sebuah alamat) ke sumber-sumber informasi lain di Internet. Hyperlink biasanya merujuk ke sebuah halaman HTML, sebuah gambar, file suara, movie, dll.Sedangkan anchor (bahasa Indonesianya Jangkar) adalah istilah yang digunakan untuk mendefinisikan tujuan hyperlink dalam sebuah dokumen.
Jadi gini, alamat halamannya ditunjukkan oleh hyperlink, sedangkan kalau di dalam dokumen itu ada bab 2, maka kita bisa langsung merujuk ke bab 2 tadi dengan bantuan anchor.
Untuk membuat hyperlink dan anchor kita menggunakan elemen HTML anchor <a>.
Dalam tutorial kali ini, kita akan menggunakan istilah link HTML saat elemen <a> merujuk ke sebuah halaman dan istilah anchor HTML saat element <a> tersebut merujuk ke sebuah alamat di dalam dokumen.
Bikin Link HTML
Sintaks Link:

?

1	<a href="/caramembuatwebsite/url">Teks Link</a>

Perhatikan, tag HTML pembuka berisi atribut link tersebut.
Isi elemen (Teks link) mendefinisikan apa yang ingin anda tampilkan ke pengunjung.
Catatan: Isi elemen tidak harus berupa teks lho. Kamu juga bisa me-link dari sebuah gambar atau elemen HTML lainnya.
Atribut href
Atribut href adalah alamat yang akan dibuka saat seseorang mengklik link yang kita buat.
Elemen <a> ini mendefinisikan sebuah link yang akan menuju ke sebuah web site yang saya kelola juga yaitu kursus-online.com:

?

1 2	<a href="http://www.kursus-online.com/">Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit?. Klik di sini aja!</a>

Kode tersebut akan ditampilkan seperti ini. Sok atuh dicoba klik biar kerasa.
Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit? Klik di sini aja!!
Atribut target
Atribut target sangat berguna bagi kita untuk mengatur halaman yang kita tuju itu akan dibuka di mana.
Kita bisa membukanya di halaman utama ini langsung atau membukanya di halaman baru saat seorang pengunjung mengklik link yang kita sediakan.
Berbeda dengan kode sebelumnya yang membuka web site kursus-online.com di jendela yang sama, kode ini akan membuka web site kursus-online.com pada sebuah jendela baru:

?

1 2 3

<a href="http://www.kursus-online.com/" target="_blank"> Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit?. Klik di sini aja!</a>

Sok di klik link di bawah ini biar tahu bedanya:
Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit? Klik di sini aja!!
Attribute name
Saat kita menggunakan atribut name, maka itu berarti kita mendefinisikan sebuah nama anchor yang berada di dalam sebuah halaman HTML.
Nama anchor tidak akan nampak di mata pengunjung. Itu hanya merupakan pendefinisian di sebuah halaman web aja.
Cara membuat sebuah anchor:

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

?

1	<a name="label">Apapun</a>

Nah, link yang menuju ke halaman itu bikinnya gini:

?

1	<a href="#label">Apapun</a>

Perhatikan tanda # yang mendefinisikan nama anchor
Contoh:
Sebuah anchor dalam dokumen HTML:

?

1	<a name="top">Ini bagian paling atas</a>

Sebuah link yang merujuk ke bagian paling atas dalam dokumen yang sama:

?

1	<a href="#top">Kembali ke atas</a>

Sebuah link yang menuju ke sebuah anchor di halaman web lain:

?

1 2	<a href="http://www.prothelon.com/mambo/contoh.htm#top"> Kembali ke halaman utama paling atas</a>

Nah, kalau mau lihat bagaimana sebuah link anchor bekerja, klik Kembali ke atas ini untuk menuju ke bagian paling atas dari halaman ini.
Catatan penting dan tips yang pastinya akan berguna buat kamu
Ingat untuk selalu menambahkan garis miring di akhir sub folder link kita.
Jika link kita bentuknya seperti ini:
href=”http://www.prothelon.com/mambo”,
maka kamu akan membuat 2 buah permintaan http ke server, karena server akan menambahkan garis miring dan membuat alamat yang kita minta tadi menjadi seperti ini:
href=”http://www.prothelon.com/mambo/”
Nah, dengan menambahkan garis miring di akhir sub folder, kita sudah menghemat resource di server.
Kamu bisa menggunakan Anchor untuk membuat daftar isi di awal sebuah dokumen yang panjang.
Kalau browser tidak bisa menemukan anchor yang kita tentukan, maka secara otomatis akan menuju ke bagian paling atas dari dokumen. Tanpa error.
Nah, itu adalah materi belajar HTML mengenai link.
Jika ingin mempelajari tutorial lainnya, silahkan klik link tutorial lain di menu utama sebelah kiri.
Kalau bosen belajar cuman baca doang kaya gini, coba aja ke kursus-online.com. Di sana kamu bisa dapet materi yang sangat lengkap tentang bikin web, bisa belajar langsung praktek dengan metode 4 langkah mudah bisa bikin web, plus ada peluang belajar sambil dapet penghasilan tambahan.

Related Posts:

Etintas Karakter HTML

Setelah sebelumnya kita sudah belajar tentang atribut HTML, sekarang kita akan belajar cara menampilkan karakter khusus dalam HTML dengen entitas karakter HTML.
Beberapa karakter khusus seperti karakter <, punya arti khusus dalam HTML (sebagai tanda tag HTML), karena itu kamu tidak akan bisa menggunakannya sebagai teks dalam arti dituliskan langsung sebagai < dalam kode HTML kamu.
Untuk menampilkan tanda lebih kecil (<) dalam HTML, kamu perlu belajar tentang Entitas Karakter HTML.
Entitas karakter
Beberapa karakter memiliki arti khusus dalam HTML, seperti tanda lebih kecil (<) yang mendefinisikan awal dari sebuah tag HTML. Kalau kita ingin agar browser menampilkan tanda lebih kecil itu (<), kita harus menyisipkan entitas karakter dalam kode HTML kita.
Entitas karakter memiliki 3 komponen: sebuah tanda dan (&), nama entitas atau sebuah # yang diikuti nomor entitas dan diakhiri dengan tanda titik koma (;).
Untuk menampilkan tanda lebih kecil dalam halaman HTML kita, maka kita harus menuliskan : &lt; atau &#60;
Keuntungan menggunakan nama dibandingkan nomor adalah bahwa nama lebih mudah untuk diingat. Kekurangannya adalah bahwa tidak semua browser mendukung nama-nama entitas yang baru, namun demikian hampir semua browser mendukung nama entitas standar.
Catatan: entitas bersifat case sensitif.


Spasi berurutan
Entitas karakter yang mungkin akan paling sering kamu pakai adalah spasi.
HTML akan menghilangkan spasi dalam teks HTML kamu. Kalau kamu menuliskan 10 spasi pada kode HTML kamu, maka HTML akan menghapus 9 spasi. Nah, untuk menambahkan spasi pada dokumen HTML kamu, gunakan entitas karakter &nbsp;
Beberapa entitas karakter yang sering dipakai:

Hasil	Penjelasan	Nama Entitas	Nomor Entitas
	Spasi	 	 
<	Kurang dari	&lt;	&#60;
>	Lebih dari	&gt;	&#62;
“	Tanda kutip	&quot;	&#34;
‘	Kutip tunggal	&apos; (Ndak berlaku di IE)	&#39;
&	Dan	&amp;	&#38;

Beberapa komentar yang ada meminta agar tutorial ini ditambah dengan contoh agar lebih jelas. Nah, berikut ini contoh untuk memperjelas tentang apa yang dimaksud dengan entitas karakter.
Kasusnya sangat mudah kok. Kita kan udah tahu, kalau yang namanya HTML itu menggunakan tag, iya kan? Salah satu contoh adalah tag <b> </b>untuk menebalkan huruf.
Sekarang bayangkan kalau suatu ketika kamu diminta untuk menulis tutorial tentang HTML dan kebetulan akan menulis tentang tag HTML yang berfungsi untuk menebelkan huruf. Misalnya kamu pengen baris berikut tampil di tutorial kamu (perhatikan, kamu ingin agar tag <b> dan </b> muncul dalam baris tersebut).
Untuk menebalkan huruf seperti kata tebal ini, kamu memerlukan tag <b> dan </b>
Nah, coba pikirkan, bagaimana menuliskan bari sederhana ini tanpa entitas karakter. Ndak bisa kan? Misalnya kamu menulis seperti ini:

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

?

1 2	Untuk menebalkan huruf seperti kata <b>tebal</b> ini, kamu memerlukan tag <b> dan </b>

Apa yang terjadi? Browser akan menampilkan kalimat berikut:
Untuk menebalkan huruf seperti kata tebal ini, kamu memerlukan tag dan
Apa bedanya? Ya…tag <b> dan </b> tidak muncul, sebagai gantinya, kata “dan ” akan tampil dalam huruf tebal.
Untuk membuat agar tag <b> dan </b> dapat muncul, kamu memerlukan entitas karakter, sehingga kamu harus menuliskan kode HTML menjadi seperti ini:

?

1 2	Untuk menebalkan huruf seperti kata <b>tebal</b> ini, kamu memerlukan tag &lt;b&gt; dan &lt;/b&gt;

Perhatikan, tanda < saya ganti dengan entitas karakter &lt;, sedangkan tanda > saya ganti dengan &gt;.
Lhah … nambah lagi tuh pertanyaan di komentar. Gini pertanyaannya, terus gimana dunks cara kita menampilkan &gt; biar yang keluar bukan >.
Mudah aja, kita bisa gunakan &amp di depannya untuk meng-escape tanda & sehingga kamu bisa tulis seperti ini &amp; &gt; (tanpa spasi di antara &amp; dan &gt;. Saya terpaksa menuliskan menggunakan spasi, karena tidak mungkin saya tuliskan tanpa spasi.)
Gampang kan? Ok, mudah-mudahan contoh ini bisa meningkatkan pemahaman kamu tentang apa yang dimaksud dengan entitas karakter ini.
Nah, kamu udah belajar HTML cukup jauh saat ini. So, jangan lupa kembali lagi ke Prothelon.com tempat di mana tutorial HTML terbaik tersedia secara gratis.
Kalau udah menguasai HTML dengan cukup baik, saya sarankan kamu mulai belajar PHP, bisa yang gratis atau yang lebih canggih lengkap dengan tempat praktek online.

Atribut HTML

Setelah sebelumnya kita belajar tentang Tag HTML dasar yang penting maka kita sekarang mencoba untuk melihat kemampuan ekstra lain dari tag HTML. Kemampuan tambahan ini diperoleh melalui penggunaan atribut tag HTML. Atribut memungkinkan informasi tambahan pada elemen HTML.
Atribut Tag HTML
Tag HTML dapat memiliki atribut. Atribut memungkinkan informasi tambahan pada elemn HTML.
Atribut selalu memiliki pasangan nama/nilai seperti ini: nama=”nilai”.
Atribut selalu dicantumkan pada awal tag elemen HTML.
Contoh Atribut 1:
<h1> mendefinisikan awal sebuah judul.
<h1 align=”center”> memiliki informasi tambahan tentang perataan baris.
Contoh Atribut 2:
<body> mendefinisikan badan/isi halaman HTML kita.
<body bgcolor=”red”> akan membuat background layar menjadi merah.
Contoh Atribut 3:
<table> mendefinisikan sebuah tabel HTML (nanti kita pelajari lebih lanjut).
<table border=”1”> memiliki tambahan informasi mengenai ketebalan garis pada tabel.
Selalu Gunakan Tanda Kutip pada Nilai Atribut
Nilai atribut seharusnya selalu diapit oleh tanda kutip. Tanda kutip ganda paling sering digunakan, tapi sebenarnya tanda kutip tunggal juga boleh ko.
Pada beberapa situasi tertantu yang sangat jarang terjadi, seperti misalnya saat nilai atribut itu sendiri berisi tanda kutip, maka kamu bisa gunakan tanda kutip tunggal.
Contohnya kayak gini:
nama=’Uzumaki “Jurus Seribu Bayangan” Naruto’
Ok. Next, kita akan belajar tentang entitas karakter HTML, jangan lupakan juga alasan mengapa kita perlu belajar HTML.

Tag HTML dasar

Tag HTML yang paling penting adalah tag-tag HTML yang mendefinisikan judul, paragraf dan ganti baris. Agar lebih mudah memahami tutorial dasar HTML tentang tag ini, saya sarankan untuk membaca tutorial tentang elemen HTML ini terlebih dahulu.
Seperti umumnya bahasa pemrograman lainnya, maka cara terbaik untuk mempelajari tag HTML adalah dengan banyak berlatih. Latihan tentu saja memerlukan alat bantu. Nah, pada dasarnya kamu bisa bikin file HTML menggunakan notepad, tapi tentu saja banyak software untuk menulis dengan berbagai fasilitas yang akan memudahkan. Googling aja atau cari di download.com dengan kata kunci HTML Editor.
Judul
Judul didefinisikan dengan menggunakan tag HTML <h1> sampai >h6>. <h1> mendefinisikan huruf judul yang paling besar, dan <h6> yang terkecil. Untuk latihan coba kamu bikin file HTML berikut ini dan perhatikan hasilnya.

?

1 2 3 4 5 6

<h1>Ini Judul</h1> <h2>Ini Judul</h2> <h3>Ini Judul</h3> <h4>Ini Judul</h4> <h5>Ini Judul</h5> <h6>Ini Judul</h6>

HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah judul.
Paragraf
Paragraf didefinisikan dengan menggunakan tag HTML <p>.

?

1 2	<p>Ini adalah sebuah paragraf</p> <p>Ini paragraf lainnya</p>

Sama seperti judul, HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah paragraf.
Jangan lupa Tag HTML penutup
Kamu pastinya udah pernah ngeliat bahwa paragraf dapat ditulis tanpa tag HTML penutup </p> kayak gini:

?

1 2	<p>Ini adalah sebuah paragraf <p>Ini paragraf lain

Contoh barusan dapat digunakan pada hampir semua jenis browser, tapi jangan ngandelin hal itu. Versi-versi HTML ke depan kayaknya ndak akan ngijinin kamu untuk melewatkan tag HTML penutup.
Menutup semua elemen HTML dengan tag HTML penutup adalah cara yang ampuh untuk menulis HTML yang kompatibel dengan semua browser dan pengembangan ke depan. Hal ini juga membuat kode kita lebih mudah dimengerti (baik dibaca maupun di browse).
Ganti Baris
Tag HTML <br> digunakan pada saat kamu pengen membuat baris baru, tapi belum ingin ganti paragraf. Tag HTML <br> akan membuatkan sebuah baris baru buat kamu dimanapun kamu letakkan tag itu.
<p>Ini <br> adalah sebuah pa<br>ragaraf dengan ganti baris </p>
Tag <br> adalah tag yang kosong. Nah, karena itu dia tidak punya tag HTML penutup seperti misalnya </br>, karena jadi ndak masuk akal. Ya tho?
<br> atau <br />
Kamu akan makin sering melihat penulisan tag HTML <br> dengan cara begini: <br />
Karena tag HTML <br> tidak memiliki tag penutup, maka tag tersebut melanggar salah satu aturan dasar dalam penulisan HTML ke depannya (XHTML yang berbasis XML), di mana semua elemen harus ditutup.
Menuliskan penggantian baris dengan cara <br/> ini menjamin bahwa file HTML kamu akan kompatibel dengan XML maupun cara penulisan HTML di masa datang.
Menuliskan Komentar dalam HTML
Tag komentar digunakan untuk menyisipkan sebuah komentar dalam kode sumber HTML. Sebuah komentas akan diabaikan oleh browser. Kamu bisa menggunakan komentar untuk menjelaskan kode yang kamu bikin, dan tentu saja hal ini akan membantu kamu saat kamu perlu melakukan perubahan pada kode kamu kapan-kapan.

?

1	<!-- Ini adalah sebuah komentar -->

Perhatikan bahwa kamu perlu menuliskan tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutupnya.

Ingat hal-hal berikut!

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

• Setiap tag HTML memiliki sebuah nama elemen (body, h1, p, br)
• Tag pembuka adalah nama yang dilingkupi oleh tanda kurung siku: <h1>
• Tag penutup adalah tanda garis miring dan nama yang dilingkupi oleh tanda kurung siku </h1>
• Isi elemen berada di antara tag pembuka dan tag penutup
• Beberapa elemen HTML tidak memiliki isi elemen
• Beberapa elemen HTML tidak memiliki tag penutup

Beberapa Tips Yang Bermanfaat
Waktu kamu menulis teks HTML, maka kamu tidak akan pernah bisa yakin bagaimana teks itu ditampilkan oleh browser lain. Beberapa orang memiliki monitor yang lebih besar, dan yang lainnya. Teks akan diatur ulang setiap kali pengunjung mengubah ukuran windownya. Jangan pernah mencoba untuk membantuk teks yang memiliki baris kosong atau spasi dekat dengan teks itu.
HTML akan menghapus spasi dalam teks kamu. Berapa banyakpun kamu tuliskan spasi, tetap akan dihitung satu. Satu lagi, dalam HTML sebuah baris baru dihitung sebagai satu spasi.
Menggunakan paragraf kosong <p> untuk menyisipkan baris kosong adalah kebiasaan yang kurang baik. Gunakan tag <br> sebagai penggantinya. (tapi jangan juga gunakan tag <br> untuk membuat daftar. Tunggu sampai pelajaran tentang daftar dimulai ya).
HTML secara otomatis akan menambah baris kosong sebelum dan sesudah beberapa elemen, seperti sebelum dan sesudah paragraf dan judul.
Tag HTML Dasar
Masih ingat kan tentang pengertian tag HTML? Nah, berikut adalah tag-tag HTML penting yang akan sangat sering kamu pakai. Dan kamu akan mempelajari masing-masing secara lebih detil terutama yang menyangkut atributnya.
Tag – Description
<html> – Mendefinsikan sebuah dokumen HTML
<body> – Mendefinisikan isi utama
<h1> to <h6> – Mendefinisikan judul 1 sampai 6
<p> – Mendefinisikan paragraf
<br> – Menyisipkan sebuah baris
<hr> – Mendefinisikan garis horisontal
<!–> – Bikin komentar
Asik kan? Ini belum seberapa, tunggu sampai kamu udah bisa bikin tabel, huruf berwarna dan masih banyak lagi variasi tampilan yang bisa digunakan untuk mempercantik halaman web kamu.

Elemen pada HTML

Elemen HTML, apa tuh? Nah, dalam Belajar HTML yang lalu, kamu udah nyoba membuat halaman HTML pertama kamu dan mengerti cara bikinnya. Berikutnya kamu harus belajar elemen HTML dan cara menuliskannya. Kamu akan memerlukan definisi dasar ini dalam proses belajar HTML yang kamu lakukan sepanjang tutorial di sini. Berikut petunjuk pentingnya.
Ingat petunjuk penting ini:
Dokumen HTML adalah file teks yang terdiri dari elemen HTML. Nah, elemen HTML itu didefinisikan menggunakan apa yang disebut dengan tag HTML.
Ingat, elemen HTML didefinisikan dengan tag HTML. Apa yang dimaksud dengan tag HTML? Nah, berikut poin-poin yang akan membantu kamu mengingat dan memahami pengertian Tag HTML:

• Tag HTML digunakan untuk menandai (mark-up) elemen HTML
• Tag HTML berada di antara dua karakter penanda berikut < dan >
• Karakter penanda itu disebut dengan tanda kurung siku
• Tag HTML umumnya selalu berpasangan seperti <b> dan </b>
• Tag pertama adalah tag pembuka, dan tag kedua adalah tag penutup
• Teks di antara kedua tag tersebut disebut isi elemen
• Tag HTML tidak bersifat case sensitif, <b> memiliki arti yang sama dengan <B>

Elemen HTML
Ingat contoh HTML di tutorial sebelumnya kan:

?

1 2 3 4 5 6 7 8

<html> <head> <title>Judul Halaman</title> </head> <body> Ini halaman pertama saya. <b>Teks ini ditebalkan</b> </body> </html>

Ini adalah elemen HTML:

?

1	<b>Teks ini ditebalkan</b>

Berikut penjelasan tentang Elemen HTML tersebut:

• Elemen HTML ini dimulai dengan tag pembuka: <b>
• Isi dari elemen HTML adalah: Teks ini ditebalkan
• Elemen HTML diakhiri dengan tag penutup: </b>

Fungsi tag <b> adalah untuk mendefinisikan sebuah elemen HTML yang harus ditampilkan dengan huruf tebal.
Nah, ini juga elemen HTML:

?

1 2 3

<body> Ini adalah halaman pertama saya. <b>Teks ini ditebalkan</b> </body>

Elemen HTML ini dimulai dengan tag pembuka <body>, dan berakhir dengan tag penutup </body>
Fungsi dari tag <body> adalah untuk mendefiniskkan elemen HTML yang berisi badan (isi) dari dokumen HTML.
Mengapa kita menggunakan tag dalam huruf kecil?
Kita sudah membahas sebelumnya bahwa tag HTML tidak case sensitif: <B> memiliki arti yang sama dengan <b>.  Kalau kamu lagi surfing web, kamu akan melihat bahwa banyak situs web menggunakan tag HTML dalam huruf besar dalam source codenya. Tapi dalam contoh di atas, kita menggunakan huruf kecil. Tahu kenapa?

Pengertian HTML

Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer. Nah setelah selesai dengan belajar HTML, maka kamu akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya kamu pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kamu perlu mulai belajar PHP. Setelah belajar PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kamu.
Saya bisa dengan singkat menjelaskan seperti ini.
HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti CSS dan Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.
Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.
Perlu saya sampaikan di sini bahwa meskipun kamu sudah  menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu.
Oh ya, sebelum saya lupa, saya perlu sampaikan bahwa tutorial belajar HTML ini hanya salah satu dari puluhan tutorial lain tentang HTML yang ada di prothelon. Saran saya, silakan lihat dulu daftar tutorial HTML ini dan pelajari tutorial-tutorial tersebut secara berurutan untuk mendapatkan hasil yang maksimal.
Siap? OK, kita akan mulai belajar HTML.
Pengenalan HTML
Apa yang dimaksud dengan file HTML?
–    HTML merupakan kependekan dari Hyper Text markup Language
–    Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
–    Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
–    File HTML harus memiliki ekstensi htm atau html
–    File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.
Pengen Nyoba Bikin?
Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:

?

1 2 3 4 5 6 7 8

<html> <head> <title>Judul Halaman</title> </head> <body> Ini halaman pertama saya. <b>Teks ini ditebalkan</b> </body> </html>

Simpan dengan nama “halamanku.htm” (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.
Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.

Belajar HTML Dasar

Selamat datang di serial tutorial HTML gratis prothelon.com. Dalam seri tutorial ini, kamu akan mendapatkan referensi lengkap tentang berbagai macam tag HTML yang bisa kamu gunakan untuk membuat website.
Apa saja yang bisa kamu pelajari dalam tutorial HTML yang ada di sini? Mari kita lihat bersama daftar isi berikut.
(Oh ya, Saya sangat sarankan untuk mempelajari semua materi HTML tersebut secara berurutan)

DAFTAR TUTORIAL HTML

1. Belajar HTML, dalam tutorial HTML ini kamu akan mempelajari alasan mempelajari HTML, apa hubungannya dengan PHP, MySQL dan berbagai hal menarik lain yang terkait proses belajar HTML kamu.
2. Elemen HTML, membahas tentang bagian-bagian apa yang ada dalam sebuah dokumen HTML. Anda juga akan mendapatkan tutorial HTML tentang pengenalan tag HTML.
3. Tag HTML, tutorial HTML ini membahas detil beberapa tag HTML dasar yang sering digunakan seperti judul, paragraf, cara membuat baris baru, dll.
4. Atribut HTML, yang akan menjelaskan penggunaan tag HTML yang lebih komplek. Dalam tutorial HTML ini kamu akan mempelajari cara menambahkan atribut dalam tag HTML kamu. Contohnya, kita bisa membuat judul yang berada di tengah dengan menambahkan atribut align=center.
5. Entitas Karakter HTML, tutorial HTML ini agak sulit saya jelaskan secara singkat, tetapi contohnya adalah bagaimana menuliskan beberapa spasi secara berurutan. Ya, kita tidak bisa begitu saja menuliskan spasi berurutan secara langsung dengan HTML, ada triknya he he he…
6. Link HTML, menurut saya, tutorial HTML ini adalah bagian yang paling penting saat kamu belajar HTML karena merupakan fondasi utama yang membuat web menjadi layanan paling bermanfaat di internet. Pokonya jenius. Penasaran apa alasannya? Silakan baca sendiri.
7. Paragraf HTML, tutorial ini akan membahas lebih dalam tentang tag <p> yang kita gunakan untuk membuat paragraf rata kiri, dll.
8. Mengubah Tampilan Teks HTML, membahas berbagai teknik untuk memanipulasi huruf teks, membuatnya lebih tebal, miring, mengubah ukuran, dll. Asik deh.
9. List HTML, dalam tutorial HTML ini, kita akan mencoba membuat daftar atau list HTML. Contohnya? Ya seperti daftar isi yang lagi kamu baca ini. Kita akan belajar apa saja jenis list HTML yang ada.
10. Ordered List HTML, tutorial HTML yang membahas cara membuat daftar atau list bernomor, seperti daftar isi ini.
11. Unordered List HTML, yang ini akan membahas daftar tanpa nomor.
12. Review Tutorial HTML, tutorial ini akan mereview semua materi HTML yang sudah kita pelajari tadi.
13. Daftar Warna pada HTML, tutorial HTML tentang warna apa saja yang bisa kamu gunakan saat membuat dokumen HTML.
14. Belajar Membuat Tabel HTML, well, tutorial HTML ini sangat banyak ditanyakan oleh pengunjung prothelon.com. Kamu akan sering memerlukan tabel ini pada saat desain web, membuat daftar, membuat perbandingan, dll.
15. Belajar Tabel HTML Spanning, hmmm… tutorial HTML ini akan membahas lebih detil tentang tabel HTML terutama tentang bagaimana menggabungkan beberapa kolom atau baris.
16. Mengatur Sel dalam Tabel Menggunakan Padding dan Spacing, nah dengan mempelajari tutorial HTML ini, kamu bisa mengatur jarak teks ke pinggir tabel, dan pengaturan sel lainnya.
17. Belajar HTML 5, Yang ini tentu saja akan membahas teknologi atau versi terbaru dari HTML yaitu HTML 5.
18. Belajar HTML tanpa Belajar PHP, tutorial ini akan menjawab pertanyaan yang sering dilontarkan pengunjung prothelon.com misalnya apakah bisa kita membuat website tanpa mempelajari PHP?

Menu Extra di Wordpress

Dalam tutorial mengenai menu blog wordpress sebelumnya, kita udah melihat adanya menu show/hide Kitchen Sink yang dapat kita gunakan untuk menampilkan dan menyembunyikan tombol-tombol menu ekstra untuk penyuntingan blog wordpress kita. Nah, untuk melihat tombol tambahan fasilitas penyuntingan yang lainnya tersebut, silakan klik tombol (Show/Hide Kitchen Sink). Berikut ini adalah menu-menu editing blog wordpress ekstra yang dapat kamu gunakan.

1. Paragraph, membuat format gaya penulisan text.
2. Underline, menampilkan garis bawah pada text.
3. Align full, membuat rata kanan dan kiri pada text.
4. Select text color, memberi warna pada huruf.
5. Paste as Plain Text, menempelkan text melalui mode bebas pengkodean.
6. Paste from Word, menempelkan text dari aplikasi word.
7. Remove formatting, membersihkan format yang ada pada tulisan seperti semula.
8. Insert custom character, menampilkan daftar karakter dan simbol penulisan.
9. Outdent, membuat text menjorok keluar.
10. Indent, membuat text menjorok kedalam.
11. Undo, kembali satu aksi ke belakang aktifitas penyuntingan.
12. Redo, kembali satu aksi kedepan aktifitas penyuntingan.
13. Help, bantuan.

Selesai. Selamat, Anda sudah menulis artikel pertama di blog wordpress Anda. Ulangi cara yang sama setiap kali akan menulis artikel baru. Selamat nge-blog!

Menu Mode Visual di Wordpress

Tutorial cara membuat blog kali ini masih akan membahas tentang kelanjutan tutorial cara membuat blog di wordpress. Di sini saya akan menambahkan penjelasan tentang beberapa menu pada wordpress apabila kita akan menulis blog pada mode visual :

1. Bold, menebalkan text.
2. Italic, mencetak miring text.
3. Strikethruough, mencoret text.
4. Unordered list, menampilkan daftar peluru pada text.
5. Orderd list, menampilkan daftar peluru berbentuk angka pada text.
6. Blockquote, membuat area tulisan khusus pada text.
7. Align left, membuat rata kiri text.
8. Align center, membuat rata tengah text.
9. Align right, membuat rata kanan text.
10. Insert/edit link, membuat dan mengedit link pada text.
11. Unlink, menghapus link pada text.
12. Insert More tag, memecah text menjadi dua bagian (read more).
13. Proofread Writing, untuk pemeriksaan ejaan taxt.
14. Toggle fullscreen mode, menampilakan halaman penuh penulisan.
15. Show/Hide Kitchen Sink, menampilkan dan menyembunyikan tombol tambahan fasilitas penyuntingan text.

Tombol terakhir ini cukup menarik karena kita akan memperoleh beberapa menu tambahan terkait penyuntingan teks di blog wordpress. Untuk melihat tombol tambahan fasilitas penyuntingan yang lainnya, klik tombol (Show/Hide Kitchen Sink). Kita akan bahas lebih lanjut mengenai menu-menu tambahan ini pada tutorial cara membuat blog berikutnya.

Membuat Blog di Wordpress Jilid 2

Selesai membuat blog, lalu bagaimana cara kita akan posting? Hal ini penting karena menurut saya pada umumnya konten website kita lebih penting daripada desainnya. Tidak tahu cara menulis di blog wordpress kita sama saja dengan tidak ada konten kan?
Yuk kita simak langkah-langkah membuat blog di wordpress ini karena kita akan fokus pada bagaimana cara menulis di blog berbasis wordpress tersebut lengkap dengan gambarnya.

• Untuk login Kunjungi http://nama-blog-anda.wordpress.com/login.php lalu ketik username dan password.
• Masuk ke Menu yang ada disamping kiri Anda arahkan maouse ke Menu Tulisan lalu Tambahkan Baru. Setelah itu akan muncul halaman dimana Anda akan menulis, seperti yang terlihat pada gambar berikut. Saya sudah tambahkan beberapa lingkaran merah untuk menandai bagian-bagian penting dari pembahasan langkah membuat blog di wordpress ini. Silakan klik gambar di bawah ini untuk menampilkan gambar menulis di wordpress ini dengan lebih besar.

• Masukkan Judul dan isi artikel di tempat yang tersedia, setelah selesai klik “Terbitkan” (apabila wordpress anda berbahasa Indonesia) atau “publish” (apabila wordpress anda berbahasa Inggris)

Oh iya, jangan lupa, pada tutorial langkah membuat blog berikutnya kita akan melihat penjelasan tentang beberapa menu pada wordpress apabila kita akan menulis blog pada mode visual ini. Jadi jangan lewatkan tutorial langkah membuat blog berikutnya ya.

Membuat Blog di Wordpress

Mari kita melanjutkan materi langkah-langkah membuat blog. Kemarin saya sudah membahas bagaimana caranya membuat blog di blogspot, sekarang yang akan saya bahas adalah langkah membuat blog di wordpress.
WordPress sendiri sebenarnya salah satu CMS. Ada 2 versi pengguna wordpress, yaitu yang menggunakan domain dan hosting berbayar dan yang menggunakan wordpress gratisan berdomain wordpress.com.
Apa bedanya?
Sederhana saja, jika menggunakan opsi pertama yang berbayar, anda bisa memiliki nama domain sendiri, sedangkan jika anda membuat blog di wordpress.com, maka nama domain yang anda miliki akan merupakan subdomain dari wordpres.com, misalnya blogsaya.wordpress.com.
Dan kali ini saya akan terlebih dahulu membahas bagaimana langkah membuat blog di wordpress.com
Okey, sekarang mari kita mulai membuat blog berdomain wordpress.com, oh iya.. saya berasumsi bahwa teman-teman sudah memiliki email ya..

1. Buka wordpress.com lalu klik Get Started Here
2. Isikan alamat blog, User name, Password dan Alamat email Anda.
3. Pada pilihan What language will you be blogging in? pilih bahasa Indonesia atau biarkan saja untuk bahasa standar bawaan wordpress yaitu bahasa Inggris. Kemudian pilih Create blog.
4. Setelah itu, muncul halaman baru untuk memberitahukan bahwa blog Anda akan aktif setelah melakukan registrasi melalui email Anda. Silahkan cek email Anda.
5. Untuk mengaktifkan akun Anda. Periksa kotak masuk email dan klik tautan di dalam pesan dari WordPress.com.
6. Setelah link diklik akan muncul pesan berikut: “Your account is now active!” Nah, sekarang blog wordpress anda sudah aktif.
7. Silahkan kunjungi blog Anda di: http://nama-blog-anda.wordpress.com

Setelah selesai mengikuti langkah membuat blog di wordpress tersebut, kita tentu akan melakukan posting. Nah, lalu bagaimana cara kita akan posting di blog wordpress kita?
Jika Anda baru saja bergabung, maka kemungkinan akan mengalami sedikit kesulitan untuk membuat postingan pertama Anda di blog wordpress tersebut.

Cara Membuat Blog di Blogspot

Dalam tutorial cara membuat blog kali ini, kita akan mempelajari langkah membuat blog di blogspot, lengkap dengan screenshotnya. Biar gampang kan?
Saya asumsikan, anda sudah mempunyai email. Maka yang langkan membuat blog pertama yang perlu anda lakukan adalah membuka alamat www.blogger.com. klik tombol oranye yang bertuliskan Memulai, untuk mulai mendaftar.

• Isi formulir sepeti pada contoh gambar dibawah ini (klik pada gambar untuk memperbesar):

• pada kolom alamat email : masukan email kamu
• ketik ulang alamat email : masukan lagi email yang sama seperti diatas
• masukan sebuah password : masukkan kata kunci (minimal 8 karakter, bisa huruf bisa angka) ketikan ulang sandi : masukan lagi password yang telah kamu masukan sama dengan yang di atas
• Nama tampilan : isi nama kamu atau nama alias kamu (ini akan tampil bersamaan dengan posting, artikel yang kamu buat nanti)
• verifikasi : masukkan gambar kata yang terdapat di atas kolom.
• pada gambar di atas sudah saya sertakan contoh pengisiannya
• jika sudah diisi semua lalu klik Tombol panah orange (Lanjutkan)
• Setelah klik tombol “lanjutkan” akan tertera untuk melengkapi judul blog dan alamat blog. Isilah Judul Blog dan Alamat blog sesuai dengan keinginanmu, jika alamat blog menggunakan 2 kata atau lebih gunakan tanda ( – ). karena blogspot tidak bisa menggunakan spasi.
• Langkah berikutnya adalah Klik “lanjutkan “ dan akan muncul halaman yang berisi tema / template yang bias anda pilih.
• Untuk memilih template tinggal klik salah satu. kemudian klik tombol lanjutkan. Setelah tombol Lanjutkan di atas diklik, berarti blog kamu sudah jadi, hanya saja belum ada artikelnya sama sekali.
• Langkah membuat blog yang terakhir adalah membuat artikel pertama kali, silahkan klik tombol Mulai Blogging.

Cara Membuat Blog Gratis

Tutorial cara membuat blog kali ini akan membahas langkah-langkah membuat blog.
Saya yakin sekali, beberapa dari anda bahkan mungkin semua sudah tidak asing lagi dengan blog.
Yup, seperti yang telah dijelaskan pada artikel Perbedaan blog dan website bahwa blog adalah sebuah website dengan halaman dan posting yang menggunakan CMS. Yang membedakan jika website hanyalah situs yang menyediakan informasi satu arah bagi pengunjungnya, sedangkan blog atau webblog menyediakan informasi secara dua arah, jadi para pengunjung bisa memberikan komentar tentang artikel yang disajikan oleh pengelola blog itu. Biasanya blog bersifat pribadi dan dimiliki oleh personal.
Nah, bagi anda yang tertarik bagaimana caranya membuat blog, Nggak ada salahnya untuk terus memantau serial artikel “Langkah-langkah membuat blog” ini. Di sini saya akan menjelaskan beberapa kategori blog. Terdiri dari : membuat blog dengan hosting gratis (dengan blogspot dan wordpress) dan membuat blog dengan hosting berbayar sekaligus saya terangkan bagaimana menginstal CMSnya.
Siap? Saya akan mulai dengan membahas langkah-langkah membuat blog di blogspot pada tutorial selanjutnya.

Perbedaan Blog dan Web Jilid 3

Perbedaan Tampilan Halaman dan Postingantara blog dan website.

Salah satu perbedaan penting yang bisa langsung kita lihat antara blog dan website lainnya adalah urutan tampilan postingnya. Blog menampilkan posting tulisan kita secara berurutan terbalik, artinya posting terakhir akan berada paling atas. Sementara di website lain, tampilan halaman dilakukan sesuai keinginan webmaster dan susunan navigasinya.

Satu lagi hal unik dari blog adalah pada umumnya blog memungkinkan interaksi yang tinggi dengan pengunjungnya. Pada website yang berbentuk blog, kita sangat sering melihat komentar kan? Kita bisa memilih apakah akan mengijinkan komentar di posting kita atau tidak.

Untuk membuat komunitas pembaca blog kita dengan baik, komentar merupakan faktor kunci yang sangat penting. Ini adalah salah satu keuntungan besar yang dimiliki blog dibandingkan jenis website lainnya.

Perbedaan Blog dan Web Jilid 2

Sebelum mempelajari cara membuat website, ada baiknya kita mempelajari terlebih dahulu perbedaan antara website, blog, CMS dan web builder.
Dalam posting bagian 1 perbedaan blog dan website, kita sudah melihat definisi dari masing-masing istilah tersebut.
Nah, secara singkat bisa kita simpulkan sebagai berikut:

•  Website adalah sekumpulan halaman web.
• Blog adalah sebuah website dengan halaman dan posting yang menggunakan CMS.
• Website builder juga menggunakan CMS namun fungsinya adalah membantu kita membuat website.

Udah mulai ada gambaran kan?
Kita lanjutkan ya.
Ingat ya, CMS atau Content Management System adalah sistem yang bekerja di belakang layar.
Tugasnya adalah untuk membantu kita menyimpan, mengelola dan menampilkan isi dari website kita. Dengan bantuan CMS, kita bisa menulis artikel, menentukan di kategori mana artikel tersebut akan ditampilkan, menentukan apakah akan ditampilkan atau tidak, dan masih banyak fungsi lainnya tergantung dari CMS yang kita gunakan.

Perbedaan Blog dan Web

Saya sering menerima pertanyaan dari teman-teman yang mengindikasikan bahwa mereka belum memahami perbedaan blog dan web site. Kadang ada juga yang belum mengetahui persis apa perbedaan antara membuat website menggunakan CMS seperti Joomla dengan membuat website menggunakan HTML, PHP dan MySQL.

Kamu tidak perlu khawatir, karena memang banyak teman-teman yang baru mulai terjun di internet bingung dalam membedakan blog, website dan CMS. Mengapa? Karena memang perbedaannya tidak terlalu banyak. Untuk itu mulai tutorial kali ini, saya akan coba bahas tentang hal itu ya, plus satu lagi tentang website builder.

Apa lagi tuh? Kita lihat bareng yuukkk.

Baiklah, untuk memulainya, mari kita lihat definisi dari wikipedia dulu ya. Berikut ini definisi dalam bahasa Inggrisnya:

Content Management System (CMS) is a computer application used to create, edit, manage, search and publish various kinds of digital media and electronic text.

Blog – (a contraction of the term weblog) is a type of website, usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video. Entries are commonly displayed in reverse-chronological order. “Blog” can also be used as a verb, meaning to maintain or add content to a blog.

Website (or “web site”) – a collection of related web pages, images, videos or other digital assets that are hosted on one web server, usually accessible via the Internet.

Website Builder – On-line proprietary tools provided by web hosting companies which cater to people who wish to build and publish their website without learning the technical aspects of web page production…

Cara Membuat Website : Panduan untuk Pemula (Newbi)

Tutorial ini akan menunjukkan bagaimana cara membuat sebuah website. Panduan ini ditujukan bagi para pemula, dan akan menunjukkan langkah demi langkah keseluruhan proses membuat website sendiri dari dasar banget. Pada dasarnya, asal kamu udah bisa browsing dan mengetik, maka kamu udah punya modal untuk membuat website sendiri kok.
Tulisan ini merupakan bagian kecil dari berbagai tutorial tentang cara membuat website sendiri yang ada di prothelon.com ini. Untuk melihat keseluruhan tutorial tentang cara membuat website sendiri, kamu bisa klik di sini. Saya juga membuat beberapa link menuju tutorial lain yang terkait untuk memudahkan kamu untuk mempelajari lebih lanjut topik-topik tertentu yang diperlukan. Hampir semua topik itu udah ada di prothelon.com kok. Yuk, kita mulai…
Pernah bingung membedakan istilah website dan blog? Nah, pada dasarnya, semua yang kamu lihat di internet adalah website. Namun demikian, website tersebut memiliki fungsi yang berbeda-beda dan memiliki sebutan khusus tergantung pada fungsinya. Jenis website yang cukup ngetop adalah blog, social media dan toko online.  Jadi bisa dikatakan bahwa blog adalah salah satu jenis website yang memiliki fungsi sebagai diary atau buku harian bagi pemiliknya, makanya biasanya tampilan artikel blog biasanya diurutkan berdasarkan tanggal dimulai dari yang paling baru.
Website lain memiliki fungsi mirip sebuah toko, di mana kita bisa memajang foto produk, harga, deskripsi produk hingga cara pembelian. Website jenis ini kita sebut sebagai toko online. Jenis website lain yang terkenal adalah social media. Untuk jenis website ini saya tidak perlu menjelaskan panjang lebar, karena kamu pasti sudah sering menggunakannya yaitu facebook dan twitter.
Pada prinsipnya ada beberapa cara untuk membuat website, saya membaginya ke dalam 4 kategori yaitu:

• Instan, cara ini adalah cara tercepat, termurah (alias gratis) dan termudah dalam membuat website. Contoh paling mudah adalah menggunakan blogspot, worpress, tokobagus, dll. Cara ini memiliki kelemahan pada tingkat fleksibilitas pembuatan. Kita hanya bisa membuat website sesuai format yang sudah disediakan oleh penyedia layanannya. Silakan baca tutorial cara membuat website menggunakan blogspot atau wordpress ini untuk mempelajari langkah-langkah pemuatannya.
• CMS atau Content Management System. Cara ini relatif cepat seperti metode instan, namun memiliki tingkat fleksibilitas yang lebih dibandingkan cara Instan. Kamu tinggal melakukan instalasi menggunakan software CMS yang sudah disediakan. Kita bisa melakukan perubahan lebih fleksibel dengan menginstal add on pada CMS tersebut. Namun demikian, kamu pada umumnya harus menyediakan nama domain dan hosting sendiri. Contoh CMS adalah Joomla untuk website yang umum, wordpress untuk blog (ya, wordpress memiliki 2 jenis yaitu instan dan CMS), Prestashop untuk toko online, dll. Kamu bisa klik tutorial membuat website CMS WordPress ini untuk mempelajari langkah-langkah pembuatannya.
• Framework, cara ini memiliki tingkat fleksibilitas pembuatan yang lebih tinggi, namun kamu harus memiliki kemampuan web programming.
• Web Programming. Cara membuat website ini adalah yang paling fleksibel, namun lama dan kamu dituntut untuk memiliki kemampuan web programming. Kalau kamu udah bisa membuat website dengan cara ini, maka pada dasarnya kamu bisa membuat segala jenis website yang kamu inginkan, nyaris tanpa batas. Kalau kamu tertarik untuk mempelajari cara ini, kamu minimal harus menguasai HTML, PHP dan MySQL.

Nah, untuk membuat website dengan metode CMS, Framework dan Web Programming, kamu memerlukan domain dan hosting. Apa tuh maksudnya domain dan hosting? Mari kita pelajari bersama.

Panduan penting langkah demi langkah membuat website sendiri

Dapatkan nama domain kamu sendiri
Hal pertama yang harus kamu lakukan saat membuat website sendiri adalah memperoleh nama domain kamu sendiri. Sebuah domain adalah nama yang ingin kamu berikan untuk website yang kamu buat. Sebagi contoh, nama domain website yang sedang kamu baca ini adalah “prothelon.com”. Untuk memperoleh nama domain, kamu harus membayar biaya sewa tahunan sebagai hak penggunaan nama tersebut. Yah, kamu tahu sendirikan, kalau nama website itu harus unik, dan hanya satu-satunya di internet. Kalau tidak orang pasti akan bingung mana web site punya kamu dan mana website yang milik orang lain. Jadi, di seluruh internet, kamu pasti hanya akan menemukan sebuah website yang alamatnya prothelon.com. Got that?
Nah, sebelum kamu berpikir macam-macam, perlu saya ingetin bahwa memiliki nama domain bukan berarti kamu sudah memiliki sebuah website. Belum. Ingat, nama domain ini hanyalah sebuah nama. Seperti kamu mendaftarkan ijin usaha sebuah PT atau CV dalam dunia nyata. Memiliki ijin usaha ini bukan berarti kamu memiliki toko atau gudangnya kan?
Silakan lihat tutorial membuat website ini untuk mendapatkan tips memilih nama domain yang baik untuk website anda.
Pilih Sebuah Web Hosting
Langkah berikutnya dalam proses membuat website sendiri ini adalah memilih web hosting. Sebuah web hosting pada dasarnya adalah sebuah perusahaan yang memiliki beberapa komputer yang selalu terhubung ke internet. Jika kamu menempatkan halaman-halaman web kamu di komputer mereka, maka seluruh dunia bisa menghubungi komputer itu dan melihat halaman website kamu. Kamu perlu mendaftarkan diri dulu ke web hosting agar website yang kamu buat memiliki “rumah”. Jika memiliki nama domain bisa diibaratkan dengan memiliki ijin usaha, maka memiliki akun web hosting kira-kira mirip dengan menyewa kantor atau toko untuk bisnis kamu.
Menyewa? Ya, untuk web hosting yang berbayar. Tentu saja kamu bisa memilih web hosting berbayar ataupun yang Web Hosting gratisan. Kamu juga bisa baca tutorial singkat tentang membuat website di hosting berbayar ini.
Kamu bisa melihat beberapa tips menarik saat memilih web hosting yang pernah saya tulis sebelumnya. Silahkan baca dulu agar kamu punya panduan saat menentukan pilihan nantinya.
Gimana? Menarik bukan. Dalam posting lainnya kita akan membahas langkah selanjutnya dalam membuat website yaitu membuat desain web.

Pengenalan Jaringan Wifi Dalam Perkembangan Komunikasi Data

Teknologi telekomunikasi yang memungkinkan komunikasi jarak jauh berkembang pesat

sejak perang 1812. Samuel Morse membuat telegraf elektronik pada tahun 1844, orang

dapat mengirim pesan instan secara langsung. Pada tahun 1876, Alexander Bell

menemukan telepon dan memungkinkan orang untuk berbicara secara langsung dari jarak

jauh. Sistem komunikasi komputer kita saat ini memungkinkan kita untuk mengirim data

bahkan software dari jarak jauh. Pada bahasan kali ini, saya akan membahas sedikit

tentang jaringan dan komunikasi digital.

Setiap komputer yang terhubung dalam LAN disebut node dan perlu dihubungkan

ke hub menggunakan kabel yang disebut twisted pair atau dengan sistem wireless.

WAN (Wide Area Network) pada dasarnya mirip dengan LAN, hanya saja mencakup jarak

yang lebih luas. WAN terbesar yang diketahui adalah internet. Koneksi WAN menggunakan

telepon kabel, microwave relay tower, dan satelit.