WEBSITE, Otak Dunia Maya

KATA PENGANTAR

 

 

Puji syukur kami panjatkan ke hadirat ALLAH S.W.T. karena dengan pertolonganNya kami dapat menyelesaiakan karya tulis yang berjudul ‘Website,otak dunia maya’ . Meskipun banyak rintangan dan hambatan yang kami alami dalam proses pengerjaannya, akhirnya kami berhasil menyelesaikan karya ini dengan baik.

Tidak lupa kami mengucapkan terimakasih kepada guru pembimbing yang telah membantu kami dalam mengerjakan karya tulis ini. Kami juga mengucapkan terimakasih kepada teman-teman yang juga sudah memberi kontribusi baik langsung maupun tidak langsung dalam pembuatan karya tulis ini.

Tentunya ada hal-hal yang ingin kami berikan kepada masyarakat dari hasil karya tulis ini. Karena itu kami berharap semoga karya tulis ini dapat menjadi sesuatu yang berguna bagi kita bersama.

Pada bagian akhir, kami akan mengulas tentang berbagai masukan dan pendapat dari orang-orang yang ahli di bidangnya, karena itu kami harapkan hal ini juga dapat berguna bagi kita bersama.

Semoga karya tulis yang kami buat ini dapat membuat kita mencapai kehidupan yang lebih baik lagi.

 

 

 

Tim Penyusun

Latar Belakang

Dewasa ini, internet merupakan salah satu kecanggihan teknologi yang cukup terkenaldi lingkungan masyarakat. Salah satu hal yang bisa dilakukan dengan menggunakan internet adalah membuat website sendiri.

Apa itu website?

Website adalah informasi-informasi yang disediakan oleh internet yang bisa dengan mudah diakses, dilihat, dan diketahui oleh orang-orang di seluruh belahan bumi.Website sendiri pada masa sekarang ini bukanlah sesuatu yang langka.Sebagian besar orang sudah familiar dengan apa itu website.Sebagian atau mungkin lebih dari mereka malah mempunyai website untuk keperluan bisnis. Banyak perusahaan yang mulai memiliki website sebagaiupaya untuk promosi ke publik.

Dan ternyata sekarang tidak hanya perusahaan saja yang harus memiliki website, bahkan perusahaan perseorangan pun sudah mulai memiliki website dengan membuat website sendiri.Pada dasarnya kita bisa memiliki website dengan dua cara, yaitu: membeliwebsite dan membuat website sendiri. Untuk cara yang pertama tentu saja kita harus merogoh kantong yang dalam karena membeli website dengan menggunakan jasa pihak luar tergolong mahal.

Sedangkan membuat website sendiri walau terdengar masih belum familiar namun ternyata biayanya lebih murah dibandingkan dengan menggunakan jasa pihak luar.Walaupun membuat website sendiri mungkin terlihat lebih rumit dibandingkan bila menyuruh orang lain untuk membuatkannya. Namun,bagaimanapun juga ternyata membuat website sendiri memiliki banyak manfaat dan keuntungan.

Keuntungan dan manfaat yang beragam tersebut yang membuat pemilik perusahaan perseorangan memilih untuk membuat website sendiri.Seperti yang tadi sudah dijelaskan bahwa membuat website sendiri banyak memiliki keuntungan yang tidak akan didapat bila dengan menggunakan jasa pihak luar.

* Pertama, tentu saja membuat website sendiri biayanya lebih murah dibandingkan dengan membeli website dari luar. Kita bisa memodifikasi sesuai kehendak kita tanpa harus merasa tidak enak.Asalkan kita bisa cara membuat website sendiri maka membuat website. sendiri bisa dibilang lebih murah dibandingkan dengan dibuatkan orang lain.

Inilah salah satu keuntungan membuat website sendiri disamping juga masih banyak keuntungan-keuntungan lainnya yang akan didapat dengan membuat website sendiri.

* Kedua, membuat website sendiri akan memberikan keuntungan tersendiri yaitu menghasilkan penghasilan tambahan. Penghasilan tambahan dapat diperoleh melalui iklan yang terpasang di website tersebut.

Setiap kali ada pengunjung yang tertarik dengan iklan tersebut dan meng-klik, maka pemilik website tersebut akan mendapatkan keuntungan.Dinilai dari segi pendapatan dan keuntungan yang akan diperoleh, membuat website sendiri akan dinilai lebih banyak memberikan keuntungan finansial.

* Ketiga, membuat website sendiri akan memberikan keuntungan yang tidak bisa dinilai dengan uang buat pemilik website tersebut. Dengan membuat website sendiri, maka pemilik akan mengetahu trik-trik serta langkah-langkah yang akan ditempuh bila membuat website tanpa bantuan pihak luar atau membuat website sendiri.

Dengan begitu bila pemilik website sudah ahli untuk membuat website sendiri, maka dia juga bisa membuka usaha dalam hal jasa pembuatan website dan tentu saja hal tersebut bisa menguntungkan pemilik website tersebut.

* Keempat, membuat website sendiri akan lebih fleksibel dibandingkan dengan membeli website dari orang lain. Dengan membuat website sendiri, kita bisa menentukan kapan waktu mulai dan kapan waktu selesai.

Kalaupun proses membuat website sendiri tersebut ternyata memakan waktu yang lama, anggap saja hal tersebut seperti kuliah atau belajar.Sehingga pemilik pada akhirnya nanti akan mendapatkan ilmu-ilmu tentang. cara membuat website sendiri dan hal tersebut tentunya sangat menguntungkan pemilik.

Bila pemilik memutuskan tidak membuat website sendiri selain memang lebih praktis namun ada hal-hal lain yang tidak bisa dinilai dan hal itu termasuk merugikan.Hal tersebut adalah nilai belajarnya dan juga masalah waktu yang tidak fleksibel. Oleh sebab itu dari sisi ini, membuat website sendiri tentunya memiliki banyak manfaat.

Tujuan Membuat Website

Dalam membuat sebuah website ada beberapa hal yang perlu Anda persiapkan sebelum Anda memulainya. Pertama, Anda bisa mengajukan sebuah pertanyaan kepada diri Anda sendiri yaitu “Apa tujuan Saya membuat website?” dengan menjawab pertanyaan tersebut dapat mengarahkan pikiran Anda untuk menentukan dan menjawab pertanyaan selanjutnya yaitu, “Website seperti apa yang akan saya buat untuk mencapai tujuan tersebut dan bagaimana cara membuat websitenya.”

Mengapa dimulai dengan mengajukan pertanyaan tersebut? Karena diharapkan nantinya website yang kita buat sesuai dengan yang kita inginkan dan bisa membawa kita mencapai tujuan yang kita inginkan dalam membuat website. Jangan sampai website sudah selesai Anda buat tetapi website yang Anda buat tidak sesuai dan tidak bisa menjadi media atau sarana untuk mencapai tujuan Anda.

Perlu Anda ketahui, jenis website itu bermacam-macam, ada yang hanya satu halaman sederhana saja, ada yang memuat beberapa halaman seperti website perusahaan, ada yangmenggunakan sistem blog dan sering disebut juga blog atau weblog (website blog), ada yangmenggunakan sistem CMS (Content Management System) seperti joomla, ada yang berupa forum diskusi, ada yang berupa website iklan baris, ada yang berupa website toko online dan ada yang lebih kompleks lagi seperti website komunitas friendster.

Anda perlu memulainya dengan menjawab pertanyaan-pertanyaan tersebut sebelum Anda membuat website. Sehingga nanti Anda bisa memutuskan website seperti apa yang paling cocok dan sesuai untuk mencapai tujuan Anda. Karena masing-masing jenis website yang saya sampaikan diatas memiliki fungsi yang berbeda-beda.

Contoh bila Anda ingin menjual berbagai macam produk, Anda membuat website toko online; bila Anda ingin menjual satu jenis produk saja bisa dengan satu halaman sederhana saja atau lengkap dengan menggunakan sistem pemesanannya; bila Anda ingin membuat website portal Anda bias menggunakan Joomla; bila Anda ingin membangun branding dan mempublikasikan artikel bisa menggunakan blog; dan lain-lainnya. Jadi, bisa saya rangkumkan 3 pertanyaan tersebut yaitu: Apa tujuan Saya membuat website?Website seperti apa yang akan saya buat untuk mencapai tujuan tersebut?Bagaimana cara membuat website tersebut?

Setelah Anda memilih jenis website, bisa Anda pelajari dan telururi, apakah ada software website yang tersedia untuk membuat jenis website tersebut. Saat ini banyak software website yang sudah jadi, dan tinggal Anda gunakan. Anda tidak perlu membuatnya dari dasar (awal) dan tidak perlu paham mengenai programming. Anda tinggal menginstalnya dan memasukkan data-data untuk website Anda. Tentunya Anda harus mengikuti lisensi penggunaan software website tersebut, karena ada yangmenjualnya dan ada juga yang menyediakannya secara open source yang bisa digunakan secara gratis dengan syarat tertentu. Syarat penggunaan pada umumnya yaitu Anda diharuskan tetap mencantumkan link ke official website pembuat software tersebut. Dan pada tahap pertama ini, Anda harus sudah menentukan tujuan Anda dalam website dan website seperti apa yang Anda inginkan.

Ada beberapa tujuan dari pembuatan Website diantaranya :

Sarana presentasi Profil Perusahaan yang bisa diakses di seluruh Indonesia dan dunia.

Sarana promosi produk dan Jasa. Media Komunikasi antar individu dan saling bertukar informasi misalnya jejaring

sosial. Media expresi pribadi maupun kelompok. Menyediakan sarana penyebar Ilmu Pengetahuan. Tempat untuk belajar baik dengan interaktif langsung maupun Forum

Sarana berbagi file baik berupa program maupun data. Sebagai alat transaksi Online sehingga memudahkan melakukan transaksi dimana

saja dan kapan saja.

Pengertian website atau situs

Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang

digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara,

ataupun gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang

membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan

dengan jaringan-jaringan halaman (hyperlink). kumpulan dari halaman-halaman situs, yang

biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di

dalam World Wide Web(WWW) di Internet". Dan  Sebuah halaman web adalah dokumen

yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa

diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari

server website untuk ditampilkan kepada para pemakai melalui web browser. Semua

publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang

sangat besar. Pada web sering kita dengar istilah URL yang berfungsi untuk mengatur

halaman-halaman situs untuk menjadi sebuah hirarki.Beberapa website membutuhkan

subskripsi (data masukan) agar para user bisa mengakses sebagian atau keseluruhan isi

website tersebut. Contohnya, ada beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang

membutuhkan subkripsi agar kita bisa mengakses situs tersebut.

Sejarah Website

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.

Web merupakan sebuah database jaringan komputer diseluruh dunia yang menggunakan sebuah arsitektur pengambilan informasi yang umum. Secara konsep web merupakan sebuah client atau server manajemen database. Web berkembang dari ide dan konsep yang dicetuskan oleh Tim Berners-Lee, seorang peneliti pada CERN Particle Physics Lab di Jenewa, Swiss.

Pada tahun 1989 Berners-Lee merumuskan suatu proposal tentang sebuah system hypertext yang memiliki tiga komponen sebagai berikut:

Antarmuka yang konsisten untuk semua platform. Antarmuka ini harus menyediakan akses yang dapat digunakan oleh berbagai jenis komputer.

Akses informasi yang universal. Setiap pengguna harus dapat mengakses setiap informasi yang tersedia.

Antarmuka yang menyediakan akses terhadap berbagai jenis dokumen dan protokol.

Dokumen web harus ditulis dalam suatu format khusus yang memungkinkan hypertext saling terjalin untuk bekerja. Format ini adalah Hypertext Markup Language (HTML). HTML merupakan bagian dari Stpenggunard Generalized Markup Language (SGML). SGML merupakan stpenggunar dari International Stpenggunard Organization (ISO), untuk mendefinisikan format pada dokumen teks.

Macam-macam situs web

Sebuah Website statik, adalah salah satu bentuk website yang isi didalam website tersebut tidak dimaksudkan untuk di update secara berkala, dan biasanya di maintain secara manual oleh beberapa orang yang menggunakan software editor.

Ada 3 tipe kategori software editor yang biasa dipakai untuk tujuan maintaining ini, mereka adalah :

1. Elemen 1 Penyunting teks.

Contohnya adalah Notepad atau TextEdit, dimana HTML diubah didalam program editor tersebut.

2. Elemen 2 WYSIWYG editor.

Contohnya Microsoft Frontpage dan Macromedia Dreamweaver, dimana situs di edit menggunakan GUI (Graphical User Interface) dan format HTML ini secara otomatis di generate oleh editor ini.

3. Elemen 3 Editor yang sudah memiliki template.

Contohnya Rapidweaver dan iWeb, dimana, editor ini membolehkan user untuk membuat dan mengupdate websitenya langsung ke server web secara cepat, tanpa harus mengetahui apapun tentang HTML. Mereka dapat memilih templat yang sesuai dengan keinginan mereka, menambah gambar atau obyek, mengisinya dengan tulisan, dan dengan sekejap mereka sudah dapat membuat situs web tanpa harus melihat sama sekali kode-kode HTML.

Unsur-unsur website atau situs

Untuk menyediakan keberadaan sebuah website, maka harus tersedia unsur-unsur penunjangnya, adalah sebagai berikut:

1. Nama domain (Domain name/URL – Uniform Resource Locator)

Pengertian 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, http://www.detik.comNama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan. 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 nama domain website perusahaan), ac.id (nama domain website pendidikan), go.id (nama domain website instansi pemerintah), or.id (nama domain website organisasi).

2. Rumah tempat website (Web hosting) Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar 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. 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 Negri.

3. Bahasa Program (Scripts Program) Yaitu 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 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.

Membuat Website

Saat ini banyak sekali perusahaan di indonesia maupun di luar negeri yang bergerak di bidang jasa pendaftaran domain dan penyediaan paket web hosting. Dengan tingkat persaingan yang ketat saat ini,sampai-sampai ada beberapa perusahaan domain dan hosting yang memberikan layanannya secara gratis dan Anda dapat memanfaat hal tersebut untuk membuat website Anda dengan biaya hampir nol, sebab biaya normal untuk pembelian domain kira-kiraRp.80.000,- per tahun dan untuk web hosting kira-kira Rp. 360.000,- pertahun untukpaket pemula. Bila Anda membuat website untuk kepentingan personal atau bisnis kecil,Anda bisa mengambil domain dan web hosting gratis dan bila Anda membuat websiteuntuk kepentingan bisnis besar, tentunya sebaiknya Anda menggunakan domain dan web hosting yang berbayar, hal ini dikarenakan dengan kebutuhan spesifikasi web hostingyang diberikan untuk menunjang kebutuhan website Anda. Dan setelah Andamempersiapkan domain dan hosting, langkah selanjutnya Anda baru membuat website.

Website Anda tersebut dapat Anda buat dengan menggunakan website builder yangdisediakan oleh perusahaan tempat Anda membeli web hosting atau bisa jugamenggunakan fasilitas fantastico pada cpanel web hosting untuk menginstall softwareseperti blog wordpress, CMS, forum phpbb dan lain-lainnya, dan selain itu Anda jugabisa membuat website sendiri baik melalui template atau membuatnya dari dasar denganmenggunakan software seperti FrontPage, Dreamweaver atau software lainnya. Adabanyak cara, dan pada tutorial yang saya tuliskan kali ini, Anda dapat mempelajarimembuat website dengan website builder yang disediakan oleh penyedia web hostingdan juga menggunakan domain dan web hosting yang gratis. Silahkan Anda mencobanya,dengan mencobanya Anda akan belajar banyak.

Langkah-Langkah Mendaftar Domain Gratis

1. Silahkan kunjungi http://www.pemasarinternet.com/go/domaingratis

2. Selanjutnya ketikkan nama domain yang Anda inginkan.

3. Bila nama domain masih tersedia, klik ”Continue to registration”.

4. Kemudian buat account baru, klik ”Create an account now”. Dan bila Anda sudahpernah membuat account sebelumnya, Anda tinggal ”sign in” memasukkan username(email) dan password yang pernah Anda buat sebelumnya. Catatan: 1 account Anda bisamemiliki sampai 3 nama domain .co.cc.

5. Kemudian isi data diri Anda dengan lengkap dan benar, data” organization name” bisaAnda kosongkan.

6. Proses pendaftaran domain sudah berhasil selanjutnya klik ”Set up”.

7. Kemudian Anda perlu memasukkan data Name Server yang disediakan oleh Web HostingAnda. Anda biarkan dahulu halaman website ini, jangan Anda tutup dan ikuti langkahselanjutnya untuk mendaftar web hosting gratis.

Langkah-Langkah Mendaftar Web Hosting Gratis

1. Buka halaman baru pada browser Firefox atau Internet Explorer Anda dan ketikkanalamat website: http://www.pemasarinternet.com/go/hostinggratis

2. Kemudian Klik tombol ”Sign Up” untuk memulainnya.

3. Anda isikan nama domain yang Anda pilih sebelumnya contoh namadoman.co.cc, kemudianisikan data-data lainnya dengan lengkap dan benar.

4. Selanjutnya Anda perlu melakukan konfirmasi melalui email Anda, cek pada inbox maupunbulkmail account Email Anda.

5. Pada Email Anda klik Link Konfirmasi pembuatan account pada web hosting gratis tersebut.

6. Kemudian Klik “Setup My Account”.

7. Proses Setup web hosting sedang dilakukan, Anda biarkan sampai proses setup selesai.

8. Proses Setup Hosting sudah selesai, sebaiknya Anda catat data-data untuk mengakses memberarea dan account detail Anda, untuk mudahnya simpan saja halaman ini (File>Save Page as pada

browser Anda). Selanjutnya catat NameServer yang diberikan, dan masukkan data tersebut padaaccount domain Anda untuk mengupdate data DNS (Domain Name Server), Catat nameserversyang diberikan: dns1.000webhost.com dan dns2.000webhost.com.

9. Kembali ke halaman account domain Anda, masukkan data DNS (Domain Name Server) yangdiberikan oleh web hosting tersebut pada account domain Anda, kemudian klik ”Set up”.

10. Proses pendaftaran dan menghubungkan domain dan hosting gratis sudah selesai. Anda bisamenunggu sampai proses penyebaran DNS selesai, proses ini bisa cepat dan bisa lambat sampai

dengan 2x24jam. Bila proses penyebaran DNS sudah selesai Anda bisa mengeceknya denganmengetikkan nama domain Anda pada browser, dan bila proses penyebaran DNS sudah selesaimaka akan ditampilkan halaman seperti ini:

Selanjutnya Anda bisa menggunakan website Builder yang sudah disediakan oleh web hostingtersebut untuk membuat website Anda, atau menggunakan fasilitas fantastico (site software) ataumembuat website sendiri dari template atau membangun dari dasar menggunakan softwareFrontPage, Dreamweaver dan lain-lainnya.

Catatan:

- Anda bisa memiliki nama domain sampai dengan 3 buah nama domain .co.cc untuk 1 accountAnda, Anda bisa manfaatkan sebagai nama domain untuk nama domain blog Anda diblogger.com, account friendster Anda, account multiply Anda dan lain-lainnya. Sehingga Andaakan mendapatkan nama domain seperti namaanda.co.cc menjadi lebih simpel dan mudahdiingat. Prosesnya sama, Setelah mendaftarkan nama domain Anda, pada halaman managedomain, Anda hanya perlu memilih pilihan ke-3 URL Forwarding. (Pada tutorial ini Andamemilih pilihan ke-1 Manage DNS, karena Anda menggunakan layanan web hosting).

- Untuk web hosting gratis tersebut, Anda hanya bisa menggunakan 1 account web hosting untuk1 alamat email Anda.

Langkah-Langkah Membuat Website

Proses membuat website bisa dilakukan dengan berbagai macam cara, bisa menggunakanwebsite builder yang sudah disediakan oleh perusahaan web hosting, bisa menggunakan cpanelmelalui fasilitas fantastico (site software) atau bisa juga membuat website sendiri secara manualmelalui frontpage, dreamweaver atau software lainnya.Untuk mudahnya Anda bisamenggunakan Website Builder yang sudah disediakan oleh perusahaan web hosting.Langkah –langkah membuat website menggunakan website builder yaitu:

1. Buka pada browser Anda http://builder.000webhost.com

2. Pada Langkah pertama, Anda masukkan nama domain Anda contoh namadomain.co.cc danmasukkan juga username cpanel dan password cpanel Anda, dan klik ”Next -> Step 2”.

3. Pada Langkah kedua, Anda pilih template website yang Anda sukai dan klik pada Templateyang disukai kemudian klik ”Next -> step 3”.

4. Masukkan Data yang diperlukan untuk website Anda, bila sudah selesai Klik ” Go -> Installmy website!”.

5. Proses pembuatan website Anda sedang dilakukan, biarkan beberapa saat sampai prosesselesai.

6. Proses Pembuatan Website sudah selesai, Anda bisa melakukan preview website Anda danjuga mengakses admin area website anda. Untuk mengupdate website Anda, Anda bisamengakses admin area tersebut, sedangkan bila ingin mengedit account web hosting Anda, Andabisa mengakses pada halaman member web hosting tersebut dihttp://www.000webhost.com/members/

Contoh Tampilan Website Anda, (Anda dapat mengupdate isinya di Admin Area Anda):

Mengedit WEB dengan Dreamweaver

Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih praktis dibandingkan harus membuat kode html.

Ketika dokumen Adobe Photoshop (download: situs_bisnis.zip) tersimpan dalam bentuk web maka secara otomatis akan membuat tag html sendiri sehingga tidak perlu bersusah payah mengetik kode html. Anda dapat membuktikan sendiri seperti nampak pada gambar berikut.

1. Mengubah Objek menjadi Background

Tidak semua gambar (image) yang pada web yang telah kita buat diganti. Jika image tersebut berfungsi sebagai tombol, maka Anda dapat menambahkan menu pull down agar tampilan website lebih menarik. Anda juga dapat membuat tombol dalam bentuk mouse over, dan lain sebagainya.

Pada bagian ini, kita akan mencoba membahas tentang teknik penggantian objek gambar menjadi latar belakang (backgrdound) agar kita dapat memasukkan beberapa komponen di dalamnya (teks maupun grafik).

a) Pertama kali, bukalah file index.html menggunakan Macromedia Dreamweaver.

b) Setelah file terbuka, tentukan terlebih dahulu image mana saja yang akan di jadikan latar belakang dan bagian mana saja yang akan dijadikan sebagai tombol. Sebagai contoh, klik image di bagian bawah teks New Product.

c) Pada bagian Properties, tertulis Src = images/index_26.gif. Hal itu berarti kita tidak dapat memasukan teks di atas gambar tersebut karena objek tersebut adalah image, bukan merupakan background. Tekan Del untuk menghapusnya.

d) Klik pada Background URL of cell untuk memilih gambar yang akan dijadikan latar belakang (background). Oleh karena nama file yang baru saja dihapus adalah index_26.gif maka gunakan file tersebut sebagai latar belakang.

e) Ketikkan images/index_26.gif pada kolom Bg.

Lakukan hal yang sama pada bagian lain apabila ingin dijadikan sebagai latar belakang agar kita dapat memasukkan objek berupa teks, animasi, maupun gambar.

2. Memasukkan Objek

Objek yang dimaksud dapat berupa animasi, gambar, maupun teks. Dalam Macromedia Dreamweaver proses memasukkan objek sangat mudah karena sudah disediakan tool yang sangat lengkap. Anda tinggal memilih objek apa yang akan dimasukkan. Berikut ini akan membahas masalah teknik memasukkan objek berupa teks.

a) Letakkan kursor pada tempat yang akan ditambahkan teks.

b) Pada penel Properties, aturlah beberapa spesifikasi seperti nampak pada gambar berikut.

c) Ketikkan beberapa kalimat yang berisi berita, kemudian aturlah format teks tersebut seperti nampak pada gambar berikut.

d) Anda bisa memasukkan image di antara teks tersebut. Untuk melakukan hal itu, pertama kali letakkan kursor di awal paragraf kemudian pilih menu Insert > Image.

e) Pilih file gambar yang akan dimasukkan dalam dokumen tersebut.

f) Apabila berhasil memasukkan gambar, maka akan terlihat objek tersebut berada di depan paragraf. Namun posisinya masih kurang sempurna karena susunan teks terdorong oleh gambar tersebut.

g) Agar tampilan lebih rapi, Anda dapat mengatur posisi gambar sehingga seluruh teks akan berada di sebelah kanan gambar. Untuk melakukan hal tersebut, pada panel Properties pilih Left untuk Align.

Membuat link dan navigasi

Menu yang mudah digunakan (user friendly) dapat membantu pengguna ketika mencari informasi yang dibutuhkan. Sebaiknya menggunakan tombol menu yang umum, seperti: Home, Product, Service, dan Contact Us

Dalam Macromedia Dreamweaver, kita membuat Pop-up Menu, dan Jumping Menu secara mudah. Anda tidak bersusah payah menuliskan script yang panjang dalam bahasa Javascript karena telah disediakan tool yang sangat mudah dan fleksibel.

1. Membuat Pop-up Menu

Keunggulan software Macromedia Dreamweaver dibandingkan dengan aplikasi lain yang sejenis adalah adanya tool untuk membuat menu pop-up yang dibuat dengan bahasa Java. Bagi mereka yang masih awan dengan bahasa Java, tidak perlu bingung karena disediakan panel Behavior untuk mempermudah dalam pembuatan menu pop-up.

Sebelum membuat pop-up menu terlebih dulu harus menyiapkan nama file sebagai link. Sebagai contoh: ketika user memilih menu PC maka yang akan muncul adalah pilihan nama computer seperti Acer, HP, BenQ, dan lain sebagainya. Dan ketika user memilih salah satu opsi (missal: Acer) maka akan terhubung ke file tersebut.

Dengan demikian, Anda harus membuat beberapa file dengan bentuk interface yang sama seperti halaman utama, yaitu menyimpan dengan nama lain (contoh: Save As > acer.html). Diasumsikan, Anda telah memiliki beberapa file sebagai link yang dimaksud.

a) Pertama kali, klik menu PC.

b) Jika panel Behaviors belum muncul, aktifkan terlebih dulu dengan cara memilih menu Window > Behaviors.

c) Pada panel Behaviors (berada di sebelah kanan), klik tombol Add (tanda plus) untuk membuka menu.

d) Selanjutnya pilih Show Pop up Menu.

e) Setelah mengklik pilihan tersebut, maka akan muncul kotak dialog Show Pop-up Menu yang masih kosong.

f) Pada Tab Contents, masukkan nama menu pada kolom Text (misal: Acer).

g) Kemudian masukkan alamat URL pada kolom Link.

h) Selanjutnya pada kolom Target, pilih _parent.

i) Untuk membuat menu yang baru, klik tanda plus (+) di bagian atas. Kemudian lakukan hal sama seperti pada tahap 6.

j) Selanjutnya, klik Tab Appearance untuk mengatur warna teks dan latar belakang pop up menu. Tentukan jenis dan ukuran font yang digunakan. Lalu tentukan pula warna teks dan warna cell ketika mouse berada di atas teks.

k) Klik Tab Advanced untuk menentukan lebar, tinggi dan warna border kotak pop up menu.

l) Klik Tab Position untuk menentukan posisi pop up menu.

m) Setelah selesai klik OK. Untuk melihat hasilnya, klik tombol F12.

Untuk mengasah keterampilan Anda, buatlah pop-up menu pada tombol lain.

2. Membuat Rollover Image

Macromedia Dreamweaver selain menyediakan tool untuk membuat Pop up Menu juga menyediakan tool untuk membuat Rollover Image sebagai tombol. Yang harus Anda lakukan pertama kali adalah menyediakan dua buah gambar yang ukurannya sama tapi warnanya berbeda.

a) Buatlah duplikasi gambar tombol yang telah ada.

b) Kemudian editlah file hasil duplikasi tersebut menggunakan Adobe Photoshop. Pilih menu Image > Adjustment > Hue/Saturation.

c) Setelah muncul kotak dialog Hue/Saturation, aktifkan pilihan Colorize. Kemudian geser Slider Hue maupun Saturation sesuai kebutuhan. Setelah selesai klik OK, simpan dokumen tersebut dengan cara menekan Ctrl+S.

d) Sekarang kembali ke Macromedia Dreamweaver. Klik gambar About Us.

e) Hapuslah objek tersebut dengan cara menekan tombol Del. Selanjutnya pilih menu Insert > Image Objects > Rollover Image.

f) Setelah muncul kotak dialog Insert Rollover Image, berilah nama gambar pada kolom Image name kemudian tentukan gambar asli pada kolom Original Image. Untuk mempermudah pencarian file, klik tombol Browse. Tentukan pula file untuk gambar rollover pada kolom Rollover Image.

g) Masukkan teks alternat pada kolom Alt, lalu tentukan nama file sebagai link ketika tombol tersebut di klik.

h) Untuk melihat hasilnya, tekan tombol F12.

Manfaat Website

Meningkatkan citra profesionalisme bisnis. Website akan mewakili bisnis atau produk di pasar bisnis yang meningkatkan visibilitas, kredibilitas dan kepercayaan bisnis atau produk sebuah bisnis.

Menurunkan biaya operasional. Dengan menggunakan website dan email sebagai media komunikasi, anda bisa menurunkan biaya mencetak, biaya operasional membuat brosur promosi dan biaya sebar brosur serta biaya pengiriman dokumen atau surat.

Media promosi dan penjualan setiap saat. Website dapat beroperasi 24 jam dalam sehari dan 365 hari per tahun non-stop. Ini berarti seluruh informasi bisnis bisa diakses banyak orang setiap saat.

Menyajikan informasi lebih lengkap dan aktual. Website dapat memuat informasi jauh lebih lengkap dan aktual ketimbang media promosi lainnya.

Bersifat Global, meluas, aktual, dan murah. Melalui website, Anda dapat melakukan promosi penjualan ke penjuru Indonesia dan bahkan ke penjuru dunia.

Fungsi Website

Menampilkan segala informasi positif dan Promosi produk Media menyampaikan materi pendidikan dan inspirasi, motivasi serta ekspresi, media

dakwah, juga untuk menampilkan agenda organisasi. Membentuk Brand Image perusahaan dan instansi atau komunitas Memperluas target market serta mempercepat pelayanan dan informasi ke pelanggan

dan anggota Memudahkan interaksi dan akses informasi 24 jam dari seluruh dunia Mengangkat segala potensi kepada internasional

Spasi 1.5Kertas a4Margin 3/2.5/2.5/2.5Usahakan gambar hasil print screen sendiri …