BAB 5. MEMBUAT HOMEPAGE SEDERHANA

MEMBUAT HOMEPAGE SEDERHANA

• Tiga tools atau alat Bantu yang digunakan untuk membantu pengembangan homepage, yaitu editor HTML, graphics, dan multimedia animasi dan suara.

• HTML merupakan bahasa markup sederhana yang digunakan untuk membuat dokumen hypertext yang bersifat portable dari satu platform ke platform lain.
• Image editor atau image editing digunakan untuk menciptakan dan memanipulasi file-file gambar menggunakan computer.
• Hyperlink digunakan sebagai alat navigasi halaman pada homepage.
• Tag merupakan elemen dalam HTML yang merupakan perintah perintah kepada webbrowser untuk menampilkan teks, gambar, atau link. Tag dimulai dengan karakter <>.
• CSS (Cascading Style Sheet) merupakan sebuah file yang berisi sekumpulan perintah untuk memformat bagaimana sebuah halaman web ditampilkan oleh web browser.
• Untuk dapat mempublikasikan homepage yang telah dibuat melalui internet, kita perlu mempunyai alamat internet yang disebu domain.
• Nama domain sangat spesifik atau bersifat unik.
• Setelah memiliki domain, halaman web yang telah dibuat harus di-upload ke internet agar dapat diakses oleh banyak orang.
• Web yang telah dipublikasikan di internet perlu untuk diperbaiki dan direvisi secara berkala untuk menjaga sajian informasi yang actual dan terpercaya.

CARA 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 tersebu

A. Menentukan Perangkat Lunak untuk Membuat Homepage

Hal yang harus diperhatikan dalam membuat homepage:

1. Tujuan dibuatnya homepage
2. Orang yang menjadi target untuk melihat homepage kita
3. Informasi yang akan ditampilkan dalam homepage
4. Hasilnya mewakili satu halaman homepage dan dapat ditambah dengan hyperlink
5. Buat kerangka homepage yang akan kita buat

3 kriteria tools atau alat bantu dalam pengembangan homepage:

1. Editor HTML
Digunakan untuk mendesain homepage diantaranya menggabungkan gambar, suara dan animasi dalam suatu halaman homepage. Editor HTML yang bersifat Graphical User Interface akan mengurangi waktu kita dalam proses penulisan sintaiks. Contoh produknya Microsoft FrontPage XP

2. Editor Graphics
Digunakan untuk megedit gambar yang akan ditampilkan pada homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar atau memperkecil gambar, menggabungkan beberapa gambar, memberi efek pada gambar sehingga siap ditampilkan pada homepage. Contohnya CorelDRAW dan Adobe Photoshop. Untuk pembuatan gambar dari homepage yang akan dikembangkan, kita dapat menggunakan Adobe Photoshop 7.0

3. Editor Multimedia Animasi dan Suara
Digunakan untuk membuat animasi gambar dan suara. Macromedia Flash adalah editor animasi yang paling populer. Macromedia Flash tidak hanya digunakan untuk membuat animasi gambar dan suara tetapi juga untuk membuat suatu homepage multimedia. Kita dapat merubah animasi yang rumit sehingga dapat dikerjakan dengan baik.

B. Membuat Layout Homepage yang Diinginkan

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

1. Pilih tombol start. All Programs.Microsof FrontPage XP. Selanjutnya, akan ditampilkan dokumen baru pada Microsoft FrontPage.
2. Pilih menu File. New. Page or Web.
3. Pilih Page Templates pada bagian New from template dari taskpane New Page or Web.
4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets.
5. Pilih jenis frame yang kamu inginkan, kemudian klik tombol OK.

C. Menerapkan Hyperlink

Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Lnagkah-langkah mermbuat hyperlink menggunakan Microsoft FrontPage XP, yaitu :

1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan “Link ke halaman lain: pada dokumen baru yang ditampilkan pertama kali.
3. Blok tulisan “Link ke halaman lain” dengan cara men-drag tombol kiri mouse.
4. Tekan tombol CTRL+K pada keyboard sehingga akan ditampilkan kotak dialog Insert Hyperlink.
5. Setelah file disimpan dan dijalankan, ketika kita klik “Link ke halaman lain” maka akan membuka halaman tujuan link tersebut.

Langkah-langkah untuk membuat hyperlink dengan tag HTML, antara lain :

1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan “Link ke halan lain” pada dokumen baru yang ditampilkan pertama kali.
3. Klik tab HTML di bagian bawah dokumen.
4. Selanjutnya, akan tampil sintaks HTML.
5. Letakkan kursor di depan kata “Link” dan di belakang tag pada sintaks HTML yang ditampilkan.
6. Sebagai contoh, link tujuan kita adalah filejadwalpelajaran.htm. Ketikkan tag di depan kata “Link” dan dibelakang tag
7. Letakkan kursor di belakang kata “lain” dan di depan tag .Ketikkan tag
8. Klik tab normal di bagian bawah dokumen untuk melihat hasil akhir.

Link istilah singkat untuk hyperlink, merupakan serangkaian teks atau gambar yang terhubung dengan file atau halaman lain dalam satu atau beberapa dokumen.

Tag merupakan elemen dalam HTML yang merupakan perintah kepada web browser untuk menampilkan elemen teks, gambar, atau link. Tag dimulai dengan karakter <>. Dalam tanda < > tertulis perintah kepada web browser. Satu perintah terdiri atas dua tag, yaitu tag pembuka < > dan tag penutup . Contoh :
Hello World!

D. Menerapkan Cascading Style Sheet

Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format, yaitu :

• bentuk huruf,
• ukuran huruf,
• format huruf,
• warna huruf,
• warna background,
• warna hyperlink,
• format textbox.

Style Sheet merupakan file atau format yang menentukan layout dari sebuah dokumen. Style sheet biasanya disebut juga template.

CSS (Cascading Style Sheets) merupakan sebuah file yang berisi sekumpulan perintah untuk memformat bagaimana sebuah halaman web ditampilkan oleh web browser. Dengan kata lain, CSS merupakan rujukan format tampilkan halaman web. CSS dapat ditulis sendiri dalam satu file yang terpisah dari HTML atau ditulis langsung pada bagian head HTML. Karena sifatnya cascade (seperti air terjun), satu perintah CSS berlaku untuk semua bagian dalam dokumen HTML.

Head merupakan elemen HTML yang berisi informasi umum mengenai dokumen atau disebut juga meta-information. Meta berarti “informasi tentang”. Metadata adalah informasi tentang data, sedangkan meta-information berarti informasi tentang informasi. Web browser tidak menampilkan informasi yang terdapat dalam head kepada pengguna.

Tittle merupakan bagian dari head HTML yang berisi teks, digunakan untuk mendefinisikan judul sebuah halaman wrb yang akan ditampilkan pada tittle bar web browser.

Jenis-jenis CSS pada Microsoft FrontPage:

1. Normal Style Sheet
2. Arcs
3. Bars
4. Blocks
5. Blueprint
6. Capsules
7. Downtown
8. Expedition
9. Highway
10. Neon
11. Poetic
12. Street
13. Sweet

• Head merupakan elemen HTML yang berisi informasi umum mengenai dokumen atau disebut juga meta-information. Meta berarti “informasi tentang”. Metadata adalah informasi tentang data, sedangkan meta-information berarti informasi tentang informasi. Web browser tidak menampilkan informasi yang terdapat dalam head kepada pengguna.

• Tittle merupakan bagian dari head HTML yang berisi teks, digunakan untuk mendefinisikan judul sebuah halaman wrb yang akan ditampilkan pada tittle bar web browser.

E. Pengertian Web Browser, Web Server, Offline, dan Online

• Web browser adalah paket software yang membantu pengguna untuk menampilkan dan berinteraksi dengan dokumen yang tersimpan pada web server. Web server yang sering digunakan pada PC diantaranya, yaitu Internet Explorer, Opera dan Firefox.

• Web server merupakan komputer yang bertugas melayani permintaan halaman web.
• Offline merupakan kondisi ketika computer tidak terhubung dengan jaringan atau internet. Hal ini dapat berarti computer dalam status mati (off) atau nyala (on). Kebalikan dari offline adalah online.
• Online merupakan kondisi ketika komputer sedang aktif, siap dioperasikan, dan terhubung ke dalam jaringan atau internet. Dalm status online, computer dapat berkomunikasi dengan komputer lain menggunakan protokol tertentu dari TCP/IP.

F. Membuat Grafis Sesuai dengan Homepage yang Diinginkan

Internet Explorer, disingkat IE atau MSIE, merupakan sebuah web browser yang bersifat gratis dari Microsoft. IE tersedia untuk kebanyakan versi Microsoft Windows, tetapi Microsoft telah berhenti mengeluarkan versi terbaru untuk semua platform, kecuali Windows XP.

Mozilla Firefox, yang aslinya bernama Phoenic dan kemudian untuk beberpa waktu dekinal dengan nama Mozilla Firebird, merupakan penjelajah web antar-platform gratis yang dikembangkan oleh yayasan Mozilla dan ratusan sukarelawan. Sebelum dirilis versi 1.0-nya pada 9 November 2004, Firefox telah mendapatkan sambutan yang sangt baik dari pihak media, termasuk dari Forbes dan Wall Street Journal. Dengan lebih dari 5 juta download dalam 12 hari pertama rilisnya dan 6 juta sampai 24 November 2004. Firefox 1.0 merupakan salah satu perangkat lunak gratis yang paling banyak digunakan diantara pengguna komputer di rumah.

G. Mendaftarkan Alamat Domain ke Provider Web Hosting

Untuk mempublikasikan homepage yang telah dibuat melalui internet, kita perlu mempunyai alamat internet yang disebut domain. Untuk mendapatkan alamat di internet, kita bharus membeli domain tersebut. Nama domain sangat spesifik atau bersifat unik.
Langkah-langkah yang digunakan untuk mendaftarkan alamat domain ke provider hosting, yaitu :

1. Aktifkan Internet Explorer. Ketik http://www.register.com pada kotak URL pada web browser.
2. Cari kotak pencarian domain. Lalu ketik nama domain yang akan kita cari.
3. Jika berhasil maka hasilnya akan terbuka
4. Ketik nama domain pada kotak TRY A NEW SEARCH, kemudian tekan tombol search.

World Wide Web Consortium (W3C) mengembangkan teknologi (spesifikasi, petunjuk – guide line, software dan tool) yang dapat dioperasikan pada platform mana pun, membawa web mencapai potensi yang utuh sebagai suatu forum informasi, commerce, komunikasi dan perjanjian bersama (collective understanding).

W3C dibentuk pada Oktober 1994, dengan jumlah anggota lebih dari 400 organisasi anggota dari seluruh dunia dan telah menghasilkan pengakuan internasional untuk konstribusinya pada perkembangan web. W3C saat ini merupakan badan resmi yang membuat standar web. W3C meletakkan gabungan spesifikasi dalam standar web. Berikut ini merupakan hasil dari W3C.

• Standar web yang paling mendasar adalah HTML, CSS dan XML.
• Standar HTML yang terakhir adalah XHTML 1.0

Wesite copier merupakan aplikasi yang digunakan untuk meng-copy sebuah website dari internet ke dalam harddisk.

Website file sharing merupakan website yang menyediakan fasilitas untuk menampung file dari seseorang untuk disebarluaskan dengan cara menyediakan link untuk men-donwload file tersebut kepada orang lain.

HTTP (Hyper Text Protocol) merupakan protocol yang digunakan pada World Wide Web (WWW).

H. Download dan Upload

Download merupakan proses meng-copy file komputer remote ke komputer lokal. Biasanya menggunakan jalur (protokol) HTTP, FTP, dan protokol lainnya.

Upload merupakan proses meng-copy file computer lokal ke komputer remote. Biasanya menggunakan jalur (protokol) HTTP, FTP, dan protokol lainnya. Upload merupakan kebalikan dari download.

I. User ID dan Password

User ID merupakan nama yang digunakan untuk mengakses sebuah computer. User ID dan password diperlikan dalam sistem multiuser yang memungkinkan para pengguna memilih user ID dan password-nya sendiri.

Password merupakan kata sandi untuk memverifikasi sebuah user ID sebelum log in ke dalam sistem computer multiuser. Berbeda dengan user ID, password tidak bersifat unik dan biasanya diizinkan menggunakan karakter-karakter khusus yang tidak terdapat pada keyboard.