Kamis, 30 September 2010

Langkah-langkah pembuatan website

A. PENGERTIAN WEBSITE ATAU SITUS.
Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.Hyperlink atau Termonologi website adalah kumpulan dari halaman – halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain,yang tempatnya berada dalam Word Wide Web (WWW) di internet,Sebuah web page adalah dokumen yang ditulis dengan format HTML (Hyper Text Markup Language) yang hampir selalu bisa diakses melalui HTTP, yaituprotokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi tersebut dapat membentuk sebuah jaringan informasi yang sangat besar,

B. UNSUR-UNSUR DALAM PENYEDIAAN WEBSITE ATAU SITUS.
Untuk menyediakan sebuah website, maka harus tersedia unsur-unsur penunjangnya, adalah sebagai berikut:

1. Nama domain (Domain name/URL – Uniform Resource Locator)
Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet. Contoh : http://www.baliorange.net
Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan. Setelah Nama Domain itu terbeli di salah satu penyedia jasa pendaftaran, maka pengguna disediakan sebuah kontrol panel untuk administrasinya. Jika pengguna lupa/tidak memperpanjang masa sewanya, maka nama domain itu akan di lepas lagi ketersediaannya untuk umum. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah :

- .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah
- .ac.id : Untuk Lembaga Pendidikan
- .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
- .mil.id : Khusus untuk Lembaga Militer Republik Indonesia
- .or.id : Untuk segala macam organisasi yand tidak termasuk dalam kategori “ac.id”,”co.id”,”go.id”,”mil.id” dan lain lain
- .war.net.id : untuk industri warung internet di Indonesia
- .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan pendidikan seperti SD, SMP dan atau SMU
- .web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang melakukan kegiatannya di World Wide Web.

2. Rumah tempat website (Web hosting)
Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar, video, data email, statistik, database dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website.
Web Hosting juga diperoleh dengan menyewa. Pengguna akan memperoleh kontrol panel yang terproteksi dengan username dan password untuk administrasi websitenya. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB (Mega Byte) atau GB (Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negeri. Lokasi peletakan pusat data (datacenter) web hosting bermacam-macam. Ada yang di Jakarta, Singapore, Inggris, Amerika, dll dengan harga sewa bervariasi.

3. Bahasa Program (Scripts Program).
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin dinamis, dan interaktif serta terlihat bagus.
Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets, XML, Ajax dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs.
Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.

4. Desain website.
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program (scripts program), unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website.
Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer. Semakin banyak penguasaan web designer tentang beragam program/software pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas, demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer. Program-program desain website salah satunya adalah Macromedia Firework, Adobe Photoshop, Adobe Dreamweaver, Microsoft Frontpage, dll.

5. Program transfer data ke pusat data.
Para web designer mengerjakan website dikomputernya sendiri. Berbagai bahasa program, data informasi teks, gambar, video, dan suara telah menjadi file-file pendukung adanya website. File tersebut bisa dibuka menggunakan program penjelajah (browser) sehingga terlihatlah sebuah website utuh di dalam komputer sendiri (offline). Tetapi file-file tersebut perlu untuk diletakkan dirumah hosting versi online agar terakses ke seluruh dunia. Pengguna akan diberikan akses FTP (File Transfer Protocol) setelah memesan sebuah web hosting untuk memindahkan file-file website ke pusat data web hosting. Untuk dapat menggunakan FTP diperlukan sebuah program FTP, misalnya WS FTP, Smart FTP, Cute FTP, dll. Program FTP ini banyak ditemui di internet dengan status penggunaan gratis maupun harus membayar. Para web designer pun dapat menggunakan fasilitas FTP yang terintegrasi dengan program pembuat website, misal Adobe Dreamweaver.

6. Publikasi website.
Keberadaan website tidak ada gunanya dibangun tanpa dikunjungi atau dikenal oleh masyarakat atau pengunjung internet. Karena efektif tidaknya situs sangat tergantung dari besarnya pengunjung dan komentar yang masuk. Untuk mengenalkan situs kepada masyarakat memerlukan apa yang disebut publikasi atau promosi.
Publikasi situs di masyarakat dapat dilakukan dengan berbagai cara seperti dengan pamlet-pamlet, selebaran, baliho, kartu nama dan lain sebagainya tapi cara ini bisa dikatakan masih kurang efektif dan sangat terbatas. Cara yang biasanya dilakukan dan paling efektif dengan tak terbatas ruang atau waktu adalah publikasi langsung di internet melalui search engine-search engine (mesin pencari, spt : Yahoo, Google, MSN, Search Indonesia, dsb).
Cara publikasi di search engine ada yang gratis dan ada pula yang membayar. Yang gratis biasanya terbatas dan cukup lama untuk bisa masuk dan dikenali di search engine terkenal seperti Yahoo atau Google. Cara efektif publikasi adalah dengan membayar, walaupun harus sedikit mengeluarkan akan tetapi situs cepat masuk ke search engine dan dikenal oleh pengunjung.




Berikut adalah langkah-langkah yang harus dilakukan dalam pembuatan website
ü  Menentukan Tema
ü  Memilih Template
ü  Penggunaan macromedia dreamweaver
ü  Mengisi konten – isi web,menu chat, yahoo messenger,statistik shoutmix
ü  Membuat nama domain
ü  Mengupload website ke hosting

a.       Menentukan tema
Hal yang paling penting dalam pembuatan adalah tema, hal ini penting karena sebuah web diharapkan mempunyai suatu ciri khas tersendiri agar menarik pengunjung.Menentukan tema bisa anda awali dengan hobi seperti olahraga golf, tenis, memancing, memasak dan lain-lain atau hal-hal yang mempunyai nilai daya tarik dan banyak dicari orang misalnya review alat-alat elektronik, handphone, mobil, psp dan lain sebagainya. namun tentu saja tidak bertentangan dengan ketentuan-ketentuan yang dipersyaratkan oleh pemilik program seperti Google Adsense, Adbrite, Amazon, Commision Junctions dan lain-lain.

Tema yang akan disajikan dalam website sangat menentukan dalam perancangan website. Website yang baik menyampaikan tema dalam elemen-eleman yang dikoordinasi secara harmonis. Elemen-elemen yang vital dalam perancangan website adalah:

1. Warna
Pilih warna sesuai yang akan disajikan. Warna hitam menyatakan eksklusif, warna abu-abu berarti professional, warna biru memberikan kesan high technolgy dan lain sebagainya. Jumlah warna juga perlu dipikirkan, jumlah warna sebaiknya 2 atau 3 saja.

2. Elemen-elemen dalam disain
Elemen-elemen disain mencerminkan kesan yang akan ditampilkan. Website professional cenderung menampilkan elemen-elemen garis, lengkung yang lembut. Web site remaja cenderung menampilkan elemen-elemen yang mempunyai kontast tinggi dan sebagainya.

3. Layout
Layout bisa memberikan kesan ramai,  sederhana dan sebagainya.
Layout ini meliputi peletakan menu dan peletakan isi. layout yang banyak judul artikel memberikan kesan ramai, layout yang hanya menampilkan beberapa elemen utama menimbulkan kesan sederhana dan lain sebagainya.

a.       Memilih template
Memilih Template web merupakan suatu hal yang penting untuk menunjang agar pengunjung tertarik melihat web kita, namun pemilihan template harus disesuaikan dengan kebutuhan kita, sebagai contoh  kita dapat memilih template yang jauh dari banyaknya pemakaian gambar untuk web iklan atau forum(iklanbandung.com, iklann.com dll), karena dengan semakin banyak nya gambar pada template maka akan semakin memakan waktu loading yang lama atau berat dan akan menambah berat web kita nanti. maka dari itu gunakan pilih template yang simple, dan sesuaikan dengan kebutuhan.

b.      Penggunaan macromedia dreamweaver
Macromedia Dreamweaver adalah sebuah editor web profesional yang digunakan untuk mendesain dan mengelola situs Web atau halaman Web. Dreamweaver paling sering digunakan oleh Web desainer atau Web programmer dalam mengembangkan suatu situs Web. Hal ini disebabkan area kerja, fasilitas, dan kemampuan Dreamweaver yang makin powerful dan menunjang peningkatan produktifitas dan efektifitas untuk mendesain atau membangun situs web. Dreamweaver juga dilengkapi dengan fasilitas untuk manajemen situs yang cukup lengkap, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web.
Dreamweaver dalam hal ini digunakan untuk web desain.Program dreamweaver juga mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver. Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.
Banyak cara yang dapat digunakan dalam membuat website yaitu : menyusun sendiri web yang kita buat atau menggunkan template yang sudah ada, menyusun sendiri web (tanpa menggunkan template) memiliki kelemahan kita harus menghafalkan banyak scipt-script yang ada, jika kita menggunkan template yang sudah ada, sangat memudahkan kita dalam membuat website,  juga dapat di download di internet 

Berikut contonhya : menggunakan template yang sudah   .

1.      Pilih template




2.      Masukkan di macromedia dreamweaver


Pilih menu file > open > pilih template yang akan di masukan lalu pilih open.



3.      Merubah dan mengedit bagian  head atau lainnya
Masuklah pada folder yang ada gambar head tersebut lalu klik kiri > open with > adobe photoshop. Rubalah sesuai keinginan misalnya desain sandal.
Lalu simpan pada folder yang ada headnya tadi, save as > pilih format JPEG > beri nama yang sama dengan yang tadi setelah itu pilih save.

4.      Merubah teks
Blok teks yang akan di rubah lalu tekan delete pada keyboard lalu tuliskan teks-teks yang sesuai kebutuhan.

5.      Merubah atau mengedit gambar pada web
Miasalnya merubah photo dua orang tersebut maka klik kanan > edit with > browse >pilih program file > adobe >adobe photoshop lalu ok. Setelah selesai save as pada folder yang sama dengan format JPEG lalu beri nama yang sama dengan gambar kedua orang tersebut maka akan berubah gambar kedua orang tersebut dengan gambar yang baru saja di buat. Atau bisa dengan mengambil gambar yang sesui lalu copy gambar tersebut dan paste di folder yang ada gambar duo orang tersebut lalu beri nama yang sama.
6.      Mengelink ke halaman html selanjutnya
Missal about us yang akan di link ke halaman berikutnya maka blok yang akan di buat link lalu klik kanan pilih change link. Lalu pilih yang akan di buat halamatb selanjutnya pilih ok.

7.      Hasil akhir
Hasil akhir seperti contoh desaign yang sudah di edit