Anda di halaman 1dari 34

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

Lata
r Belakang
Dewasa ini, internet merupakan salah satu kecanggihan teknologi yang cukup terkenal
di 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 sebagai
upaya 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: membeli
website 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 yang
menggunakan sistem blog dan sering disebut juga blog atau weblog (website blog), ada yang
menggunakan 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.com
Nama 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 perusahaanperusahaan 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 hosting
yang diberikan untuk menunjang kebutuhan website Anda. Dan setelah Anda
mempersiapkan domain dan hosting, langkah selanjutnya Anda baru membuat website.
Website Anda tersebut dapat Anda buat dengan menggunakan website builder yang
disediakan oleh perusahaan tempat Anda membeli web hosting atau bisa juga
menggunakan fasilitas fantastico pada cpanel web hosting untuk menginstall software
seperti blog wordpress, CMS, forum phpbb dan lain-lainnya, dan selain itu Anda juga
bisa membuat website sendiri baik melalui template atau membuatnya dari dasar dengan
menggunakan software seperti FrontPage, Dreamweaver atau software lainnya. Ada
banyak cara, dan pada tutorial yang saya tuliskan kali ini, Anda dapat mempelajari
membuat website dengan website builder yang disediakan oleh penyedia web hosting
dan 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 sudah
pernah membuat account sebelumnya, Anda tinggal sign in memasukkan username
(email) dan password yang pernah Anda buat sebelumnya. Catatan: 1 account Anda bisa
memiliki sampai 3 nama domain .co.cc.

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

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

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

Langkah-Langkah Mendaftar Web Hosting Gratis


1. Buka halaman baru pada browser Firefox atau Internet Explorer Anda dan ketikkan
alamat 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, kemudian
isikan data-data lainnya dengan lengkap dan benar.

4. Selanjutnya Anda perlu melakukan konfirmasi melalui email Anda, cek pada inbox maupun
bulkmail 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 member
area 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 pada
account domain Anda untuk mengupdate data DNS (Domain Name Server), Catat nameservers
yang diberikan: dns1.000webhost.com dan dns2.000webhost.com.

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

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

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

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

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

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

Langkah-Langkah Membuat Website


Proses membuat website bisa dilakukan dengan berbagai macam cara, bisa menggunakan
website builder yang sudah disediakan oleh perusahaan web hosting, bisa menggunakan cpanel
melalui fasilitas fantastico (site software) atau bisa juga membuat website sendiri secara manual
melalui frontpage, dreamweaver atau software lainnya.Untuk mudahnya Anda bisa
menggunakan 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 dan
masukkan 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 Template
yang disukai kemudian klik Next -> step 3.

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

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

6. Proses Pembuatan Website sudah selesai, Anda bisa melakukan preview website Anda dan
juga mengakses admin area website anda. Untuk mengupdate website Anda, Anda bisa
mengakses admin area tersebut, sedangkan bila ingin mengedit account web hosting Anda, Anda
bisa mengakses pada halaman member web hosting tersebut di
http://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.5
Kertas a4
Margin 3/2.5/2.5/2.5
Usahakan gambar hasil print screen sendiri

Anda mungkin juga menyukai