Bab 6-Membuat Homepage Interaktif

MEMPROGRAM WEB

Persiapan Software
Untuk membuat homepage interaktif sangatlah sederhana. Cukup dengan menggunakan beberapa software atai tools yang sudah kita kenal sebelumnya. Software yang dibutuhkan seperti sistem operasi, Internet Information Services (IIS), Microsoft Access, Microsoft Frontpage, Microsoft Internet Explorer, dan komponen Open DataBase Connectivity (ODBC).

Sistem Operasi
Windows yang dapat menjalankan IIS adalah Windows XP, Windows NT, Windows 2000, dan Windows 2003.

Komponen Internet Information Services (IIS) pada WIndows XP
Fungsi IIS adalah sebagai web server. Apache dan IIS adalah contoh web server yang terkenal di dunia.

Langkah-langkah untuk menginstal komponen IIS dalam komputer :

1.Masukkan CD installer ke dalam CD-ROM pada komputermu
2.Aktifkan Control Panel. Pilih Add or Remove Program
3.Pada Jendela Add or Remove Program, pilih Add or Remove Windows Componen
4.Selanjutnya akan ditampilkan kotak dialog Windows Componen Wizard pertama. Pilih IIS. Setelah itu kita dapat melihat komponen-komponen IIS melalui tombol details. Pilih semua komponen lalu tekan tombol OK. Selanjutnya klik Next
5.Proses Instalasi akan dilakukan secara otomatis
6.Tekan tombol finish setelah proses instalasi selesai
7.Lakukan proses rstart pada komputer
8.Untuk melihat komponen IIS telah terinstal, aktifkan Control Panel kemudian pilih Peformance and Maintenance.
9.Selanjutnya, akan ditampilkan jendela IIS dengan berbagai komponen di dalamnya

Microsoft FrontPage
Digunakan untuk merancang homepage, dimana kita juga telah menggunakan software ini untuk mengembangkan homepage sederhana pada pembahasan sebelumnya.

Microsoft Access
Digunakan untuk membuat database sebagai penyimpan data yang akan kita masukkan ke dalam database.

Microsoft Internet Explorer
Digunakan untuk melakukan pengujian dan pengaksesan homepage interaktif yang telah dibuat. Selain Internet Explorer, kita juga dapat menggunakan web browser lainnya, seperti Mozilla Firefox, Netscape, atau Opera.

Komponen Open DataBase Connectivity (ODBC)
Digunakan untuk melakukan koneksi dari komputer ke database. Biasanya sudah tersedia dalam Windows XP. Untuk mengaksesnya dapat dilakukan dengan cara menekan tombol start -> Control Panel -> Administrative Tools -> Data Sources (ODBC)

Persiapan Direktori Kerja
Langkah-langkah yang harus dilakukan yaitu:
1. Aktifkan Windows Explorer dalam komputermu
2. Buat satu direktori dalam Drive C dengan nama SMUKU-INT
3. Buat subdirektori image, css, dan database dalam direktori SMUKU-INT

Persiapan Skenario User Interface
Skenario form harus dibuat untuk memberikan gambaran apa yang akan dikerjakan. Terdapat dua form yang akan dibuat dengan fungsi sebagai form untuk memasukkan dan menampilkan data siswa dari database.

Contoh:

1. Input data siswa : Untuk memasukkan data siswa dari homepage ke database. Dan Field yang harus ada adalah Nomor Induk, Nama, Tanggal lahir, Kelas, jurusan, dan tahun masuk

2. Output data siswa : Untuk menampilkan data siswa yang terdapat dalam database ke dalam homepage. Field yang harus ada adalah Nomor Induk, Nama, Tanggal lahir, Kelas, jurusan, dan tahun masuk.

Tipe data yang digunakan untuk mempresentasikan penyimpanan data dalam database. Terdapat beberapa tipe data yang disediakan oleh Microsoft Access, yaitu sebagai berikut :

a) Text, merepresentasikan data yang berberntuk gabungan huruf, angka, dan karakter khusus

b) Number, merepresentasikan data yang berbentuk tanggal

c) Date, merepresentasikan data yang berbentuk tanggal

d) Memo, merepresentasikan data yang berbentuk teks dan jumlahnya sangat banyak

e) Currency, merepresentasikan data yang memiliki format currency atau mata uang

f) AutoNumber, merepresentasikan data yang akan ditangani oleh sistem berupa angka

g) OLE Object, merepresentasikan data yang berupa gabungan dari objek-objek yang dibuat oleh microsoft

h) Hyperlink, merepresentasikan data yang berupa link atau hubungan ke website atau tempat lain


Ikon pada toolbar form Microsoft FrontPage:
1. Form : membuat form dalam satu halaman
2. TextBox : merepresentasikan input berupa teks, numerik, atau date
3. Scrolling textbox : merepresentasikan input berupa teks yang panjang
4. Check Box : merepresentasikan sebuah pilihan ya atau tidak
5. Radio Button : merepresentasikan sebuah pilihan ya atau tidak
6. Combo Box : merepresentasikan data yang berupa pilihan terbatas
7. Push Button : merepresentasikan sebuah tindakan yang akan dilakukan jika tombol ditekan
8. Picture : merepresentasikan sebuah gambar dalam homepage
9. Label : merepresentasikan tulisan

Persiapan Komponen IIS
Untuk menjadikan sebuah komputer sebagai web server, dalam komputer harus terinstal Internet Information Services (IIS). Web server yang akan digunakan adalah komputer lokal tempat kita bekerja dengan tambahan fasilitas IIS.

Cara pengaksesan IIS:
1. Pilih tombol start -> Control Panel
2. Pilih Administrative Tools pada jendela Control Panel kemudian pilih IIS
3. Klik nama komputer kemudian pilih Web Sites dan klik Default Web Site

Terdapat 2 cara menampilkan informasi hompeage melalui IIS, yaitu:
1. Menggunakan port
2. Menggunakan direktori visual

Pengaksesan menggunakan port
1. Klik kanan Web Sites, klik new website, pilih port
2. Gunakan port sembarang antara 2000-65500
3. Jangan menggunakan port 80, karena port tersebut merupakan default website
4. Pengaksesan menggunakan port 8080, yaitu sebagai berikut :

- Stand Alone Computer : http://localhost:8080/namafile.htm
- Intranet : http://NamaKomputer:8080/namafile.htm
- Internet : http://namadomain.com:8080/namafile.htm

Pengaksesan menggunakan direktori visual

Untuk menampilkan informasi homepage melalui IIS dengan menggunakan direktori virtual, yaitu sebagai berikut :

1. Klik kanan Default Web Site, pilih new-virtual directory
2. Selanjutnya akan ditampilkan Virtual Directory Creation Wizard pertama. Tekan tombol next untuk melanjutkan ke wizard berikutnya.
3. Pada Virtual Directory Creation Wizard kedua, akan diminta untuk mengisi alias direktori, tekan tombol next
4. Selanjutnya akan ditampilkan wizard untuk memasukkan directory yang akan digunakan, kemudian tekan tombol next
5. Pada wizard yang menampilkan access permission, tekan tombol next.
6. Selanjutnya tekan tombol finish
7. Pada jendela IIS akan terlihat bahwa direktori virtual sudah berhasil
8. Pengaksesan dengan menggunakan direktori virual SMUKU-INT, yaitu sebagai berikut :

- Komputer Lokal : http://localhost/ SMUKU-INT/datasiswa.htm
- Intranet : http://NamaKomputer// SMUKU-INT/datasiswa.htm
- Internet : http://namadomain.com/ SMUKU-INT/datasiswa.htm

Pemilihan Bahasa Pemograman

Microsoft Active Server (ASP) merupakan bahasa pemrograman yang secara otomatis disediakan oleh Microsoft jika kita menggunakan IIS. ASP merupakan suatu skrip yang bersifat server side yang ditambahkan pada halaman HTML untuk membuat sebuah web lebih menarik.

Bahasa skrip standar yang digunakan oleh ASP adalah Microsoft VBScript dan Microsoft Jscript. Alasan utama penggunaan bahasa pemrograman ASP, yaitu sebagi berikut :

1. Sudah tersedia secara gratis jika kita menggunakan IIS pada sistem operasi windows
2. Struktur bahasanya sangat mudah untuk dipelajari
3. Mampu berkomunikasi dengan objek komponen (COM/DCOM)
4. Mempunyai respons request data dengan cepat
5. Untuk menggunakanya, kita hanya tinggal meletakkan kode pemrograman pada halaman homepage yang akan kita program.

a. Deklarasi Variabel
VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeklarasian variabel, yaitu dim,private, dan public.

b. Blok kode ASP

ASP selalu diawali dengan blok .

c. Statement input

Request.Form digunakan untuk mengambil nilai dari elemen-elemen form HTML, sedangkan Request.QueryString digunakan untu mengambil nilai variabel HTTP query string.

d. Statement logika
Sintaks logika untuk ASP sama dengan sintaks logika bahasa pemrograman Visual Basic

e. Stement looping
Sintaks looping untuk ASP juga sama dengan sintaks looping atau perulangan pada bahasa pemrograman Visual Basic

f. Operasi pengaksesan data

Sintaks pengaksesan data juga sama dengan Visual Basic

MEMPROGRAM DATABASE WEB INTERAKTIF

Pembuatan Database
Langkah-langkah dalam pembuatan database, yaitu sebagai berikut :
1. Aktifkan Microsoft Access. Buat database siswa dan simpan dalam C:\SMUKU-INT\database yang sudah dibuat
2. Buat satu tabel dengan nama DataSiswa dengan struktur isi tabel

Pembuatan Data Source Name (DSN)
Langkah-langkahnya adalah:
1.Tekan tombol start -> Control Panel -> Performance and Maintenance -> Administrative Tools -> ODBC
2.Selanjutnya, akan ditampilkan kotak dialog ODBC, Pilih tab system DSN
3.Klik tombol Add yang akan menampilkan menu untuk memilih driver database yang akan digunakan
4.Pada kotak dialog ODBC Microsoft Access Setup, isi kotak Data Source Name dengan Data Siswa dan kotak Description dengan data siswa.

5.Setelah ditampilkan hasil akhir dari pembuatan data source name, tekan tombol OK

Pemrograman
Untuk pemograman ini akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP. Dari kedua halaman tersebut, kita dapat membandingkan perubahan yang diperlukan untuk membuat halaman homepage yang interaktif.
1. Programming halaman pertama yaiut pembuatan halaman datasiswa.htm yang telah kamu lakukan sebelumnya
2. Lakukan modifikasi terhadap halaman tersebut dengan memasukkan kode ASP
3. Ganti action ="-WEBBOT-SELF--" yang terdapat dalam tagform datasiswa.asp dengan action ="datasiswa.asp".
4. Ubahlah baris kode menjadi . Kode javascript ini akan menampilkan jendela baru dan membuka file lihatdatasiswa.asp secara langsung yang akan menampilkan isi dari database.
5. Simpan file dengan nama datasiswa.asp
6. Programming halaman kedua yaitu pembuatan halaman lihatdatasiswa.htm yang telah kamu lakukan sebelumnya. Buka kembali halaman lihatdatasiswa.htm pada Microsoft Frontpage.
7. Akan dilakuakan modifikasi terhadap halaman lihatdatasiswa.htm
8. Ubahlah kode diantara tag
9. Ganti dengan untuk menutup jendela baru yang dibuka dengan cara menekan tombol Lihat pada halaman datasiswa.asp
10. Simpan file dengan nama lihatdatasiswa.asp

Pengujian

Langkah terakhir adalah hasil pengetesan hasil pemrograman. Testing ini akan memberitahukan apabila terdapat kesalahan dalam coding. Kesalahan akan langsung ditampilkan dalam browser yang kita akses.

BAB 5-Membuat Homepage Sederhana

MENENTUKAN PERANGKAT LUNAK UNTUK MEMBUAT HOMEPAGE

Membuat homepage harus mengetahui beberapa hal yang harus diperhatikan yaitu sebagai berikut :

1.Tujuan dibuatnya homepage, apa sebenarnya yang menjadi tujuan utama dari pembuatan homepage harus jelas.
2.Siapa yang menjadi target untuk melihat homepage yang kita buat.
3. Klasifikasikan informasi yang akan ditampilkan dalam homepage.
4.Hasil klasifikasi informasi yang akan mewakili satu halaman homepage.
5.Buat sebuah skenario dari setiap hasil klasifikasi tersebt agar informasi yang akan ditampilkan benar-bena jelas atau tidak mangambang.

Terdapat juga criteria tools atau alat bantu yang dapat digunakan untuk membantu pengembangan homepage, yaitu editor HTML, graphics, dan multimedia animasi dan suara.

EDITOR HTML

Editor HTML digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu editorHTML juga digunakan untuk menggabungkan gambar, suara dan animasi yang telah dibuat dalam suatu halaman homepage. Editor HTML yang bersifat graphical user interface, akan mengurangi waktu kita dalam proses penulisan sintaks. Selama ini kita sudah terbiasa dengan produk-produk jadi buatan Microsoft untuk melakukan aktivitas sehari-hari. Demikian juga untuk pembuatan homepage, kita akan menggunakan produk Microsoft sebagai editor HTML, yaitu Microsoft Frontpage XP.




HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML.

EDITOR GRAPHICS

Editor grafis dgunakan untuk mengedit gambar yang akan ditampilkan pada homepage. Kita dapat memodifikasi warna, memotong gabar, memperbesar atau memperkecil gambar. Terdapat beberapa editor grafik yang sering digunakan dan popular yaitu CorelDRAW dan Adobe Photoshop.

EDITOR MULTIMEDIA ANIMASI DAN SUARA

Editor multimedia digunakan untuk membuat animasi gambar dan suara. Terdapat suatu editor animasi yang paling popular yaitu, Macromedia Flash. Macromedia Flash tidak hanya digunakan untuk membuat animasi gambar dan suara, tetapi juga untuk membuat suatu homepage multimedia.

MEMBUAT LAYOUT HOMEPAGE YANG DIINGINKAN

Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan. Terdapat beberapa layout halaman homepage yang dapat kita gunakan dan tersedia pada Microsoft FrontPage XP. Kita tidak perlu membuat layout yang rumit dan akan membuat pengaksesan homepage menjadi lamban.

Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan.
Untuk melihat dan memilih jenis layout yang tersedia dalam Microsoft FrontPage XP, dapat dilakukan pada saat akan membuat halaman atau website baru. Langkah-langkah untuk melakukannya yaitu sebagai berikut:

1. Pilih tombol start -> all programs -> Microsoft FrontPage.
2. Pilih menu file -> new -> page or web.
3. Pilih Page Templates pada bagian New From template dari takspane New Page or web.
4. Pilih tab Frames Pages
5. Pilih jenis frame yang kamu inginkan kemudian tekan tombol OK.

Jenis-jenis frame pada Microsoft Frontpage:

- Banners and Contents
Membuat frame banner di atas, frame isi di bagian bawah kiri, dan frame utama di bagian bawah kanan. Hyperlink pada frame banner akan mengubah frame isi.

- Contents
Frame di sebelah kiri merupakan link yang akan mengubah frame utama di sebelah kanan.

- Footers
Frame utama di atas, frame bawah adalah footer. Hyperlink di footer akan mengubah tampilan di frame utama.

- Footnotes
Sama dengan Footers, tetapi hyperlink di frame utama akan mengubah footnes.

- Header
Membuat frame header navigasi dan sebuah frame utama di bawahnya. Hyperlink di header akan mengubah frame utama.

- Header, Footer and Contents
Membuat frame header dan footer runtuk navigasi. Hyperlink di header dan footer akan mengubah frame isi.

- Horizontal Split
Frame atas dan bawah yang independent atau tidak saling berhubungan.

- Nested Hierarchy
Hyperlink di sebelah kiri akan mengubah frame sebelah kanan atas. Hyperlink di frame kanan atas akan mengubah isi frame utama.

- Top-Down Hierarchy
Frame paling atas atau pertama akan mengubah frame di bawahnya, frame kedua akan mengubah isi frame ketiga.

- Vertical Split Frame kanan dan kiri yang independent atau tidak saling terhubung.

MENERAPKAN HYPERLINK

Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Langkah-langkah membuat hyperlink menggunakan Microsoft FrontPage XP, yaitu sebagai berikut :

1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan "Link ke halaman lain" pada dokumen baru yang ditampilkan pertama kali.
3. Blok tulisan "Link ke halaman lain" dengan cara men-drag tombol kiri mouse.
4. Tekan torabol Ctrl + K pada keyboard sehingga akan ditampilkan kotak dialog Insert Hyperlink. Kotak, Text to display menampilkan teks yang akan dijadikan link. Kolom Link to digunakan untuk memilih link tujuan. Kotak Look in digunakan untuk memilih lokasi tujuan link. Setelah selesai melakukan pengaturan terhadap link yang dibuat, tekan tombol OK.
5. Setelah file disimpan dan dijalankan, ketika kita klik "Link ke halaman Iain" maka akan membuka halaman tujuan link tersebut. Langkah-langkah untuk membuat hyperlink dengan tag HTML, yaitu sebagai berikut :
1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan "Link ke halaman lain" pada dokumen baru yang ditampilkan pertama.
3. Klik tab HTML di bagian bawah dokumen.
4. Selanjutnya, akan ditampilkan sintaks HTML.
5. Letakkan kursor di depan kata "Link" dan di belakang tag pada sintaks HTML yang ditampilkan.
6. Sebagai contoh, link tujuan kita adalah filejadwalpelajaran.htm. Ketikkan tag di depan kata "Link" dan di belakang tag.
7. Letakkan kursor di belakang kata "lain" dan di depan tag. Ketikkan tag.
8. Klik tab Normal di bagian bawah dokumen untuk melihat hasil akhir. Hasilnya akan berbentuk tampilan.

MENERAPKAN CASCADING STYLE SHEET

Microsoft FrontPage sudah menyediakan Cascading Style Sheet (CSS) yang dapat kita gunakan. Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format, yaitu :

1. bentuk huruf.
2. ukuran huruf.
3. format huruf.
4. warna huruf.
5. warna background.
6. warna hyperlink.
7. format textbox.

Beberapa CSS yang telah tersedia dalam Microsoft FrontPage XP, dapat diakses dengan menggunakan langkah-langkah di bawah ini:
1. Aktifkan Microsoft FrontPage XP dalam komputermu.
2. Pilih menu File - New - Page or Web.
3. Pilih Page Templates pada bagian New from template dari taskpane New Page or Web. 4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets. Pilih tab Style Sheets yang menampilkan berbagai jenis style sheet yang disediakan oleh Microsoft FrontPage XP.
5. Pilih jenis style sheet yang kamu inginkan kemudian tekan tombol OK.

Jenis-jenis CSS pada Microsoft FrontPage XP
- Normal Style Sheet
- CSS kosong Arcs
- Teks menggunakan jenis huruf Verdana berwarna coklat.
- Headers menggunakan jenis huruf Times New Roman berwarna coklat.
- Background berwarna kuning.

Bars
- Teks menggunakan jenis huruf Arial.
- Headers menggunakan jenis huruf Times New Roman.
- Background berwarna light silver.

Blocks
- Teks dan headers menggunakan jenis huruf Bookman Old Style.
- Hyperlinks berwarna merah.
- Background berwarna light silver.

Blueprint
- Teks dan headers menggunakan jenis huruf Century Gothic.
- Hyperlinks berwarna purple.
- Background berwarna bright yellow.

Capsules
- Teks dan headers menggunakan jenis huruf Arial.
- Hyperlinks berwarna red orange.
- Background berwarna light green.

Downtown
- Teks menggunakan jenis huruf Garamond berwarna kuning.
- Headers menggunakan jenis huruf Verdana.
- Hyperlinks berwarna orange.
- Background berwarna royal blue.

Expedition
- Teks dan headers menggunakan jenis huruf Book Antiqua.
- Background berwarna peach.

Highway
- Teks menggunakan jenis huruf Verdana berwarna putih.
- Headers menggunakan jenis huruf Verdana.
- Hyperlinks berwarna orange.
- Background berwarna black.

Neon
- Teks dan headers menggunakan jenis huruf Verdana berwarna hijau.
- Hyperlinks berwarna chartreuse.
- Background berwarna black.

Poetic
- Teks menggunakan jenis huruf Book Antiqua berwarna purple.
- Headers menggunakan jenis huruf Book Antiqua.
- Background berwarna white.

Street
- Teks menggunakan jenis huruf Verdana berwarna navy.
- Headers menggunakan jenis huruf Comic Sans MS.
- Background berwarna light cyan.

Sweets
- Teks menggunakan jenis huruf Arial berwarna dark blue.
- Headers menggunakan jenis huruf Arial Rounded MT Bold.
- Background berwarna pale yellow.

MEMBUAT APLIKASI DALAM SISTEM YANG TERINTEGRASI

Membuat Aplikasi Terintegrasi dengan Microsoft FrontPage

Skenario membuat homepage sederhana :
Topik Membuat homepage untuk kelas 3 A SMUKU.

Fungsi homepage
1. Menampilkan berita kegiatan terbaru dari kelas 3A.
2. Menampilkan jadwal pelajaran untuk kelas 3A.
3. Menampillkan data siswa kelas 3A lengkap dengan foto dan hobi.
4. Menampilkan link ke homepage-homepage yang berguna.
5. Latar belakang homepage berwarna kuning.

Halaman 1
Halaman 1 merupakan halaman kegiatan siswa yang terdiri atas :
1. Logo SMUKU.
2. Berita kegiatan terbaru siswa.
3. Link ke halaman jadwal pelajaran.
4. Link ke halaman data siswa kelas 3A.
5. Link ke halaman homepage yang berguna.

Halaman 2
Halaman 2 merupakan halaman jadwal pelajaran yang terdiri atas :
1. Logo SMUKU.
2. Jadwal pelajaran siswa kelas 3A.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman data siswa kelas 3A.
5. Link ke halaman homepage yang berguna.

Halaman 3
Halaman 3 merupakan halaman data siswa yang terdiri atas :
1. Logo SMUKU.
2. Data siswa kelas 3 A.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman jadwal pelajaran siswa kelas 3A.
5. Link ke halaman homepage yang berguna.

Halaman 4
Halaman 4 merupakan halaman yang berisi link ke homepage-homepage yang berguna, terdiri atas :
1. Logo SMUKU.
2. Homepage dan link yang berguna.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman jadwal pelajaran siswa kelas 3A.
5. Link ke halaman data siswa kelas 3A.

MEMBUAT GRAFIS SESUAI DENGAN HOMEPAGE YANG DIINGINKAN
1. Aktifkan Adobe Photoshop
2. Klik File -> New
3. Maka muncul lembar baru
4. Pilih Rectangle Tool untuk memblok dan pilih warna di bagian Set foreground color
5. Beri efek texturizer ,pilih sesuai keinginan
6. Ganti warna dengan biru tua dengan Set foreground color
7. Buat tulisannya,dan edit sesuai keinginan
8. Simpan gambar dengan format GIF

MENDAFTARKAN ALAMAT DOMAIN KE PROVIDER WEB HOSTING

Untuk mempublikasikan homepage yang dibuat melalui internet, kita perlu mempunyai alamat di internet yg disebut domain. Untuk mendapatkannya kita harus membeli domain tersebut. Nama domain sangat spesifik dan unik. Untuk dapat nama yang sama kita harus punya ekstension domain yang berbeda.

Langkah-langkah mendaftarkan alamat domain ke provider web hosting:

1. Masuk ke situs web penjual web domain yang memiliki servis dan support yang baik seperti www.idwebhost.com, www.singcat.com, www.indohoster.com, dsb.

2. Daftar user baru pengguna situs tersebut.

3. Cari kotak isian yang berfungsi untuk mancari status domain apakah masih bisa didaftarkan atau sudah didaftarkan orang lain. Isi dengan domain yang anda ingin tahu ketersediaannya. Contoh masukkan abc.com, jika masih available berarti anda bisa mendaftarkan domain tersebut, namun jika tidak bisa maka anda bisa mencoba mencari alternatif domain lain atau membeli domain akhiran lain.

4. Daftarkan domain yang tersedia / available tersebut dengan mengisi berbagai form isian untuk data konfigurasi, alamat, dan lain-lain.

5. Lakukan pembayaran sesuai prosedur yang dapat dilayani oleh masing-masing penjual domain. Contohnya adalah seperti melakukan transfer rekening-rekening bank.

6. Konfirmasi pembayaran bahwa anda telah melakukan perbayaran atas domain yang anda daftarkan tadi melalui form isian, yahoo instant messenger, email, sms, dan lain sebagainya sesuai ketentuan penjual domainnya.

7. Jika semua lancar dan berjalan mulus, maka anda sudah dapat menggunakan domain anda dalam beberapa saat. Biasanya akan ada kiriman email yang mengkonfirmasi domain anda sudah bisa digunakan.

8. Setting nama server domain tersebut agas merujuk ke server webhosting anda. name server berbentuk alamat situs dengan awalan subdomain ns1, ns2, dan sebagainya. Urutan dns name server berpengaruh karena ketika ns1 down, maka kita dialihkan ke ns2.

9. Selanjutnya anda harus memiliki account web hosting untuk dapat segera membuat situs. Dari account webhosting inilah anda mendapatkan domain name server atau dns. Setting tambah domain addon atau parked dengan domain baru anda pada control panel yang ada. Kemudian anda sudah bisa mulai membuat situs anda.

10. Jangan lupa memperpanjang masa aktif domain anda setiap 11 bulan sekali agar tidak terlewat. Dan agar orang tidak mengambil alih domain tersebut.

MELAKUKAN UPLOAD

Kita akan mempelajari cara upload dokumen yang telah kita buat di komputer dengan internet. Hal ini membutuhkan tempat untuk menyimpan dan menampilkan data di internet.
Mempelajari cara melakukan upload dokumen yang telah kita buat dalam komputer kita ke internet. Hal ini diburuhkan tempat untuk menyimpan dan menampilkan data di internet. Untuk lebih mudah memahami cara melakukan upload dan perbaikan data homepage, kita gunakan fasilitas gratis dari yahoo dengan alamat http://www.yahoo.com


MEMPERBAIKI DAN MEREVISI DATA YANG SUDAH ADA

Langkah-langkahnya adalah:
1. Aktifkan Yahoo! Geocities, lakukan login dengan nama sekolahsmuku dan password yang sesuai.
2. Aktifkan Geocities control panel yang akan menampilkan halamannya. Pilih menu manage kemudian klik link File Manager. Lalu klik Open File Manager.
3. Upload file logosmuku.gif dengan cara menekan tombol Browse di sebelah kanan kotak upload file.
4. Ubah gambar fish.kpg yang terdapat dalam setiap halaman, yaitu datasiswa.htm, jadwalpelajaran.htm, kegiatansiswa.htm, dan linkbermanfaat.htm dengan gambar logosmuku.gif.
5. Selanjutnya tekan tombol save untuk menyimpan hasil pengeditan halaman.