BAB 6. Membuat Homepage interaktif

BAB 6. Membuat Homepage interaktif

A. Memprogram Web

1. Persiapan Software

Software yang dibutuhkan seperti sisitem operasi, Internet Information Services ( IIS), Microsoft Acces, Microsoft FrontPage, Microsoft Internet Explorer, dan komponen Open DataBase Connectivity (ODBC).

a. Sistem Operasi

Dalam pembahasan ini, kita akan menggunakan Windows XP Professional sebagai system operasi, karena kita sudah terbiasa dengan tampilan dan berbagai komponennya.

b. Komponen Internet Information Services pada Windows XP

>>Langkah-langkah untuk menginstal komponen ISS dalam komputer, yaitu:
1. Masukkan CD MS Windows XP kedalam CD-ROM Pengguna.
2. Secara otomatis, sistem mengaktifkan autorun yang tersimpan dalam CD tersebut. Bila autorun gagal dijalankan, maka beralihlah ke CD tersebut dan pilihlah Setup.exe
3. Ambilah pilihan Install Add-On Components.
Kemudian, Pengguna akan diantar ke jendela Windows Components Wizards seperti dibawah ini.
4. Klik-lah check box Internet Information Services (IIS) sehingga check box itu tercentang (dalam keadaan terpilih).
5. Klik-lah tombol Details sesudahnya,
6. Pastikan Pengguna mengambil pilihan yang penting, seperti World Wide Web Servers, Frontpage 2000 Server Extensions (bila bekerja dengan MS Frontpage 2000 dan webbot), Personal Web Manager, File Transfer Protokol (FTP) Server, SMTP Servise, Internet Information Servise snap-in, dan lainnya terkadang, supaya bekerja dengan baik, Pengguna perlu memilih semua pilihan yang ada di atas dengan cara mengklik semua check box tersebut.
7. Klik-lah tombol OK untuk keluar.
8. Klik-lah Next untuk melanjutkan ke proses installasi.
Setelah IIS berhasil Pengguna susupkan ke dalam sistem MS Windows XP maka server tersebut berada dalam keadaan siap dan aktif. Pengguna sudah boleh menggunakannya mulai saat itu.


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

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

e. Microsoft Internet Explorer
Digunakan untuk melakukan pengujian dan pengaksesan homepage interaktif yang telah di buat.

f. Komponen Open DataBase Connectivity (ODBC
Digunakan untuk melakukan koneksi dari program komputer ke database. Komponen ini biasanya sudah tersedia dalam Windows XP.


2. Persiapan Direktori Kerja

Langkah-langkah yang harus dilakukan, yaitu:
1. Aktifkan Windows Explore
2. Buat satu direktori dalam drive C dengan nama SMUKU-INT
3. Buat subdirektori image, css, dan database dalam directori SMUKU-INT
3. Persiapan Skenario User Interface
Tabel skenario user interface


1. Form Input
> Untuk memasukan data siswa dari homepage ke data base
Field yang harus ada: Nomor induk, Nama, Tanggal lahir, Kelas, Jurusan, dan Tahun Masuk.

2. Form Output
> Untuk menampilkan data siswa yang terdapat dalam data base ke dalam homepage.
Field yang harus ada: Nomor induk, Nama, Tanggal lahir, Kelas, Jurusan, dan Tahun Masuk.


4. Persiapan komponen IIS

Cara pengaksesan IIS, yaitu :

- pilih tombol start-Control Panel
- pilih Administrative Tools pada jendela Control Panel lalu pilih Internet
Information Services
- klik nama komputer lalu pilih Web Sites dan klik Default Web Site

>>Terdapat 2 cara menampilkan informasi homepage melalui IIS :

a. menggunakan port (hanya dapat digunakan pada IIS dalam Windows NT, Windows
2000, Windows 2003

> langkah pengaksesan port

- klik kanan Web Sites, klik New Web Sites, pilih port
- gunakan port sembarang antara 2000-65500
- jangan menggunakan port 80
- pengaksesan dengan menggunakan port 8080
.stand alone computer-http://localhost:8080/namafile.htm
.intranet-http;//namakomputer:8080/namafile.htm
.internet-http://www.namadomain.com:8080/naamfile.htm


b. Pengaksesan menggunakan direktori virtual

1. klik kanan Default Web Site, pilih New –Virtual Directory
2. akan ditampilkan Virtual Directory Creation Wizard pertama. Tekan Next
3. Pada Virtual Directory Creation Wizard kedua untuk mengisi alias direktori,
ketikkan SMUKU-INT. Lalu tekan Next
4. akan ditampilkan wizard untuk memasukkan direktori yang akan digunakan. Tekan
tombol Browse untuk masukkan C:\SMUKU-INT lalu tekan Next
5. Pada wizard yang menampilkan access permission, tekan Next
6. tekan tombol Finish
7. Pada jendela Internet Information Services terlihat bahwa direktori virtual sudah berhasil dibuat
8. Pengaksesan dengan menggunakan direktori virtual SMUKU-INT:
-komputer local-http://localhost/SMUKU-INT/datasiswa.htm
-intranet-http://namakomputer/SMUKU-INT/datasiswa.htm
-internet-http://www.namadomain.com/SMUKU-INT/datasiswa.htm


5. Pemilihan Bahasa Pemrograman

Microsoft Active Server Pages (ASP) merupakan bahasa pemrograman yang secara
otomatis disediakan oleh Microsoft jika kita menggunakan IIS dengan Windows,
seperti Windows Server 2003, Windows XP, Windows NT, dan Windows 2000.
ASP merupakan suatu skrip yang ditambahkan pada halaman HTML untuk
membuat web menjadi lebih menarik, dinamis, dan interaktif. Server side berarti
proses pengerjaan skrip berlangsung di server bukan di browser atau client.Karena
bersifat server side, maka untuk dapat dijalankan pada sebuah PC biasa yang
berbasis Windows, PC tersebut perlu disimulasikan menjadi sebuah web server
dengan menginstal Microsoft Personal Web Server (PWS) atau Microsoft Internet
Information Services (IIS).
Bahasa skrip standar yang digunakan ASP adalah Microsoft VBScript dan Microsoft Jscript. Jika tidak dinyatakan sendiri maka
secara default skrip yang digunakan adalah Microsoft VBScript. Kamu dapat
mengubah default tersebut dengan menambahkan perintah
<%LANGUAGE=bahasa skrip%>


Alasan utama penggunaan bahasa pemrograman ASP:
a. tersedia secara gratis
b. struktur bahasanya mudah dipelajari
c. mampu berkomunikasi dengan bahasa pemrograman lain
d. mempunyai respons request data dengan cepat
e. untuk menggunakannya kita hanya tinggal meletakkan kode pemrograman pada
halaman homepage yang akan kita program


File ASP merupakan file text only yang di dalamnya berisi teks, tag HTML,
dan skrip ASP. File ASP sebenarnya file HTML biasa yang ke dalamnya
ditambahkan skrip ASP. Jika file HTML mempunyai eksistensi .htm atau .html
maka jika sudah diberi skrip ASP tinggal diubah menjadi .asp. Untuk membedakan
antara teks, tag HTML, dan skrip ASP digunakan suatu tanda disebut
delimiter(suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri
suatu tag atau skrip) <%dan%>

a. Deklarasi Variabel
VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeklarasian variable yaitu dim, private, dan public. Perbedaannya pada ruang lingkup yang digunakan. Jika menggunakan dim atau private maka variabelnya bersifat local, bila public variabelnya bersifat global.

b. Blok Kode ASP
ASP selalu diawali dengan blok <%dan dakhiri%>. Dalam kedua blok tersebut sintaks atau kode ASP dituliskan
c. Statement input
Sintaks 1- Request.Form()
Sintaks 2- Request.queryString(url>)

Request.Form untuk mengambil nilai dari elemen-elemen form HTML, sedangkan Request.QueryString digunakan untuk mengambil nilai variabel HTTP query string ditandai dengan karakter tanda Tanya (?) dan biasanya terletak di belakang penulisan alamat URL

d. Statement Output
Digunakan untuk mengatur output yang akan dikirimkan ke browser. Metode yang digunakan metode write dan redirect.

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

f. Statement Looping
Sintaks looping untuk ASP juga sama dengan sintaks looping atau perulangan pada bahasa pemrograman Visual Basic

g. Operasi Pengaksesan Data
Sintaks pengaksesan data juga sama dengan Visual Basic

h. Cara Kerja ASP
Misalnya kita mengakses halaman ASP dari sebuah website http://www.namadomain.com/indeks.asp. halaman tersebut akan diload ke browser internet explorer dalam bentik HTML setelah terlebih dahulu web server menerjemahkan atau mengcompile semua kode yang terdapat dalam blok <%%> pada file indeks.asp. Semua kode ASP yang terdapat dalam file akan hilang dan diganti dengan value yang dikembalikan dari database


B. Memprogram DataBase Web Interaktif

1. Pembuatan Database

a. aktifkan Microsoft Access. Buat database data siswa dan simpan dalam
C:\SMUKU-INT\
b. buat satu table dengan nama datasiswa dengan struktur isi table


2. Pembuatan Data Source Name (DSN)

a. tekan tombol start-Control Panel-Performance and Maintenance
AdministrativeTools-Data Source
b. akan ditampilkan kotak dialog ODBC Data Source Administrator, pilih tab
System DSN
c. klik tombol Add, pilih Microsoft Access Driver kemudian tekan Finish
d. pada kotak dialog ODBC Microsoft Access Setup isi kotak data Source Name
dengan data siswa dan kotak description dengan data siswa, tekan tombol
Select untuk memasukkan database selanjutnya tekan OK


3. Pemrograman

Dilakukan setelah kita menyelesaikan pembuatan DSN. Untuk pemrograman ini
akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP.

a. Programming halaman pertama yaitu pembuatan halaman datasiswa.htm
b. Lakukan modifikasi terhadap halaman datasiswa.htm dengan memasukkan kod
ASP pada bagian awal halaman sebelum tag
c.Simpan file dengan nama datasiswa.asp
d. Programming halaman kedua yaitu pembuatan halaman lihatdatasiswa.htm.
buka kembali halaman lihatdatasiswa.htm pada Microsoft FrontPage
e. Selanjutnya akan dilakukan modifikasi terhadap halaman lihatdatasiswa.htm
dengan memasukkan kode ASP
f. Simpan file dengan nama lihatdatasiswa.asp


4. Pengujian (Testing)

Testing ini akan memberitahukan kepada kita apabila terdapat kesalahan
dalam coding yang kita lakukan. Ditampilkan dalam browser yang kita akses.
Jika tidak terdapat kesalahan maka kita dapat mengetahui bahwa data tersebut
sudah tersimpan dalam database.

BAB 6. Membuat Homepage interaktif

BAB 6. Membuat Homepage interaktif

A. Memprogram Web

1. Persiapan Software

Software yang dibutuhkan seperti sisitem operasi, Internet Information Services ( IIS), Microsoft Acces, Microsoft FrontPage, Microsoft Internet Explorer, dan komponen Open DataBase Connectivity (ODBC).

a. Sistem Operasi

Dalam pembahasan ini, kita akan menggunakan Windows XP Professional sebagai system operasi, karena kita sudah terbiasa dengan tampilan dan berbagai komponennya.

b. Komponen Internet Information Services pada Windows XP

>>Langkah-langkah untuk menginstal komponen ISS dalam komputer, yaitu:
1. Masukkan CD MS Windows XP kedalam CD-ROM Pengguna.
2. Secara otomatis, sistem mengaktifkan autorun yang tersimpan dalam CD tersebut. Bila autorun gagal dijalankan, maka beralihlah ke CD tersebut dan pilihlah Setup.exe
3. Ambilah pilihan Install Add-On Components.
Kemudian, Pengguna akan diantar ke jendela Windows Components Wizards seperti dibawah ini.
4. Klik-lah check box Internet Information Services (IIS) sehingga check box itu tercentang (dalam keadaan terpilih).
5. Klik-lah tombol Details sesudahnya,
6. Pastikan Pengguna mengambil pilihan yang penting, seperti World Wide Web Servers, Frontpage 2000 Server Extensions (bila bekerja dengan MS Frontpage 2000 dan webbot), Personal Web Manager, File Transfer Protokol (FTP) Server, SMTP Servise, Internet Information Servise snap-in, dan lainnya terkadang, supaya bekerja dengan baik, Pengguna perlu memilih semua pilihan yang ada di atas dengan cara mengklik semua check box tersebut.
7. Klik-lah tombol OK untuk keluar.
8. Klik-lah Next untuk melanjutkan ke proses installasi.
Setelah IIS berhasil Pengguna susupkan ke dalam sistem MS Windows XP maka server tersebut berada dalam keadaan siap dan aktif. Pengguna sudah boleh menggunakannya mulai saat itu.


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

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

e. Microsoft Internet Explorer
Digunakan untuk melakukan pengujian dan pengaksesan homepage interaktif yang telah di buat.

f. Komponen Open DataBase Connectivity (ODBC
Digunakan untuk melakukan koneksi dari program komputer ke database. Komponen ini biasanya sudah tersedia dalam Windows XP.


2. Persiapan Direktori Kerja

Langkah-langkah yang harus dilakukan, yaitu:
1. Aktifkan Windows Explore
2. Buat satu direktori dalam drive C dengan nama SMUKU-INT
3. Buat subdirektori image, css, dan database dalam directori SMUKU-INT
3. Persiapan Skenario User Interface
Tabel skenario user interface


1. Form Input
> Untuk memasukan data siswa dari homepage ke data base
Field yang harus ada: Nomor induk, Nama, Tanggal lahir, Kelas, Jurusan, dan Tahun Masuk.

2. Form Output
> Untuk menampilkan data siswa yang terdapat dalam data base ke dalam homepage.
Field yang harus ada: Nomor induk, Nama, Tanggal lahir, Kelas, Jurusan, dan Tahun Masuk.


4. Persiapan komponen IIS

Cara pengaksesan IIS, yaitu :

- pilih tombol start-Control Panel
- pilih Administrative Tools pada jendela Control Panel lalu pilih Internet
Information Services
- klik nama komputer lalu pilih Web Sites dan klik Default Web Site

>>Terdapat 2 cara menampilkan informasi homepage melalui IIS :

a. menggunakan port (hanya dapat digunakan pada IIS dalam Windows NT, Windows
2000, Windows 2003

> langkah pengaksesan port

- klik kanan Web Sites, klik New Web Sites, pilih port
- gunakan port sembarang antara 2000-65500
- jangan menggunakan port 80
- pengaksesan dengan menggunakan port 8080
.stand alone computer-http://localhost:8080/namafile.htm
.intranet-http;//namakomputer:8080/namafile.htm
.internet-http://www.namadomain.com:8080/naamfile.htm


b. Pengaksesan menggunakan direktori virtual

1. klik kanan Default Web Site, pilih New –Virtual Directory
2. akan ditampilkan Virtual Directory Creation Wizard pertama. Tekan Next
3. Pada Virtual Directory Creation Wizard kedua untuk mengisi alias direktori,
ketikkan SMUKU-INT. Lalu tekan Next
4. akan ditampilkan wizard untuk memasukkan direktori yang akan digunakan. Tekan
tombol Browse untuk masukkan C:\SMUKU-INT lalu tekan Next
5. Pada wizard yang menampilkan access permission, tekan Next
6. tekan tombol Finish
7. Pada jendela Internet Information Services terlihat bahwa direktori virtual sudah berhasil dibuat
8. Pengaksesan dengan menggunakan direktori virtual SMUKU-INT:
-komputer local-http://localhost/SMUKU-INT/datasiswa.htm
-intranet-http://namakomputer/SMUKU-INT/datasiswa.htm
-internet-http://www.namadomain.com/SMUKU-INT/datasiswa.htm


5. Pemilihan Bahasa Pemrograman

Microsoft Active Server Pages (ASP) merupakan bahasa pemrograman yang secara
otomatis disediakan oleh Microsoft jika kita menggunakan IIS dengan Windows,
seperti Windows Server 2003, Windows XP, Windows NT, dan Windows 2000.
ASP merupakan suatu skrip yang ditambahkan pada halaman HTML untuk
membuat web menjadi lebih menarik, dinamis, dan interaktif. Server side berarti
proses pengerjaan skrip berlangsung di server bukan di browser atau client.Karena
bersifat server side, maka untuk dapat dijalankan pada sebuah PC biasa yang
berbasis Windows, PC tersebut perlu disimulasikan menjadi sebuah web server
dengan menginstal Microsoft Personal Web Server (PWS) atau Microsoft Internet
Information Services (IIS).
Bahasa skrip standar yang digunakan ASP adalah Microsoft VBScript dan Microsoft Jscript. Jika tidak dinyatakan sendiri maka
secara default skrip yang digunakan adalah Microsoft VBScript. Kamu dapat
mengubah default tersebut dengan menambahkan perintah
<%LANGUAGE=bahasa skrip%>


Alasan utama penggunaan bahasa pemrograman ASP:
a. tersedia secara gratis
b. struktur bahasanya mudah dipelajari
c. mampu berkomunikasi dengan bahasa pemrograman lain
d. mempunyai respons request data dengan cepat
e. untuk menggunakannya kita hanya tinggal meletakkan kode pemrograman pada
halaman homepage yang akan kita program


File ASP merupakan file text only yang di dalamnya berisi teks, tag HTML,
dan skrip ASP. File ASP sebenarnya file HTML biasa yang ke dalamnya
ditambahkan skrip ASP. Jika file HTML mempunyai eksistensi .htm atau .html
maka jika sudah diberi skrip ASP tinggal diubah menjadi .asp. Untuk membedakan
antara teks, tag HTML, dan skrip ASP digunakan suatu tanda disebut
delimiter(suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri
suatu tag atau skrip) <%dan%>

a. Deklarasi Variabel
VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeklarasian variable yaitu dim, private, dan public. Perbedaannya pada ruang lingkup yang digunakan. Jika menggunakan dim atau private maka variabelnya bersifat local, bila public variabelnya bersifat global.

b. Blok Kode ASP
ASP selalu diawali dengan blok <%dan dakhiri%>. Dalam kedua blok tersebut sintaks atau kode ASP dituliskan
c. Statement input
Sintaks 1- Request.Form()
Sintaks 2- Request.queryString(url>)

Request.Form untuk mengambil nilai dari elemen-elemen form HTML, sedangkan Request.QueryString digunakan untuk mengambil nilai variabel HTTP query string ditandai dengan karakter tanda Tanya (?) dan biasanya terletak di belakang penulisan alamat URL

d. Statement Output
Digunakan untuk mengatur output yang akan dikirimkan ke browser. Metode yang digunakan metode write dan redirect.

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

f. Statement Looping
Sintaks looping untuk ASP juga sama dengan sintaks looping atau perulangan pada bahasa pemrograman Visual Basic

g. Operasi Pengaksesan Data
Sintaks pengaksesan data juga sama dengan Visual Basic

h. Cara Kerja ASP
Misalnya kita mengakses halaman ASP dari sebuah website http://www.namadomain.com/indeks.asp. halaman tersebut akan diload ke browser internet explorer dalam bentik HTML setelah terlebih dahulu web server menerjemahkan atau mengcompile semua kode yang terdapat dalam blok <%%> pada file indeks.asp. Semua kode ASP yang terdapat dalam file akan hilang dan diganti dengan value yang dikembalikan dari database


B. Memprogram DataBase Web Interaktif

1. Pembuatan Database

a. aktifkan Microsoft Access. Buat database data siswa dan simpan dalam
C:\SMUKU-INT\
b. buat satu table dengan nama datasiswa dengan struktur isi table


2. Pembuatan Data Source Name (DSN)

a. tekan tombol start-Control Panel-Performance and Maintenance
AdministrativeTools-Data Source
b. akan ditampilkan kotak dialog ODBC Data Source Administrator, pilih tab
System DSN
c. klik tombol Add, pilih Microsoft Access Driver kemudian tekan Finish
d. pada kotak dialog ODBC Microsoft Access Setup isi kotak data Source Name
dengan data siswa dan kotak description dengan data siswa, tekan tombol
Select untuk memasukkan database selanjutnya tekan OK


3. Pemrograman

Dilakukan setelah kita menyelesaikan pembuatan DSN. Untuk pemrograman ini
akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP.

a. Programming halaman pertama yaitu pembuatan halaman datasiswa.htm
b. Lakukan modifikasi terhadap halaman datasiswa.htm dengan memasukkan kod
ASP pada bagian awal halaman sebelum tag
c.Simpan file dengan nama datasiswa.asp
d. Programming halaman kedua yaitu pembuatan halaman lihatdatasiswa.htm.
buka kembali halaman lihatdatasiswa.htm pada Microsoft FrontPage
e. Selanjutnya akan dilakukan modifikasi terhadap halaman lihatdatasiswa.htm
dengan memasukkan kode ASP
f. Simpan file dengan nama lihatdatasiswa.asp


4. Pengujian (Testing)

Testing ini akan memberitahukan kepada kita apabila terdapat kesalahan
dalam coding yang kita lakukan. Ditampilkan dalam browser yang kita akses.
Jika tidak terdapat kesalahan maka kita dapat mengetahui bahwa data tersebut
sudah tersimpan dalam database.

BAB 5. Membuat Homepage Sederhana

BAB 5. Membuat Homepage Sederhana

A. Menentukan perangkat lunak untuk membuat homepage

Membuat homepage atau wibesite tidak sulit.dengan memperatikan beberapa hal di bawah ini :
1. Tujuan di buatnya homepage
2. Siapa (anak-anak/remaja/orang dewasa)
3. Klasifikasikan informasi yang akan di tampilkan dalam homepage
4. Hasil klasifikasi tersebut akan mewakili satu halaman homepage
5. Buat scenario dari setiap hasil klasifikasi tersebut agar informasi yang di tampilkan benar-benar jelas

1. Editor HTML

Editor HTML digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu editor HTML di gunakan untuk menggabungkan gambar,suara,dan animasi yang telah di buat dalam satu halaman homepage. Editor HTML yang bersifat graphical user interface.

2. Editor Graphics

Editor grafis di gunakan untuk mengedit gambar yang akan di tampilkan dalam homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar/memperkecil /menggabungkan/member efek pada gambar dan siap untuk di tampilka pada homepage.

3. Editor, Multimedia, Animasi dan Suara

Editor multimedia di gunakan untuk membuat animasi gambar dan suara. Terdapat suatu editor animasi yang paling populer yaitu : macromedia flash. Macromedia flash tidak hanya digunakan untuk membuat animasi gmbar dan suara, tetapi juga digunakan untuk membuat suatu homepage multimedia.


B. Membuat Layout Homepage Yang Diinginkan

Layout atau frame merupakan bentuk format navigasi dari homepage yang akan di tampilkan. Terdapat beberapa layout halaman homepage yang dapat kita gunakan dan tersedia di Microsoft frontpage XP.

C. Menerapkan Hyperlink

Hyperlink di gunakan sebagai alat navigasi halaman pada homepage. Langkah-langkah membuat hyperlink :
1. Aktifkan aplikasi Microsoft frontpage XP
2. Buat tulisan “ link kehalaman lain” pada dokumen baru yang di tampilkan pertama x
3. Blok tulisan “link kehalaman lain” dengan cara men-drag tombol kiri mouse.
4. Tekan tombol ctrl+k pada keyboard sehingga akan di tmpilkan kota dialog insert hyperlink
5. Hasilnya akan terlihat
6. Setelah file di simpan dan di jalankan

D. Menerapkan Cascading Style Sheet

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 langkah-langkah berikut
1. Aktifkan Microsoft frontpage XP
2. Pilih menu file → New→ Page or Web
3. Pilih page templates pada bagian new front templates
4. Akan di tampilkan kotak dialog
5. Pilih jenis style sheet


E. Membuat Aplikasi dalam Sistem yang terintegrasi

1. Membuat aplikasi terintegrasi dengan Microsoft front page
Fungsi dari scenario yaitu untuk memandu kita dalam menentukan apa saja yang dapat kita lakukan oleh suatu alamat atau website. Homepage tersebut terdiri atas 4 halaman yang akan saling berhubungan satu sama lain
2. Menentukan directory lokasi kerja
a. Buat directory SMUKU pada drive C
b. Dalam directory C :\SMUKU
c. Pada windows explorer akan terlihat struktur file
3. Membuat halaman pada homepage
Homepage yang akan kita buat terdiri atas 4 halaman. Setiap halaman memperlihatkan tampilan yang berbeda sesuai dengan fungsontya masing-masing


F. Membuat grafis sesuai dengan homepage yang diinginkan

> Langkah-langkah membuatnya sebagai berikut :
1. Aktifkan adobe photoshop
2. Pilih menu file →new
3. Akan ditampilkan kotak dialog new
4. Akan ditampilkan lembar baru
5. Pilih rectangle tool pada tool box
6. Berikan efek text urizer pada halaman kerja
7. Ganti warna dengan biru tua
8. Klik horizontal type tool pada toolbox
9. Menyimpan gambar dengan nama logosmuku


G. Mendaftarkan Alamat Domain Ke Provider Web Hosting

Untuk mempublikasikan homepage yang telah di buat melalui internet, kita perlu mempunyai alamat di internet yang di sebut domain, untuk mendaftarkan alamat ke internet, kita harua membeli domain tersebut . langkah – langkah di bawah ini untuk mendaftarkan alamat domain :
1. Aktifkan internet explorer
2. Cari kontak pencarian domain
3. Hasilnya akan terlihat
4. Mencari domain lain yaitu sekolahsmuku.com.
5. Hasil pencarian sekolahsmuku.com akan terlihat.


H. Melakukan Upload

Cara melakukan upload dan perbaikan data homepage, kita dapat menggunakan fasilitas gratis dari yahoo.langkah-langkahnya sebagai berikut :
1. Daftarkan nama sekolahmu sebagai user atau pengguna yahoo geocities.
2. Untuk yang pengguna baru akan di tampilkan halaman untuk melakukan registrasi.
3. Lakukan proses registrasi secara lengkap
4. Akan di tampilkan halaman geocities control panel.
5. Klik link open file manager
6. Akan di tampilkan fasilitas untuk melakukan upload
7. Akan di tampilkan pesan bahwa upload telah berhasil
8. Tekan link file manager yang terdapat di bagiab halaman bawah
9. Tekan tombol New di bawah subdirectories
10. Buat sebuah subdirectory
11. Edit feli index.htm yang sudah di sediakan geocities
12. Lakukan proses pengeditan melalui editor HTML tang tersedia
13. Klik dua kali subdirectory
14. Untuk menampilkan halaman homepage yang telah kamu upload, klik link View my site yang tedapat di halaman kanan atas

I. Memperbaiki dan Merevisi Data yang Sudah Ada

Dalam memperbaiki homepage yang telah kita buat pada yahoo! Geocities agar mudah di akses. Langkah- langkahnya sebagai berikut :
1. Aktifkan yahoo! Geocities, lakukan login dengan nama sekolahsmuku
2. Aktifkan geocities control panel. Lalu klik link file manager
3. Upload file logosmuku.gif dengan cara melakukan tombol browser di sebelah kanan kotak upload file
4. Ubah gambar fish.jpg yang tedapat pada halaman. Caranya sama terhadap pengeditan terhadap halaman index.
5. Ubah link lalu tekan tombol save
6. Untuk menampilkan gambar yang sudah di ubah, klik limk view my site di bagian kanan halaman

BAB 5. Membuat Homepage Sederhana

BAB 5. Membuat Homepage Sederhana

A. Menentukan perangkat lunak untuk membuat homepage

Membuat homepage atau wibesite tidak sulit.dengan memperatikan beberapa hal di bawah ini :
1. Tujuan di buatnya homepage
2. Siapa (anak-anak/remaja/orang dewasa)
3. Klasifikasikan informasi yang akan di tampilkan dalam homepage
4. Hasil klasifikasi tersebut akan mewakili satu halaman homepage
5. Buat scenario dari setiap hasil klasifikasi tersebut agar informasi yang di tampilkan benar-benar jelas

1. Editor HTML

Editor HTML digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu editor HTML di gunakan untuk menggabungkan gambar,suara,dan animasi yang telah di buat dalam satu halaman homepage. Editor HTML yang bersifat graphical user interface.

2. Editor Graphics

Editor grafis di gunakan untuk mengedit gambar yang akan di tampilkan dalam homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar/memperkecil /menggabungkan/member efek pada gambar dan siap untuk di tampilka pada homepage.

3. Editor, Multimedia, Animasi dan Suara

Editor multimedia di gunakan untuk membuat animasi gambar dan suara. Terdapat suatu editor animasi yang paling populer yaitu : macromedia flash. Macromedia flash tidak hanya digunakan untuk membuat animasi gmbar dan suara, tetapi juga digunakan untuk membuat suatu homepage multimedia.


B. Membuat Layout Homepage Yang Diinginkan

Layout atau frame merupakan bentuk format navigasi dari homepage yang akan di tampilkan. Terdapat beberapa layout halaman homepage yang dapat kita gunakan dan tersedia di Microsoft frontpage XP.

C. Menerapkan Hyperlink

Hyperlink di gunakan sebagai alat navigasi halaman pada homepage. Langkah-langkah membuat hyperlink :
1. Aktifkan aplikasi Microsoft frontpage XP
2. Buat tulisan “ link kehalaman lain” pada dokumen baru yang di tampilkan pertama x
3. Blok tulisan “link kehalaman lain” dengan cara men-drag tombol kiri mouse.
4. Tekan tombol ctrl+k pada keyboard sehingga akan di tmpilkan kota dialog insert hyperlink
5. Hasilnya akan terlihat
6. Setelah file di simpan dan di jalankan

D. Menerapkan Cascading Style Sheet

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 langkah-langkah berikut
1. Aktifkan Microsoft frontpage XP
2. Pilih menu file → New→ Page or Web
3. Pilih page templates pada bagian new front templates
4. Akan di tampilkan kotak dialog
5. Pilih jenis style sheet


E. Membuat Aplikasi dalam Sistem yang terintegrasi

1. Membuat aplikasi terintegrasi dengan Microsoft front page
Fungsi dari scenario yaitu untuk memandu kita dalam menentukan apa saja yang dapat kita lakukan oleh suatu alamat atau website. Homepage tersebut terdiri atas 4 halaman yang akan saling berhubungan satu sama lain
2. Menentukan directory lokasi kerja
a. Buat directory SMUKU pada drive C
b. Dalam directory C :\SMUKU
c. Pada windows explorer akan terlihat struktur file
3. Membuat halaman pada homepage
Homepage yang akan kita buat terdiri atas 4 halaman. Setiap halaman memperlihatkan tampilan yang berbeda sesuai dengan fungsontya masing-masing


F. Membuat grafis sesuai dengan homepage yang diinginkan

> Langkah-langkah membuatnya sebagai berikut :
1. Aktifkan adobe photoshop
2. Pilih menu file →new
3. Akan ditampilkan kotak dialog new
4. Akan ditampilkan lembar baru
5. Pilih rectangle tool pada tool box
6. Berikan efek text urizer pada halaman kerja
7. Ganti warna dengan biru tua
8. Klik horizontal type tool pada toolbox
9. Menyimpan gambar dengan nama logosmuku


G. Mendaftarkan Alamat Domain Ke Provider Web Hosting

Untuk mempublikasikan homepage yang telah di buat melalui internet, kita perlu mempunyai alamat di internet yang di sebut domain, untuk mendaftarkan alamat ke internet, kita harua membeli domain tersebut . langkah – langkah di bawah ini untuk mendaftarkan alamat domain :
1. Aktifkan internet explorer
2. Cari kontak pencarian domain
3. Hasilnya akan terlihat
4. Mencari domain lain yaitu sekolahsmuku.com.
5. Hasil pencarian sekolahsmuku.com akan terlihat.


H. Melakukan Upload

Cara melakukan upload dan perbaikan data homepage, kita dapat menggunakan fasilitas gratis dari yahoo.langkah-langkahnya sebagai berikut :
1. Daftarkan nama sekolahmu sebagai user atau pengguna yahoo geocities.
2. Untuk yang pengguna baru akan di tampilkan halaman untuk melakukan registrasi.
3. Lakukan proses registrasi secara lengkap
4. Akan di tampilkan halaman geocities control panel.
5. Klik link open file manager
6. Akan di tampilkan fasilitas untuk melakukan upload
7. Akan di tampilkan pesan bahwa upload telah berhasil
8. Tekan link file manager yang terdapat di bagiab halaman bawah
9. Tekan tombol New di bawah subdirectories
10. Buat sebuah subdirectory
11. Edit feli index.htm yang sudah di sediakan geocities
12. Lakukan proses pengeditan melalui editor HTML tang tersedia
13. Klik dua kali subdirectory
14. Untuk menampilkan halaman homepage yang telah kamu upload, klik link View my site yang tedapat di halaman kanan atas

I. Memperbaiki dan Merevisi Data yang Sudah Ada

Dalam memperbaiki homepage yang telah kita buat pada yahoo! Geocities agar mudah di akses. Langkah- langkahnya sebagai berikut :
1. Aktifkan yahoo! Geocities, lakukan login dengan nama sekolahsmuku
2. Aktifkan geocities control panel. Lalu klik link file manager
3. Upload file logosmuku.gif dengan cara melakukan tombol browser di sebelah kanan kotak upload file
4. Ubah gambar fish.jpg yang tedapat pada halaman. Caranya sama terhadap pengeditan terhadap halaman index.
5. Ubah link lalu tekan tombol save
6. Untuk menampilkan gambar yang sudah di ubah, klik limk view my site di bagian kanan halaman

BAB 4. Mencari Informasi dan berkomunikasi melalui internet

BAB 4. Mencari Informasi dan berkomunikasi melalui internet

A. Menggunakan pelayanan internet dalam akses informasi dan komunikasi untuk menyelesaikan tugas-tugas yang diberikan oleh guru

1. Melakukan pencarian informasi menggunakan situs sesuai dengan mata pelajaran
Tugas-tugas dari guru biasanya di sesuaikan dengan pelajarannya masing-masing. terdapat beberapa situs yang khusus membahas satu topik mata pelajaran atau masalah, antara lain sebagai berikut.

1. www.chem-s-try.org, membahas mengenai ilmu kimia
2. www.ilmukomputer.com, membahas mengenai ilmu komputer
3. www.fisika.lipi.go.id, membahas mengenai ilmu pengetahuan
4. www.invir.com, berisi contoh soal ujian atau ebtanas

2. Melakukan pencarian informasi menggunakan mesin pencarian (search engine)
Dalam pembahasan ini kita akan menggunakan Google untuk melakukan pencarian. Untuk menjalankan Google, ikuti langkah-langkah berikut.

1. Jalankan browser kamu
2. Ketik www.Google.co.id pada address bar, kemudian tekan tombol enter pada keyboard, maka akan muncul tampilan halaman depan Google.
Untuk melakukan pencarian dengan menggunakan Google, ikuti langkah-langkah berikut.

1. setelah halaman depan Google terbuka, masukan kata kunci pencarian pada kotak isian yang tersedia.
2. Tekan tombol enter pada keyboar.Google akan melakukan pencarian dan segera menampilkan hasilnya.
3. Klik salah satu hyperlink pencarian untuk menunjukan ke halaman web yang kamu maksud.

4. Fasilitas khusus pada Google

Kamu ingin melakukan pencarian portable document format(PDF) mengenai majalah komputer. Kamu ingin agar Google melakukan secara tepat serta mencari di halaman web yang berbahasa indonesia. Ikuti langkah-langkah berikut untuk melakukan pencarian dengan menggunakan cara berikut.

1. Jalankan browser kamu, lalu ketik www.google.co.id pada address bar lalu tekan tombol enter
2. Klik hyperlink bertuliskan pencarian khusus di samping kotak isian kata kunci pencarian
3. perhatikan bahwa semua hasil pencarian yang muncul berupa format PDF.

4. Trik mencari melalui Google
Agar pencarian yang kamu lakukan melalui Google lebih efektif dan relevan.

a. Simbol matematika(Tanda Plus(+))
Tanda Plus(+) bekerja apbila kamun ingin mencari bebagi dokumenyang mempunyai lebih dari satu kata kunci . tanda plus(
+) dapat kamu gunakansebanyak-banyaknya. Pada dasarnya,semakin banyak tanda plus(+) pencarian yang kamu gunakan semakin sfesifik
b. Simbol matematika tanda minus (-)
Simbol matematika lain yang dapat kamu gunakan adalah tanda (-). Simbol ini dapat di artikan kecuali.
c. Simbol tanda kutip (“)
Jika kamu hanya ingin memperoleh halaman web yang mengandung kata majalah komputer. Maka ikuti langkah berikut .

1. Buka browser
2. Ketika muncul tampilan awal Google, lalu isi isian yang tersedia, tambahkan akhiran tanda petik
3. Tekan tombol enter pada keyboar
4. Bandikan hasil pencariann yang kamu perolah
d. Simbol tanda (~)
Penggunaan sinonim ini adalah dengan menambahkan tanda (~) di depan istilah yang akan kamu cari. Secara otomatis Google akan menyertakan sinonimnya dalam pencarian.

e. Operasi boolean (OR)
Operasi OR bisa di artikan “atau”, bekerja sama dengan karakter spasi dalam simbol matematika.


B. Penggunaan layanan chatting untuk berkomunikasi

CHAT merupakan kependekan dari conversitional hypertext access technology yaitu suatu sistem yang dapat berkomunikasi dengan pengguna internet di seluruh dunia secara real-time dan oneline . chatting merupakan salah satu aktifitas yanh cukup populer di internet.

mIRC adalah salah satu program untuk chatting yang populer. mIRC menyediakan antar muka yang mudah digunakan untuk dapat berhubungan dengan jaringan IRC( internet relay chat).jaringan IRC adalah sebuah tempat pertemuan maya di mana setiap orang dari seluruh penjuru dapat saling berkomunikasi.

Program IRC yang terbaru sudah mencapai 6.17. kamu dapat memperoleh progaram ini di http/ / www.mirc.co.uk atau http/ / www.mirc.com salah satu fasilitas yang menarik dari sekian fasilitas yang terdapat pada Mric

c. penggunaan Mailing list di Yahoogroups untuk berkomunikasi
Mailing list adalah sebuah daftar alamat-alamat e-mail yang mempunyai kepentingan atau kesukaan yang sama.
Yahoogroups adalah layanan mailing list yang di sediakan oleh yahoo. Yang dapat kamu gunakan untuk saling berkomunikasi.

1. Membuat Mailing list di Yahoo! Groups
> Berikut ini langkah-langkahnya.
1. jalankan browser kamu
2. buka situs Yahoo groups
3. klik sing in untuk melakukan pendaptaran
4. klik create a group
5. ketika muncul halaman web berikutnya, klik link internet
6. ketika muncul halaman web berikutnya,klik tombol
7. ketik nama mailing list atau nama group pada group name
8. tentukan profil mailing list kamu.
9. Akan di tampilkan halaman verifikasi atau konfirmasi bahwa kamu telah berhasil membuat mailing list
10. Klik customize your group
11. Klik invite to join
12. Kamu dapat mengklik tulisan singout untuk menutup mailing list .

2. Berkirim e-mail menggunakan mailing list

>Langkah-langkahnya sebagai berikut .
1. Buka account kamu
2. Klik tombol compose
3. Ketik alamat mailing list yang kamu tuju
4. Setiap anggota mailing list akan menerima kiriman e-mail tersebut.

Bab 3. Mendeskripsikan Fungsi E-mail Sebagai Alat Komunikasi

Bab 3. Mendeskripsikan Fungsi E-mail Sebagai Alat Komunikasi

E-mail adalah suatu cara pengiriman pesan dalam format data elektronik dari satu computer ke computer lainnya. Dampak negative pada e-mail adalah sebagai alat penyebaran virus computer dan alat komunikasi orang yang mempunyai tujuan buruk lainnya, seperti para teroris yang menggunakan e-mail untuk menghubungi anggotanya dibelahan dunia lain untuk melakukan rencana jahat mereka.

Pngguna e-mail memiliki sebuah kotak surat yang disebut dengan mailbox yang tersimpan didalam mailserver. Untuk membuka mailbox, pengguna harus memasukan user ID dan password.


Terdapat dua jenis layanan e-mail, yaitu e-mail yang berbasis web dan e-mail yang berbasis client.

1. email berbasis web
> dikembangkan dengan tujuan untuk memberikan jasa email kepada orang yang memiliki aksesinternet, tetapi tidak memiliki account email sendiri. E-mailberbasis web menggunakan Web Based Email seperti Yahoo sehinggapemakai dapat membaca email yang diterimanya dan melakukan interaksidengan email tersebut (membaca, menulis, membalas, menghapus, dll)secara user friendly. Dikembangkan dengan tujuan untuk memberikanjasa email kepada orang yang memiliki akses internet, tetapi tidakmemiliki account email sendiri, atau yang dimiliki bukan akses keemail server, tapi ke sebuah web server. Jadi, orang yang akanmengirimkan email pertama-tama harus mengikuti prosedur untukmembuat sebuah account email yang pada umumnya disediakan secaragratis.

2. email berbasis client
> dibutuhkan sebuah perangkat lunak apabila akan menggunakan e-mail jenis ini, misalnya eudora atau Microsoft Outlook. Fasilitas yang disediakan perangkat lunak tersebut, antara lain fasilitas untuk menulis dan mengolah e-mail tanpa harus terhubung dengan internet.

Kelebihan : Kelebihan email berbasis web ini adalah user dapat membuka buka disembarang tempat atau bisa mengecek email Anda dari mana saja danbrowser apa saja.

Kekurangan : Karena menggunakan email server bukan komputer sendiri maka mediapenyimpanannya terbatas. Dan Kekurangan utama dari email berbasisweb adalah, untuk mengecek email Anda harus selalu terhubung keinternet. Bagi yang hanya menerima beberapa atau belasan email tentunggak begitu terasa. Tapi bagi Anda yang menerima puluhan email ataubahkan ratusan email tentu akan terasa kekurangannya terutama dalamhal biaya (menambah biaya, karena harus selalu connect ke internet). Penggunaan e-mail memungkinkan data dikirim secara elektronik sehingga sampai di tujuan dengan sangat cepat. Penggunaan e-mail memiliki sebuah kotak surat yang disebut mailbox yang tersimpan dalam mailserver. Alamat e-mail pada umumnya terdiri atas dua bagian utama, yaitu nama mailbox dan nama komputer dimana mailbox tersebut berada. Alamat e-mail bersifat unik sehingga tidak mungkin ada dua orang berbeda yang memiliki alamat e-mail yang sama. Mailserver merupakan komputer tempat meletakan mailbox, sedangkan setiap pengguna e-mail dapat kita sebut sebagai client. Beberapa pengguna e-mail dapat membentuk kelompok yang diwakili oleh sebuah alamat e-mail, kelompok semacam ini sering disebut dengan milis (mailing list).

Fungsi :
1. Menerima informasi secara tertulis
2. Mengirim informasi secara tertulis
3. Sebagai alat komunikasi langsung (tanpa tulisan) bias diibaratkan seperti handphone
4. Sebagai alat promosi suatu produk dari perusahaan atau bisnis internet
5. Sebagai alat Bantu untuk melayani pembeli produk
6. Sebagai alat transaksi di bidang bisnis internet

Terdapat banyak cara untuk mendapatkan e-mail, diantaranya sebagai berikut :
1. Melalui penyedia e-mail gratis cara ini merupakan cara paling mudah untuk mendapatkan e-mail. Melalui cara ini kamu tinggal mengunjungi web penyedia tersebut, mengisi data pribadi lalu kumu pun akan memiliki e-mail secara instan. contoh penyedia layanan ini adalah Yahoo, Plasa dan Telkom.
2. Undangan dari teman Cara kedua ini adalah melalui undangan (invite) dari temanmu yang sudah mempunyai account pada penyedia layanan e-mail tersebut. melalui undangan dari teman seperti ini, kamu tidak dapat mendaftarkan diri tanpa undangan dari salah seorang yang telah menjadi anggota. Contoh layanan ini adalah layanan e-mail yang disediakan google (mail.gmail.com)
3. Dari Internet Service Provider (ISP) ISP adalah perusahaan yang melayani koneksi Internet. Beberapa contoh ISP di Indonesia antara lain INdosatNet, WasantaraNet, dan INDO.Net. Koneksi Internetdilakukan berdasarkan jumlah jam akses atau hak pakai selama 24 jam per hari. kamu harus mendaftarkan diri kepada penyedia layanan tersebut untuk mendapatkan layanan e-mail.
4. Dari perusahaan E-mail yang diperoleh dari perusahaan adalah e-mail yang diberikan oleh suatu perusahaan. Ciri khasnya adalah alamat e-mail ini memiliki identitas perusahaan dimana e-mail tersebut terdaftar, untuk mendapatkan e-mail jenis ini, seseorang harus menjadi karyawan dari perusahaan tersebut.
5. Memesan sendiri Cara ini bertujuan untuk mendapatkan alamat e-mail khusus yang dapat kamu tentukan sendiri , mulai dari nama domain, identitas kamu, serta fasilitas yang ingin kamu dapatkan dari e-mail tersebut. Untuk mendapatkannya, kamu harus memesan domain terlebih dahulu, kemudian memesan paket hosting untukserver kamu, kemudian kamu akan mendapatkan e-mail tersebut.

1. Melakukan Pendaftaran di Yahoo Mail

Langkah-langkahnya adalah sebagai berikut:
- Klik start
- Klik browser website
- Buka situs Yahoo Mail di http://mail.yahoo.com, di kotak Address
- Klik Sign Up, lalu isi form pendaftaran
- Isikan Enter the code pada bagian Verify Your Regristration
- Baca ketentuan layanan disediakan oleh Yahoo Mail. Pada bagian Term of Service, klik I Agree
- Setelah aplikasi diterima, sebaiknya mencatat Yahoo ID dan e-mail yang ditampilkan Yahoo!, kemudian klik Continue to Yahoo! Mail
- Setelah mengklik Continue to Yahoo! Mail, kita akan masuk ke Yahoo! Mail yang kita miliki. Kita akan mendapat inbox yang berisi ucapan selamat bergabung di Yahoo!
- Proses untuk menjadi anggota Yahoo! Mail telah selesai. Kita sudah memiliki e-mail di Yahoo!.
Untuk keluar dari Yahoo!, klik sign out

2. Menggunakan Yahoo! Mail
Langkah-langkahnya adalah sebagai berikut:
- Klik start, pilih browser
- Buka situs Yahoo! di http://mail.yahoo.com, dengan cara mengetikan alamat tersebut di address.
Isi Yahoo ID dan password, lalu sign in

> Attachment File dalam E-mail

1. Mengirim E-mail
Langkah-langkahnya adalah sebagai berikut :
- Klik ikon Compose
- Akan muncul halaman Compose
- Pada kotak To, ketik alamat e-mail penerima, dan pada kotak subjek ketik perihal e-mail yang kita kirimkan
- Pada kotak CC (Carbon Copy), isikan dengan alamat tujuan lain yang mendapat tembusan e-mail, alamat e-mail akan ditampilkan pada e-mail penerima sehingga penerima tahu siapa yang menerima e-mail
- Pada kotak BCC (Blind Carbon Copy), isikan dengan alamat tujuan lain yang mendapat tembusan e-mail, tetapi alamat e-mail tidak ditampilkan pada e-mail penerima sehingga penerima tidak tahu siapa yang menerima e-mail
- Ketik isi e-mail yang ingin kita kirimkan
- Klik Send, untuk mengirim e-mail
- Akan muncul konfirmasi pengiriman e-mail kita
- Klik Back to Inbox untuk kembali ke kotak surat (inbox)

2. Mengirim Attachment File dalam E-mail

- Klik tombol Attach Files
- Pilih file yang akan kamu sertakan dengan cara mengklik tombol Browse.
- Klik Attach Files
- Selanjutnya, akan ditampilkan kotak proses pengambilan file (Attach Files).
- Lalu, klik tombol Continue to Message. Pastikanterlebih dahulu nama file yang kamu lampirkan muncul diatas tombol Attach Files.
- Klik tombol Send untuk mengirim e-mail beserta lampiran.

> Untuk menghapus e-mail yang tidak diperlukan, dapat dilakukan dengan cara brikut.
1. Buka inbox.
2. Pilih e-mail yang ingin dihapus.
3. Klik pada bagian sebelah kiri sender, sampai muncul muncul tanda check list.
4. Klik tombol delete, maka file yang dipilih akan terhapus.


> Melakukan Reply dan Forward

1. Melakukan Reply E-mail

Reply adalah fasilitas untuk membalas e-mail ke alamat si pengirim. Langkah-langkahnya, yaitu:
- Buka surat yang terdapat di kotak surat.
- Klik tombol Reply, kemudian akan tampil halaman editor reply
- Klik tombol Attach Files jika kamu ingin menyertakan file atau dokumen lain
- Klik tombol Send.

2. Melakukan Forward E-mail

Forward adalah fasilitas untuk meneruskan e-mail yang kamu terima ke alamat e-mail lain selain alamat si pengirim. Langkah-langkahnya, yaitu:
- Buka surat yang terdapat di dalam kotak surat (inbox)
- Klik tombol Forward, kemudian akan ditampilkan halaman editor forward.
- Tuliskan alamat e-mail tujuan pada kotak isian To -
Klik tombol Send.

> Mengelola E-mail

E-mail yang kamu miliki dapat kamu kelola sendiri. Pengelolaan e-mail berarti kamu dapat menghapus e-mail, mengosongkan folder, atau memindahkan e-mail ke folder khusus yang sesuai dengan kategori yang kamu inginkan. E-mail yang sudah memenuhi inbox atau melewati batas memori yang ditetapkan akan menyulitkan kamu ketika akan menghapus e-mail tersebut. Untuk menghapus e-mail yang sudah tidak kamu perlukan, gunakan cara berikut ini :
- Buka kotak surat kamu (inbox)
- Pilih e-mail yang ingin kamu hapus
- Klik pada bagian sebelah kiri Sender, sampai muncul tanda check list
- Klik tombol Delete maka file yang kamu pilih akan terhapus.

Jika terdapat e-mail yang masuk ke folder bulk sebaiknya kamu menghapus e-mail tersebut karena biasanya e-mail tersebut merupakan e-mail sampah (spam). Untuk menghapus e-mail sampah kamu dapat menggunakan cara berikut :
- Pada bagian Folders, pilih Bulk
- Langkah selanjutnya sama dengan langkah 2 sampai 4 pada saat kamu menghapus e-mail.


> Melakukan Download Attachment dan Memindahkan pada Media Lain.

Jika kamu menerima file attachment, baik berupa gambar maupun dokumen lainnya, kamu dapat membuka dan menyimpan file tersebut ke media lain, seperti floopy disk, flash disk, atau harddisk. Hal ini dimaksudkan untuk mencegah penuhnya mailbox kamu akibat penyimpanan file attachment yang berukuran besar.
Jika sebuah e-mail mengandung file attachment maka kamu dapat melihat pada ikon attach file pada subjek atau judul. Langkah-langkah untuk membuka dan atau menyimpan e-mail adalah sebagai berikut :
- Buka e-mail yang mengandung file attachment
- Selanjutnya, akan ditampilkan halaman e-mail yang kamu terima.
- Klik nama file attachment pada kotak subjek e-mail untuk membuka atau menyimpan (men-download) file lampiran.
- Klik Scan and Download Attachment, kemudian akan tampil kotak informasi pengecekan file attach terhadap virus.
- Klik Download Attachment jika file attachment yang sudah kamu scan benar-benar bebas dari virus.
- Akan muncul kotak dialog untuk download file. Pada kotak dialog tersebut, terdapat beberapa pilihan :
- Open, jika kamu hanya ingin membuka file attachment
- Save, jika kamu ingin menyimpan (men-download) file attachment
- Cancel, jika kamu ingin membatalkan atau menutup kotak dialog File Download - More Info, jika kamu ingin mengetahui informasi lebih lanjut mengenai proses download Misalnya, kamu ingin menyimpan file attachment. Klik tombol Save, kemudian akan ditampilkan kotak dialog Save As.
- Tentukan direktori atau folder penyimpanan data pada kotak Save in.
- Ketikkan nama file.
- Klik tombol Save
- Klik tombol Open untuk membuka file hasil download atau Close untuk menutup file jika proses download telah selesai.

> Kode Etik Penggunaan E-mail

Saat ini, komunikasi menggunakan e-mail banyak digunakan oleh masyarakat. Kebanyakan orang memanfaatkan komunikasi ini karena kemudahan dan kecepatannya. Walaupun tidak berkomunikasi secara langsung, penggunaan etika berkomunikasi dalam dunia maya juga harus kamu perhatikan. Etika dalam menggunakan surat elektronik (e-mail) sama dengan etika enulis surat biasa. Hindari sedapat mungkin hal-hal yang dapat menyinggung perasaan orang yang sedang kamu ajak berdiskusi atau berkomunikasi. Etika dalam berkomunikasi melalui e-mail disebut netiquette atau internet etiquette. Berikut ini beberapa aturan yang perlu diketahui ketika kita berkomunikasi melalui e-mail, yaitu: - Hindari penggunaan huruf kapital terhadap seluruh isi pesan. Menulis dengan mengaktifkan huruf besar (tombol Caps Lock) dapat diartikan sebagai teriakan atau pertanda kemarahan dan kurang ajar atau tidak sopan. Gunakan huruf besar dan kecil pada tempatnya, bukan huruf besar semuanya, ataupun tulisan yang terbolak-balik. - Hormati privacy orang lain. Hal ini termasuik juga alamat e-mail mereka. Apabila kamu sedang mengirim e-mail ke sejumlah orang yang mungkin satu sama lainnya belum saling kenal, gunakan "Bcc" atau Blind carbon copy agar alamat-alamat e-mail mereka tidak saling diketahui.
- Ingatlah bahwa tidak semua orang suka menerima segala hal yang kamu anggap lucu. Janganlah terus-menerus mengirim sesuatu pada mereka yang tidak pernah membalasnya, meskipun dengan ucapan terima kasih.
- Jangan teruskan surat berantai. Kamu tentu merasa terganggu atau jengkel apabila seseorang mengirimi kamu sebuah e-mail tentang hal yang lucu atau cerita-cerita, kemudian meminta kamu untuk meneruskannya jika tidak akan mendapat musibah, Ini sangat menjengkelkan bagi penerima.
- Jangan melakukan Spam. Mungkin kamu tidak sengaja melakukannya, tetapi banyak orang yang tidak menyadari jika mereka menggunakan alamat-alamat e-mail yang mereka dapat dari "forwarded e-mail", kemudian menggunakannya dengan tujuan yang tidak benar, ini termasuk spam.
- Perhatikan dulu susunan e-mail "forwards" kamu apabila ingin mengirim kembali sebagian atau seluruh pesan kepada pihak lain.
- Selalu isi bagian subjek, jangan dibiarkan kosong.
- Gantilah subjek atau judul e-mail apabila topik pembicaraan kamu berubah.
- Hapuslah pesan "Reply" yang tidak perlu.
- Jangan mudah tersinggung, reaksi belebihan, atau terburu-buru menghapus suatu e-mail tanpa berusaha memikirkannya dengan baik.