Tutorial HTML

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?

20.17  Unknown  No comments

Read More

Belajar 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>

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

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.

• Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>.
• Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
• Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
• Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).
• Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu.
• Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.

Nah, dengan penjelasan ini kamu mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar HTML gampang gini yah . Mudah-mudahan.
Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya.
Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke level berikutnya tentang elemen HTML. Kamu juga bisa melihat daftar tutorial HTML apa saja yang ada di draqliquers.blogspot.com

20.15  Unknown  No comments

Read More

Membuat website di hosting gratisan

Salah satu langkah penting dalam membuat website adalah menyiapkan web hosting. Selain web hosting berbayar, ada juga yang gratisan. Nah, tulisan ini akan menunjukkan langkah-langkah membuat akun di hosting gratisan yaitu free0host.com.

• Langkah pertama tentu saja membuat akun di free0host.com. Silahkan langsung menuju ke free0host.com untuk membuat akun kamu.
• Klik link pendaftaran yang ada, dan kamu akan diminta beberapa data pribadi kamu di sana. Isi saja sesuai dengan keinginan dan data kamu.
• Perhatikan, kamu harsu mengisi alamat email dengan benar, karena free0host akan mengirimkan email konfirmasi ke alamat email kamu ini.
• Setelah selesai, kamu akan diminta untuk mengklik link konfirmasi yang sudah dikirimkan melalui email kamu.
• Buka email yang kamu gunakan untuk mendaftar dan klik link yang ada di sana.
• Link tersebut akan membawa kamu kembali ke website free0host.com dan kamu akan diminta untuk membuat data hosting kamu.
• Perhatikan, data yang pertama kamu isi adalah data akun kamu, sedangkan yang sekarang adalah data hosting. Sedikit berbeda.

20.12  Unknown  No comments

Read More

Langkah-langkah Membuat Desain Website

Kamu mungkin udah tahu kalau untuk mempermudah pekerjaan desain web, kita bisa menggunakan software bantuan seperti Dreamweaver, Frontpage atau kalau pengen gratisan bisa pakai KompoZer. Software-software itu biasanya dikenal dengan istilah web authoring software. Namun demikian, untuk membuat desain web yang indah, kamu masih memerlukan alat bantu lain. Yang saya maksudkan adalah software untuk memanipulasi gambar. Ya, Dreamweaver dan kawan-kawannya tidak bisa memanipulasi gambar. Yang saya maksudkan dengan manipulasi gambar di sini adalah mengubah gambar yang akan kita gunakan di web site, seperti mengubah ukuran, memotong, mengubah warna atau bahkan menggabungkan beberapa gambar agar nampak lebih enak dilihat.
Semua itu hanya bisa dilakukan oleh software yang digunakan khusus untuk memanipulasi gambar. Dan tentu saja yang mungkin paling sering kamu denger adalah Adobe Photoshop. Selain Adobe, saya juga pernah beberapa kali menggunakan Macromedia Dreamweaver dan akhir-akhir ini saya mencoba software pengolah gambar open source yang bernama GIMP. Saya coba terapkan di situs ini. Silahkan lihat untuk mengetahui apa yang bisa dilakukan oleh GIMP. Meskipun filternya tidak selengkap Adobe, namun untuk pemula sudah sangat cukup.
Nah, umumnya langkah-langkah yang dilakukan saat saya mendesain sebuah web site adalah seperti ini:

• Membuat gambar desain template web menggunakan GIMP
• Memotong-motong gambar tersebut sesuai areanya (misalnya header, menu, body, footer, dll).
• Menyusun potongan-potongan gambar itu kembali dalam web site menggunakan KompoZer.
• Jika web site saya merupakan web site dinamis, maka langkah berikutnya adalah menyisipkan kode-kode PHP ke dalam web site hasil dari KompoZer.

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

Kalau halaman web kamu udah beres, kamu bisa melanjutkan dengan langkah-langkah membuat web site di internet.
Ok, mudah-mudahan penjelasan singkat ini bisa bermanfaat minimal memberikan gambaran awal bagaimana sebenarnya proses membuat desain sebuah halaman web secara umum.
Kalau ingin mengetahui lebih detil langkah-langkah desain web tersebut, silahkan coba kunjungi situs ini.

20.11  Unknown  No comments

Read More

Panduan Umum Cara Membuat Website draqliquers.blogspot.com

Cara membuat website adalah topik yang sangat luas, dan tulisan ini akan memandu kamu untuk mempelajari materi di prothelon.com secara sistematis. Tulisan ini bisa kamu bayangin seperti daftar isi singkat tentang apa yang sudah saya tulis di prothelon.com mengenai cara membuat website.
Kamu bisa membaca tutorial yang ada di prothelon.com secara sistematis dengan membaca sesuai dengan urutan yang saya sarankan dalam daftar berikut ini. Kita mulai yuk.

1. Belajar langkah-langkah cara membuat website secara umum.
2. Belajar HTML
3. Belajar PHP
4. Belajar MySQL
5. Tips memilih web hosting
6. Belajar cara publikasi website

Dengen mempelajari sesuai urutan tersebut, saya harap kamu bisa memahami cara membuat website secara komprehensif. Buat kamu yang masih pengen belajar PHP lebih lanjut, atau tertarik dengan topik lain, berikut daftar materi yang ada di prothelon.com.

1. Belajar PHP Lebih Lanjut
• Belajar PHP Lanjutan
• OOP PHP
• Proyek PHP
• Contoh Script PHP
Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.
2. Belajar Komputer
• Pengenalan Komputer
• Dasar Komputer
• Sejarah Komputer
• Jaringan Komputer
3. Belajar VB

20.08  Unknown  No comments

Read More

Cara Membuat Website Sendiri untuk Pemula bag 2

Baiklah, dalam tutorial sebelumnya mengenai Cara Membuat Website sendiri, kamu sudah menyiapkan domain name dan hosting yang bagus. Saatnya untuk mengisi hosting kamu.
Langkah penting berikutnya adalah mendesain website kamu.
Begitu kamu sudah siap dengan domain dan hostingnya, tiba waktunya untuk mengisi hosting kamu dengan file-file yang akan kamu pamerkan ke seluruh dunia. Nah, file-file tersebut tentu saja harus dibuat kan?
Tentu saja kamu harus mempelajari terlebih dahulu cara membuat desain website ini sebelum kamu bisa menampilkannya di internet. Untuk itu kamu bisa mempelajarinya mulai dari yang dasar dulu yaitu belajar HTML, belajar PHP dan belajar MySQL, yang semuanya bisa kamu pelajari di prothelon.com secara gratis. Setelah cukup matang mempelajari dasar cara membuat website, kamu bisa lanjutin dengan belajar CSS, belajar Javascript, dan lainnya untuk menambah keindahan dan membuat website kamu lebih interaktif.
Silakan pelajari juga tentang cpanel untuk mengetahui cara upload file tersebut jika kamu sudah selesai membuat file-file website kamu.
Oh ya, anda juga bisa membuat website gratis dengan mudah dalam format blog lho. Tetapi tentu saja tidak se fleksibel kalau kita membuat sendiri menggunakan HTML, PHP dan MySQL. Silakan lihat tutorial cara membuat blog tersebut jika tertarik.

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

Langkah berikutnya adalah Mengetes Website kamu
Proses ini harus kamu lakukan secara kontinyu. Mengapa? Karena website yang kamu buat biasanay akan nampak berbeda-beda di setiap browser. Usahakan untuk selalau mengetesnya di setiap browser utama jika kamu melakukan perubahan terhadap desain atau isi website kamu.
Perlu kamu ketahui, bahwa meskipun sudah menggunakan standar yang sama, namun tempilan halaman web si Internet Explorer, Firefox, Chrome, Safari dll bisa sangat berbeda untuk halaman web yang sama.
Ada baiknya kalau kamau menggunakan google analytics untuk mengetahui jenis browser apa yang paling sering digunakan pengunjung website kamu. Dengan cara ini kamu bisa konsentrasi ke jenis browser tertentu saat membuat website.
Baiklah, mungkin langkah-langkah tersebut terlihat sangat mudah, namun ingat, kadang apa yang nampaknya sederhana itu kadang sangat berguna. Jadi lakukan saja ya…
Kalau sudah memahami proses cara membuat website, maka kamu bisa mulai belajar SEO untuk membuat website yang kamu buat bisa tampil di search engine dan mendatangkan pengunjung.

20.07  Unknown  No comments

Read More

Cara Membuat Website Sendiri: Panduan untuk Pemula

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. Tentu saja saya mengasumsikan kalau kamu hampir ndak tau apa-apa mengenai cara membuat website sendiri (kecuali tentu saja kamu harus bisa browsing dan membaca).
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…

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

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

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.

20.04  Unknown  No comments

Read More