sebelumnya saya mohon maaf ini hanya sekedar catatan saya sajakarena sebenarnya saya sama sekali tidak ahli dalam hal membuat web.
Saya sebenarnya masih dalam tahap belajar juga. Web yang saya buat inipun masih banyak kekurangan
di sana-sini, dan mungkin masih jauh dari kriteria web yang baik dan menarik. Saya membuat web
ini bukan dilatarbelakangi oleh tuntutan profesional ataupun hobby, hanya sekedar media untuk
menuangkan apa yang saya miliki, yang saya rasa mungkin akan bermanfaat bagi orang lain. Tadinya
saya tidak punya niat sama sekali untuk membuat artikel tentang bagaimana membuat web,
karena saya sampai saat ini tidak begitu suka membuat web. Tetapi karena sudah ada sedikitnya dua
permintaan untuk memuat artikel yang membahas tentang bagaimana membuat web, akhirnya saya
sempatkan diri untuk menulis langkah-langkah dasar dalam membuat web.
Sebelumnya saya belum pernah membuka-buka buku tuntunan membuat web secara umum, dan baru beberapa
halaman buku yang mengupas tentang PHP, salah satu bahasa pemrograman web yang saat ini populer.
Selama ini saya hanya melakukan coba-coba menggunakan program Microsoft Frontpage sebagai sumber
belajar dalam membuat web, selebihnya saya bergantung pada manual PHP yang dapat didownload di
http://www.php.net. Jadi harap maklum jika apa yang disajikan
di sini sangat minim.
YANG KITA PERLUKAN
- Text Editor (Notepad, Ultra Edit) atau web editor
- Internet Browser (Internet Explorer, Mozilla Firefox)
- Web Hosting (dan/atau web domain) untuk menitipkan file-file web yang telah kita buat. Di antara layanan web hosting yang pernah saya gunakan adalah (yang di bawah ini semua gratis):Setiap layanan hosting memiliki kelebihan dan kekurangan masing-masing, pilihlah yang sesuai dengan kebutuhan.
- Sebagai sumber belajar, kita mungkin membutuhkan manual HTML (dan PHP). Kita juga dapat memanfaatkan Microsoft Frontpage untuk mempelajari format perintah-perintah dasar HTML yang belum kita ketahui.
Sebenarnya ada banyak sekali program-program web editor yang dapat digunakan untuk mempermudah
kita dalam mendesain dan menata web. Namun saya sendiri tidak familiar, :( Selama ini saya hanya
mengandalkan Notepad untuk membuat halaman web, dengan harapan agar tidak terlalu banyak
perintah-perintah HTML yang tidak perlu pada file-file .htm yang akan di-upload. Berdasarkan
pengalaman saya, file .htm yang dihasilkan dari program web editor ukurannya akan jauh lebih besar
dibandingkan file .htm yang kita buat sendiri secara manual menggunakan text editor.
FORMAT DASAR HTML
Satu halaman web dapat dibuat hanya dengan satu file teks yang berisi script HTML,
dan disimpan menggunakan ekstensi .htm. Perintah standar HTML diapit dalam tanda "<"
dan ">", dan sebagian besar perintah HTML mempunyai kode pembuka dan kode penutup untuk
menandai pada bagian mana suatu perintah HTML akan diberlakukan. Berikut adalah contoh script
halaman web sederhana:
<HTML>
<HEAD>
<TITLE>COBA WEB</TITLE>
</HEAD>
<BODY>
<B>SELAMAT DATANG</B><BR>
Selamat datang di web coba-coba...
</BODY>
</HTML>
Jika contoh di atas diketik dalam format teks biasa (plain text) dan disimpan menggunakan
ekstensi .HTM kemudian dijalankan (menggunakan web browser), akan tampil tulisan seperti
berikut:
SELAMAT DATANG
Selamat datang di web coba-coba...
Pada contoh di atas, ada beberapa perintah HTML yang digunakan, yaitu <HTML></HTML>,
<HEAD></HEAD>, <TITLE></TITLE>, <BODY></BODY>, <B></B>
dan <BR>. Kecuali perintah <BR>, perintah-perintah tersebut memiliki penanda awal
(tanpa "/") dan penanda akhir (menggunakan "/") yang menunjukkan pada bagian mana suatu perintah
akan berlaku. Perintah <B></B> adalah perintah untuk cetak tebal
(bold), perintah <BR> adalah perintah untuk ganti baris, dan perintah-perintah
selebihnya (diapit dengan simbol "<" dan ">") adalah ketentuan standar file HTML yang harus ada
dalam sebuah file HTML.
Berikut deskripsi singkat beberapa perintah dasar HTML yang sangat umum digunakan:
<HTML></HTML> (perintah standar)
<HEAD></HEAD> (perintah standar)
<TITLE></TITLE> Judul halaman web
<BODY></BODY> Bagian isi halaman web
<B></B> Cetak tebal (bold)
<I></I> Cetak miring (italic)
<U></U> Cetak dengan garis bawah (understrike)
<BR> Ganti baris
<IMG SRC="..."> Menampilkan gambar, file gambar diapit dalam tanda petik
<A HREF="..."></A> Link ke bagian/halaman web lain, target link diapit dalam tanda petik
Ada banyak sekali perintah HTML yang sudah ditetapkan, namun untuk sementara ini saja dulu yang
penulis sajikan di sini.
PENTING!!!
- Halaman utama dari web yang kita buat harus disimpan dengan nama Index.htm.
- Nama file bersifat case-sensitive, artinya perbedaan besar/kecilnya huruf akan menentukan valid/tidaknya suatu file.
- Perintah HTML tidak bersifat case-sensitive.
WEB HOSTING
Web hosting adalah layanan yang kita butuhkan untuk menitipkan file-file web yang telah kita
buat. Alamat untuk web yang telah kita buat akan ditentukan oleh web hosting yang kita gunakan.
Sebagai contoh, penulis menggunakan layanan dari netfast
(http://www.netfast.org)
untuk hosting web ini dengan alamat web http://ipnh.netfast.org. Ada banyak sekali layanan web
hosting di seluruh dunia, sebagian gratis dan sebagian dijual. Tentu saja untuk layanan hosting
yang gratis fitur-fitur yang diberikan terbatas, dan masing-masing provider web hosting
menetapkan batasan-batasan fitur tertentu yang menjadi nilai plus/minus dari layanan yang
diberikan.
Beberapa batasan tersebut di antaranya dukungan tipe file non-web tertentu (misalnya
.zip, .exe) untuk di-download oleh pengunjung web, ketersediaan database, jenis bahasa script
(PHP, ASP, Java, VBScript) yang didukung, total kapasitas file yang dapat dititipkan, dan
sebagainya. Batasan-batasan fitur dari setiap penyedia layanan web hosting berbeda-beda, sehingga
kita perlu memilih mana yang sesuai dengan kebutuhan kita. Singkatnya, kita harus memilih layanan
hosting yang mendukung bahasa PHP jika kita akan menggunakan script PHP sebagai bagian dari web
yang kita buat; kita harus memilih layanan yang mendukung file .zip jika kita akan menyediakan
file-file download bagi pengunjung web dalam format .zip; dan kita harus memilih layanan yang
menyediakan database MySQL, jika kita akan menggunakan database MySQL pada salah satu/beberapa
halaman web yang kita buat.
UPLOAD
Upload adalah proses transfer file ke web host. Umumnya web host menyediakan setidaknya dua
alternatif metode upload file yaitu dengan menggunakan File Manager dan menggunakan FTP (File
Transfer Protocol). Pada prinsipnya, proses upload tidak jauh berbeda dengan proses copy-paste
file antar drive/folder pada Windows Explorer, hanya saja setiap web hosting memiliki cara
visualisasi sendiri untuk mereprensentasikan hierarki folder/file dan fungsi-fungsi transfer
data, yang sebenarnya dapat dianalogikan dengan proses copy file.
- Upload Menggunakan File Manager
- Login ke account web hosting. Ketika kita berhasil mendaftarkan account layanan web hosting, kita akan diberikan link/alamat web yang diistilahkan sebagai control panel untuk melakukan upload file atau melakukan perubahan setting tertentu pada web yang akan kita buat. Sebagai contoh, alamat login di netfast adalah http://cpanel.netfast.org.
- Setelah berhasil login, klik link Upload/File Manager.
- Selanjutnya ikuti petunjuk yang mungkin ditampilkan, atau gunakan logika anda untuk mempelajari cara menggunakan fasilitas yang tersedia pada halaman upload/file manager. Umumnya pada halaman ini disediakan menu/link untuk membuat direktori baru, upload file, hapus file, mengubah nama file, melihat preview web, dan sebagainya.
- Pada beberapa layanan web hosting, file/folder yang diupload harus ditempatkan pada folder "www" yang sudah disediakan.
- Upload Menggunakan FTP (File Transfer Protocol)
- Jalankan Windows Explorer, ketikkan ftp.alamat_web_hosting (misal: ftp.netfast.org) pada kotak address.
- Masukkan user id dan password yang didapat ketika mendaftar layanan hosting, seperti halnya memasukkan user id dan password ketika kita login ke e-mail atau forum. Setelah koneksi ke remote host berhasil, akan muncul ikon mirip folder yang bertuliskan "ftp." diikuti alamat host target, misal "ftp.netfast.org".
- Pilih file (dan/atau folder) yang akan kita upload pada komputer lokal, klik Copy, kemudian pilih folder tujuan pada remote host (di Windows Explorer), dan klik Paste.
Pastikan salah satu file pada direktori utama (root direcotry) bernama Index.htm.
Jika tidak, web browser akan menampilkan pesan error pada layar monitor pengunjung web yang
mengakses alamat web yang telah dibuat.
LINK/SHORTCUT KE ALAMAT WEB
Alamat web yang telah dibuat mungkin akan susah diingat karena mungkin kita terpaksa menggunakan
nama yang tidak familiar karena nama yang tadinya ingin kita gunakan sudah terlanjur digunakan
orang lain. Di samping itu, alamat provider web hosting sendiri mungkin juga susah diingat
(misalnya, webcoba2.50mb.com), sehingga akan membatasi tingkat kunjungan orang ke web yang
telah dibuat, atau bahkan kita sendiri akan kehilangan akses terhadap web yang telah kita buat
sendiri karena bisa saja kita lupa ke alamat mana kita dapat melakukan upload file.
Untuk mengatasi masalah seperti ini, kita dapat menggunakan layanan nama alias yang berfungsi
sebagai link/shortcut ke web yang telah dibuat. Layanan seperti ini, di antaranya disediakan
oleh http://www.dot.tk dan
http://www.co.nr. Dengan memanfaatkan layanan ini, kita akan
memiliki jalan alternatif untuk sampai ke alamat web yang sebenarnya. Nama/alamat web alias ini
memungkinkan kita menggunakan nama yang lebih singkat dan lebih mudah diingat dibandingkan alamat
web yang sebenarnya. Sebagai contoh, ketiga alamat web berikut menunjuk ke alamat web yang
sama:
http://www.yudi.co.nr (link/shortcut, tidak ada iklannya)
http://www.yudi.tk (link/shortcut, ada iklannya yg cukup mengganggu)
http://www.ipnh.netfast.org (alamat web yang asli)
Seperti halnya web hosting gratisan, kedua layanan nama alias gratis yang telah disebutkan di
atas memberlakukan ketentuan-ketentuan tertentu yang mungkin tidak kita inginkan. Jika menggunakan
dot.tk, akses ke web yang telah dibuat akan didahului oleh iklan popup. Jika menggunakan co.nr,
pada halaman pertama web yang kita buat harus menyediakan link ke http://www.co.nr.
Waduh... capek neh. Udah dulu ya, kapan2 di lanjut lagi...
