Cara membuat website pribadi.
Peralatan dan Cara Praktis Membuat Website Pribadi
Macromedia menawarkan aplikasi yang praktis untuk
membuat website pribadi.
Kini membuat website pribadi bukan lagi hal yang
mustahil untuk dilakukan. Bahkan, untuk para pemula yang tidak memiliki dasar
pengetahuan tentang desain grafis. Dengan mengikuti petunjuk yang tersedia,
bermodal ketekunan, dan mengembangkan kreativitas, website pribadi pun akan
terwujud.
Kemudahan ini dapat dirasakan berkat bantuan dari
aplikasi yang ditawarkan oleh Macromedia. Macromedia mengeluarkan program Flash
yang berisi panduan untuk membuat banyak aplikasi dari yang paling mudah hingga
yang membutuhkan skill tinggi. Pada umumnya aplikasi ini banyak berhubungan
dengan desain animasi. Salah satunya adalah website.
Read more in Flash
Flash MX dalam buku panduan pelatihan Macromedia Flash
MX Basic dari PT Sarana Solusindo Informatika (Solusi)-lembaga yang
menyelenggarakan pelatihan Macromedia, didefinisikan sebagai paket grafik yang
dapat digunakan untuk menambahkan animasi ke dalam halaman Web. Selain itu,
Flash juga dapat digunakan untuk membuat kontrol navigasi dan menggabungkan
animasi dengan suara.
”Untuk menjalankan program ini, seseorang tidak perlu
memiliki keterampilan tinggi. Cukup tahu bagaimana cara mengoperasikan windows.
Karena, program Flash ini sangat mudah untuk digunakan,” ungkap instruktur
pelatihan Macromedia Flash MX Solusi, Oscar Lesmana, kepada Republika, Kamis
(12/1).
Namun, lanjut dia, ada baiknya pengguna Macromedia
Flash memiliki pengetahuan dasar tentang aplikasi grafis lainnya seperti
FreeHand dari Macromedia. Sehingga, katanya, pengguna dapat lebih
mengelaborasikan fitur-fitur yang ada pada aplikasi Flash MX.
Sebelum merancang sebuah website, pengguna Flash MX
harus mempelajari bagaimana cara membuat membuat animasi yang sederhana. Karena
aplikasi sederhana inilah yang menjadi fondasi untuk membentuk sebuah aplikasi
rumit dan kompleks.
Namun, sebelum membuatnya, pengguna Flash harus
terlebih dahulu membuka aplikasi dengan mengklik menu file dan memilih new file
di bagian atas tampilan layar. Setelah dibuka, maka Flash MX pun siap untuk
digunakan.
Setelah program tersebut dibuka, pada bagian kiri
layar akan tersedia menu tools, view, color & option yang dapat digunakan
untuk membuat animasi. Sementara pada bagian atas, dibawah menu toolbar
terdapat menu layer dan time line yang berfungsi untuk mengatur waktu dan
tampilan animasi. Sedangkan untuk mengatur bentuk, posisi, format serta warna
ditempatkan pada bagian bawah new file.
Contoh animasi sederhana yang dapat dibuat dari
menu-menu ini adalah dengan menggerakkan benda ke dalam berbagai posisi.
Caranya sangat mudah, pertama-tama klik salah satu gambar di menu tools.
Misalnya gambar yang diinginkan adalah kubus, maka menu tools yang harus diklik
adalah yang bergambar kubus. Namun jika ingin bentuk lingkaran, maka menu tools
bergambar lingkaran-lah yang dipilih. Lalu, pindahkan ke atas file baru.
Untuk memindahkan gambar atau memilih gambar untuk
ditreatment, bisa menggunakan arrow tools yang dapat pada menu tools di bagian
kiri layar. Seperti namanya menu ini memiliki simbol anak panah.
Setelah itu, mouse diarahkan ke time line. Untuk
membuat benda bergerak yang dibutuhkan adalah pengaturan waktu yang akan
berimbas pada perubahan bentuk dan posisi gambar sesuai dengan keinginan
penggunanya. Setelah waktu ditentukan, gambar bisa diubah sepeti diletakan pada
posisi yang berbeda, diperbesar, diperkecil, hingga diubah warnanya. Ini
hanyalah contoh aplikasi yang menjadi dasar dari pembuatan aplikasi yang lebih
rumit seperti halaman website.
Hal sama bisa diterapkan untuk membuat button. Button
di sini maksudnya mengubah tulisan biasa menjadi simbol yang bisa diklik oleh
penggunanya. Contohnya di hampir semua website terdapat tulisan yang bisa
diklik seperti misalnya Home, About Us, Contact dan lainnya.
Rangkaian huruf ini bisa di’sulap’ menjadi jalan masuk
sebuah website, dengan cara mengubahnya menjadi simbol. Caranya dengan
menggunakan menu create symbol yang terdapat pada toolbar insert. Setelah
mengalami treatment, maka huruf biasa tadi bisa berubah menjadi simbol yang terlihat
dari perubahan bentuk kursor. Kursor panah akan berubah menjadi simbol tangan
yang menunjuk sperti yang terdapat dalam website. Selain teks yang dapat
ditulis langsung di atas file, pengguna Flash MX juga dapat memasukkan gambar
foto, video hingga lagu ke dalam filenya. Semua ini dapat dilakukan dengan
mengklik menu import yang terdapat dalam program tersebut.
Jika pada Macromedia Flash MX, file mendukung itu
hanya bisa dibuka dengan melakukan browsing di komputer, maka pada versi
terbarunya yaitu Flash 8, baik foto, video hingga lagu dapat lebih mudah
dipindahan. Caranya tingal menarik (drag & drop) file yang dipilih dari
sumbernya, lalu ditarik ke file yang sedang digunakan. Maka dengan seketika,
baik foto, video ataupun lagu dapat langsung berpindah ke file yang baru.
Menurut Oscar, Macromedia telah mengeluarkan berbagai
versi Flash. Antara lain Flash 5, Flash MX, Flash MX 2004 dan versi terbarunya
adalah Flash 8. Selain masalah import, katanya, Flash 8 lebih kaya akan efek
dan shadow. Sehingga, penggunanya dapat berkolaborasi dan juga mengeksplorasi
daya kreativitas.
Selain untuk membuat website, Macromedia Flash ini
juga bisa digunakan untuk video presentasi dan video animasi. Oscar
menggarisbawahi perbedaan antara penggunaan Flash dengan Power Point.
”Power Point itu lebih kaku, sedangkan Flash lebih
dinamis. Bahkan, kita bisa memasukkan video dalam presentasi yang tidak dapat
dilakukan pada aplikasi Power Point. Bahkan, kita bisa membuat banyak animasi
sesuai dengan keinginan dan keahlian kita,” paparnya.
Menurut Oscar, pihaknya banyak mendapat permintaan
pelatihan Macromedia Flash untuk kalangan korporat. Namun, ada juga peserta
yang berasal dari luar kalangan tersebut. Biasanya, kata dia, pelatihan ini
digunakan sebagai added value untuk meningkatkan kualitas dan kualifikasi
peserta.
Pelatihan Macromedia Flash MX diselenggarakan oleh PT
Sarana Solusindo Informatika (Solusi). Lembaga ini meyandang Microsoft Gold
Sertificate sebagai patner Microsoft dalam memberikan pelatihan. Selain
Macromedia Flash, Solusi juga menyelenggarakan pelatihan lain seperti Microsoft
Business Solution, Lotus Domino, dan Autocad.
Membuat Website
Banyak cara untuk membuat Home Page, langkah-langkah
tersebut pada dasarnya adalah :
1. Membuat Sketsa Desain :
Dalam mendesain suatu homepage langkah pertama yang
dilakukan adalah membuat sketsa disain pada kertas, hal ini dilakukan untuk
memberi gambaran bagaimana homepage kita nanti setelah selesai dan bagaimana
cara mengatur letak letaknya. tetapi untuk kebanyakan orang langkah ini
biasanya dilewati dan langgsung meloncat ke langkah kedua.
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 dan juga menambahkan efek efek pada
sketsa tersebut. Setelah layout desain homepage sudah jadi. File gambar
tersebut dipecah menjadi potongan kecil-kecil untuk mengoptimize waktu
download. arena file gambar biasanya berukuran besar sehingga akan memerlukan
waktu lama untuk membuka untuk membuka halaman web yang memakai gambar
tersebut. Untuk melakukan hal tersebut kita 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.
3. Membuat Animasi :
Animasi diperlukan untuk menghidupkan homepage kita
agar menarik pengunjung. Macromedia Flash dan Gif Construction Set dapat dipakai
untuk melakukan hal tersebut.
4. 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.
5. Programming dan Script :
Untuk website e-commerce, iklan baris, lelang,
database, membuat guestbook, counter dan forum diskusi. selain itu script ini
juga dapat digunakan untuk mempercantik halaman web kita antara lain membuat
animasi text, membuat animasi pada background dan lain lain. 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 yang terkenal saat ini adalah dengan menggunakan java script.
6. 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. Yang perlu menjadi catatan di
sini adalah jika kita menggunakan microsoft frontpage kita harus memilih
hosting yang mendukung frontpage ini karena tidak semua hosting mendukung
frontpage, terutama hosting gratis.
7. Memilih Hosting :
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. Contohnya yaa seperti
homepage saya ini. Lihat tutorial Fasilitas gratis pendukung homepage.
8. Software-Software yang dipakai
Desain : untuk membuat desain suatu homepage biasanya
para web designer dimulai dengan software ini sebagai tampilan sementara atau
dalam membuat layout homepage.
· Adobe Photoshop : Desain berbasis titik (bitmap).
· Adobe Image Ready : Memotong gambar-gambar ke dalam
format html
· Adobe Illustrator : Desain berbasis vector
· CorelDraw : Desain berbasis vector
· 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.
8. Web Editor : menyatukan keseluruhan gambar dan tata
letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa
script.
· Alaire Homesite :
· Cold Fusion :
· Microsoft Frontpage :
· Macromedia Dreamweaver :
· 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, Chattin
Portal, Lelang dan Iklanbaris.
1. ASP ( Active Server Page ) :
2. Borland Delphy :
3. CGI ( Common Gateway Interface ) :
4. PHP :
5. Perl :
6. Javascript Upload : 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.
FASILITAS GRATIS PENDUKUNG HOMEPAGE
Berikut ini adalah fasilitas-fasilitas gratis yang
bisa kita dapatkan dari internet untuk membuat homepage kita menjadi semakin
powerfull. Tentunya hal yang kita dapatkan secara gratis akan diimbangi dengan
sesuatu yang harus kita terima. Biasanya mereka menampilkan banner di homepage
kita dan ini sebenarnya sangat menganggu, tapi tetap saja kita harus menerima
bila ingin menggunakan fasilitas gratis tersebut.
Guesbook
Buku tamu di mana orang bisa mengisi identitas tentang
dirinya, mengkritik dan memberi saran.
· Lpage
· Guestpage :
Mudah di setup (using html tag) agar sesuai dengan
tampilan design yang anda mau. Selain itu mereka menyediakan beberapa template
guessbook yang ok kalo kita ngga mau cape2 setup.
· The Guestbook
· CounterMenghitung seberapa banyak pengunjung yang
telah masuk ke homepage kita. Penyedia counter gratis antara lain :
· Dark Counter : menyediakan puluhan model counter
sebagai pilihan.
· PageCount
· The Counter
Web Hosting
Tempat menyimpan file html, agar desain homepage kita
dapat dilihat oleh pengunjung di seluruh dunia.
· Cybercity
· Freeservers
· Geocities
· Fortunecity
· Xoom
Email
Anda bisa mendapatkan fasilitas email gratis tanpa
perlu mendaftarkan diri ke Internet Provider.
· Mailexite
· Netadress
· Geocities
· iName
· Mailcity
Direct URL
Bila url anda terlalu panjang, misalkan :
http://www.geocities.com/area51/station/… maka dengan direct url ini nama url
itu bisa di singkat dengan http://i.am/007.
· CyberName
· Free URL
· Easy to Remember
· Name Zero : fasilitas ini memberikan kita nama
domain dot com
Chatting
Fasilitas ngobrol dapat di buat di homepage Anda
sendiri.
· BraveNet Wev Services : Free guestbooks, message
forums, form processors, greeting cards, hit counters, search engines and more!
Pooling
Bila Anda ingin tahu jawaban terbanyak dari para
pengunjung tentang pilihan dari pertanyaan-pertanyaan Anda.
· BraveNet Wev Services : Free guestbooks, message
forums, form processors, greeting cards, hit counters, search engines and more!
Web Promote
Mempromosikan homepage anda dengan sekali klik, maka
homepage kita akan masuk ke beberapa situs search engine.
· Linksubmission
· Jayde
· Fast submit
· Selfpromotion
· Add-Me
· Submit It!
Mailing List
Membuat komunitas lewat email yang membicarakan
hal-hal tertentu bersama orang lain.
· Egroups
· Listbot
· Onelist
Web Statistik
Melihat statistik homepage Anda. Dari mana saja
pengunjung berasal, browser apa saja yang mereka pakai, hari apa saja homepage kita
ramai dikunjungi orang.
· Web Statistic
Web Check
Mengetahui kecepatan loading dan spesifikasi tentang
homepage anda.
· NetMechanic
· Web Site Garage
Lain-Lain
· BraveNet Wev Services : Free guestbooks, message
forums, form processors, greeting cards, hit counters, search engines dan
lain-lain..!
0 komentar:
Posting Komentar