Tutorial Web Programming TUTORIAL WEB PROGRAMMING
INTRO
Sebelumnya saya mohon maaf karena 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):
http://www.tripod.com
http://www.freewebhosting.com
http://www.bravenet.com
http://www.netfast.org
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. |
Tidak ada komentar:
Posting Komentar