tutorial membuat website

download tutorial membuat website

of 34

  • date post

    13-Jan-2015
  • Category

    Business

  • view

    5.565
  • download

    1

Embed Size (px)

description

 

Transcript of tutorial membuat website

  • 1. E-Book TutorialPANDUAN BIKIN WEB GRATIS(Studi Kasus www.BikinWebGratis.co.cc) Oleh : Asnawi, ST. asnawist@gmail.comwww.asnawi.comDipublikasikan :www.BikinWebGratis.co.cc Ed. I - Januari Th. 2009

2. PERINGATANHak Cipta Dilindungi Undang-Undang- Anda BOLEH Menyebarkan E-Book Ini GRATIS dengan Cara Apapun Asal Tidak Melanggar Aturan- Dilarang Merubah/Menyalin Isi E-Book IniTanpa Seijin PenulisTerima Kasih, Asnawi, ST. PenulisHalaman 2 - Tutorial Bikin Website Gratis dari www.BikinWebGratis.co.cc 3. Sepatah Kata dari PenulisAssalamu alaikum Wr. Wb. dan Salam Kasih bagi kita semuaAlhamdulillah senantiasa terucap di bibir ini atas berkat Rahmat dan Petunjuk-Nya sehingga tutorial ini bisa saya hadirkan ke hadapan anda. Begitu banyakhambatan yang senantiasa menghalangi saya, namun dengan tekad dansemangat yang tak pernah pudar untuk menyelesaikan pembuatan e-book ini,sehingga hari ini bisa sampai ke tangan anda para pembaca sekalian.Tak lupa, perkenankan saya mengucapkan banyak terima kasih yang takterhingga kepada kedua orang tuaku, H. M. Amin Latif dan Hj. St. Masati, yangtak pernah berhenti mendoakan kebaikan untuk anaknya ini. Semoga merekaselalu dalam lindungan dan kasih sayang-Nya. Amin.Terima kasih tak terhingga pula saya haturkan kepada para guru, baik di dunianyata maupun di dunia maya, yang telah banyak membantu saya dalammemahami berbagai hal dan menambah pengetahuan saya sampai saat ini.Yang tak kalah pentingnya, ijinkan saya menyampaikan ucapan terima kasihkepada anda para pembaca sekalian atas kesediaan anda mendownloaddan membaca e-book tutorial yang saya beri judul Tutorial Bikin Web Gratisini. E-book ini tidak ada artinya sama sekali tanpa anda.Akhirnya, semoga e-book ini bermanfaat bagi anda terutama buat diri pribadipenulis.Makassar, 20 Desember 2008Penulis,Asnawi, ST.Contact:HP. 081524164371e-mail : asnawist@gmail.comblog : www.asnawi.comPemilik Situs :www.IklanMakassar.comwww.KhususPemula.comwww.PemasarGlobal.comwww.BukuGratis.co.ccwww.DollarsGratis.co.ccwww.BikinWebGratis.co.cc Halaman 3 - Tutorial Bikin Website Gratis dari www.BikinWebGratis.co.cc 4. Kata PengantarTahukah anda syarat MUTLAK yang harus dimiliki untuk memenangkanpersaingan di dunia maya? Jawabannya adalah anda harus mengetahui caramembuat website (situs) dan memiliki website itu sendiri.Semakin hari dunia internet semakin akrab dengan kehidupan masyarakat.Bahkan saat ini banyak perangkat sudah dikonvergensikan agar bisa terhubungdengan jaringan internet. Di masa yang akan datang internet akan menjadikebutuhan mendasar bagi setiap orang, sama seperti kebutuhan orang akansarana telekomunikasi saat ini.Bahkan diprediksikan bahwa bisnis masa depan sangat bergantung kepadajaringan internet, saat inipun sudah kelihatan. Berbagai kemudahan bisadidapatkan dari internet. Akses yang tidak terbatas 24 jam sehari, jangkauanyang luas ke seluruh dunia, dan kecepatan menjadi kekuatan yang hanya bisadiberikan oleh internet.Kelebihan internet ini juga dimanfaatkan oleh banyak pengguna internet untukmenghasilkan uang dari internet. Ini bukan rahasia umum lagi. Beberapa orangmuncul sebagai Milyarder karena internet. Sebutlah Jeff Bezos si pemilik tokobuku online Amazon.com sebagai salah satu multi jutawan yang berhasilmemanfaatkan kekuatan internet. Di Indonesia juga sudah muncul banyaknama, sebutlah misalnya Anne Ahira, Cosa Aranda, Joko Susilo, G.M. Susanto,Welly Mulia, Peter Kohar, Asnawi (narsis deh hehehe maaf yang ini belumtermasuk ).Saat ini ratusan bahkan ribuan situs-situs baru bermunculan setiap hari diinternet. Hal ini didukung oleh semakin banyaknya fasilitas penyediapembuatan situs baik gratis maupun berbayar. Juga semakin baiknyainfrastruktur internet karena kebijakan pemerintah yang cukup mendukung.Pernahkah anda membayangkan memiliki situs sendiri? Umumnya orangberpikiran bahwa untuk memiliki sebuah website membutuhkan biaya yangmahal, dan kalau membuatnya sendiri cukup rumit. Padahal, denganmemanfaatkan fasilitas dan tools gratis di internet, ternyata anda bisamembuat dan memiliki website professional dengan gratis.Nah, melalui e-book ini saya akan berusaha membimbing anda dari nolbagaimana membuat situs gratis dengan studi kasus situs saya sendiriwww.bikinwebgratis.co.cc. Anda tidak perlu beli domain, sewa hosting, danmembayar web desainer untuk membuatkan situs untuk anda.Halaman 4 - Tutorial Bikin Website Gratis dari www.BikinWebGratis.co.cc 5. Saya berusaha semaksimal mungkin agar anda dapat dengan mudahmemahami dan mempraktekkan langsung apa yang saya tulis di sini. Sayalengkapi langkah demi langkah dengan screenshot gambar.Namun, bila anda tetap menemui kesulitan dalam mengaplikasikan tutorial ini,maka jangan ragu silahkan kirim pertanyaan anda ke e-mail saya, sedapatmungkin akan saya jawab sesuai kemampuan dan pengalaman yang sayamiliki.Akhirnya, selamat belajar dan praktek Halaman 5 - Tutorial Bikin Website Gratis dari www.BikinWebGratis.co.cc 6. LANGKAH AWALSebagai langkah awal dalam membuat sebuah situs, anda harus menentukanterlebih dahulu hal-hal sebagai berikut:1. Situs jenis apa yang ingin anda buat: situs content atau minisite, pakai bahasa html atau php, menjual produk atau sekadar artikel, dll.2. Tema website anda : apakah berhubungan dengan teknologi, kesehatan, gaya hidup, dll.3. Target pengunjung yang diharapkan : dari dalam negeri atau luar negeri, laki-laki atau perempuan, pemula atau expert, tua atau muda, dll.4. Aktifitas pengunjung di situs anda : membeli atau menitip nama dan e-mail, mendownload, ikut polling/survey, pasang iklan, dll.5. Tujuan atau manfaat situs tersebut buat anda : membangun list, menjual produk, memajang artikel agar mudah ditemukan di search engine, dll.Untuk situs www.bikinwebgratis.co.cc saya rencanakan di awal sebagai berikut:1. Situs jenis minisite dengan tampilan desain minimalis dan menggunakan bahasa pemrograman html (statis).2. Tema website : situs download e-book tutorial3. Target pengunjung dari dalam negeri untuk semua umur dan jenis kelamin.4. Aktifitas pengunjung di situs : mengundang teman dan mendownload e- book5. Tujuan yang ingin dicapai : membangun list dan kredibilitas.Nah setelah anda mempunyai gambaran tentang situs anda seperti di atas,selanjutnya anda buat kerangka atau outline tentang situs yang akan andabuat. Anda bisa bikin outline ini di selembar kertas dengan menggunakan pensilatau pulpen. Cara yang biasa saya gunakan adalah seperti membuat baganalir (flowchart), menghubungkan antara satu halaman dengan halamanlainnya.Sebagai contoh saya merencanakan situs www.bikinwebgratis.co.cc inimenggunakan 5 (lima) halaman, maka saya membuat bagan alirnya sebagaiberikut: Halaman 6 - Tutorial Bikin Website Gratis dari www.BikinWebGratis.co.cc 7. HomeDownload Kontak Trims Respon IklanDengan adanya bagan alir ini akan sangat membantu untuk memvisualisasikanisi setiap halaman dan navigasi antara halaman-halaman web yang akandibuat. Di samping itu, bagan alir juga dapat mempermudah pemeliharaandan update (pembaharuan) isi atau content situs setiap saat apabiladibutuhkan.Selanjutnya agar situs anda bisa online dan diakses dari seluruh dunia makaanda membutuhkan:1. Lahan (hosting) untuk menyimpan file situs anda2. Nama (domain) untuk memanggil/menampilkan situs anda di browser internet.3. Desain tampilan dan content (isi) yang akan dilihat oleh pengunjungHalaman 7 - Tutorial Bikin Website Gratis dari www.BikinWebGratis.co.cc 8. TAHAP PERANCANGAN WEBSITESebelum merancang website, ada beberapa hal yang perlu anda lakukan : 1. Mengumpulkan atau membuat gambar (image) yang akan ditampilkandi web. 2. Mengumpulkan atau membuat materi/isi (content) web. 3. Merancang desain web atau mencari template gratis di internet. 4. Mencari script yang mendukung.Lalu anda siapkan juga program atau software yang akan membantu andamembuat dan mengedit website anda. Saya sendiri menggunakan : 1. Microsoft Frontpage 2003 untuk membuat dan mengedit halaman web. 2. Macromedia Fireworks dan Corel Photopaint untuk mengedit image(gambar). 3. True Box Shot untuk membuat cover e-book.Nah, sekarang saya ingin tunjukkan bagaimana cara saya mendapatkantemplate gratis yang cocok dengan website yang ingin saya rancang. Sepertiyang saya uraikan sebelumnya bahwa saya ingin membuat situs jenis minisite,untuk itu saya mencari situs yang menyediakan template minisite gratis diGoogle.Dari beberapa situs hasil pencarian google, akhirnya saya memilih salah satusitus penyedia template gratis yang memenuhi kriteria yang saya harapkan,yaitu www.minisitegallery.com. Situs ini menyediakan template minisite dengandesain professional dan bernilai jual tinggi tapi tetap diberikan gratis.Halaman 8 - Tutorial Bikin Website Gratis dari www.BikinWebGratis.co.cc 9. Pada saat e-book ini saya buat, jumlah template minisite gratis yang tersedia disitus tersebut adalah 15 buah. Saya memilih salah satu di antaranya, yaitutemplate dengan nama Aggressive Blue.A. Cara mendownload Template : 1. Buka www.minisitegallery.com 2. Bawa kursor ke atas gambar template yang anda ingin download 3. Klik details dari template tersebut, maka akan muncul halaman baruyang menguraikan lebih detail tentang template tersebut. 4. Klik link Register untuk melakukan pendaftaran terlebih dahulu. Bilaanda sudah pernah mendaftar sebelumnya cukup klik link logged inuntuk login dan mendownload template yang diinginkan. 5. Lalu akan terbuka halaman login wordpress untuk melakukanpendaftaran seperti pada gambar berikut. Halaman 9 - Tutorial Bikin Website Gratis dari www.BikinWebGratis.co.cc 10. 6. Masukkan Username yang anda inginkan ke kotak isian username.7. Masukkan alamat e-mail anda yang masih aktif, karena mereka akanmengirimkan data login serta password anda ke alamat e-mail yanganda daftarkan tersebut.8. Masukkan angka pada kotak isian. Pada contoh gambar di atas,masukkan angka 8 karena 7 + 1 = 8.9. Klik tombol Register untuk mengirimkan pendaftaran anda.10. Selanjutnya cek e-mail anda dan cari subject e-mail seper