Jumat, 20 April 2012

SITEBIKE

          SITEBIKE merupakan sebuah halaman website yang didesain khusus untuk para pecinta motor. Di dalam halaman website ini terdapat artikel yang membahas tentang motor - motor yang spesial (lain dari pada yang lain). Dijelaskanjuga spesifikasi dan harga jual di pasaran dari motor - motor tersebut. Pada kesempatan ini saya akan menjelaskan langkah pembuatan website sederhana SITEBIKE ini.

Langkah 1 : SIAPKAN BACKGROUND

          Tentukan gambar yang akan dijadikan background dari halaman website yang diinginkan. Usahakan cari background yang menggambarkan dan mewakili isi dari halaman website tersebut. Gambar tersebut dapat didapat dari hasil buatan tangan sendiri (dengan photoshop) atau juga dapat dengan mendownload template gratis yang sudah tersedia di dunia maya.


          Setelah mengalami proses Slicing dengan slice tool (untuk menciptakan field tempat meletakan text dan link-link yang akan dipakai nanti), selanjutnya simpan file photoshop ini ke dalam bentuk html dengan klik menu file > Save for Web & Devices dengan nama index.html

Langkah 2 : ISI FIELD PADA BACKGROUND DENGAN BANTUAN DREAMWEAVER

          Setelah file index.html telah tersimpan, selanjutnya buka file tersebut dengan software DreamWeaverCS5. Setelah jendela design dari halaman index.html telah terlihat, langkah berikutnya ialah isi field - field yang dibutuhkan untuk teks dan link. Teks apa saja yang ingin dituliskan dan link apa saja yang dibutuhkan adalah 2 hal yang sudah seharusnya dipikirkan terlebih dahulu agar website yang diciptakan menjadi sebuah halaman yang cukup efisien dalam hal waktu pembuatan.

          Setelah field - field yang adatelah diisi dengan teks dan link, maka selanjutnya simpan halaman index.html ini kembali. Setelah file index.html telah di save, maka mulailah buat halaman - halaman yang tercantum pada menu (HOME, ARTIKEL, BLOG, dan CONTACT).
           => HOME mengarah pada index.html
           => ARTIKEL mengarah pada artikel.html
           => BLOG mengarah pada halaman blog dari Yonathan Eleazar
           => CONTACT mengarah pada halaman contact.html
          Artikel.html dan contact.html dibuat berdasarkan background yang sudah ada, hanya pada bagian postingannya saja yang diganti dengan artikel - artikel tentang motor. Setelah itu file index.html di save as dengan nama artikel.html untuk halaman yang berisikan artikel - artikel motor yang disediakan. dan file index.html juga di save as dengan nama contact.html untuk halaman yang berisikan keterangan dari Yonathan Eleazar. Total file .html yang terbentuk dalam pembuatan halaman website ini adalah 11 file. dan semuanya itu haruslah diletakkan dalam 1 direktori / folder.

Langkah 3 : KAITKAN HALAMAN INDEX DENGAN HALAMAN LAINNYA

         Setiap artikel yang telah dibuat dalam format .html harus dikaitkan dengan halaman artikel.html. Setelah dikaitkan (dengan membuat link) dengan halaman artikel.html, maka setiap artikel dapat diakses dari halaman artikel.html. 
       Untuk mencoba halaman website baru ini, bukalah file index.html dengan firefox atau browser lainnya.

 -------------------------------------------------------------------------------------------
 -------------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------

Selasa, 20 Maret 2012

Belajar Web

BELAJAR MEMBUAT WEBSITE

Seiring dengan pertambahan jumlah netter (pengguna internet) di seluruh dunia, termasuk di Indonesia, makin banyak pula orang yang ingin mempunyai homepage atau website sendiri. Hal ini wajar mengingat manfaat yang bisa kita dapatkan dengan mempunyai website sendiri. Memiliki alamat email, sekarang ini bukan lagi sesuatu yang istimewa. Tapi memiliki website sendiri mungkin bagi kebanyakan orang masih merupakan sesuatu yang diidam-idamkan. Untuk itulah kami mencoba menyusun tutorial praktis ini agar dapat dipelajari dan dipraktikkan oleh para netter yang berkeinginan menjadi webmaster (pengelola website). Mudah-mudahan dengan kemampuan membuat website, kita dapat ikut serta menyebarluaskan ilmu dan informasi yang bermanfaat bagi seluruh ummat manusia, baik di dunia maupun di akhirat kelak.  
Bagaimana caranya bisa menampilkan website sendiri di internet? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah website yang benar-benar eksis di internet. Artinya website yang dari segi perwajahan tidak "menyedihkan", dari segi isi tidak "asal-asalan" dan dari segi pengunjung cukup "dilirik". Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Internet Explorer, Netscape, Opera, dll). Setelah kita menguasai dasar-dasar HTML, barulah kita mencoba membuat rencana dan rancangan dari desain dan isi website yang hendak kita buat. Kemudian rancangan itu kita tuangkan dalam bentuk halaman-halaman web yang terpadu. Setelah selesai atau "mengarah ke selesai", kita harus mendaftarkannya ke web hosting agar website kita "terpasang" dan dapat diakses di internet. Akhirnya, yang juga tidak kalah penting adalah bagaimana mempromosikan website tersebut agar dikenal dan dikunjungi oleh para netter. 
Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

BELAJAR HTML
Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.

PENGENALAN KODE HTML
Dalam program Notepad anda, tulislah seperti ini:
<HTML>
</HTML>
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing.  Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang kita akan beralih pada tag selanjutnya. Tambahkanlah tag seperti berikut:
<HTML>
<BODY>
</BODY>
</HTML>
Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag <BODY>. Coba tuliskan:
<HTML>
<BODY>
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Sekarang simpanlah file ini dengan meng-klik menu File lalu Save As. Pada kotak dialog yang muncul, terlebih dahulu klik anak panah kecil di ujung kanan kotak Save as type kemudian pilih All Files (*.*). Setelah itu, isilah kotak File name dengan nama file yang anda inginkan misalnya: latih1.htm. Jangan lupa penambahan ekstensi .htm di belakang nama file! Akhirnya, klik tombol Save maka file akan tersimpan sebagai dokumen web. Kini, tutuplah program Notepad anda. Sekarang bukalah lagi program browser (Internet Explorer) selain jendela browser yang anda baca ini. Klik menu File lalu Open. Pada kotak dialog yang muncul, klik tombol Browse. Cari dan pilih file latih1.htm lalu klik Open. Nah, lihatlah hasil karya anda yang pertama!
Tulisan ini akan tampak dalam browser
Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.
Sekarang lihatlah kembali browser anda yang sedang menampilkan file latih1 tadi. Klik menu View lalu Source. Dengan instruksi ini akan muncullah program Notepad yang di dalamnya tampak source code atau kode-kode HTML yang tadi anda buat. Misalnya kita akan menjadikan halaman web latih1 ini menjadi berwarna latar belakang kuning dengan tulisan berwarna merah. Untuk itu, kita perlu menambahkan atribut BGCOLOR dan TEXT ke dalam tag body sebagai berikut:
<HTML>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya, pergilah lagi ke program browser yang menampilkan halaman web latih1 tadi. Klik menu View lalu Refresh atau klik tombol Refresh pada toolbar atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file latih1 yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:
Tulisan ini akan tampak dalam browser
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa #rrggbb. Berikut ini adalah 16 nama warna beserta kodenya dalam format heksa (harap diingat bahwa tulisan 0 adalah angka nol, bukan huruf O).
Black
#000000
blue
#0000FF
olive
#808000
White
#FFFFFF
fuchsia
#FF00FF
green
#008000
Red
#FF0000
gray
#808080
teal
#008080
Yellow
#FFFF00
silver
#C0C0C0
navy
#000080
Lime
#00FF00
maroon
#800000
purple
#800080
Aqua
#00FFFF




Dengan demikian, kode HTML untuk contoh di atas bisa ditulis sebagai berikut:
<HTML>
<BODY BGCOLOR="#FFFF00" TEXT="#FF0000">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Demikianlah sekilas fungsi tag BODY. Sekarang bukalah kembali source code alias kode-kode HTML. Masih ingat, kan caranya? (Klik menu View lalu Source). Tambahkanlah tag-tag berikut ini:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Di sini terlihat bahwa kita menambah tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:
<HTML>
<HEAD>
<TITLE>Karya Pertamaku</TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: Karya Pertamaku. Alhamdulillah, selesailah latihan pertama kita.
MENGUTAK-ATIK HURUF
Dalam latihan kedua ini, kita akan mempelajari beberapa tag yang relatif mudah diingat. Tag-tag ini berfungsi untuk mengubah tipe huruf yaitu menebalkan (bold), membuat tulisan miring (italic) atau memberi garis bawah (underline). Buka lagi program Notepad kemudian tuliskan seperti berikut ini:
<HTML>
<HEAD>
<TITLE>Tipe-tipe Teks</TILE>
</HEAD>
<BODY>

Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miring dan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.
</BODY>
</HTML>

Simpanlah file tersebut. Jangan lupa mengikuti langkah-langkah cara menyimpan file HTML yang sudah kita pelajari dalam latihan pertama dahulu. Setelah file tersimpan, bukalah file tersebut dengan program Internet Explorer. Perhatikanlah bahwa semua tulisan dalam dokumen tersebut masih seragam. Kini, kita akan melakukan sedikit perubahan pada beberapa kata dan kalimat yang ada di situ sehingga menjadi seperti ini:
Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miringdan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.

Bagaimana caranya? Bukalah source code dari dokumen tadi (tekan F5), kemudian tambahkan tag-tag berikut. Tag-tag tersebut adalah <B> untuk menebalkan (bold) tulisan, <I> untuk memiringkan (italic) tulisan dan <U> untuk menggaris-bawahi (underline) tulisan:
<HTML>
<HEAD>
<TITLE>Tipe-tipe Teks</TITLE>
</HEAD>
<BODY>
Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan <B>tebal</B>, tulisan <I>miring</I> dan tulisan <U>bergaris bawah</U>. Bisa pula dua tipe huruf dipadukan misalnya tulisan <B><I>tebal dan miring</B></I>, tulisan <B><U>tebal dan bergaris bawah</B></U> atau tulisan <I><U>miring dan bergaris bawah</I></U>. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan <B><I><U>tebal, miring dan bergaris bawah</B></I></U>.
</BODY>
</HTML>

Setelah anda menambahkan semua tag-tag tersebut, simpan (Save) file source code itu kemudian lakukan Refresh pada dokumen web yang tampak pada program browser anda. Lihatlah hasil perubahannya! Andaikata ada yang tidak beres, coba perhatikan baik-baik penulisan tag-tag anda, mulai dari tag pembuka <HTML> hingga </HTML> jangan sampai ada yang salah tulis meskipun satu karakter. Misalnya: bila tag </TITLE> anda tulis </TILE> maka browser tidak akan menampilkan tulisan apa-apa dalam dokumen anda. Kalau tidak percaya, cobalah menulis source code yang salah seperti itu, simpan (save) kemudian refresh dokumen anda dan lihatlah hasilnya!
Untuk lebih mempermantap keterampilan yang anda dapatkan dari latihan kedua ini, ada baiknya anda mencoba membuat dokumen HTML berikut ini. Buatlah dokumen dengan judul (titel): Pemantapan Tipe-tipe Teks, yang isinya adalah tulisan seperti berikut:
Karena file-file HTML sebenarnya adalah file-file ASCII biasa, maka anda dapat menggunakan editor-editor teks sederhana seperti WordStar (WS), Notepad, MS Write, dan lain-lain. Editor-editor teks tersebut dapat membimbing anda mempelajari kode-kode HTML secara luar dalam. Akan tetapi mungkin anda sedikit frustrasi karena harus mengetik semua kode HTML baris per baris yang dalam perkembangannya akan menjadi sangat rumit. Meski demikian, menggunakan teks editor untuk membuat halaman web adalah cara terbaik untuk benar-benar mengerti tentang struktur file HTML.

Arsitektur Website

Arsitektur Website adalah suatu pendekatan terhadap desain dan perencanaan situs yang, seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar pada pengguna dan kebutuhan pengguna. Hal ini memerlukan perhatian khusus pada konten web, rencana bisnis, kegunaan, desain interaksi, informasi dan desain arsitektur web. Untuk optimasi mesin pencari yang efektif perlu memiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide Web.
Sejak web perencanaan isi, desain dan manajemen datang dalam lingkup metode desain, Vitruvian tradisional tujuan komoditas, keteguhan dan kesenangan dapat memandu arsitektur situs, seperti yang mereka lakukan arsitektur fisik dan disiplin desain lainnya. Website arsitektur akan datang dalam ruang lingkup estetika dan teori kritis dan kecenderungan ini dapat mempercepat dengan munculnya web semantik dan web 2.0. Kedua ide menekankan aspek struktur informasi. Strukturalisme adalah sebuah pendekatan untuk pengetahuan yang telah dipengaruhi sejumlah disiplin akademis termasuk estetika, teori kritis dan postmodernisme. Web 2.0, karena melibatkan user-generated content, mengarahkan perhatian arsitek website untuk aspek-aspek struktur informasi.
“Website arsitektur” memiliki potensi untuk menjadi istilah yang digunakan untuk disiplin intelektual mengatur konten website. ”Web desain”, dengan cara kontras, menggambarkan tugas-tugas praktis, bagian-bagian-grafis dan teknis, dari merancang dan menerbitkan sebuah situs web. Perbedaan tersebut dibandingkan dengan yang antara tugas mengedit sebuah koran atau majalah dan desain grafis dan pencetakan. Tetapi hubungan antara editorial dan kegiatan produksi adalah lebih dekat untuk publikasi web daripada untuk penerbitan cetak.
Ada tiga standar utama untuk penerapan web services. Standar-standar ini mendukung pertukaran data berbasis XML. Tiga standar tersebut meliputi SOAP, WSDL, dan UDDI. Berikut bakal tak jelaskan secara singkat mengenai standar tersebut. SOAP ( Simple Object Access Protocol )
Protokol ini mendukung proses pengkodean data (biasanya XML) dan transfernya melalui HTTP (Hyper Text Transfer Language). Dalam konteks web services, SOAP adalah suatu bahasa versi bebas dari protokol RPC (Remote Procedure Caoll) yang berguna untuk proses transaksi melalui HTTP standar. SOAP membuat klien web service dapat memilih beberapa parameter mengenai permintaannya dan memberikannya kpd si penyedia. Ketika penyedia menganggapi permintaan tersebut, maka terjadilah web services.
WSDL ( Web Services Description Language ) Merupakan bahasa berbasis XML yang menjelaskan fungsi-fungsi dalam web services. WSDL menyediakan cara untuk memanfaatkan kapabilitas web services. WSDL memberi tahu mesin lain bagaimana memformat/ menterjemahkan permintaan yang diterima berikut respon mereka agar proses web service bisa berjalan. Singkatnya, WSDL adalah bahasa yang memungkinkan berbagai dokumen yang dibuat dalam aplikasi yang berbeda dapat berkomunikasi.
UDDI (Universal Description Discovery and Integration ) Adalah semacam direktori global untuk mengelola web services. Fungsinya mirip dengan Yellow Pages untuk versi web services. UDDI berisi informasi tentang penawaran atau layanan apa yang ditawarkan perusahaan berikut dengan detil teknis bagaimana cara mengaksesnya. Inforamsi tersebut ditulis dalam bentuk file-file WSDL.
Struktur website merupakan kerangka dimana halaman-halaman website disusun dan dihubungkan satu dengan yang lainnya.
Sebelum melangkah lebih lanjut, di bagian Menentukan Topik Website disebutkan apabila topik yang dipilih terlalu panjang untuk dibahas dalam satu halaman website, maka topik tersebut harus dipecah menjadi beberapa subtopik. Sekarang Anda harus merencanakan berapa jumlah halaman yang akan Anda gunakan, subtopik yang berkaitan erat bisa digabung menjadi satu halaman. Subtopik yang panjang sebaiknya menggunakan satu halaman tersendiri.
Kembali ke pembicaraan mengenai struktur website, website yang tertata dengan baik adalah website yang membuat pengunjung merasa mudah mencari apa yang mereka cari. Semakin mudah digunakan, semakin lama pengunjung berada di website tersebut, dan semakin besar kemungkinan mereka akan melihatnya lagi. Struktur website yang baik juga akan membuat pemiliknya mudah mengembangkannya.
Hal lain yang harus Anda ingat adalah setiap halaman website hendaknya tidak lebih dari 2 (dua) level kedalaman atau 2 (dua) kali klik dari halaman depan (home). Bila tidak, spider tidak akan membuat indeks semua halaman website.
Struktur Website
Halaman depan (home page) website harus memiliki tautan ke halaman-halaman utama, baik melalui isi halaman depan maupun melalui menu website. Masing-masing halaman utama juga harus memiliki tautan ke subhalaman. Satu halaman utama bisa terhubung ke lebih dari satu subhalaman. Sebaliknya setiap subhalaman juga harus memiliki tautan untuk kembali ke halaman utama dan setiap halaman utama harus memiliki tautan untuk kembali ke halaman depan. Spider atau web crawler hanya bisa mengikuti tautan dari satu halaman ke halaman yang lain dan dari satu website ke website yang lain. Oleh karena itu semakin banyak tautan dari website lain yang mengarah ke website Anda maka website Anda akan semakin dikenal oleh mesin pencari.
Selanjutnya, setiap halaman baik itu halaman depan, halaman utama dan subhalaman harus menggunakan kata kunci yang telah Anda pilih (lihat langkah Memilih Kata Kunci). Halaman depan dan halaman-halaman utama harus menggunakan kata-kata kunci yang paling banyak dicari. Apabila pada mesin pencari pengunjung mengetikkan kata kunci yang sama dengan yang Anda pakai, maka website Anda akan muncul pada hasil pencarian. Tentunya website Anda harus bersaing dengan website-website yang lain. Supaya website Anda bisa muncul di halaman pertama dan di peringkat pertama, gunakanlah teknik Optimisasi Mesin Pencari (Search Engine Optimization), kita akan membahasnya setelah ini. Gunakan kata-kata kunci sebagai tautan yang menunjuk dari satu halaman ke halaman yang lain. Hal ini berguna untuk memberitahu mesin pencari mana halaman yang penting.
Struktur 3 (tiga) lapisan ini menghasilkan sebuah website yang mudah ditelusuri bagi pengunjung dan spider. Selain mengikuti tautan-tautan untuk menemukan website, Anda juga bisa memberikan alamat website Anda kepada spider. Misalnya melalui Googlebot, spidernya Google. Cukup ketikkan alamat website Anda, kemudian spider atau web crawler akan menelusuri semua halaman website dan membuat indeksnya. Sekarang, mari kita bahas halaman-halaman yang ada pada sebuah website.
  1. Halaman Depan (Home Page)
Setiap website memiliki halaman depan. Pada umumnya, halaman depan merupakan halaman pertama yang dilihat oleh pengunjung dan juga merupakan halaman yang paling penting dalam mendapatkan urutan pencarian yang tinggi dari mesin pencari, karena mesin pencari memberikan lebih banyak bobot kepada halaman depan darimana halaman lainnya. Halaman depan harus memberikan informasi yang jelas dan singkat kepada pengunjung mengenai apa website Anda, produk dan/atau jasa apa yang tersedia. Halaman depan harus memiliki tautan ke semua halaman website dan setiap halaman harus memiliki tautan untuk kembali ke halaman depan.
  1. Halaman Produk/Jasa
Bagian utama dari website berisi penawaran produk dan/atau jasa. Ada website yang hanya menawarkan produk seperti peralatan elektronik, pakaian, buku, perhiasan, kaset/CD/DVD; ada juga website yang hanya menawarkan servis atau jasa misalnya jasa merancang website, jasa konsultasi, jasa pelatihan; dan ada website yang menawarkan produk dan jasa sekaligus misalnya produk bangunan dan jasa perancangan bangunan. Ada website yang hanya menawarkan 1 (satu) produk atau jasa, namun ada juga yang menawarkan banyak produk dan/atau jasa. Apapun kategori website Anda, yang penting Anda harus menggambarkan secara singkat dan tepat apa yang Anda tawarkan, bantu pengunjung untuk menentukan pilihan dan melakukan transaksi dengan cara yang semudah mungkin. Jumlah halaman produk/jasa hendaknya disesuaikan dengan jumlah produk/jasa yang ditawarkan. Apabila jumlah produk/jasa yang ditawarkan banyak, maka halaman utama produk/jasa bisa berisi ringkasan dari keseluruhan produk/jasa kemudian Anda buat lagi beberapa subhalaman yang berisi detil dari masing-masing produk/jasa. Ingat, halaman-halaman tersebut harus memiliki tautan yang saling menghubungkan satu sama lain.
  1. Halaman Informasi
    • Profil: berisi sejarah mengenai bisnis atau perusahaan, visi dan misi, siapa saja pengurus inti website atau perusahaan, dan hal-hal penting lainnya mengenai bisnis atau perusahaan.
    • FAQ (Frequently Asked Question): berisi pertanyaan-pertayaan umum mengenai produk, jasa, maupun perusahaan.
    • Testimoni: berisi kesaksian pelanggan mengenai penggunaan produk dan/atau jasa yang ditawarkan. Halaman ini digunakan untuk membangun reputasi.
    • Surat kabar elektronik: berisi berita-berita mengenai produk dan/atau jasa baru, tips-tips, promo-promo yang diadakan, serta pengumuman-pengumuman lain yang mau disampaikan kepada pelanggan.
Halaman informasi merupakan halaman-halaman yang memberikan informasi kepada pengunjung selain informasi mengenai produk atau jasa. Halaman ini digunakan untuk membangun hubungan atau komunikasi sekaligus kepercayaan antara pengunjung dengan pemilik website. Selain berisi informasi mengenai profil pemilik website, biasanya halaman ini juga menawarkan materi yang diperbaharui secara teratur agar pengunjung tidak merasa bosan berulang-ulang kali mengunjungi suatu website. Berikut ini adalah hal-hal yang bisa Anda masukkan pada bagian halaman informasi:
  1. Halaman Keanggotaan
Halaman keanggotaan merupakan bagian yang penting sekali untuk pengembangan website di masa mendatang. Dengan mengetahui siapa saja pengunjung dan perkembangan jumlah pengunjung aktif Anda bisa menganalisa hal-hal yang perlu diperbaiki, memenuhi kebutuhan-kebutuhan pengunjung dengan lebih tepat, sehingga pada akhirnya website Anda bisa terus berkembang. Ada beberapa hal yang sangat penting apabila Anda hendak meminta data pribadi pengunjung website yaitu Anda harus bisa menjaga kerahasiaan data tersebut dan privasi pengunjung, mereka juga harus bisa menghentikan keanggotaannya kapan saja.
  1. Halaman Kontak
Halaman kontak berisi cara-cara untuk menghubungi pengurus website, bisa melalui email, telepon, fax, chatting, surat, ataupun dengan cara mengisi formulir pertanyaan atau komentar secara online. Hal ini akan memberikan rasa nyaman kepada pengunjung karena mereka bisa berhubungan dengan pemilik website, mengetahui alamat kantornya, berbicara dengan pengurus website baik untuk bertanya atau untuk menyampaikan keluhan.
Internet sudah menjadi hal yang sangat dekat bagi masyarakat ataupun penggunanya di jaman sekarang, namun apakah kalian mengetahui sejarah nya itu ??Mungkin, sebagian besar penggunanya tidak mengetahui sejarahnya. Saya ingin menjelaskan dan memberikan informasi mengenai Sejarah Website Di Dunia.
Sejarah Website bermula di European Laboratory for Particle Physics (nama lainnya adalah CERN), yaitu di kota Geneva antara perbatasan Perancis dan Swiss. CERN merupakan suatu organisasi yang didirikan oleh 18 negara di Eropa. Pada bulan Maret 1989, Tim Berners dan peneliti-peneliti CERN mengusulkan suatu protokol sistem distribusi informasi di Internet yang memungkinkan para anggotanya saling membagi informasi dan menampilkan informasi dalam bentuk grafik ataupun gambar.

Web Browser pertama dibuat dengan berbasiskan pada teks. Untuk menyatakan suatu link, dibuat sebarisan nomor yang mirip dengan suatu menu. Caranya cukup mudah pengguna atau user mengetikkan suatu nomor untuk melakukan navigasi di dalam Web. Namun waktu itu hanya bisa pada Sistem Operasi UNIX, dan Windows belum bisa menggunakannya.
Lalu munculnya browser Mosaic dari NCSA (National Center for Supercomputing Applications). Pada bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat Web browser untuk sistem X-Windows yang berbasiskan grafik dan yang mudah untuk digunakan. Dalam beberapa bulan, Mosaic menarik perhatian baik dari pemakai lama maupun pemakai baru di Internet. Kemudian NCSA mengembangkan versi-versi Mosaic untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.
Pada tahun 1994, Marc Andreesen keluar dari NCSA, kemudian bersama Jim Clark, salah satu pendiri dari Silicon Graphics, membuat Netscape versi pertama. Kehadiran Netscape ini menggantikan kepopuleran Mosaic sebagai Web browser dan bahkan sampai saat ini Netscape merupakan browser yang banyak digunakan setelah Internet Explorer dari Microsoft. Kemudian pada tahun yang sama CERN dan MIT mendirikan suatu konsorsium yang dinamakan World WIde Web Consortium (W3C) yang bertugas untuk membangun standar bagi teknologi Web. Browser masih berbasiskan teks hanya terdapat sekitar 50 website. Di akhir tahun 1995 jumlah ini telah berkembang mencapai sekitar 300.000 web site. Dan diperkirakan sekarang ini jumalh pemakai Web telah mencapat sekitar puluhan juta pemakai diseluruh dunia.


Sumber :  Internet ( Website dan blog)

Rabu, 08 Februari 2012

With All I Am - Hillsongs

Into your hand
I commit again
With all I am
For you Lord

You hold my world
In the palm of your hand
And I'm yours forever

CHORUS:
Jesus I believe in you
Jesus I belong to you
You're the reason that I live
The reason that I sing
with all I am

I'll walk with you
Wherever you go
Through tears and joy
I'll trust in you

And I will live
In all of your ways and
Your promises forever

BRIDGE:
I will worship I will worship you forever