Amankan form anda dengan captcha

Terbilang (script pengeja angka)

PHP tutorial

css Tutorial

Membuat Website sendiri (part 6)

-- sambungan tulisan Membuat Website sendiri (part 5)--
-- seperti tulisan lain, tulisan ini pun dapat anda copy, edit dan sebarkan sesuka anda --

Ternyata, membuat website tidak susah ya.... Dan bisa pakai notepad lagi.
Jika anda telah sampai ke bab ini, maka itu tandanya anda telah bisa membuat web sendiri dan siap untuk mempublikasikannya di internet.
Untuk mempublikasikan web, anda harus memiliki domain dan server. Kedengarannya seperti sesuatu yg mahal ya...? Tidak, tidak mahal kok. Di internet telah banyak penyedia web domain dan web server (web host) GRATIS.
Apa itu web domain?
Web domain merupakan suatu mesin yang menerjemahkan nama domain kita ke IP dimana kita menyimpan file html. Dari web domain kita kan mendapatkan domain name (nama website). Contoh domain name misalnya google.com atau 110mb.com. Web domain menerjemahkan nama ini dan memberikan alamat IP dari domain name yang bersangkutan. Misalkan, IP dari domain 110mb.com adalah 195.242.99.84. Sehingga jika anda tuliskan IP tsb di browser anda maka hasilnya sama dengan 110mb.com. Jadi web domain mempermudah kita mengingat alamat sebuah website, karena akan susah mengingat IP dari pada nama domain.
Apa itu web server (web host)?
Web server merupakan komputer dimana file html kita simpan. Tentu saja komputer tersebut harus memiliki akses ke internet setiap saat dan memiliki IP publik. Web server bisa berupa PC server milik kita sendiri yang koneksi tiap saat ke internet. Namun tentunya pc server bukan hal yg murah. Namun untungnya ada penyedia web server GRATIS. Yang kita perlukan hanyalah mendaftarkan dan upload file kita ke sana.
Di mana mendapatkan domain name dan web server GRATIS?
Domain name dan web server GRATIS banyak tersedia di internet. Ada yang menyediakan domain name saja, ada yang menyediakan web server saja, dan ada yang menyediakan keduanya. Untuk mempermudah lebih baik menggunakan yang menyediakan keduanya. Anda bisa cari di google dengan keyword "free web host." Saya sendiri memilih 110mb.com.
Untuk mendapatkan domain dan web sever, terlebih dahulu anda harus masuk ke website 110mb.com, bisa dengan klik di sini. Setelah masuk, anda harus membuat account di 110mb.com, cukup klik tombol START NOW atau register, dan anda akan dibawa ke halaman pendaftaran seperti gambar di bawah.

1. Username, merupakan nama domain anda. Masukkan nama domain yang anda inginkan. Nama tersebut haruslah belum digunakan oleh orang lain. Jika sudah ada yang menggunakan maka nantinya anda akan mendapatkan peringatan bahwa nama tersebut telah digunakan, dan anda harus memasukkan nama baru.


2. Password, merupakan kata kunci untuk masuk ke web domain sebagai admin. Jadi untuk upload ke web site yg telah kita buat nantinya, kita harus masuk ke 110mb.com dengan memasukkan nama domain dan password, baru kita bisa upload file.


3. Primary Email Address, merupakan alamat e-mail kita sebagai konfirmasi dan penyampaian password baru jika kita lupa password. Jika anda belum memiliki email, anda bisa mendapatkannya gratis di www.gmail.com.


4. Terms of Service - Signature, anda harus memasukkan kalimat yang anda dapatkan setelah klik tombol TOS. Setelah klik tombol TOS, anda akan ke halaman baru, kalimat yang harus dimasukkan berada di bagian bawah halaman (anda harus scroll ke bawah).


5. Human Validation:, pada isian ini masukkan huruf yang tertera di bawahnya. Untuk contoh gambar di atas adalah 1A8RW7

Setelah lengkap, klik tombol Create My Account Now!. Jika isian benar semua, anda akan dibawa ke halaman selanjutnya yang menyatakan bahwa account telah berhasil didaftarkan dan e-mail konfirmasi telah dikirimkan ke e-mail kita (e-mail yg telah kita isikan di primary email address).
Langkah selanjutnya adalah masuk ke e-mail anda, misalkan di gmail. Cari email dari 110mb.server dengan subject "please verify your 110mb account...". Buka email tersebut dan klik link yang telah diberikan. Maka anda akan dibawa ke halaman pendaftaran tahap 2 yang isinya seperti gambar di bawah.

1. Your FIRST name, masukkan nama depan anda


2. Your LAST name, masukkan nama belakang anda


3. City you live in, masukkan kota anda, misal jakarta


4. Country, pilih negara, misal Indonesia

Setelah itu klik tombol Create My Account Now!
Jika berhasil maka anda akan dibawa ke halaman bahwa account kita telah berhasil dibuat. Dan setelah 5 detik akan di bawa ke halaman depan 110mb.com.
Yang harus anda lakukan adalah login, dengan mengisi form control panel login yang berada di pojok kanan atas. Pada gambar orang, masukkan domain name anda, misal khasanahilmu. Pada gambar kunci masukkan password. Setelah itu klik tombol login.
Maka anda akan dibawa ke halaman CPANEL. Klik icon komputer pada File Manager seperti gambar di bawah ini.

Maka akan tampil daftar file di directory kita, seperti gambar dibawah ini.

Untuk pertama kalinya, kita sudah diberikan 1 file yakni index.htm. File index.htm inilah yang dibuka jika kita membuka website misalkan khasanahilmu.110mb.com. Oleh karenanya jika anda ingin file htm anda menjadi default tampilan web anda, maka anda harus memberi nama index.htm.
Untuk mempublikasikan file yang telah anda buat, anda harus meng-upload-nya ke sini dengan cara klik Upload files, dan tampilannya akan seperti gambar berikut,

Klik Telusuri/browse dan pilih file anda. Untuk uploadnya klik tombol upload. Setelah proses selesai maka file htm anda telah mendunia.

Tulisan terkait:
prev : Membuat website sendiri (part 5)

Membuat Website sendiri (part 5)

-- sambungan tulisan Membuat Website sendiri (part 4)--
-- seperti tulisan lain, tulisan ini pun dapat anda copy, edit dan sebarkan sesuka anda --

Ternyata, membuat website tidak susah ya.... Dan bisa pakai notepad lagi.
Pada tulisan sebelumnya (Membuat Website sendiri (part 4))telah diperkenalkan tag untuk membuat tabel. Pada perkembangannya tag tabel banyak digunakan, selain untuk membuat tabel, juga untuk membuat layout tampilan halaman HTML. Oleh karenanya tag table akan dibahas lebih lanjut. Saya tekankan lagi bahwa tidak ada seorang pun yang mahir membuat web hanya dengan membaca tutorial html ini. Yang terpenting adalah berlatih dan membuat web sendiri berdasarkan apa yang sudah anda pelajari.
Pada contoh tabel di tulisan sebelumnya menunjukkan tabel dengan sel 2x2. Sesungguhnya jumlah sel yang bisa dibuat adalah tak terbatas, dan juga bisa dibuat bingkai (border). Perhatikan contoh berikut;

<table border="1">
<tr>
<td>Sel 1</td>
<td>Sel 2</td>
<td>Sel 3</td>
<td>Sel 4</td>
</tr>
<tr>
<td>Sel 5</td>
<td>Sel 6</td>
<td>Sel 7</td>
<td>Sel 8</td>
</tr>
<tr>
<td>Sel 9</td>
<td>Sel 10</td>
<td>Sel 11</td>
<td>Sel 12</td>
</tr>
</table>

Dan tampilan di browser kurang lebih sebagai berikut (coba tulis sendiri dan ganti nilai bordernya untuk lebih memahaminya),

Sel 1	Sel 2	Sel 3	Sel 4
Sel 5	Sel 6	Sel 7	Sel 8
Sel 9	Sel 10	Sel 11	Sel 12

Jumlah sel tiap barisnya pun bisa tidak sama. Untuk itu digunakan atribut colspan. Perhatikan contoh berikut;

<table border="1">
<tr>
<td>No</td>
<td>Barang</td>
<td colspan="2">Jumlah</td>
</tr>
<tr>
<td>1</td>
<td>Buku tulis</td>
<td>20</td>
<td>buah</td>
</tr>
<tr>
<td>2</td>
<td>Bolpoint</td>
<td>3</td>
<td>lusin</td>
</tr>
</table>

Dan tampilan di browser kurang lebih sebagai berikut,

No	Barang	Jumlah
1	Buku tulis	20	buah
2	Bolpoint	3	lusin

Ukuran selnya pun bisa ditentukan. Untuk itu digunakan atribut width. Perhatikan contoh berikut;

<table border="1" width="450">
<tr>
<td width="10%">No</td>
<td width="55%">Barang</td>
<td colspan="2" width="35%">Jumlah</td>
</tr>
<tr>
<td>1</td>
<td>Buku tulis</td>
<td>20</td>
<td>buah</td>
</tr>
<tr>
<td>2</td>
<td>Bolpoint</td>
<td>3</td>
<td>lusin</td>
</tr>
</table>

Dan tampilan di browser kurang lebih sebagai berikut,

No	Barang	Jumlah
1	Buku tulis	20	buah
2	Bolpoint	3	lusin

Dan bisa juga dibuat rata tengah atau kanan. Untuk itu digunakan atribut align. Perhatikan contoh berikut.

<table border="1" width="450">
<tr>
<td width="10%">No</td>
<td width="55%" align="center">Barang</td>
<td colspan="2" width="35%" align="center">Jumlah</td>
</tr>
<tr>
<td align="right">1</td>
<td>Buku tulis</td>
<td align="right">20</td>
<td>buah</td>
</tr>
<tr>
<td align="right">2</td>
<td>Bolpoint</td>
<td align="right">3</td>
<td>lusin</td>
</tr>
</table>

Dan tampilan di browser kurang lebih sebagai berikut,

No	Barang	Jumlah
1	Buku tulis	20	buah
2	Bolpoint	3	lusin

Kalo ada colspan tentunya ada rowspan ya? Tentu, perhatikan contoh berikut.

<table border="1" width="450">
<tr>
<td width="10%">No</td>
<td width="55%" align="center">Barang</td>
<td width="35%" align="center">Warna</td>
</tr>
<tr>
<td align="right">1</td>
<td rowspan="3">Buku tulis</td>
<td>Merah</td>
</tr>
<tr>
<td align="right">2</td>
<td>Biru</td>
</tr>
<tr>
<td align="right">3</td>
<td>Hijau</td>
</tr>
</table>

Dan tampilan di browser kurang lebih sebagai berikut,

No	Barang	Jumlah
1	Buku tulis	Merah
2		Biru
3		Hijau

Masih bingung dengan colspan dan rowspan? Mungkin ada baiknya anda gambarkan tabel yang ingin dibuat di secarik kertas baru menuliskan kodenya. Kalau sudah paham, ada baiknya anda coba membuat beberapa tabel dengan kombinasi colspan dan rowspan


Bersambung.....

Tulisan terkait:
prev : Membuat website sendiri (part 4)
next : Membuat website sendiri (part 6)

Membuat website sendiri (part 4)

-- sambungan tulisan Membuat Website sendiri (part 3)--
-- seperti tulisan lain, tulisan ini pun dapat anda copy, edit dan sebarkan sesuka anda --

Ternyata, membuat website tidak susah ya.... Dan bisa pakai notepad lagi.
Pada tulisan sebelumnya telah diperkenalkan tag untuk membuat judul, paragraf, list dan menampilkan gambar.
Masih ada yang lain....?. Tentu saja. Saya tekankan lagi bahwa tidak ada seorang pun yang mahir membuat web hanya dengan membaca tutorial html ini. Yang terpenting adalah berlatih dan membuat web sendiri berdasarkan apa yang sudah anda pelajari.

Beberapa tag html (lagi)
Keempat tag membuat link <a>...</a>. Link merupakan fasilitas semacam short cut yang jika kita klik pada link tersebut akan menuju ke suatu halaman yang lain. Contoh link adalah menu yang ada di web ini.
Penjelasan yang paling mudah untuk tag dan <a> adalah dengan langsung pada contoh penggunaannya. Untuk itu mari kita perhatikan contoh berikut ini,

<p>Lihat latihanku</p>
<p><a href="latihan1.htm">Latihan 1</a></p>
<p><a href="latihan2.htm">Latihan 2</a></p>
<p>Sumber:<a href="http://khasanahilmu.110mb.com"><img src="khasanahilmu.png" alt="khasanah ilmu" /></a></p>

Ketik pada notepad dan simpan dengan nama coba5.htm (letakkan satu folder dengan file latihan yang lain). Selanjutnya buka dengan IE, maka hasilnya kurang lebih seperti berikut,

Latihanku
Latihan 1
Latihan 2
Sumber:

Kelima, tag membuat tabel. Tabel merupakan informasi yang disajikan dalam bentuk baris dan kolom. Tabel dapat dibuat di HTML dengan menggunakan tag khusus untuk pembuatan tabel.

<table>
<tr>
<td>Sel 1</td>
<td>Sel 2</td>
</tr>
<tr>
<td>Sel 3</td>
<td>Sel 4</td>
</tr>
</table>

Tuliskan kode html di atas di notepad anda. Lalu simpan dengan nama coba6.htm. Hasil dari kode tersebut kira-kira seperti berikut,

Sel 1	Sel 2
Sel 3	Sel 4

Mungkin contoh tabel di atas merupakan contoh yang paling rumit dari pada contoh-contoh sebelumnya. Oleh karenanya mari kita lihat satu per satu.
Untuk membuat sebuah tabel digunakan 3 tag yakni;

• Tag <table> digunakan untuk memulai sebuah tabel, dan tag </table> digunakan untuk mengakhiri sebuah tabel


• Tag <tr> dan </tr> digunakan untuk memulai dan mengakhiri baris dalam tabel.


• Tag <td> dan </td> digunakan untuk membuat setiap sel (kolom) dalam satu baris. Jelas kan...?

Untuk kasus contoh tabel di atas, tabel diawali dengan tag <table>, kemudian diikuti dg tag <tr> yang menunjukkan permulaan dari baris baru. Di baris ini kita buat dua buah sel yakni <td>Sel 1</td> dan <td>Sel 2</td>. Baris ini kemudian ditutup menggunakan tag </tr>. Lalu baris kedua dibuat dengan tag <tr>, dan dua buah sel juga dibuat di baris ini. Setelah baris ditutup oleh tag </tr>, tabel pun diakhiri dengan tag </table>.

Bersambung.....

Tulisan terkait:
prev : Membuat website sendiri (part 3)
next : Membuat website sendiri (part 5)

Membuat Website sendiri (part 3)

-- sambungan tulisan Membuat Website sendiri (part 2)--
-- seperti tulisan lain, tulisan ini pun dapat anda copy, edit dan sebarkan sesuka anda --

Ternyata, membuat website tidak susah ya.... Dan bisa pakai notepad lagi.
Pada tulisan sebelumnya telah diperkenalkan tag untuk membuat judul dan paragraf.
Apa cuma begitu saja....?. Tentu tidak, selanjutnya kita akan mengenal lebih banyak tag html. Yang perlu diperhatikan adalah tidak ada seorang pun yang mahir membuat web hanya dengan membaca tutorial html ini. Yang terpenting adalah berlatih dan membuat web sendiri berdasarkan apa yang sudah anda pelajari. Jadi lekas bangun, cuci muka dan berlatih membuat web dengan kreatifitas!!!!

Beberapa tag html (lagi)
Ketiga tag membuat list <ul>, <ol> dan <li>. Tag <ul> digunakan untuk mendefinisikan bahwa kita akan membuat list bullet. Dan tentunya tag <ul> memiliki tag penutup </ul>. Sedangkan tag <ol> digunakan untuk mendefinisikan bahwa kita akan membuat list numbering. Dan tentunya tag <ol> memiliki tag penutup </ol>. Dan tag <li> digunakan untuk membuat listnya. Tag ini pun memiliki tag penutup </li>.
Perhatikan contoh membuat list bullet berikut ini. Saya hanya akan memberikan contoh tag list langsung, anda harus menempatkan kode2 ini kedalam tag body seperti pada coba2.htm.

<ul>
<li>List 1</li>
<li>List 2</li>
</ul>
<ol>
<li>Numbering 1</li>
<li>Numbering 2</li>
</ol>

Ketik pada notepad dan simpan dengan nama coba3.htm (letakkan satu folder dengan file latihan yang lain). Selanjutnya buka dengan IE, maka hasilnya kurang lebih seperti berikut,


Keempat tag untuk menampilkan gambar, <img>. Dengan format <img src="(url gambar)" alt="(text alternatif jika gambar tdk ada)" />. Tag <img> merupakan tag tunggal sehingga tidak memiliki penutup. URL gambar adalah nama dan alamat dari gambar yang akan ditampilkan. URL bisa merupakan nama dan alamat lengkap gambar misalkan http://khasanahilmu.110mb.com/images/khasanah.png, atau jika gambar tersebut satu folder dengan file html maka cukup dituliskan namanya saja.
Untuk belajar tag <img>, anda tentunya harus memiliki gambar terlebih dahulu. Anda bisa download gambar logo khasanah ilmu di bawah, simpan di folder yang sama dengan folder latihan dan beri nama "khasanah.png".



Setelah itu ketikkan kode latihan berikut ini,

<img src="khasanahilmu.png" alt="khasanah ilmu" />
<img src="khasanah.png" alt="khasanah ilmu" />

Maka hasil di IE kurang lebih seperti berikut,

Bersambung.....

Tulisan terkait:
prev : Membuat website sendiri (part 2)
next : Membuat website sendiri (part 4)

Membuat Website sendiri (part 2)

--- sambungan tulisan Membuat Website sendiri (part 1) ---
--- seperti tulisan lain, tulisan ini pun dapat anda copy, edit dan sebarkan sesuka anda ---

Ternyata, membuat website tidak susah ya.... Dan bisa pakai notepad lagi.
Pada tulisan sebelumnya telah diberikan contoh membuat sebuah webpage yang berisikan "Selamat.... ini adalah web pertama saya".
Apa cuma begitu saja....? Tentu tidak, ini baru contoh pertama. Selanjutnya kita akan mengenal lebih banyak tag html. Yang perlu diperhatikan adalah tidak ada seorang pun yang mahir membuat web hanya dengan membaca tutorial html. Yang terpenting adalah berlatih dan membuat web sendiri berdasarkan apa yang sudah anda pelajari. Jadi lekas bangun, cuci muka dan berlatih membuat web dengan kreatifitas!!!!

Beberapa tag html
Sebelumnya telah dikenalkan tag <html>, <head> dan <body>. Selanjutnya akan dikenalkan beberapa tag lain.
Pertama, tag header <h1>,<h2>, s/d <h6>. Seperti namanya, tag ini digunakan untuk membuat judul (header) dan sub judul. Tag <h1> memiliki font yang lebih besar dari tag <h2>, sedangkan tag <h2> memiliki font yang lebih besar dari tag <h3>, demikian seterusnya. Tag header juga memiliki tag penutup yang bentuknya sama dengan tag pembuka ditambah dg "/" didepannya, misal </h1>.
Kedua, tag paragraph <p>....</p>. Tag paragraph juga memiliki tag pembuka dan penutup seperti yang ditunjukkan sebelunya. Tag ini digunakan untuk membuat sebuah paragraph. Untuk lebih jelasnya, mari kita simak contoh penggunaan kedua tag ini,

<!--coba2.htm-->
<html>
<head>
<title>Header & Paragraph</title>
</head>
<body>
<h1>Ini adalah header H1</h1>
<h2>Ini adalah header H2</h2>
<h3>Ini adalah header H3</h3>
<h4>Ini adalah header H4</h4>
<h5>Ini adalah header H5</h5>
<h6>Ini adalah header H6</h6>
<p>Ini adalah paragraph pertama. Paragrah terdiri atas satu atau lebih kalimat. Paragram memiliki inti paragraph dan penjelasan. </p>
<p>Ini adalah paragraph kedua. Dengan tag paragraph, maka tulisan dalam tag tersebut dianggap dalam satu paragraph. </p>
</body>
</html>

Setelah itu simpan berkas tersebut di folder "latihan" yang telah anda buat sebelumnya, caranya sama dengan latihan terdahulu yakni kik menu File ->Save. Pada file name ketik "coba2.htm", dan pilih "All file" pada save as type.
Setelah itu anda buka browser anda (IE atau Firefox). Klik menu File -> Open File. Pada window yang terbuka pada bagian “look in” arahkan ke folder "Latihan", kemudian pilih file coba2.htm. Lalu tekan enter atau open. Maka pada browser akan tampil (kurang lebih) seperti gambar berikut.

gb.2 Hasil coba2.htm

Review
Sejauh ini apa saja yang telah kita pelajari...?

• Kita telah belajar membuat web dengan menampilkan judul di pojok atas dengan menggunakan tag <title>.
• Kita telah belajar membuat judul dan sub judul, dengan menggunakan tag <h1> s/d <h6>.
• Kita juga telah belajar membuat paragraph menggunakan tag <p>.

Apa cuman itu aja...? Tentu saja tidak, namun sesungguhnya dengan apa yang telah dipelajari anda sudah bisa membuat web yang cukup menarik, tentunya dengan kreativitas.


Bersambung......

Tulisan terkait:
prev : Membuat website sendiri (part 1)
next : Membuat website sendiri (part 3)

Membuat Website sendiri (part 1)

--- Setiap tulisan di blog ini bisa dan boleh anda copy, modifikasi dan sebarkan dengan bebas ---

Internet sangat populer dewasa ini. Hampir semua orang memiliki akses ke internet, baik melalui internet berlangganan, tv kabel, line telefon maupun lewat HP. Dan tidak sedikit orang yang ingin membuat webnya sendiri.
Dan dari sekian banyak orang yang ingin membuat web sendiri beranggapan bahwa membuat web sangat susah dan memerlukan software khusus yang mahal. Dan saya adalah satu diantara yang beranggapan demikian, tapi itu dulu. Saya tidak mengatakan bahwa membuat web adalah pekerjaan gampang. Namun saya hanya ingin mengatakan bahwa tidak ada sesuatu yang susah jika kita belajar. Dan jika kita mempelajarinya dengan benar maka kita pun PASTI bisa membuat web sendiri. Mahal...? Tentu tidak karena pada tulisan ini akan dibahas cara membuat web menggunakan software yang biasa anda gunakan tiap hari.
Pada tulisan kali ini akan dibahas bagaimana cara membuat web, cara meninjaunya di pc sendiri sampai dengan cara menguploadnya ke webserver.
Webmail yang kita lihat sekarang memiliki banyak bahasa, mulai dengan html, asp maupun php. Namun pada dasarnya semuanya bersumber dari satu bahasa, yakni html sebagai 'bahasa ibu' bagi internet.
Satu hal yang ingin saya tekankan bahwa, untuk cepat bisa maka hanya ada satu cara yakni belajar dan mempraktekkannya. Inget donk sama pepatah "Ala bisa karena biasa". Jadi biasakan diri anda menuliskan kode html dari tiap contoh yang diberikan. Sekali lagi menuliskan, bukan sekedar copy and paste.

Software yang diperlukan
Seperti yang dituliskan sebelumnya, bahwa software yang diperlukan adalah software yang tidak jauh dengan anda dan GRATIS. Yakni sebuah text editor sederhana (notepad) dan browser (IE). Untuk text editor sangat disarankan menggunakan text editor sederhana tanpa markup seperti notepad (yang sudah ada di komputer berbasis windows) atau notepad++. Text editor digunakan untuk menuliskan kode html.
Sedangkan browser diperlukan untuk me-review kode yang telah dituliskan tadi. Hal ini diperlukan untuk memastikan hasil dari kode yang telah dituliskan. Disarankan menggunakan Firefox dengan dukungan add-on untuk keperluan debug website. Namun menggunakan IE juga bisa. Add-on firefox yang dimaksudkan adalah Html Validator.

Penguasaan bahasa pemrograman
Pada dasarnya tidak diperlukan penguasaan bahasa pemrograman tertentu untuk mempelajari html. Namun jika anda memiliki kemampuan bahasa pemrograman, maka pola pikirnya dapat diterapkan di html.

Bentuk dasar HTML
Html memiliki pengenal yakni tag <html>. Html memiliki 2 bagian yakni <head> dan <body>. Isi sesungguhnya dari html ada di dalam tag <body>, sedangkan isi tag <head> lebih ke deskripsi isi web tersebut. Berikut ini adalah bentuk umum dari html:

<html>
<head>
…
</head>
<body>
…
</body>

</html>

Seperti yang anda lihat pada contoh di atas bahwa tiap tag memiliki pembuka dan penutup. Tag pembuka misalnya <html>, <head> dan <body>. Sedangkan tag penutup misalkan </html>, </head> dan </body>. Jadi bentuk dari tag penutup adalah tag pembuka yang diberi ‘/’ di depannya. Saya ingatkan untuk jangan sampai lupa menuliskan tag penutup. Dan supaya tidak lupa, sebaiknya anda langsung menuliskan tag penutup begitu anda selesai membuat tag pembuka.
Namun sebenarnya tidak semua tag terdiri dari pembuka dan penutup. Ada tag yang hanya terdiri dari 1 bagian saja, seperti tag </ br> untuk membuat baris baru, dsb.

Web pertamaku
Sekarang tiba saatnya kita langsung saja mencoba membuat sebuah file html. Untuk itu silahkan buka “notepad”. Bisa anda temukan di start menu -> Programs -> Accessories -> Notepad. Atau Start menu -> RUN -> ketik “notepad” -> Enter.
Setelah itu ketikkan kode berikut ini:

<!--coba1.htm-->
<html>
<head>
<title>My first page</title>
</head>
<body>
Selamat…. Ini adalah web pertama saya.
</body>
</html>

Setelah itu simpan berkas tersebut dengan cara klik menu File -> Save. Penting… pada Save as type pilih All File. Lalu ketikkan “coba1.htm” (tanpa tanda petik) pada bagian file name. Catatan: extensi file html bisa .html atau .htm. Terserah anda mau menggunakan yang mana, kalau saya sih lebih suka yang singkat. Lebih baik anda kelompokkan file-file latihan yang dibuat dalam satu folder khusus. Saya sarankan anda membuat folder dengan nama “Latihan” pada “My Document” anda.

Setelah itu anda buka browser anda (IE atau Firefox). Klik menu File -> Open File. Pada window yang terbuka pada bagian “look in” arahkan ke folder anda (misalkan My Document -> Latihan), kemudian pilih file coba1.htm. Lalu tekan enter atau open. Tring tring…. Selamat, anda telah bisa membuat web sendiri.

Dan jika tampilan di IE adalah seperti gbr berikut, maka anda sudah bisa membuat web (sederhana).

gb 1. Hasil coba1.htm

Apa cuma begitu saja....? Tentu tidak, ini baru contoh pertama. Selanjutnya kita akan mengenal lebih banyak tag html.

Bersambung......
(mo ngopi dulu nich, dilanjutin di tulisan berikutnya ya....)

Tulisan terkait:
next: Membuat website sendiri (part 2)

Search Engine

Search Engine merupakan kata yang sering diucapkan dan didengarkan oleh komunitas internet. Namun bagi pemula mungkin bingung, apa itu "search engine?"
Search engine merupakan mesin pencari segala hal yang ada di internet. Seperti yang telah diketahui, bahwa segala sesuatu ada di internet. Namun bagi pemula, setelah berhadapan dengan komputer yang connect ke internet, akan bingung mau buka apa ya...? Atau mau mencari se suatu namun bingung harus ke mana? Nah untuk itulah search engine itu ada. Yakni untuk membantu anda mencari sesuatu yang anda inginkan di internet.

Masih bingung apa itu "Search Engine...?"
Search engine merupakan jasa/ layanan. Dan anda bisa menggunakannya dengan mengunjungi web-nya. Atau anda pengguna firefox anda bisa menggunakan search bar yang tersedia (di pojok kanan atas, samping address bar).


Web apa yang menyediakan jasa serch engine?
Search engine yang populer saat ini adalah google. Dan anda bisa mengunjungi webnya di www.google.com. Google lebih disukai karen hasilnya yang banyak dan terarah. Disamping itu google juga punya calculator, yang bisa anda gunakan untuk konversi inch ke mm misalnya, contoh dengan ketik 3 foot 6 inch in mm. MAka akan muncul hasil konversinya di bagian atas hasil pencarian.
Search engine lainnya adalah yahoo. Anda bisa mengunjunginya di www.yahoo.com. Satu hal yang membuat yahoo kurang di sukai dibanding google adalah banyaknya iklan dan news di halaman depannya. Beda dengan google yang halaman depannya bersih dari tetek bengek.
Masih ada yang laninnya seperti www.altavista.com, www.answer.com atau www.amazon.com. Dan masih banyak yang lainnya. Namun saya menyarankan untuk menggunakan www.google.com. Dan jika ingin berbelanja, cari harga disarankan ke www.froogle.com.

Akhirnya selamat berselancar. Selamat mencari sesuatu yang "baru" di internet.

Internet Browser

Jika anda membaca blog ini, berarti anda telah menggunakan "Internet Browser." Dan mungkin anda adalah bagian dari sekian banyak orang yang menggunakan Internet Explorer (IE). Namun sudah puaskah anda menggunakan IE? Sudah merasa amankah anda? Sudah tahukah anda bahwa ada Internet Browser lain selain IE?
IE memang lazim dipakai. Karena IE merupakan standard tool yang ada di MS Windows. Dan kita tahu bahwa MS Windows dipakai oleh sebagian besar orang di bumi ini. Memang kemunculan IE pertama kali yang gratis, telah membuat orang berpaling dari Netscape (saat itu Netscape masih harus dibeli). Namun apakah benar IE adalah browser terbaik saat ini...?
Menurut pengalaman saya, IE kalah cepat dengan Netscape dalam hal membuka sebuah web. Terlebih jika web tersebut rumit dan banyak banner, maka anda akan lebih merasakan perbedaannya. Dan karena Netscape sekarang sudah GRATIS maka tidak salah dong kalau kita kembali ke selera awal...? Namun cukupkah dengan Netscape...? Netscape dibuat dengan menggunakan engine mozilla. Engine yang berbeda dengan engine IE. Maka tentu memang ada perbedaan diantara keduanya. Dan karena Netscape menggunakan engine mozilla maka kenapa kita tidak menggunakan browser dari mozilla aja...? Browser itu adalah firefox.
Kenapa Firefox...? Seperti halnya Netscape, firefox lebih cepat membuka web dibandingkan IE. Dan firefox juga memiliki fasilitas tab-brosing, sebuah fasilitas yang sekarang juga telah digunakan di IE terbaru. Namun tab firefox dan netscape lebih elegan. Tidak seperti IE yang karena tab-nya merupakan add-ons dari yahoo, sehingga banyak button yahoo yang cukup menggangu, khususnya bagi anda yang telah jatuh cinta dengan google dan gmail. Namun apa kelebihan firefox dibanding Netscape? Pertama firefox lebih ringan. Hal ini karena Netscape telah disertai dengan add-ons yang menurut Netscape "bermanfaat." Namun jika anda menginginkan sesuatu yang lebih dibandingkan firefox standard, maka anda wajib menginstall add-ons. Dan perlu diketahui, add-ons firefox beribu-ribu banyaknya. Namun tentu ada beberapa add-ons yang populer. Seperti add-ons "Ads Block Plus", yang mengeblok iklan- iklan yang berjubel di banyak web saat ini. Anda akan merasakan manfaatnya saat anda membuka detik.com misalnya. Selain itu ada No-Script, add-ons ini sangat bagus untuk mengeblock script yang membuat loading anda lambat. Anda bisa merasakannya juga saat mengunjungi detik.com. Dengan add-ons ini anda bisa copy paste content di detik. Ada juga "DownThemAll", add-ons untuk download manager. Ada "FireFTP" untuk conent ke FTP site. Ada "Split Browser" untuk melihat lebih dari 1 tab secara bersamaan. Ada "Kodak EasyShare" add-ons untuk share photo on-line. Dan masih banyak lagi. Fasilitas satu ini yang membuat saya pribadi merasa firefox tak tergantikan. Namun bagaimana jika kita browsing di warnet yang tidak ada firefox? Jangan khawatir, karena ada firefox portable. Anda tinggal simpan di flash disk, dan anda bisa menggunakannya di manapun.
Disamping browser-browser tadi, masih ada browser lain seperti Opera. Opera memiliki kemampuan membuka web yang hampir sama cepat dengan firefox, dan terkadang lebih cepat dibandingkan firefox standard. Namun karena Opera free ada banner dan ketersediaan add-ons yang minim, maka saya kira firefox lebih unggul dibandingkan opera.
Selain itu baru-baru ini apple telah merilis "safari for windows", walaupun sampai tulisan ini di buat safari masih dalam versi beta. Saya tidak menyangkal bahwa safari lebih cepat dibandingkan firefox. Dan mungkin safari adalah ancaman bagi firefox, khusunya untuk diri saya sendiri. Saya memang telah melirik safari. Namun safari masih memiliki kekurangan, yakni masih banyak web yang tidak bisa dibuka dengan safari, misalnya detik.com. Dan safari belum memiliki fasilitas add-ons, sehingga fiturnya tentu masih kalah dibandingkan firefox. Satu hal kelebihan safari dibanding firefox (saat ini) adalah private browsing. Namun sebentar lagi firefox akan merilis versi 3 yang telah bisa private browsing ini.
Sekian dan semoga membuka wawasan kita.