Rabu, 21 Maret 2012

Program-program yang Dapat Digunakan dalam Membuat Desain Website

1.) Program-program yang digunakan dalam membuat desain website antara lain:
a. Software Desain : Membuat desain layout homepage, sebagai awal dalam membuat web biasanya para web designer dimulai dengan software ini sebagai tampilan sementara dan variasinya, misalnya;
 Adobe Photoshop : Desain berbasis titik ( bitmap )
ü
 CorelDraw : Desain berbasis vector (garis)
ü
 Macromedia Firework: Design
ü&terjemahkan/optimalkan bitmap dlm bentukweb
 Adobe Image Ready : Memotong image dalam format html
ü
 Adobe Illustrator : Desain berbasis vector
ü
 Macromedia Freehand : Desain berbasis vector
ü
b. Software Efek Desain : Berguna untuk menghidupkan desain yg telah kita rancang, misalnya;
 Painter : Memberikan efek lukisan
ü
 Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
ü
 Plugins Photoshop : Memberi efek desain saat mendesain layout homepage di
ü Photoshop.
c. Software Animasi : Menambahkan animasi agar website kelihatan lebih menarik dan lebih hidup, misalnya;
 3D Studio Max : Untuk membuat objek dan animasi 3D.
ü
 Gif Construction Set: Membuat animasi dengan file gif
ü
 Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
ü
 Microsoft Gif Animator : Membuat animasi dengan file gif
ü
 Swift 3D : Merancang animasi 3D dengan format file FLASH.
ü
 Swish : Membuat berbagai macam efek text dgn format file FLASH.
ü
 Ulead Cool 3D : Membuat animasi efek text 3D.
ü
d. Software Capture: Untuk mengambil sebagian gambar dr image lain, misalnya;
 Snagit : Untuk capture dan juga bisa edit hasilnya.
ü
e. Software Web Editor : Istilah lainnya adalah CMS (Content Management System), Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan bahasa script, misalnya;
 Macromedia Dreamweaver: Editor yg umum dipakai dgn berbagai fasilatas visual tuk
ü kemudahannya.
 Microsoft Frontpage: Editor lama, sebelum mengenal dreamweaver bawaan Microsoft
ü
 Joomla : CMS free, dipakai tuk web / blog yg sering update berita.
ü
 WordPress : seperti joomla hanya tidak selengkap joomla tp lebih mudah
ü pemakaiannya.
f. Software Upload : File html diletakkan (upload) di suatu tempat (hosting) agar orang dapat melihat homepage di internet. Software-software ini misalnya :
 FileZilla FTP: free FTP dan banyak dipakai para bloger
ü
 Cute FTP : FTP yang pakai banyak, karena lebih familiar
ü
 Macromedia Dreamweaver: Fasilitas Site FTP
ü
 Microsoft Frontpage : Fasilitas Publish
ü
g. Sound Editor : Buat yg berjiwa musik bisa menhidupkan web/blog dengan software ini. Tools untuk manipulasi file midi atau wav, misalnya;
 Sound Forge : Manipulasi efek file yang berformat mp3 dan wav.
ü
 Cakewalk : Manipulasi efek untuk file yang berformat midi
ü
h. Browser : Untuk menampilkan hasil web / blog dalam local computer atau dunia maya luar, antara lain;
 Internet Explorer : Web browsing standar bawaan Microsoft
ü
 Mozilla FireFox : Browser terbaik yg popular
ü
 Opera : Browser yang memiliki segudang fitur
ü
 Netscape : Browser yang memiliki pengaman terhadap virus dan spyware
ü
2.) Keunggulan dari Microsoft Publisher dan Dreamwaver adalah sebagai berikut :
a. Keunggulan Microsoft Publisher
o kita dapat membuat halaman web, dengan template atau desain yang kita inginkan dengan tampilan terlihat Professional.
o sangat mudah digunakan dan membantu kita membuat website dalam waktu singkat.
o Tidak memerlukan pengalaman dan keahliah pemrogaman HTML dan program web lainnya.
o Dapat membuat website terdiri dari beberapa pages (halaman) dan mudah mengaturnya sewaktu-waktu.
o Dapat digunakan untuk membuat website dalam jumlah tidak terbatas.
o Memiliki template yang dapat digunakan untuk membuat web secara instant
o Dapat menggunakan CSS style sheet untuk mengatur tampilan website
o Memiliki banyak fungsi : thumbnail, mouse-over effects, ready-to-use java script effects, text link style sheet, tables, forms, iFrames dan lain-lain
o Website yang kita buat dapat diupload sewaktu-waktu dengan fungsi Publisher
o Website yang dibuat kompatibel pada berbagai web browser.
b. Keunggulan Menggunakan Macromedia Dreamweaver
ü kita dapat membuat halaman web, dengan template atau desain yang kita inginkan dengan tampilan yang kita design secara langsung dapat terlihat pada halaman program ini.
ü sangat mudah digunakan dan membantu kita membuat website dalam waktu singkat.
ü Tidak memerlukan pengalaman dan keahliah pemrogaman HTML dan program web lainnya.
ü Dapat membuat website terdiri dari beberapa pages (halaman) dan mudah mengaturnya sewaktu-waktu.
ü Dapat digunakan untuk membuat website dalam jumlah tidak terbatas.
ü Apabila web memuat table atau grafik kita dapat menempatkan tble maupun sel dihalaman web.
ü Fasilitas yang memungkinkan kita dalam penyatuan design dari beberapa program dapat kita dapatkan di program ini dengan kemampuan multimedia yang mudah dalam pengaturannya.
Disini saya nanggung jiakalau saya tidak membahas tentang Microsoft SharePoint Designer dan juga

c. Keunggulan Menggunakan Microsoft SharePoint Designer
Microsoft SharePoint Designer merupakan bagian dari Microsoft Office 2007 tetapi tidak
termasuk dalam paket Office 2007 manapun, sehingga SharePoint Designer merupakan
sebuah aplikasi tunggal. Perubahan nama dari Microsoft FrontPage menjadi Microsoft
SharePoint Designer mencerminkan penekanan pada desain dan penyesuaian situs web
berbasis SharePoint. Keunggulan dari Microsoft SharePoint Designer sama dengan
keuntungan menggunakan Microsoft FrontPage yaitu:
ü Mudah penggunaannya
ü Memiliki tampilan yang mirip Microsoft Word. Bila Anda terbiasa menggunakan Microsoft Word, tidak terlalu mengalami kesulitan dalam menggunakan program ini.
ü Hemat untuk urusan pembuatan website statis, yaitu website yang bersifat satu arah, tidak memiliki sarana komunikasi antara pengunjung dengan pemilik situs. Itu dikarenakan kemudahan dalam pemakaiannya, serta tidak perlu dipusingkan dengan urusan pembuatan kode-kode HTML dalam mendesain sebuah website sebab program ini secara otomatis akan membuatnya.
ü Dapat medesign tampilan dari website yang ingin kita buat, dan juga anda dapat membuat kolaboarasi dengan program microsoft office lainnya seperti microsoft office word, excel, power point dan yang lainnya.
d. Keunggulan FrontPage
o Mudah penggunaannya
o Memiliki tampilan yang mirip Microsoft Word. Bila Anda terbiasa menggunakan Microsoft Word, tidak terlalu mengalami kesulitan dalam menggunakan program ini.
o FrontPage sangat hemat untuk urusan pembuatan website statis, yaitu website yang bersifat satu arah, tidak memiliki sarana komunikasi antara pengunjung dengan pemilik situs. Itu dikarenakan kemudahan dalam pemakaiannya, serta tidak perlu dipusingkan
dengan urusan pembuatan kode-kode HTML dalam mendesain sebuah website sebab FrontPage
secara otomatis akan membuatnya.
1.    Prosedur atau cara menjalankan program
1. Macromedia Dreamweaver
a.) Mengaktifkan Macromedia Dreamweaver
Sebelum mengaktifkan Macromedia Dreamweaver, Installah terlebih dahulu software Macromedia Dreamweaver ke komputer. Setelah itu, Anda dapat mengaktifkan Macromedia Dreamweaver dengan langkah-langkah sebagai berikut.
    • Klik menu Start
    • Arahkan pointer mouse pada All Programs
    • Arahkan pointer mouse pada Macromedia Dreamweaver
    • Klik Macromedia Dreamweaver
b.) Menjalankan Macromedia DreamweaverPada menu utama, pilih File -> New, maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis (biasanya untuk web berbasis database), halaman template, dan lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen.
Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design.
Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain.
Dibagian kiri atas dibawah menu File, terdapat menu dropdown yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah gambar, maka pilih Common, maka disebelah kanannya akan muncul menu-menu bergambar yang bisa kita gunakan, salah satunya untuk memasukkan gambar ke halaman website.
masuk ke layar Design setelah memilih bagian tersebut, dibagian akan terlihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat.
Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.
2. Microsoft Publiser
a.)Mengaktifkan MicrosoftPublisher sebelum mengaktifkan Microsoft Publisher, Installah terlebih dahulu software Microsoft Publisher ke komputer. Setelah itu, kita dapat mengaktifkan Microsoft Publisher dengan langkah-langkah sebagai berikut;
    • Klik menu Start
    • Arahkan pointer mouse pada All Programs
    • Arahkan pointer mouse pada Microsoft Publisher
    • Klik Microsoft Publisher
    • Untuk pembuatan website ini kita menggunakan cara yang bersifat automatic / instant yang nanti pada akhirnya kita dapat mengedit / merubah sesuai dengan keinginan kita. Untuk sementara kita biarkan Microsfot Publisher membuatkannya untuk kita berdasarkan konsep yang sudah kita persiapkan.
b). Langkah – langkah pembuatan Web di Microsoft Publisher
Langkah pembuatan Microsoft Publisher secara Automatic / Instan :
1. Klik Tool Web Sites and E-mail pada Site Panel New From Design
2. Pilih Product Sales
3. Pilih tampilan Webdesign yang ada di Work Windows
Setelah itu akan muncul tampilan dimana Microsoft Publisher telah membuatkan kepada kita halaman – halaman internet ( webpage ) hingga berjumlah 10 ( sepuluh ) buah. Halaman – halaman tersebut terdiri dari :
1. Level Utama ( Index / Home ) – Halaman 1
2. Level Pendukung Utama - Halaman 2, 3
3. Level Kedua ( product list ) - Halaman 4
4. Level Ketiga ( product detail ) – Halaman 5 – 10
Halaman – halaman tersebut dapat kita rubah / edit sesuai dengan konsep produk yang sudah kita buat, walaupun Microsoft Publisher telah menyediakan konsep web standar berupa materi dan gambar gambar produk yang cukup relevan, namun semua itu bisa dirubah sesuai dengan keinginan kita.
1.    Microsoft SharePoint Designer
a.) Mengaktifkan Program Microsoft SharePoint Designer
Syarat dari menjalankan program ini anda harus mempunyai Microsoft Office 2007. Mengingat SharePoint Designer merupakan bagian dari Microsoft Office 2007 Microsoft SharePoint Designer menggunakan mesin rendering HTML yang sama dengan Microsoft Expression Web, bukan menggunakan mesin rendering Microsoft Internet Explorer (Trident) yang kurang memenuhi standar yang ditetapkan oleh W3C.
- Klik menu start kemudian pilih all programs
- Pilih Microsoft Office dan klik Microsoft SharePoint Designer
- Setelah itu anda akan dapat menggunakan program ini :
Tampilan sama Microsoft SharePoint Designer sama dengan microsoft yang lainnya yaitu terdapat program-program yang dibagi menjadi beberapa kelompok, misalnya yaitu menu bar dan menu standart formating bar sebagai konten web kita yang akan kita buat. Selain itu ada pula taspene yang terletak di bagian kiri tampilan program yang memperlihatkan folder-folder yang akan kita bangun pada web kita nantinya.
Gambar diatas adalah tampilan dari text properties yang nantinya akan kita gunakan dalam mendesain text pada web sesuai dengan yang kita inginkan.
b.) Menjalankan Program Microsoft SharePoint Designer
Berikut ini adalah gambar tampilan dari microsoft sharepoint designer, jika anda suka dengan perubahan maka anda dapat menggeser kotak dialog sesuai dengan yang anda inginkan untuk mempermudah pekerjaan anda.

2 komentar: