Tips dan Trik dalam mendisain blog

Tips dan Trik dalam Mendisain Web
Sering kita temui website yang tipikal: "Welcome to my homepage," animasi e-mail, background dengan tulisan miring (diagonal), animasi garis pembatas, tabel dengan border tiga-dimesi dan lain-lain. Hal ini terjadi akibat dari fasilitas Template yang disediakan oleh software pembuat web seperti: FrontpageT, Corel WebDesignerT, dan sebagainya yang ditujukan untuk mempermudah penggunanya dalam membangun website.
Jika anda puas dengan hasil kerja anda membangun website dengan fasilitas template, sudahlah cukup sampai disini. Tetapi jika anda tidak puas dengan apa yang anda buat, dan anda merasa ingin lebih baik, maka anda perlu mengetahui bagaimana Web Designer membangun suatu Website, terlepas anda punya bakat seni atau tidak.

1. Unik : Dalam membuat karya apapun seorang designer mempunyai kesadaran untuk tidak meniru atau menggunakan karya orang lain. Begitu pula seorang Web Designer harus mempunyai budaya malu untuk menggunakan icon, animasi, button, dll, yang telah digunakan atau dibuat oleh orang lain.
2. Komposisi : Seorang Web Designer selalu memperhatikan komposisi warna yang akan digunakan dalam website yang dibuatnya. Pergunakan selalu Palette 216 WebColor, yang dapat diperoleh dari Adobe.com, hal ini untuk mencegah terjadinya dither pada image yang berformat GIF. Dalam membangun website suatu perusahaan, Web Designer selalu menyesuaikan warna yang digunakan dengan Corporate Color perusahaan tersebut. Sebagai contoh: Telkom Corporate Color-nya adalah biru, Coca-Cola : merah dan putih, Standard-Chartered : hijau dan biru, dsb. Untuk kemudian warna-warna tadi digunakan sebagai warna dominan atau sebagai elemen pendukung (garis, background, button, dsb).
3. Simple : Web Designer banyak yang menggunakan prinsip "Keep it Simple", hal ini ditujukan agar tampilan website tersebut terlihat rapi, bersih dan juga informatif.
4. Semiotik : Semiotika adalah ilmu yang mempelajari tentang tanda-tanda. Dalam hal ini diharapkan dengan melihat tanda atau gambar, user/ audience dapat dengan mudah dan cepat mengerti. Sebagai contoh: Jangan membuat gambar/image yang berkesan tombol, padahal itu bukan tombol/ link.
5. Ergonomis : Web Designer selalu memperhatikan aspek ergonomi. Ergonomi disini adalah dalam hal kenyamanan user dalam membaca dan kecepatan user dalam menelusuri website tersebut. Web Designer memilih ukuran Fonts yang tepat sehingga mudah dibaca, Web Designer menempatkan link sedemikian rupa sehingga mudah dan cepat untuk di akses dan lebih penting lagi adalah Informatif.
6. Fokus : Tentukan hirarki prioritas dari pesan yang akan disampaikan, misalnya: Judul harus besar, tetapi jangan sampai akhirnya akan konflik dengan subjudul yang berukuran hampir sama. Hal ini akan membingungkan user/audience untuk menentukan pesan mana yang harus lebih dahulu dibaca/ dilihat.
7. Konsisten : Tentukan font apa yang akan digunakan sebagai Body-text, Judul, Sub Judul dan sebagainya, sehingga website tersebut akan terlihat disiplin dan rapi. Sesuaikan jenis huruf yang digunakan dengan misi dan visi website tersebut, misalnya: hindari menggunakan font Comic dalam membangun website suatu perusahaan resmi.

Demikian beberapa aspek dan prinsip yang digunakan Web Designer dalam membuat website, selebihnya merupakan ekspresi dari pembuat website itu sendiri yang terwujud dalam penggayaan penyusunan website.

Software-software pembuat suatu website

Desain : Untuk membuat desain suatu homepage biasanya para web designer dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout homepage.

1. Adobe Photoshop : Desain berbasis titik ( bitmap )
2. Adobe Image Ready : Memotong gambar-gambar ke dalam format html
3. Adobe Illustrator : Desain berbasis vector
4. CorelDraw : Desain berbasis vector
5. Macromedia Freehand : Desain berbasis vector

Efek Desain : Hal ini dilakukan untuk menghidupkan desain yang telah kita rancang. Seperti menambah efek cahaya, textur dan manipulasi teks.

1. Macromedia Firework : Efek teks
2. Painter : Memberikan efek lukisan
3. Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
4. Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai's Power Tool dan Xenofex juga sangat mendukung untuk memberi efek desain sewaktu anda mendesain layout homepage di Photoshop.

Animasi : Penambahan animasi perlu untuk membuat homepage agar kelihatan menarik dan hidup.

1. 3D Studio Max : Untuk membuat objek dan animasi 3D.
2. Gif Construction Set : Membuat animasi file gif
3. Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
4. Microsoft Gif Animator : Membuat animasi file gif
5. Swift 3D : Merancang animasi 3D dengan format file FLASH.
6. Swish : Membuat berbagai macam efek text dengan format file FLASH.
7. Ulead Cool 3D : Membuat animasi efek text 3D.

Web Editor : Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.

1. Alaire Homesite
2. Cold Fusion
3. Microsoft Frontpage
4. Macromedia Dreamweaver
5. Net Object Fusion

Programming : Hal ini dilakukan setelah sebagian besar desain homepage telah rampung. Programming bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : Membuat guestbook, Form isian, Forum, Chatting, Portal, Lelang dan Iklanbaris.

1. ASP ( Active Server Page )
2. Borland Delphy
3. CGI ( Common Gateway Interface )
4. PHP
5. Perl

Upload : File html kita perlu di letakkan ( upload ) di suatu tempat ( hosting ) agar orang di seluruh dunia dapat melihat homepage kita.

1. Bullet FTP
2. Cute FTP
3. WS-FTP
4. Macromedia Dreamweaver : dengan fasilitas Site FTP
5. Microsoft Frontpage : dengan fasilitas Publish

Sound Editor : Homepage kita belum hidup tanpa musik. Untuk mengedit file midi atau wav, perlu alat khusus untuk itu.

1. Sound Forge : Mengedit dan menambah efek file yang berformat mp3 dan wav.
2. Cakewalk : Mengedit dan menambah efek untuk file yang berformat midi

Banyak sekali memang software untuk membuat suatu homepage dan kita tidak perlu mempelajari semua software tersebut di atas. Tapi untuk mempermudah, bagi pemula lebih baik dimulai terlebih dulu dengan mempelajari software Microsoft Frontpage atau Macromedia Dreamweaver agar lebih mengenal aturan-aturan membuat homepage dan mengenal bahasa html. Setelah itu baru Adobe Photoshop yang dipakai kebanyakan para desainer.

Langkah-langkah Membuat Homepage

Bermacam-macam langkah yang digunakan profesi web kita untuk membuat suatu homepage. Berikut ini adalah proses secara umum yang dilakukan kebanyakan profesi web di Indonesia untuk membuat web.

1. Membuat Sketsa Desain : Desainer bisa saja menuangkan ide dalam membuat interface suatu homepage dalam bentuk sketsa di kertas dahulu. Untuk kebanyakan orang, biasanya langkah ini dilewatkan dan langsung pada langkah membuat layout desain dengan menggunakan software.
2. Membuat Layout Desain : Setelah sketsa sudah jadi, kita menggunakan software seperti Adobe Photoshop, Adobe Illustrator, Macromedia Fireworks dan Macromedia Freehand untuk memperhalus sketsa desain.
3. Membagi gambar menjadi potongan kecil-kecil : Setelah layout desain homepage sudah jadi. File gambarb tersebut dipecah menjadi potongan kecil-kecil untuk mengoptimize waktu download. Untuk melakukan hal tersebut dapat menggunakan software Adobe Image Ready. Software ini dapat langsung memotong gambar yang besar tadi dan otomatis juga menjadikannya ke dalam format html. Langkah ini bisa saja dilewatkan bila ukuran gambar kita tidak terlalu besar.
4. Membuat Animasi : Animasi diperlukan untuk menghidupkan homepage kita agar menarik pengunjung. Macromedia Flash dan Gif Construction Set dapat dipakai untuk melakukan hal tersebut.
5. Membuat HTML : Setelah itu kita merapikan layout desain kita seperti menempatkan beberapa tombol dan gambar, menambah text, mengedit script HTML, membuat layout form ke dalam format HTML. Untuk itu kita perlu software HTML Editor seperti Macromedia Dreamweaver, Microsoft Frontpage dan Allaire Homesite.
6. Programming dan Script : Untuk website e-commerce, iklan baris, lelang, database, membuat guestbook, counter dan forum diskusi. File HTML kita perlu programming untuk melakukan aktivitas semacam itu. Programming dan script ini bisa dibuat dengan menggunakan ASP, Borland Delphy, CGI, PHP, Visual Basic. Dan perlu diperhatikan bahwa programming dan script ini biasanya dilakukan setelah desain homepage kita telah jadi.
7. Upload HTML : Setelah file kita telah menjadi html beserta gambar dan scriptnya. Kita perlu meng-upload file kita ke suatu tempat ( hosting ), agar semua orang di dunia dapat mengakses halaman html kita. Biasanya Macromedia Dreamweaver dengan fasilitas site FTP dan Microsoft Frontpage dengan Publishnya telah menyediakan fasilitas upload ini. Atau dapat menggunakan software seperti WS-FTP, Cute FTP, Bullet FTP.
8. Homepage Pribadi : Untuk homepage pribadi atau yang sekedar ingin coba-coba biasanya setelah file html sudah jadi dapat hosting di tempat-tempat gratis, memakai guestbook dan counter gratis dan menambah macam-macam accesories dalam mempercantik homepage pribadi tersebut.

SELAMAT MENCOBA

Aplikasi POP3 E

Membuat Homepage

Aplikasi Web-Mail (Internet Explorer)

---

Ada 2 jenis account atau alamat email yaitu POP3 Mail dan Web Based Email. POP3 Mail adalah jenis email yang tersimpan pada server mail dan diakses menggunakan program aplikasi email tertentu misalnya : Outlook Express, Eudora dll. POP3 memiliki dua jenis server yaitu POP3 Server dan SMTP server. Alamat e-mail ini biasanya diperoleh dari ISP (Penyelenggara Jasa Internet) apabila kita langganan di ISP tersebut, misalnya ke Wasantara.net, Indosat.net dll. Namun alamat email jenis ini dapat diperoleh gratis tanpa perlu langganan ke ISP yaitu pada Telkom.net dengan alamat : http://mail.telkom.net .

Keuntungan email jenis ini adalah kecepatan untuk mengirim dan menerima e-mail, kita bisa menulis/membaca email dalam keadaan offline, kelemahannya : jika kita berpindah komputer maka kita harus mensetting alamat server email ini (pop3 & smtp server) pada program email (outlook express, eudora, messenger atau lainnya) di komputer tersebut.

I. Langkah-langkah mendapatkan alamat email gratis jenis POP3 Mail pada Telkom.net

1. Langkah ini perlu online ke internet, buka program Internet Explorer atau Netscape Navigator. Muncul Dial-up Connection klik Connect sebelumnya pastikan dulu telepon aktif. Setelah terjadi koneksi maka dipojok kanan bawah ada 2 komputer kecil warna hijau berkedip. Selanjutnya masuk ke alamat : http://mail.telkom.net dengan mengetikkannya pada address bar. Pada contoh berikut ini kita ingin mendaftarkan untuk alamat smk2000@telkom.net
2. Setelah masuk klik hyperlink Registration untuk mendaftar. Setelah diklik registration akan muncul mengenai informasi tata tertib/peraturan pemakai email telkom.net, jika kita setuju klik Agree.
3. Berikutnya muncul Registrasi Form :

Isikan Nama depan dan nama belakang kita pada kolom First Name dan Last Name. Pilih jenis kelamin dengan mengeklik Male (Laki-laki) atau Female (perempuan) Masukkan tanggal, bulan dan tahun lahir dengan memilih tgl, bulan dan mengisi tahun  pada kolom yg ada. Isikan alamat surat kita pada kolom Address Isikan Kota dan kode pos pada kolom City dan Zip Code Pilih Propinsi dengan mengeklik tanda panah ke bawah pada kolom Province Karena kita tinggal di Indonesia, biarkan kolom State/Province dan Country Masukkan nomor telepon kita, kolom pertama 62 (indonesia), kolom kedua kode wilayah kita tanpa 0 Apabila sebelum ini kita mempunyai alamat email masukan alamat email pada kolom email Sekarang kita mendaftar alamat email kita, misalnya smk2000@telkom.net untuk itu isikan smk2000 pada kolom Username (maksimal 16 karakter) Isikan password dari account kita pada kolom Password (maksimal 16 karakter) Ulangi pengisian password di atas pada kolom Confirm Password  Isikan kata-kata pengingat apabila kita lupa password kita pada kolom Reminder Setelah selesai klik Submit untuk mengirim form ini.

        

4. Berikutnya Telkom.net akan memeriksa apakah form tersebut sudah terisi lengkap dan benar, juga apakah alamat e-mail atau account tsb belum ada yang memiliki. Apabila pada form tsb ada yang salah/tidak lengkap dan account tersebut sudah ada yang memiliki maka kita diminta memperbaiki isi form ataupun mengganti account kita dengan username yang lain. Untuk itu tekan Alt + Panah Kiri atau  Klik  Back pada Toolbarinternet Eksplorer.
5. Apabila isi form kita benar dan alamat account disetujui Telkom.net maka muncul ucapan Selamat dari Telkom.net bahwa kita sudah mendapat alamat/account email baru dari Telkom.net. Berikutnya kita harus men-setting alamat email kita pada program aplikasi e-mail, misalnya : Outlook Express.

II. Langkah-langkah men-setting alamat email  jenis POP3 Mail pada Outlook Express

1. Kita buka program aplikasi Outlook Express. Pada langkah ini kita tidak perlu online ke internet.
2. Pilih menu Tools - Accounts... sehingga muncul kotak dialog Internet Account. Klik Tab Mail, kemudian klik Add.. Mail.
3. Selanjutnya isikan nama lengkap kita pada kolom Display Name, misalnya SMK Negeri 2000, selanjutnya klik Next.
4. Isikan alamat e-mail kita yg sudah diperoleh dari telkom.net pada kolom e-mail addres, misalnya smk2000@telkom.net. Setelah itu klik next.
5. Pada kotak dialog selanjutnya, isikan pop3.telkom.net pada kolom incoming mail server, sedangkan pada kolom outgoing mail server isikan : smtp.telkom.net. Setelah itu klik next.
6. Isikan username yang sudah diperoleh dari telkom.net pada kolom account name, untuk contoh di atas adalah smk2000, juga masukkan password yg sama dengan password di telkom.net pada kolom password. Klik next.
7. Akhiri dengan klik Finish, maka setting alamat e-mail kita pada Outlook Express telah selesai.

III. Langkah-langkah aplikasi e-mail jenis POP3 Mail (seperti smk2000@telkom.net) menggunakan Outlook Express :

A. Memeriksa e-mail masuk

1. Buka program Outlook Express.
2. Muncul Dial-up Connection klik Connect sebelumnya pastikan dulu telepon aktif. Setelah terjadi koneksi maka dipojok kanan bawah ada 2 komputer kecil warna hijau berkedip.
3. Pilih Menu Tools - Send and Receive - pilih (Nama Acoount)
4. Tunggu proses, bila ada e-mail masuk maka pada folder Inbox ada angka biru menunjukkan jumlah e-mail masuk.
5. Untuk membaca, pastikan dulu koneksi ke internet diputus agar menghemat pulsa.
6. Cara memutus koneksi : klik 2 kali pada gambar 2 komputer di pojok kanan bawah, dan klik disconnect.

B. Membaca & Mencetak E-mail

1. Sorot folder Inbox, pilih e-mail masuk yg ditandai dgn tulisan berhuruf tebal (bold).
2. Klik 2 kali pada email yg akan dibaca, shg akan ditampilkan isi e-mail dengan jelas : from, cc, bcc, subject dan message.
3. Apabila ada lampiran, dipojok kanan message ada gambar klip kertas, klik klip tsb sehingga muncul file lampiran, pilih/sorot file lampiran tsb maka otomatis lampiran tsb dibuka oleh program yg sesuai, shg bisa diprint.
4. Untuk mencetak e-mail, kita kembali pada e-mail yg dibuka pilih menu File - Print.

C. Membalas e-mail yg masuk

1. Seperti langkah B.1 dan B.2.
2. Pilih langkah berikut : Klik toolbar Reply untuk membalas ke pengirim saja. Klik Reply All untuk membalas ke semua (pengirim & tembusan). Klik Forward untuk meneruskan ke alamat e-mail yg lain.
3. Tulis isi e-mail pada atas pesan yg lama di kotak message.
4. Setelah selesai menulis e-mail bila ingin difile-kan dahulu pilih menu File - Send Later Using pilih (Nama Acoount). E-mail akan pindah ke folder Outbox (bisa di-edit).
5. Untuk mengirim e-mail, pilih Tools - Send. Lanjutkan seperti langkah A.2. akhiri dengan disconnect.

D. Membuat e-mail baru

1. Buka program Outlook Express, jika muncul Dial-up connection klik cancel.
2. Pilih menu File - New - Mail Message atau klik Composse.
3. Gerakkan kursor pada kolom To: ketik alamat email yg dituju, pada kolom cc/bcc: ketik alamat tembusan, pada kolom subject: ketik perihal dan pada kotak message tulis isi e-mail kita.
4. Bila ingin menyertakan lampiran pilih menu Insert - File Attachment, pilih direktori tempat file yg akan dilampirkan berada, pilih file tsb dan klik open.
5. Lanjutkan dengan langkah C.4. dan atau C.5.

Membuat Homepage

Aplikasi Web-Mail (Internet Explorer)

---

Ada 2 jenis account atau alamat email yaitu POP3 Mail dan Web Based Email. POP3 Mail adalah jenis email yang tersimpan pada server mail dan diakses menggunakan program aplikasi email tertentu misalnya : Outlook Express, Eudora dll. POP3 memiliki dua jenis server yaitu POP3 Server dan SMTP server. Alamat e-mail ini biasanya diperoleh dari ISP (Penyelenggara Jasa Internet) apabila kita langganan di ISP tersebut, misalnya ke Wasantara.net, Indosat.net dll. Namun alamat email jenis ini dapat diperoleh gratis tanpa perlu langganan ke ISP yaitu pada Telkom.net dengan alamat : http://mail.telkom.net .

Keuntungan email jenis ini adalah kecepatan untuk mengirim dan menerima e-mail, kita bisa menulis/membaca email dalam keadaan offline, kelemahannya : jika kita berpindah komputer maka kita harus mensetting alamat server email ini (pop3 & smtp server) pada program email (outlook express, eudora, messenger atau lainnya) di komputer tersebut.

I. Langkah-langkah mendapatkan alamat email gratis jenis POP3 Mail pada Telkom.net

1. Langkah ini perlu online ke internet, buka program Internet Explorer atau Netscape Navigator. Muncul Dial-up Connection klik Connect sebelumnya pastikan dulu telepon aktif. Setelah terjadi koneksi maka dipojok kanan bawah ada 2 komputer kecil warna hijau berkedip. Selanjutnya masuk ke alamat : http://mail.telkom.net dengan mengetikkannya pada address bar. Pada contoh berikut ini kita ingin mendaftarkan untuk alamat smk2000@telkom.net
2. Setelah masuk klik hyperlink Registration untuk mendaftar. Setelah diklik registration akan muncul mengenai informasi tata tertib/peraturan pemakai email telkom.net, jika kita setuju klik Agree.
3. Berikutnya muncul Registrasi Form :

Isikan Nama depan dan nama belakang kita pada kolom First Name dan Last Name. Pilih jenis kelamin dengan mengeklik Male (Laki-laki) atau Female (perempuan) Masukkan tanggal, bulan dan tahun lahir dengan memilih tgl, bulan dan mengisi tahun  pada kolom yg ada. Isikan alamat surat kita pada kolom Address Isikan Kota dan kode pos pada kolom City dan Zip Code Pilih Propinsi dengan mengeklik tanda panah ke bawah pada kolom Province Karena kita tinggal di Indonesia, biarkan kolom State/Province dan Country Masukkan nomor telepon kita, kolom pertama 62 (indonesia), kolom kedua kode wilayah kita tanpa 0 Apabila sebelum ini kita mempunyai alamat email masukan alamat email pada kolom email Sekarang kita mendaftar alamat email kita, misalnya smk2000@telkom.net untuk itu isikan smk2000 pada kolom Username (maksimal 16 karakter) Isikan password dari account kita pada kolom Password (maksimal 16 karakter) Ulangi pengisian password di atas pada kolom Confirm Password  Isikan kata-kata pengingat apabila kita lupa password kita pada kolom Reminder Setelah selesai klik Submit untuk mengirim form ini.

        

4. Berikutnya Telkom.net akan memeriksa apakah form tersebut sudah terisi lengkap dan benar, juga apakah alamat e-mail atau account tsb belum ada yang memiliki. Apabila pada form tsb ada yang salah/tidak lengkap dan account tersebut sudah ada yang memiliki maka kita diminta memperbaiki isi form ataupun mengganti account kita dengan username yang lain. Untuk itu tekan Alt + Panah Kiri atau  Klik  Back pada Toolbarinternet Eksplorer.
5. Apabila isi form kita benar dan alamat account disetujui Telkom.net maka muncul ucapan Selamat dari Telkom.net bahwa kita sudah mendapat alamat/account email baru dari Telkom.net. Berikutnya kita harus men-setting alamat email kita pada program aplikasi e-mail, misalnya : Outlook Express.

II. Langkah-langkah men-setting alamat email  jenis POP3 Mail pada Outlook Express

1. Kita buka program aplikasi Outlook Express. Pada langkah ini kita tidak perlu online ke internet.
2. Pilih menu Tools - Accounts... sehingga muncul kotak dialog Internet Account. Klik Tab Mail, kemudian klik Add.. Mail.
3. Selanjutnya isikan nama lengkap kita pada kolom Display Name, misalnya SMK Negeri 2000, selanjutnya klik Next.
4. Isikan alamat e-mail kita yg sudah diperoleh dari telkom.net pada kolom e-mail addres, misalnya smk2000@telkom.net. Setelah itu klik next.
5. Pada kotak dialog selanjutnya, isikan pop3.telkom.net pada kolom incoming mail server, sedangkan pada kolom outgoing mail server isikan : smtp.telkom.net. Setelah itu klik next.
6. Isikan username yang sudah diperoleh dari telkom.net pada kolom account name, untuk contoh di atas adalah smk2000, juga masukkan password yg sama dengan password di telkom.net pada kolom password. Klik next.
7. Akhiri dengan klik Finish, maka setting alamat e-mail kita pada Outlook Express telah selesai.

III. Langkah-langkah aplikasi e-mail jenis POP3 Mail (seperti smk2000@telkom.net) menggunakan Outlook Express :

A. Memeriksa e-mail masuk

7. Buka program Outlook Express.
8. Muncul Dial-up Connection klik Connect sebelumnya pastikan dulu telepon aktif. Setelah terjadi koneksi maka dipojok kanan bawah ada 2 komputer kecil warna hijau berkedip.
9. Pilih Menu Tools - Send and Receive - pilih (Nama Acoount)
10. Tunggu proses, bila ada e-mail masuk maka pada folder Inbox ada angka biru menunjukkan jumlah e-mail masuk.
11. Untuk membaca, pastikan dulu koneksi ke internet diputus agar menghemat pulsa.
12. Cara memutus koneksi : klik 2 kali pada gambar 2 komputer di pojok kanan bawah, dan klik disconnect.

B. Membaca & Mencetak E-mail

5. Sorot folder Inbox, pilih e-mail masuk yg ditandai dgn tulisan berhuruf tebal (bold).
6. Klik 2 kali pada email yg akan dibaca, shg akan ditampilkan isi e-mail dengan jelas : from, cc, bcc, subject dan message.
7. Apabila ada lampiran, dipojok kanan message ada gambar klip kertas, klik klip tsb sehingga muncul file lampiran, pilih/sorot file lampiran tsb maka otomatis lampiran tsb dibuka oleh program yg sesuai, shg bisa diprint.
8. Untuk mencetak e-mail, kita kembali pada e-mail yg dibuka pilih menu File - Print.

C. Membalas e-mail yg masuk

6. Seperti langkah B.1 dan B.2.
7. Pilih langkah berikut : Klik toolbar Reply untuk membalas ke pengirim saja. Klik Reply All untuk membalas ke semua (pengirim & tembusan). Klik Forward untuk meneruskan ke alamat e-mail yg lain.
8. Tulis isi e-mail pada atas pesan yg lama di kotak message.
9. Setelah selesai menulis e-mail bila ingin difile-kan dahulu pilih menu File - Send Later Using pilih (Nama Acoount). E-mail akan pindah ke folder Outbox (bisa di-edit).
10. Untuk mengirim e-mail, pilih Tools - Send. Lanjutkan seperti langkah A.2. akhiri dengan disconnect.

D. Membuat e-mail baru

6. Buka program Outlook Express, jika muncul Dial-up connection klik cancel.
7. Pilih menu File - New - Mail Message atau klik Composse.
8. Gerakkan kursor pada kolom To: ketik alamat email yg dituju, pada kolom cc/bcc: ketik alamat tembusan, pada kolom subject: ketik perihal dan pada kotak message tulis isi e-mail kita.
9. Bila ingin menyertakan lampiran pilih menu Insert - File Attachment, pilih direktori tempat file yg akan dilampirkan berada, pilih file tsb dan klik open.
10. Lanjutkan dengan langkah C.4. dan atau C.5.

Ada 2 jenis account atau alamat email yaitu POP3 Mail dan Web Based Mail. Web Based Mail adalah jenis email yang dapat dibuka/diakses menggunakan program aplikasi browser/homepage tertentu misalnya : Internet Explorer, Netscape Navigator dll. 

Keuntungan email jenis ini adalah kita tidak perlu mensetting nama mail-server pada komputer, memudahkan kita apabila sering bepergian karena e-mail tetap di arsip di mail-box dan mudah dibuka kembali dari mana saja, beberapa penyelenggara web base email juga menyediakan layanan untuk mengambil email jenis pop3. Kelemahannya : harus online terus(kurang hemat), penyelenggara jenis email ini biasanya bersifat komersial, meskipun banyak yang gratis tetapi mereka juga menyertakan iklan pada pesan yang kita kirim menggunakan email ini.

Alamat email jenis ini dapat diperoleh gratis tanpa perlu langganan ke ISP yaitu pada Plasa.com ( http://www.plasa.com ), Yahoo.com (http://mail.yahoo.com) dan masih banyak lagi.

I. Langkah-langkah mendapatkan alamat email gratis jenis Web Base Mail pada Yahoo.com

1. Langkah ini perlu online ke internet, buka program Internet Explorer atau Netscape Navigator. Muncul Dial-up Connection klik Connect sebelumnya pastikan dulu telepon aktif. Setelah terjadi koneksi maka dipojok kanan bawah ada 2 komputer kecil warna hijau berkedip. Selanjutnya masuk ke alamat : http://mail.yahoo.com dengan mengetikkannya pada address bar. Pada contoh berikut ini kita ingin mendaftarkan untuk alamat smk2000@yahoo.com
2. Setelah masuk klik hyperlink Sign up Now untuk mendaftar. Setelah diklik Sign up Now akan muncul form pendaftaran untuk orang yg tinggal di America, pada bagian atas ada hyperlink Non U.S. Form untuk orang yang tinggal di luar Amerika, untuk itu kita klik hyperlink Non U.S. Form. 
3. Berikutnya muncul Sign up Form seperti berikut ini:

Create Your Yahoo! Email Name

(Already Have One? Sign In)

Yahoo ID:	@yahoo.com
	(examples: WahyuPur or SMK_6jkt)
Password:
Retype password:

In case you forget your password
If you forget your password, you'll be asked for your birthday, for your postal code, and to answer one of the questions below. We'll send you a new password to the email address you provide now, so make sure it is correct.
Question we'll ask:	[select one question] City of birth? Pet's name? Anniversary Date? (mm/dd/yyyy)
Your Answer:
Birthday:	[select one] January February March April May June July August September October November December , (Month/Day/Year)
Current Email Address:
People Search Email Listing	Add my Yahoo! Mail listing for free
	This listing will include your Yahoo! Mail email name, your first and last name, and your city, state, and country.

Personal Account Information
This information will help us personalize various areas of Yahoo! with content that is relevant to you. It also helps us to better understand the types of people who use Yahoo! (To learn about how we use your information please see our Privacy Policy.)
Name:	First Name:   Last Name:
Country:	[please select a country] United States of America Canada Afghanistan Albania Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba Australia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin Bermuda Bhutan Bolivia Bosnia and Herzegovina Botswana Bouvet Island Brazil British Indian Ocean Territory British Virgin Islands Brunei Bulgaria Burkina Faso Burundi Cambodia Cameroon Cape Verde Cayman Islands Central African Republic Chad Chile China Christmas Island Cocos Islands Colombia Comoros Congo Cook Islands Costa Rica Croatia Cuba Cyprus Czech Republic Denmark Djibouti Dominica Dominican Republic East Timor Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland Islands Faroe Islands Fiji Finland France French Guiana French Polynesia French Southern Territories Gabon Gambia Georgia Germany Ghana Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala Guinea Guinea-Bissau Guyana Haiti Heard and McDonald Islands Honduras Hong Kong Hungary Iceland India Indonesia Iran Iraq Ireland Israel Italy Ivory Coast Jamaica Japan Jordan Kazakhstan Kenya Kiribati Korea, North Korea, South Kuwait Kyrgyzstan Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macau Macedonia, Former Yugoslav Republic of Madagascar Malawi Malaysia Maldives Mali Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia, Federated States of Moldova Monaco Mongolia Montserrat Morocco Mozambique Myanmar Namibia Nauru Nepal Netherlands Netherlands Antilles New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk Island Northern Mariana Islands Norway Oman Pakistan Palau Panama Papua New Guinea Paraguay Peru Philippines Pitcairn Island Poland Portugal Puerto Rico Qatar Reunion Romania Russia Rwanda S. Georgia and S. Sandwich Isls. Saint Kitts & Nevis Saint Lucia Saint Vincent and The Grenadines Samoa San Marino Sao Tome and Principe Saudi Arabia Senegal Seychelles Sierra Leone Singapore Slovakia Slovenia Somalia South Africa Spain Sri Lanka St. Helena St. Pierre and Miquelon Sudan Suriname Svalbard and Jan Mayen Islands Swaziland Sweden Switzerland Syria Taiwan Tajikistan Tanzania Thailand Togo Tokelau Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan Turks and Caicos Islands Tuvalu U.S. Minor Outlying Islands Uganda Ukraine United Arab Emirates United Kingdom Uruguay Uzbekistan Vanuatu Vatican City Venezuela Vietnam Virgin Islands Wallis and Futuna Islands Western Sahara Yemen Yugoslavia (Former) Zaire Zambia Zimbabwe
Time Zone:	--- GMT GMT+0.5 GMT+1 GMT+1.5 GMT+2 GMT+2.5 GMT+3 GMT+3.5 GMT+4 GMT+4.5 GMT+5 GMT+5.5 GMT+6 GMT+6.5 GMT+7 GMT+7.5 GMT+8 GMT+8.5 GMT+9 GMT+9.5 GMT+10 GMT+10.5 GMT+11 GMT+11.5 GMT+12 GMT+12.5 GMT+13 GMT+13.5 GMT-0.5 GMT-1 GMT-1.5 GMT-2 GMT-2.5 GMT-3 GMT-3.5 GMT-4 GMT-4.5 GMT-5 GMT-5.5 GMT-6 GMT-6.5 GMT-7 GMT-7.5 GMT-8 GMT-8.5 GMT-9 GMT-9.5 GMT-10 GMT-10.5 GMT-11 GMT-11.5 GMT-12 GMT-12.5
Primary Language: overrides default where supported	Chinese (Hong Kong) Chinese (Simplified) Chinese (Traditional) Danish French German Italian Korean Norwegian Portuguese Spanish (Spain) Spanish Swedish U.K. English U.S. English
Gender:	--- male female
Occupation:	[select occupation] executive/managerial professional (doctor, lawyer, etc.) academic/educator computer technical/engineering other technical/engineering service/customer support clerical/administrative sales/marketing tradesman/craftsman college/graduate student K-12 student homemaker self-employed/own company unemployed, looking for work retired other
Industry:	[select industry] banking/finance/real estate computer-related (IS, MIS, DP, Internet) computer-related (hardware) computer-related (software) education, research engineering/construction manufacturing/distribution business supplies or services medical/health services entertainment/media/publishing hospitality (travel/accommodations) consumer retail/wholesale nonprofit/membership organizations government legal services none, not employed other
Contact me from time to time about specials and new products.

Tell Us About Your Interests (Optional)
Tell us something about what you like. We'll use this to find information that will be of interest to you.
	Entertainment  Home & Family  Health  Music  Shopping  Sports & Outdoors	Business  Computers & Technology  Personal Finance  Small Business  Travel
Review and Submit
By submitting your registration information, you indicate that you agree to the Terms of Service. Your submission of this form will constitute your consent to the collection and use of this information and the transfer of this information to the United States or other countries for processing and storage by Yahoo! and its affiliates.

 

Sekarang kita mendaftar alamat email kita, misalnya smk2000@yahoo.com untuk itu isikan smk2000 pada kolom Yahoo ID. Isikan password dari account kita pada kolom Password  Ulangi pengisian password di atas pada kolom Retype Password  Isikan kata-kata pengingat apabila kita lupa password kita. Untuk itu pilih pertanyaan yg diinginkan dengan memilih Question we'll ask:, dan Jawabannya pada kolom Your Answer: Masukkan bulan,  tanggal dan tahun lahir dengan memilih bulan dan mengisi, tgl & tahun pada kolom yg ada.  Apabila sebelum ini kita mempunyai alamat email masukan alamat email pada kolom Current Email Address Apabila kita ingin mudah dicari orang, pilih opsi Add my Yahoo! Mail listing for free, sehingga nama kita di-list oleh Yahoo. Isikan Nama depan dan nama belakang kita pada kolom First Name dan Last Name  Isikan negara kita dengan memilih nama negara pada pada kolom Country Pilih zona waktu, untuk WIB +7 GMT Pilih jenis kelamin dengan memilih Male (Laki-laki) atau Female (perempuan) Pilih jabatan/pekerjaan pada kolom Occupation: Pilih pekerjaan pada kolom industri Setelah selesai klik Submit this Form.

Aplikasi POP3 E-mail (Outlook express)

Aplikasi Web-Mail (Internet Explorer)

---

Tutorial Pembuatan Homepage menggunakan MS Word'97

World Wide Web / Web Site / Situs / Web :
Informasi berupa teks, gambar, suara, video yg disajikan dalam halaman² melalui internet. Homepage sendiri adalah halaman pertama dari sebuah Web.
Contoh Homepage :

Halaman² tsb ditulis dalam format HTML (HyperText Markup Language)
Hypertext : teks/gambar yang mempunyai link/kaitan dengan halaman manapun juga, baik dalam web tsb atau web yg lain.
Contoh homepage di atas meskipun berupa tampilan satu halaman tetapi sebenarnya terdiri dari beberapa file, yaitu (misal) :

• file.html: dokumen berformat HTM / HTML
• file.gif: gambar/image berformat GIF
• file.jpg: gambar/image berformat JPEG
• file.mid: suara berformat MIDI

Struktur hyperlink Homepage di atas dapat di gambarkan sbb :

Pengembangan Homepage dapat dibagi 2 :

1. Web Design

• Menyiapkan informasi yang akan disampaikan melalui homepage, file² gambar/suara dan rancangan tampilan.
• Membuat dokumen² HTML
• Membuat dokumen index.html

2. Web Hosting

• Memesan nama (domain name) /alamat (IP Address) homepage
• Menentukan server
• Publishing dokumen² html dan file² lainnya/memindah ke server : Uploading

Ada banyak program aplikasi khusus untuk membuat homepage, misalnya MS Frontpage, HTML Editor, Ace Expert dll. Bahkan MS Word'97 pun dapat untuk membuat dokumen html secara mudah. Tanda bahwa program MS Word'97 kita bisa untuk membuat dokumen HTML, adalah : pada menu File ada Save As HTML, apabila tidak ada berarti program MS Word kita sewakyu instal/setup tidak lengkap sehingga perlu diinstal ulang. Dikarenakan MS Word banyak dikenal oleh kita maka tutorial singkat ini menggunakan MS Word'97 untuk membuat dokumen HTML.

Meskipun demikian mengenal bahasa HTML sangat dianjurkan agar mudah dalam troubleshooting / perbaikan jika terjadi kesalahan/ERROR

Berikut ini contoh dokumen HTML dengan Aplikasi Notepad,

<HTML> <HEAD> <TITLE>Contoh Dokumen HTML</TITLE> </HEAD> <BODY> <H1>Contoh Dokumen HTML</H1> Ini adalah paragraf pertama.<P> Ini adalah paragraf kedua dengan efek-efek khusus. Ini adalah kata dengan huruf <I>miring</I>. Ini kata dengan huruf <B>tebal</B>. Ini adalah contoh menggunakan image GIF : <IMG SRC="Image5.gif"><P> Ini adalah paragraf ketiga dengan menampilkan hyperlink dari kata <A HREF="page2.htm">Running Birthday</A>ke dokumen Running Birthday.htm di rektori stationery.<P> <H2>Header tingkat 2</H2> Ini adalah akhir contoh dokumen HTML.<P> <I>Nama Anda</I><A HREF="mailto:namaanda@dikmenjur.freehosting.net"> namaanda@dikmenjur.freehosting.net</A></P></FONT></BODY> </HTML>

Perintah HTML yang sering muncul :

Kode (start-tag dan end-tag)	Yang Dikerjakan
<A HREF="page1.html">…… </A>	Link ke halaman page1.html tampilan akan digaris bawahi
<B> ……….. </B>	Tulisan dipertebal (bold)
<I> ………… </I>	Tulisan miring (italic)
<P>	Paragraf baru, tanpa end-tag
<BR>	Baris baru, tanpa end-tag
<JUSTIFY> ………… </ JUSTIFY >	Alignment paragraf rata kanan-kiri
<H1> ………… </H1>	Besar huruf untuk judul dan lainnya dari H1 sampai H6 (Header)
<IMG SRC="myfoto.jpg">	Menyisipkan gambar myfoto.jpg (berformat JPEG), format lain *.GIF
<TITLE> ………… </TITLE>	Judul halaman Homepage kita
<UL> ………… </UL>	Indent
<A HREF="index.html" title="Kembali ke menu utama">…… </A>	Title atau alt, untuk menampilkan kalimat pada hyperlink atau gambar

 

1. Web Design

Setelah menyiapkan bahan² maka saat mulai bekerja di komputer, terlebih dahulu kita perlu membuat direktori khusus untuk menyimpan dokumen² kita, baik untuk file.html maupun file gambar/suara lainnya.

Gunakan Windows untuk membuat direktori baru di C dengan perintah File - New - Folder, beri nama folder tersebut server atau homepage, dll.

1. Membuat Dokumen HTML mengguanakan Wizard pada MS Word'97

• Buka MS Word
• Pilih menu File - New (untuk contoh di atas kita membuat dokumen profil.html)
• Muncul kotak dialog New, klik Tab - Web Page, pilih Web Page Wizard, klik OK
• Muncul kotak dialog Web Page Wizard, pilih type/layout yang diinginkan : Apabila ingin menggunakan tabel pilih 2-Column Layout, apabila teks saja pilih Simple Layout . Setelah dipilih klik Next
• Pilih style/tampilan yg diinginkan. Apabila kita pilih maka tampilan akan berubah.
• Akhiri dengan klik Finish
• Simpan file tersebut pada direktori khusus yg telah dibuat, Klik menu File-Save beri nama yang singkat, huruf kecil dan tanpa spasi dan beri ekstensi .html
• Edit/ganti teks yg ada dengan informasi yg ingin ditampilkan, setelah selesai Save
• Demikian seterus untuk dokumen² yg lain (jurusan.html ; unitpro.html dll)

2. Ada beberapa batasan dalam pengaturan/formating dari dokumen HTML, yaitu : jangan menggunakan fasilitas draw pada dokumen tsb ataupun texboxt, line draw dan sejenisnya. Pada dokumen HTML manfaatkan saja format : style text (gunakan huruf yg umum :times new roman/verdana), background, tabel dan image.

• Menambah gambar, gunakan menu Insert - Picture - From File
• Mengganti Background, gunakan menu Format - Background - pilih warna atau Fill Effects untuk background gambar.
• Menambah suara/musik, gunakan menu Insert - Background Sound - Properties, pada kolom Sound : isikan nama file suara/musik (file.mid), pada Loop : pilih Infinite agar musik tsb diputar terus menerus, atau lainnya.
• Memberi hyperlink, blok/sorot teks atau klik gambar yg akan diberi hyperlink, gunakan menu Insert - Hyperlink, pada kolom Link to file or URL isikan nama file (lengkap dengan ektensi-nya) pastikan file tsb pada direktori yg sama atau sub direktori khusus (untuk itu tulis juga nama direktorinya) atau alamat web (http://www…..) apabila link ke alamat web.

3. Membuat dokumen index.html mengguanakan Wizard pada MS Word'97

• Setelah dokumen² informasi sudah dibuat, berikutnya perlu membuat dokumen index berupa daftar/menu link ke dokumen² yg sudah dibuat.
• Caranya seperti point 1 di atas, hanya layout yang sesuai untuk dipilih adalah Table of Contents
• Save/Simpan file tsb dengan nama index.html
• Ganti/edit teks yg ada, tulis ucapan selamat datang pada dokumen index ini, dan kalimat pengantar, juga isi dengan :

• Menu-menu / Teks berisi hyperlink
• Gambar (apabila perlu)
• Informasi alamat yg dapat dihubungi, telepon, e-mail, dll

4. Mencoba dokumen² HTML yg telah dibuat dengan program Browser, misalnya Internet Explorer :

• Masih dalam program MS Word dan pada dokumen index.html
• Gunakan menu File - Web Page Preview sehingga akan dibuka Internet Explorer
• Perhatikan tampilan yg ada dan coba menu-menu hyperlink yg ada apakah jalan atau tidak.
• Apabila ada tampilan yg berubah atau hyperlink tidak jalan, maka dokumen index.html perlu di-edit. Untuk itu kembali ke MS Word dan buka dokumen yg perlu diperbaiki. Umumnya adalah pada hyperlink-nya, mungkin salah menulis nama file pada kolom hyperlink. Mengedit hyperlink, blok/sorot teks atau klik gambar yg akan diedit hyperlink-nya, gunakan menu Insert - Hyperlink, pada kolom Link to file or URL edit nama file-nya. Atau klik kanan pada teks/gambar yg ada hyperlinknya, pilih Edit - Hyperlink.
• Editing juga bisa dilakukan langsung pada program browser apabila kita mengetahui bahasa HTML, misalnya pada Internet Explorer, melalui menu View - Source, sehingga akan tampil Notepad dengan source html yg kita buka. Lakukan editing dan akhiri dengan Save :

o    Pada <A HREF="…."> jangan ada tulisan C:\ atau file C://

o    Untuk file di direktori lain dalam satu direktori setelah A HREF= isikan ..\ baru nama direktori kemudian nama file

• Salah satu program HTML yang bagus untuk editing adalah Frontpage Editor'98.
• Apabila tampilan sudah sesuai dan hyperlink berjalan dgn baik, maka file-file tsb siap untuk di-publish/uploading ke server.

 

2. Web Hosting

Setelah selesai membuat dokumen² HTML dan index maka kita siap untuk Web Hosting.

1. Memesan nama (domain name) /alamat (IP Address) homepage

• Untuk nama khusus bisa pesan ke INTERNIC atau melalui ISP, top domain internasional US $ 70 / 2 thn, top doamin Indonesia + Rp. 150.000/2 th
• Atau yg Free ke http://www.freeservers.com, geocities.com dll

2. Menentukan server

• Bisa server sendiri, ini perlu komputer khusus dan online 24 jam/hari
• Bisa sewa ke ISP, + Rp. 100.000/20 MB/bulan
• Bisa Free, ke http://www.freeservers.com, geocities.com dll

3. Publishing dokumen² html dan file² lainnya/memindah ke server : Uploading

• Bisa menggunakan program khusus FTP seperti WS_FTP, Cute_FTP dll
• Bisa menggunakan web manager yg disediakan oleh penyedia server gratis
• Tahap ini kita perlu tahu : alamat server kita atau disebut alamat Host (Host address), username dan password

Contoh Aplikasi pada Freeservers.com

Berikut ini contoh webhosting pada webserver gratis : Freeservers.com

a. Memesan Alamat/domain name dan webserver homepage kita

1. Konek ke internet dan gunakan Internet Explorer untuk masuk ke http://www.freeservers.com
2. Pada homepage freeserver ada beberapa informasi, untuk mendapatkan domainname ketikkan pada kolom yg disediakan, dibelakang domainname bisa dipilih beberapa nama diantaranya : freehosting.net atau 8m.com. Misalnya : smk2000.8m.com. Setelah itu klik Go.
3. Berikutnya kita ditawari beberapa pilihan fasilitas, apakah ingin gratis, bayar bulanan tanpa iklan atau lainnya. Misalnya kita pilih yg Free/Gratis, klik Continue. Apabila domainname yg kita minta sudah dimiliki orang lain maka kita diberitahu untuk merubah domainname/nama, untuk itu kita harus menggantinya.
4. Selanjutnya kita diminta mengisi form survey dari freeserver tersebut (Members Information).
5. Pada form tersebut kita diminta mengisi: Nama depan dan Nama belakang penanggung jawab homepage, berikutnya mengisi : username, password dua kali (untuk konfirmasi) dan alamat email kita (jadi sebelumnya harus punya) dua kali. Alamat email ini harus benar karena nanti freeserver akan mengirim kode semacam PIN kepada alamat email tsb. Kita juga diminta mengisi kelompok/kategori dari isi homepage kita(misal:education), negara, bahasa dan kode pos. Survai demografi juga meminta kita untuk mengisi jenis kelamin, umur, pendapatan/gaji, status perkawinan, pekerjaan, pendidikan dan pilih opsi I have read the Freeservers Terms of Service listed above and agree to abide by the terms and conditions contained therein. Klik Continue.
6. Tampilan berikutnya kita diminta mengisi kode pengaktifan (PIN), kode ini akan dikirim ke kita melalui email ke alamat email kita.
7. Kadang-kadang kode ini kita terima beberapa menit setelah langkah 5, untuk itu kita periksa email kita apakah kita sudah dikirimi kode tsb, jika sudah. Tulis/copy kode tsb, dan masukkan ke kolom kode pada tampilan langkah 6. Klik Activate my website.
8. Apabila pada waktu tsb kita belum mendapat kode pengaktifan maka hentikan langkah 6, kita close dan koneksi ke internet kita putus.
9. Hari berikutnya baru kita buka mail-box kita, setelah kita mendapat email dari freeserver, kita buka email tsb. Pada email tsb disebutkan kode pengaktifan dan hyperlink untuk mengaktifkan domainname kita. Begitu diklik hyperlink tsb maka program internet explorer dibuka dan masuk ke pengaktifan kode, setelah OK maka domainname kita sudah aktif dan bisa dipanggil.
10. Seperti disebutkan dimuka misal nama kita smk2000.8m.com, maka alamat homepage kita : http://www.smk2000.8m.com

b. Upload file/dokumen html Homepage ke web server

1. Untuk upload kita bisa menggunakan program aplikasi WS-FTP ataupun CuteFTP. Disini kita perlu mengisi alamat host kita yaitu smk2000.8m.com, username dan password.
2. Freeserver.com juga menyediakan file manager atau web manager untuk upload. Caranya: (untuk contoh smk2000.8m.com) menggunakan internet eksplorer kita masuk ke : http://smk2000.8m.com/cgi-bin/util/wm, kemudian kita diminta mengisi username dan password, Klik Login maka akan muncul web manager.

3. Tampilan web manager ini di sebelah kiri folder direktori, di kanan : direktori dan nama file, sedang di bawah ada 5 kotak/kolom & browse. Bagian atas ada : kolom/status alamat dan icon perintah. Untuk membuat direktori baru, klik Make Directory, ketik nama direktori dan klik Save/OK.
4. Untuk upload, klik browse dan open file dokumen HTML kita di C pada direktori tempat menyimpan dokumen homepage kita, dalam satu kali proses kita bisa meng-upload 5 file. Setelah itu klik start upload. Tunggu proses in berlangsung sampai file yg kita upload muncul di kotak nama file. Lakukan langkah ini sampai semua file pada direktori tsb, termasuk file gambar/suara/dll di upload ke web server tsb.
5. Untuk masuk ke suatu direktori, klik nama direktori yang tertera di sebelah kanan (jangan folder direktori). Tunggu proses sampai masuk ke direktori yg diinginkan.
6. Setelah semua file di-upload, kita coba panggil homepage kita menggunakan internet explorer, ketikkan pada address bar http://www.smk2000.8m.com hingga muncul tampilan homepage kita. Lihat tampilan dan coba hyperlink yg ada, apabila masih ada tampilan yg kurang atau tidak jalan, artinya ada beberapa file yang belum diupload atau salah link gambar.
7. Freeservers.com menyediakan fasilitas² : guestbook, counter, pendaftaran ke search engine, form umpan balik, mengganti e-mail, mengganti password dll. Untuk mendapatkan fasilitas ini bisa masuk ke server kita ditambah /cgi-bin/util/menu ,sebagai contoh alamat di atas adalah http://smk2000.8m.com/cgi-bin/util/menu
8. Setelah memilih fasilitas yang diinginkan, misalnya counter dan guestbook maka dokumen index.html atau yg lainnya perlu ditambah :

• Kode counter : <ISML type="counter" option="graphic_odometer">
• Untuk Guest Book, link ke : fsguest.html dan fsguestbook.html

---

Tutorial versi sebelum ini, klik disini.

Pertanyaan dan Saran:

        dikmenjur@telkom.net

        wahyupur@telkom.net

  

NB : Tutorial singkat ini akan terus diperbaiki, Selamat membuat Homepage 8-)

Membuat Homepage

Homepage adalah halaman web milik seseorang atau organisasi yang biasanya ditampilkan saat pertama kali web organisasi tersebut diakses. WWW atau web adalah informasi yang disajikan melalui internet berupa halaman-halaman (page) berisi teks, gambar, suara ataupun video. Suatu halaman web dapat memiliki kaitan (link) ke sembarang halaman mana saja, baik pada organisasi tersebut ataupun organisasi lainnya sehingga seolah menyerupai jaringan laba-laba (web) berskala dunia sehingga disebut World Wide Web.

Informasi tersebut umumnya disajikan dalam dokumen HTML (HyperText Markup Language). Ada banyak program aplikasi khusus untuk membuat homepage, misalnya MS Frontpage. HTML Editor, Ace Expert dll. Bahkan MS Word'97 pun dapat untuk membuat dokumen html secara mudah. Dikarenakan MS Word banyak dikenal oleh pemakai komputer maka tutorial singkat ini menggunakan MS Word'97 untuk membuat dokumen HTML.

Adapun langkah-langkahnya meliputi :

   Web Design

   Web Hosting

   Contoh Aplikasi di Freeservers

A. Web Design :

Sebelum membuat dokumen HTML kita harus merancang halaman-halaman yang akan kita tampilkan dan link/kaitan antar halaman. Contoh berikut ini akan menampilkan 4 halaman informasi, yang saling berkaitan, dimana masing-masing halaman akan disimpan dalam satu file, shg ada 4 file dokumen dan 1 file index seperti skema gambar berikut ini:

1. Membuat dokumen HTML baru menggunakan MS Word

• Buka dokumen baru pada program MS Word'97, langsung di Save As dengan type (save as type) *.HTML atau Web Page pada suatu direktori tertentu khusus homepage.
• Setelah di save as maka tampilan lembar kerja MS Word akan berubah melebar.
• Ketik informasi yang ingin kita tampilkan pada dukumen MS Word tersebut
• Ada beberapa batasan dalam pengaturan/formating dari dokumen HTML, yaitu : jangan menggunakan fasilitas draw pada dokumen tsb ataupun texboxt, line draw dan sejenisnya. Pada dokumen HTML manfaatkan saja format : style text, background, table dan image.
• Dalam penamaan file juga jangan ada spasi seperti : page   1.htm tetapi page1.htm
• Setiap satu jenis informasi, meskipun hanya 1-2 halaman, simpan dalam satu file. Walaupun sebenarnya boleh satu file saja terdiri dari banyak halaman.
• Contoh penamaan file dan isi file dalam satu direktori tersebut adalah :
• Page1.htm berisi tentang Visi dan Misi Sekolah
• Page2.htm berisi tentang Profil Sekolah (Identitas/alamat, program keahlian dll)
• Page3.htm berisi tentang Staf Sekolah
• Page4.htm berisi tentang Unit Produksi Sekolah

2. Apabila kita telah mempunyai dokumen MS Word maka kita tinggal merubah dokumen word menjadi HTML :

• Save as dokumen MS Word tsb dalam type *.html atau Web Page.
• Edit dokumen yg telah kita simpan dan beri nama tersebut pada lembar kerja html dengan aturan seperti di atas.

3. Membuat dokumen index dari dokumen-dokumen yg telah kita buat

• Buka dokumen baru pada program MS Word, langsung di Save As dengan type (save as type) HTML pada suatu direktori tertentu khusus homepage dan diberi nama index.htm
• Ketikkan informasi yg akan kita tampilkan dan merangkum dari dokumen-dokumen yg akan di-index di atas.
• Buat link pada kata, kelompok kata atau kalimat yg akan berkaitan pada dokumen yg akan di link. Misalkan untuk contoh di atas kita tulis kelompok kata Visi dan Misi Sekolah di link dengan dokumen page1.htm dst.
• Untuk membuat link, blok atau sorot kelompok kata tsb dan pilih menu Insert – Hyperlink, ketikkan pada kolom file : page1.htm. Demikian seterusnya untuk hyperlink yg lain. Setelah perintah ini dikerjakan maka text tersebut akan berubah menjadi bergaris bawah dan berwarna biru atau lainnya.Hyperlink ini tidak harus tex, bisa juga gambar, untuk membuat hyperlink pada gambar, klik gambar tersebut dan pilih menu Insert – Hyperlink, ketikkan pada kolom file : page1.htm.

4. Menjadikan dokumen-dokumen HTML mempuyai hyperlink ke dokumen index

• Buka dokumen-dokumen yg telah dibuat (page1.htm, page2.htm dll).
• Pada dokumen tsb, ketikkan text yg mempunyai hyperlink ke index.htm, misalnya kata-kata HOME atau kembali ke index.
• Sorot text tsb, misalnya HOME dan pilih menu Insert – Hyperlink, ketikkan pada kolom file : index.htm.
• Save kembali dokumen ini. Langkah 4 ini bisa saja langsung saat membuat Page1.htm, Page2.htm dll.

5. Setelah selesai kita coba tampilan dokumen-dokumen html yang telah kita buat menggunakan browser, untuk memeriksa apakah hyperlink-nya berjalan baik.

• Open file index.htm, pilih menu File – Web Page Preview
• Dengan demikian kita melihat dokumen index.htm tsb pada browser
• Klik pada hyperlink/text/gambar dan pastikan link-link tsb bisa berjalan danbrowser menampilkan dokumen link tsb.
• Apabila hyperlink tsb tidak berjalan maka perlu dibuka kembali dokumen index.htm ataupun lannya, pastikan tulisan hyperlinknya benar.

Setelah link-linknya berjalan dengan baik, maka dokumen-dokumen tsb siap untuk di upload pada server atau istilahnya webhosting.

Back to top

 Web hosting

Webhosting ini pada prinsipnya ada tiga langkah utama yaitu pesan nama/alamat homepage kita, yang kedua : menyiapkan web server sebagai tempat dokumen kita di internet, yang ketiga : upload dokumen-dokumen html dari homepage kita ke server.

Untuk nama kita bisa pesan nama khusus ke organisasi penyedia nama tsb. Misalnya untuk nama internasional ke lembaga INTERNIC, biayanya US $ 70 untuk dua tahun pertama, dan tahun berikutnya dipungut US $ 35/tahun. Nama-nama ini misalnya www.domainame.com.

Untuk Indonesia bisa mendaftar di ISP langganan kita, biayanya Rp. 150.000,- pertahun,.

Beberapa ISP juga menyediakan domain name untuk personal homepage, misalnya centrin : www.centrin.net.id/domainame.

Selain cara di atas kita bisa mendaftar pada penyedia server gratis, namanya bermacam-macam. Contohnya untuk Freeservers.com namanya : www.domainname.freehosting.net dll.

Untuk server, kita bisa mendapatkan dari ISP tempat langganan kita, hanya kapasitasnya terbatas + 1 MB. Atau bisa juga berlangganan web server harganya kurang lebih Rp. 100.000,-/MB/bulan. Atau kita mendaftar pada penyedia server gratis, misalnya freeservers.com (20 MB), tripod.com, geocities.com, homestead.com dll. Umumnya penyedia web server gratis langsung memberikan alamat/domain name ke penggunanya.

Setelah kita memiliki nama dan webserver untuk homepage kita, langkah selanjutnya adalah menempatkan file homepage kita ke web server (upload). Program aplikasi yang digunakan adalah software FTP diantaranya WS_FTP, Cute FTP dll. Beberapa penyedia web server gratis juga menyediakan web/file manager untuk upload.

Back to top

Contoh Aplikasi pada Freeservers.com

Berikut ini contoh webhosting pada webserver gratis : Freeservers.com

a. Memesan Alamat/domain name dan webserver homepage kita

1. Konek ke internet dan gunakan Internet Explorer untuk masuk ke http://www.freeservers.com
2. Pada homepage freeserver ada beberapa informasi, untuk mendapatkan domainname ketikkan pada kolom yg disediakan, dibelakang domainname bisa dipilih beberapa nama diantaranya : freeserver.com , freehosting.net, 8m.com. Misalnya : smk2000.8m.com. Setelah itu klik Go.
3. Berikutnya kita ditawari beberapa pilihan fasilitas, apakah ingin gratis, bayar bulanan atau lainnya. Misalnya kita pilih yg Free/Gratis, klik Go. Apabila domainname yg kita minta sudah dimiliki orang lain maka kita diberitahu untuk merubah domainname/nama.
4. Selanjutnya kita diminta mengisi form survey dari freeserver, klik disini untuk melihat contoh form tersebut, selanjutnya klik Kembali.
5. Pada form tersebut kita diminta mengisi : Nama depan dan Nama belakang, berikutnya mengisi : username, password dua kali (konfirmasi) dan alamat email kita. Alamat email ini harus benar karena nanti freeserver akan mengirim kode semacam PIN kepada alamat email tsb. Kita juga diminta mengsi kelompok/kategori dari isi homepage kita, negara, bahasa dan kode pos. Survai demografi juga meminta kita untuk mengisi jenis kelamin, umur, pendapatan/gaji, status perkawinan, pekerjaan, pendidikan dan pilih opsi I have read the Freeservers Terms of Service listed above and agree to abide by the terms and conditions contained therein. Klik Continue.
6. Tampilan berikutnya kita diminta mengisi kode pengaktifan (PIN), kode ini akan dikirim ke kita melalui email ke alamat email kita.
7. Kadang-kadang kode ini kita terima beberapa menit setelah langkah 5, untuk itu kita periksa email kita apakah kita sudah dikirimi kode tsb, jika sudah. Tulis/copy kode tsb, dan masukkan ke kolom kode pada tampilan langkah 6. Klik Go.
8. Apabila pada waktu tsb kita belum mendapat kode pengaktifan maka hentikan langkah 6, kita close dan koneksi ke internet kita putus.
9. Hari berikutnya baru kita buka mail-box kita, setelah kita mendapat email dari freeserver, kita buka email tsb. Pada email tsb disebutkan kode pengaktifan dan hyperlink untuk mengaktifkan domainname kita. Begitu diklik hyperlink tsb maka program internet explorer dibuka dan masuk ke pengaktifan kode, setelah OK maka domainname kita sudah aktif dan bisa dipanggil.
10. Seperti disebutkan dimuka misal nama kita smk2000.8m.com, maka alamat homepage kita : http://www.smk2000.8m.com

b. Upload file/dokumen html Homepage ke web server

1. Untuk upload kita bisa menggunakan program aplikasi WS-FTP ataupun CuteFTP. Disini kita perlu mengisi alamat host kita yaitu smk2000.8m.com, username dan password.
2. Freeserver.com juga menyediakan file manager atau web manager untuk upload. Caranya : menggunakan internet eksplorer kita masuk ke : (untuk contoh smk2000.8m.com) http://smk2000.8m.com/cgi-bin/util/wm, kemudian kita diminta mengisi username dan password, setelah OK dan benar maka akan muncul web manager.
3. Tampilan web manager ini di sebelah kiri folder direktori, di kanan direktori dan nama file, sedang di bawah ada 5 kotak/kolom & browse. Untuk upload, klik browse dan open file dokumen HTML kita di C pada direktori tempat menyimpan dokumen homepage kita, dalam satu kali proses kita bisa meng-upload 5 file. Setelah itu klik OK/start upload. Tunggu proses in berlangsung sampai file yg kita upload muncul di kotak nama file. Lakukan langkah ini sampai semua file pada direktori tsb, termasuk file gambar di upload ke web server tsb.
4. Setelah semua file di-upload, kita coba panggil homepage kita menggunakan internet explorer, ketikkan pada addressbar http://www.smk2000.8m.com hingga muncul tampilan homepage kita. Lihat tampilan dan coba hyperlink yg ada, apabila masih ada tampilan yg kurang atau tidak jalan, artinya ada beberapa file yang belum diupload.

...

...