Membuat Webiste untuk Media Pembelajaran di SEKOLAH

Apa itu Website? Website yang juga disebut dengan Web atau Homepage adalah dokumen
dalam Internet. Contoh Website: http://www.nama-anda.com/, http://www.nama-anda.co.id/.
Sedangkan contoh free Website adalah: http://www.geocities.com/nama-anda. Contoh lain free
Website adalah: http://nama-anda.tripod.com. Setelah Anda memiliki Website, Anda dapat
menggunakan Webiste Anda untuk mempromosikan usaha Anda, professi Anda atau yang lain.
Selain itu, setelah Anda memiliki Website, Anda juga sudah dapat mengikuti Affiliate Program
untuk mendapatkan uang dengan Website Anda. Untuk membuat Website gratis, daftarkanlah diri
Anda ke salah satu Free Hosting di bawah ini:

FREE HOSTING:

Hosting Kristiani
Geocities
Tripod
Angelfire
Hypermart
Dan lain-lain...

LANGKAH-LANGKAH MEMBUAT WEBSITE:

1. Beli ruangan dengan nama domain yang Anda inginkan, atau daftarkan diri Anda ke salah
satu Free Hosting di atas.
2. Rancang Website Anda dengan FrontPage, CuteHTML atau yang lain.
3. Promosikan usaha Anda dan ikuti Affiliate Program.
4. Masukkan Website Anda ke dalam server Anda.
5. Selesai!
Jika Anda ingin memiliki Website berakhiran .com - misalnya http://www.nama-anda.com,
Anda bisa membelinya ke perusahaan Web Hosting yang ada di kota Anda, atau ke perusahaan
Web Hosting yang ada di Internet. diantaranya www.medannic.com , www.gkg.net ,
www.namebargain.com www.namadomain.com
Webhosting
Apa itu Web Hosting? Web Hosting yang juga disebut dengan Web Server adalah penyedia
ruangan (space atau domain) dalam Internet. Agar kita dapat memasukkan Website kita ke dalam
Internet, maka kita harus memiliki ruangan terlebih dahulu dalam Internet. Setelah kita memiliki
ruangan dalam Internet, barulah kita dapat memasukkan Website kita ke dalam Internet (ke
dalam ruangan yang telah kita miliki tadi). Agar kita dapat memiliki ruangan, maka kita harus
membelinya ke salah satu perusahaan Web Hosting, Anda bisa membelinya ke perusahaan Web
Hosting yang ada di kota Anda atau ke perusahaan Web Hosting yang ada di Internet. Di Internet
terdapat cukup banyak perusahaan Web Hosting, dan masing-masing Web Hosting memberikan
harga yang bervariasi (tergantung fasilitas yang mereka sediakan), dan juga harganya tergantung
kapasitas (besarnya) ruangan yang Anda inginkan. Semakin besar ruangan yang Anda inginkan,
maka harganya akan semakin mahal. Selain itu harga juga tergantung nama domain yang Anda
inginkan. Sebagai contoh, .com lebih mahal dibandingkan .net, .org. .co.id dan lain-lain. Dengan
membeli ruangan, maka alamat Internet Anda akan seperti ini: http://www.nama-anda.com/,

http://www.nama-anda.net/ atau yang lain. Langkah selanjutnya adalah merancang Website

dengan FrontPage atau yang lain, kemudian memasukkannya ke dalam server Anda.
Selain membeli ruangan ke salah satu Web Server (Web Hosting), di Internet juga terdapat
penyedia ruangan gratis (yang lazim dikenal dengan Free Hosting atau Free Website), misalnya
Tripod, Geocities dan lain-lain. Tetapi dengan Tripod, maka alamat Internet kita tidak dapat
seperti di atas, tetapi seperti ini: http://nama-anda.tripod.com, dan jika Anda member
Geocities maka alamat Internet Anda adalah sebagai berikut: http://www.gecocities.com/namaanda.

Bagi pemula dengan sedikit keterampilan komputer dapat membuat homepage sendiri (secara
offline) menggunakan tool-tool yang familiar dan cukup mudah digunakan seperti :

Microsoft Word 97
Microsoft FrontPage Express (disertakan dalam MS Internet Explorer 4 / Windows 98
[bukan 98SE])

Microsoft FrontPage

Netscape Composer (disertakan dalam Netscape Communicator 4.x)

Dreamweaver

Berikut ini cara membuat satu halaman web dengan ketiga tool di atas.
1. Microsoft Word 97/2000/XP
Membuat halaman web menggunakan MS Word 97 sangat mudah. Anda tinggal
membuat suatu dokumen/tulisan seperti membuat file word biasa lalu pilih menu File-->
Save as...--> pilih file type HTML (paling bawah) dan press OK. dan file anda akan
tersimpan dengan ekstensi .html dan bisa dibuka dengan MS Internet Explorer atau
Netscape Navigator.
Cara lain dapat dilakukan dengan memilih menu File-->New lalu pilih tab Web Pages
pada pop-up window yang muncul lalu pilih salah satu template yang tersedia. Jika
memilih web page wizard Anda akan dituntun langkah demi langkah menciptakan
halaman web yang profesional (dalam bahasa Inggris tentunya)
2. Microsoft FrontPage Express
Anda bisa memulai dengan memilih File-->New, bila keluar pop-up window, pilihlah
salah satu tutorial yang tersedia, ikuti langkah demi langkah sampai selesai dan setelah
selesai dapat anda edit sendiri dan disimpan dengan ekstensi .htm dan dapat dibaca
dengan browser.
3. Netscape Composer
Penggunaannya mirip dengan FrontPage Express,namun nemiliki keunggulan yaitu
dengan sekali klik pada tombol preview, rancangan anda dapat langsung disaksikan
dalam browser, dan dilengkapi dengan tool untuk upload ke server. namun, tidak

disediakan wizard/tutorial untuk pembuatan halaman web. Anda harus merancang sendiri
dengan pendekatan desktop publishing. Jangan takut dengan karakter-karakter kontrol
(tag) HTML yang dimunculkan, (berupa bentuk panah/trapesium), itu tidak akan terlihat
di browser.
Sebelum mulai membuat halaman web sendiri kita perhatikan mengenai istilah hyperlink, yaitu
properti yang mengaitkan suatu objek (gambar/tulisan) ke sumber daya internet seperti website
lain (http), mail (mailto), atau FTP (ftp) yang biasanya terlihat di browser sebagai tulisan bergaris
bawah berwarna biru dan bisa diklik. Hyperlink ini adalah komponen dasar suatu halaman web.
Cara membuat hyperlink :
1. MS Word 97/2000/XP :
Blok tulisan/gambar yang hendak dijadikan hyperlink, lalu klik tombol bergambar bola
dunia biru atau tekan ctrl+K atau pilih menu Insert--> hyperlink,lalu isi alamat yang
dituju (misal http://lawnosta.freeservers.com atau mailto:nyet@plasa.com)
2. MS FrontPage Express
Sama dengan di atas
3. Netscape Composer
Blok tulisan yang hendak dijadikan hyperlink, lalu klik tombol bergambar rantai atau
tekan ctrl+shift+L atau pilih menu Insert--> link, lalu isi alamat yang dituju (misal
http://lawnosta.freeservers.com atau mailto:nyet@plasa.com)
Tips dan Triks :

Selain tulisan, gambar juga bisa dijadikan hyperlink, caranya sama dengan di atas
Pakailah tabel untuk mempermudah layout, caranya sama dengan penggunaan table pada
MS Word

Untuk mengubah background gunakan menu format --> background, lalu pilih antara
warna (solid background) atau gambar (tiled background)

Membuat Homepage Sendiri dengan Menggunakan Microsoft Word 97

Microsoft Word 97 menyediakan fasilitas untuk membuat halaman web (selanjutnya disebut
homepage) dengan mudah, terutama bagi mereka yang sudah menguasai aplikasi word
processing, khususnya MS Word, namun malas atau mengalami kesulitan untuk mempelajari
HTML (Hypertext Markup Language) sebagai komponen dasar perancangan homepage.
Cara termudah untuk membuat homepage dengan mempergunakan MS Word 97 adalah dengan
merancang homepage layaknya dokumen tertulis biasa, atau lebih tepat dikatakan sebagai
perancangan buletin / brosur mengenai diri kita lengkap dengan gambar (gunakan perintah insert
--> picture --> ...from file, lalu cari nama file gambar yang akan dimasukkan) atau clipart
(gunakan perintah insert --> clipart, lalu pilih gambar yang disukai dari clipart gallery yang
tersedia). Setelah selesai, gunakan menu File --> Save as HTML, dan dokumen kita sudah
tersimpan sebagai sebuah homepage dengan ekstensi .html yang bisa dibaca dengan

menggunakan browser (Netscape/Internet Explorer).

Perancangan lebih lanjut adalah menggunakan komponen-komponen penyusun halaman web,
yaitu :
1. Hyperlink (atau biasa disingkat dengan link saja) : yang biasanya berbentuk teks
berwarna biru dan bergaris bawah dan bisa diklik (pointer mouse akan berubah bentuk
menjadi gambar tangan yang menunjuk. Dalam bentuk lain, hyperlink bisa juga
berbentuk gambar atau image map (satu gambar dengan banyak link). Link ini dapat
berupa link internal (menghubungkan dengan halaman lain dalam satu website) atau
eksternal (menghubungkan dengan website lain). Membuat link dengan cara mengeblok
teks yang akan dijadikan link lalu pilih menu insert --> hyperlink, lalu masukkan alamat
URL (website lain) atau file lain yang dituju.
2. Background : Dulu, halaman web hanya berbentuk teks dan link dengan latar belakang
abu-abu. namun sekarang background suatu halaman web dapat disesuaikan dengan
selera, berupa warna saja, atau gambar. Di MS Word 97, ubahlah background dengan
menu format --> background, pilih warna yang disukai, atau fill effects untuk
background gambar (disediakan bermacam-macam background (coba cari di C:\Program
Files\Microsoft Office\Office\Templates)
Setelah selesai membuat halaman web (homepage) sebanyak satu atau lebih halaman, tentunya
kita ingin menampilkannya di internet untuk dapat diakses oleh orang yang mengakses internet
(surfing). Untuk itu diperlukan yang namanya web server. Web server ini digunakan untuk
menyimpan halaman web kita untuk diakses setiap saat. PC apapun bisa dijadikan web server
(dengan program Personal Web Server dari Windows 98/FrontPage, misalnya) namun PC itu
harus terkoneksi ke internet selama 24 jam sehari :(. Untuk itulah sebaiknya kita menggunakan
web hosting, yaitu web server yang bisa digunakan oleh umum. Web Hosting ini ada yang gratis
(misalnya FreeServers, GeoCities, Homestead, MSN Homepages, atau AcmeCity) dan ada yang
bayar (misalnya IndoGlobal, Cakraweb, atau K-Net). Untuk pembahasan kali ini digunakan
contoh FreeServers (www.freeservers.com).
Untuk bisa menggunakan jasa web hosting gratis dari FreeServers, pertama-tama kita harus
mendaftarkan diri dulu. Setelah mengakses homepage FreeServers (http://www.freeservers.com),
perhatikan bagian tengah di mana terdapat tiga prosedur awal untuk mendaftarkan diri.
Mula-mula, kita memilih primary name (nama situs web kita) dan mengisikannya di kotak yang
tersedia, lalu memilih domain name yang tersedia dalam drop-down list (gunakan mouse untuk
memilih dari sekitar 10 pilihan). Nama situs kita nanti akan berbentuk :
primaryname.domainname (misalnya : lawnosta.freeservers.com). Kemudian klik tombol GO
untuk memeriksa ketersediaan nama situs kita (sudah dipakai atau belum).
Bila nama yang kita pilih sudah terdaftar atas nama orang lain, FreeServers akan menampilkan
daftar nama alternatif yang mirip dengan yang kita pilih sebelumnya. Kita tinggal memilih salah
satu, atau membuat nama yang baru.

Bila nama yang kita pilih belum pernah terdaftar di FreeServers, maka kita akan diminta mengisi
form tentang identitas pribadi kita. Perhatikan bahwa hanya item isian bertanda * berwarna
merah yang wajib diisi. Setelah selesai, kita akan dikirimi kode aktivasi account FreeServers kita
ke alamat email yang kita isikan pada form pendaftaran. Kita harus membuka email berisi kode
ini terlebih dahulu. Dalam email itu terdapat link yang mengantarkan kita ke tahap terakhir
pendaftaran lengkap dengan kode aktivasi yang harus diisikan pada form yang muncul. Setelah
memasukkan kode aktivasi yang benar, account FreeServers kita siap digunakan.
Setelah memasukkan kode aktivasi, biasanya muncul pilihan untuk mulai membuat homepage
dari awal (dengan Quick Site Builder), memindahkan situs yang sudah kita buat di tempat lain
(menggunakan Site Copier), dan lain-lain. Untuk yang sudah membuat halaman web secara
offline, kita akan menggunakan Web Manager. Untuk itu, kita harus login dari awal, kembali ke
<http://www.freeservers.com>, tuliskan nama situs kita (<http://>...), username, dan password
lalu klik OK, kita akan memasuki user menu.
Di halaman user menu, klik pada tulisan Easy Web Manager. Sebuah window browser baru akan
muncul (pop up). Pada window inilah web manager aktif.
Web manager FreeServers berpenampilan mirip Windows Explorer. Di bagian kiri adalah "drive"
penyimpanan homepage kita, di sebelah kanan adalah file-file homepage kita. Untuk mengupload homepage kita gunakan kotak yang tersedia di bagian kanan bawah (ada 5 kotak), yang
dapat kita gunakan untuk meng-upload sampai 5 file sekaligus. Kita tinggal mem-browse satu
per satu file yang akan diupload dan klik tombol upload, dan tunggu beberapa saat sampai namanama file yang kita upload muncul di web manager sebelah kanan. Yang harus diupload adalah
file-file HTML (berekstensi .htm atau .html) dan file-file pendukung (biasanya berupa gambar
berekstensi .gif dan .jpg)
Tip dan Trik
1. Halaman pertama yang akan dibuka oleh browser untuk homepage di FreeServers adalah
file main.html yang secara default sudah dibuatkan oleh FreeServers. File ini dapat kita
edit dengan mengklik tulisan edit di belakang nama file (file akan diedit dalam format
HTML)
2. Cara lain yang lebih mudah adalah mengganti nama homepage utama kita dengan
main.htm atau main.html atau index.htm atau index.html (file index akan dibaca lebih
dahulu dibandingkan main).
3. Untuk memudahkan pengaturan dan perawatan situs web kita, sebaiknya file-file
pendukung (gambar .gif, .jpg) dibuatkan satu folder tersendiri (images/pictures/graphics
misalnya). Gunakan tombol create directory dan isikan nama directory yang diinginkan
(bila lebih dari satu, gunakan spasi). Nama directory tidak boleh mengandung spasi.
4. Untuk lebih memudahkan mengedit situs web kita, kita sebaiknya membuat folder khusus
untuk situs web kita di harddisk (c:/my documents/homepages misalnya) yang
strukturnya mirip dengan struktur situs web kita di FreeServers (nama file, subdirectory
dll). Ini juga akan memudahkan saat kita akan mengupload dari komputer lain (warnet),
kita tinggal mengkopi keseluruhan direktori ke dalam floppy disk.

Menyusun Sebuah Website

Sebuah website yang baik terdiri atas beberapa halaman web yang saling berkaitan, dihubungkan
dengan link, dan disusun secara sistematis. Untuk memahami konsep sebuah website, dapat
diumpamakan dengan dengan sebuah bangunan, yang pertama kita lihat / kunjungi adalah lobi /
ruang tamunya, yang dapat dipersamakan dengan homepage. Selanjutnya kita dapat menuju ke
bagian yang kita tuju, seperti ruang makan, ruang duduk, dapur, atau kamar kecil, dan dari
masing-masing tujuan itu kita dapat menemukan jalan menuju ruangan-ruangan lain, dan ada
jalur untuk kembali ke tempat kita memulai (homepage). Konsep website tidaklah sesederhana
itu, bila mau bisa diambil model sebuah kota atau perumahan, dengan gerbang masuknya sebagai
homepage yang di situ kita dapat melihat jalur-jalur menuju again tertentu di kota, seperti balai
kota, kantor polisi, pertokoan, rumah makan, sekolah, atau tempat hiburan.
Bila kita melihat lebih jauh, setiap halaman web terdiri atas komponen-komponen :
1. File-file HTML berisi kode-kode HTML yang akan diterjemahkan oleh browser manjadi
tampilan satu halaman web seutuhnya. File ini biasanya berakhiran .htm atau .html
2. File-file image (gambar, foto, icon, banner), yang terpisah dari file HTML dan dapat
digunakan secara bersama oleh dua file HTML atau lebih.
3. File-file aplikasi berupa CGI, ASP, PHP, atau CFML yang berisi kode-kode pemrograman
khusus yang menjalankan aplikasi tertentu, seperti form submitting, guestbook, atau
database.
4. File-file animasi dan multimedia dalam format .wav, .mid, .mp3, .ram, Flash,
ShockWave, QuickTime, atau .avi yang bisa dijalankan dengan memanfaatkan bantuan
plug-in atau aplikasi yang khusus menjalankan file-file tersebut.
Ada baiknya sebelum membuat sebuah website kita merencanakan semacam daftar isi dan
diagram yang berisi halaman-halaman web dari daftar isi, hirarki, dan keterkaitannya satu sama
lain. Hirarki yang dimaksud adalah dengan menempatkan homepage ( halaman muka) pada
tingkat teratas dan selanjutnya digambarkan halaman-halaman lain di bawahnya, dan seterusnya
ke bawah dengan keterkaitannya dengan tingkat di atasnya.
Beberapa tip dan trik untuk menyusun sebuah website :
1. Homepage (halaman depan) adalah kesan pertama bagi pengunjung website anda, maka
buatlah halaman depan anda semenarik mungkin dan seinformatif mungkin untuk
memudahkan pengunjung menjelajahi website anda. Namun harus diingat juga untuk
membuat homepage yang cepat diakses agar pengunjung anda tidak bosan menunggu
selesainya homepage anda di-load. Dalam arti, pintar-pintarlah mengatur konposisi teks,
gambar, animasi, dan multimedia di homepage.
2. Susunlah website anda secara modular, dalam arti mengelompokkan jenis-jenis file di
atas dalam folder-folder tersendiri, misalnya dengan menempatkan semua file HTML di

root directory web server anda, file-file gambar dalam folder /images, file animasi dalam
folder /anim, dan file multimedia dalam folder /media, dst.
3. Jangan terlalu banyak memasang file gambar atau multimedia dan animasi dalam satu
halaman web, apalagi yang berukuran besar (dalam byte, bukan ukuran). Optimasi filefile gambar anda dengan menggunakan aplikasi-aplikasi seperti Adobe Photoshop 5.5,
Adobe ImageReady, Macromedia FireWorks, JPEG Optimizer, GIF Cruncher, dll. Pilih
format .gif atau .png untuk image dengan warna tak lebih dari 256 (8 bit), gambar icon,
simbol, divider, border, background, atau image yang warnanya hanya satu yang
dominan. Pilih format .jpg untuk gambar-gambar foto yang harus mengandung 16,7 juta
warna (24 bit). Untuk tiap satu halaman web, pergunakan maksimum tiga image ukuran
sedang atau saat image besar (1/2 halaman). Untuk menampilkan image berukuran besar,
pertimbangkan menggunakan thumbnail (preview image yang sama berukuran lebih
kecil) yang di-link dengan image sesungguhnya.
4. Buatlah file template yang berisi background, link-link navigasi, pernyataan copyright,
dan layout halaman secara umum untuk memudahkan pembuatan halaman-halaman lain
yang sejenis dalam satu website. Simpanlah file template ini dalam folder tersendiri.
5. Buatlah navigasi website anda semudah mungkin, bila perlu dengan gambar (icon) dan
tulisan di bawahnya. Buatlah navigasi minimal di dua tempat, di atas dan di bawah
halaman. Jika anda menggunakan frame, navigasi dapat ditempatkan pada frame
tersendiri, dan harus ada navigasi berupa teks hyperlink, jangan menggunakan
gambar/icon untuk semua navigasi karena akan membingungkan pengunjung. Halaman
yang hanya menggunakan gambar atau selain tulisan yang langsung terlihat untuk
navigasi dinamakan Mystery Meat Navigation.

Link-Link Penting bagi Para Web Designer Pemula

Penyedia Web Hosting Gratis
1. HostingKristiani
2. Yahoo! GeoCities
3. TriPod
4. AngelFire
5. Xoom
6. FreeServers
7. HomeStead
8. Crosswinds
9. MSN HomePages

10. Netscape SiteCentral

11. Homepage.com
12. HyperMart
13. BolehCity
14. Fortune City
15. Acme City
16. TreeWay
Direktori Sumber Daya Gratis untuk Website
1. My Computer
2. Everyone.net
3. Free Site Templates
4. 123 Website
5. Cool Text
6. Free Graphics
7. Free Stock Photos
8. Wav Central
9. Animation Factory
10. Free Shockwave Game
Sumber Daya Pemrograman HTML dan Desain
1. Cnet Builder
2. Web Developer
3. Web Monkey
4. WebTools
5. SitePoint
Aplikasi Pembuat Website (freeware)
1. EvrSoft 1st Page 2000
2. Netscape Composer

3. MS FrontPage Express
4. Arachnophilia
5. AOL Press
6. Amaya

Baca juga
FAQ
Tips
Dreamweaver 4
Frontpage 2000 (buka menggunakan Adobe acrobat reader ( Download dari www.adobe.com )
Frontpage
Sumber gratisan untuk pembuatan situs
Designing a Church website
Web marketing checklist for ministry
Download Center