BAB 5

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.






Software-software 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.

Microsoft FrontPage (atau Microsoft Office FrontPage) merupakan sebuah program aplikasi editor HTML yang berbasis WYSIWYG dan juga bertindak sebagai alat bantu administrasi situs web yang dikembangkan oleh Microsoft untuk jajaran sistem operasi Windows. Aplikasi ini merupakan bagian dari Microsoft Office dari tahun 1997 hingga 2003. Versi Macintosh-nya pun pernah dimunculkan pada tahun 1998, tapi tidak dikembangkan lagi. FrontPage sekarang telah usang, dan digantikan oleh Microsoft Expression Web dan Microsoft SharePoint Designer, yang dirilis pada bulan Desember 2006.
Salah satu fitur yang terkenal dari FrontPage adalah dukungannya terhadap template Web yang otomatis yang terintegrasi. Perbedaan utama antara template Web dengan template HTML yang dibuat oleh produk lainnya adalah bahwa template yang dibuat oleh FrontPage mencakup sistem navigasi otomatis yang mampu menciptakan tombol-tombol yang dianimasikan untuk beberapa halaman yang telah ditambahkan oleh pengguna. FrontPage juga dapat membuat navigasi multi-level secara langsung dengan menggunakan tombol dan juga struktur situs Web yang sedang disunting.





Sejarah

FrontPage pada awalnya dibuat oleh sebuah perusahaan yang berada di Cambridge, Massachusetts, Amerika Serikat, Vermeer Technologies Incorporated. Hal ini bisa dilihat dari nama berkas dan direktori situs yang dibuat dengan menggunakan FrontPage selalu diawali dengan "_vti_". Pada tahun 1996, Microsoft mengakuisisi Vermeer, dengan tujuan menambahkan FrontPage ke dalam beberapa produknya, terutama Microsoft Internet Explorer, karena di saat yang sama (pada saat perang browser web), saingannya, Netscape Communicator juga telah menambahkan fitur editor situs Web.
Sebagai sebuah editor HTML WYSIWYG, FrontPage didesain untuk menyembunyikan kode HTML dari halaman web yang disunting oleh pengguna dari mata pengguna, sehingga para pemula dalam bidang pemrograman situs Web pun dapat memprogram situs Web dan juga halaman Web.
Rilis pertama kali FrontPage di bawah naungan nama Microsoft, terjadi pada tahun 1996, saat Microsoft merilis Windows NT 4.0 Server dan Internet Information Services 2.0. FrontPage 1.1 dibundel di dalam rilis Windows NT 4.0 Server tersebut dan dapat berjalan di dalam Windows NT 4.0 (edisi Server maupun edisi Workstation), atau bahkan Windows 95, dan dibuat dengan tujuan agar pada administrator situs web dapat membuat situs web dan konten intranet di dalam sebuah paket semudah mereka menggunakan Microsoft Word.
FrontPage membutuhkan sekumpulan plug-in yang bersifat server-side (dapat berjalan di sisi/pihak Web server), yang disebut sebagai IIS Extension. Kumpulan ekstensi tersebut diperbaiki secara signifikan saat Microsoft mengintegrasikan Microsoft FrontPage ke dalam paket Microsoft Office saat Microsoft Office 97 dirilis dan kemudian diubah namanya menjadi FrontPage Server Extension (FPSE). Kedua kumpulan ekstensi tersebut harus diinstalasikan di dalam server Web agar fitur publikasi konten yang ditawarkan oleh FrontPage dapat bekerja dengan baik. Microsoft juga menawarkan FrontPage Server Extension untuk sistem operasi UNIX, selain tentunya untuk Windows. Tetapi, versi yang lebih baru dari FrontPage juga mendukung protokol WebDAV untuk publikasi dan pembuatan situs secara remote (jarak jauh). Versi untuk Macintosh Mac OS dirilis pada tahun 1998, tapi memiliki fitur yang jauh lebih sedikit dibandingkan versi Windows-nya. Sejak saat itu Microsoft tidak mengembangkan lagi FrontPage untuk Macintosh.
Pada tahun 2006, Microsot mengumumkan bahwa FrontPage akan digantikan oleh dua produk, yakni Microsoft SharePoint Designer (yang ditujukan oleh kalangan profesional dan bisnis untuk membangun aplikasi berbasis teknologi Microsoft SharePoint), dan Microsoft Expression Web (yang ditujukan untuk para profesional dan programmer situs Web untuk membuat situs Web yang lengkap). Microsoft pun mengumumkan bahwa mereka akan menghentikan FrontPage mulai bulan Desember 2006. Kedua aplikasi tersebut sebenarnya masih berbasis FrontPage.
Fitur

FrontPage memiliki fitur-fitur sebagai berikut:
Secara visual mampu menampilkan struktur berkas dan situs Web sehingga memudahkan navigasi terhadap situs Web.
Dukungan terhadap HTML, CSS, dan Java/JavaScript
Memiliki editor gambar yang terintegrasi (Microsoft Image Composer)
Menyediakan fungsi-fungsi untuk beberapa tool umum secara mudah, seperti halnya mouseover, form e-mail dan counter.
Lebih mudah digunakan (jika memang telah menggunakan produk Microsoft Office sebelumnya)
Mampu menampilkan data yang dibuat oleh produk Microsoft Office lainnya, seperti Microsoft Access, atau Microsoft Excel.
Dukungan terhadap tema berbasis CSS (seperti halnya ASP.NET master page)
Ketika kita mengubah URL ke sebuah halaman, semua pranala yang merujuk ke halaman tersebut akan diubah secara dinamis.
Konten dapat disunting dari mana saja dengan FrontPage (password dibutuhkan untuk perlindungan)/
Dukungan terhadap pengimporan data dari clipboard (contoh: melakukan operasi Copy/Paste data dari Microsoft Internet Explorer ke dalam FrontPage 2003 akan secara otomatis melakukan downloading sumber daya yang disalin tersebut dan FrontPage akan menyimpannya secara lokal.)

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.
CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.