Panduan Membuat Website Bisnissakti.com

download
  • date post

    14-Jul-2015
  • Category

    Documents
  • view

    432
  • download

    0

Embed Size (px)

description

Panduan Membuat Website Bisnissakti.com dan Panduan Membuat Website Bisnissakti.com

transcript

<p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Panduan Lengkap Membuat Website untuk PemulaBagaimana Cara Membuat Website sederhana khusus untuk Anda seorang Pemulaby Freddy Iriawan</p> <p>Ebook ini dipersembahkan oleh -8-tulis nama anda disini-8Klik Link di bawah untuk mengunjungi websitenya http://-8-tulis website affiliasi anda disini-8-</p> <p>Mau dapat duit hanya dengan membagikan ebook Gratis? Tutorial/Panduan menghasilkan uang dari ebook Gratis, segera klik http://bisnissakti.com/signup.php</p> <p>Untuk Panduan Rebranding bisa klik : http://bisnissakti.com/Rebrand.pdf 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>PERHATIAN: Anda MEMILIKI hak penuh untuk memperbanyak panduan ini</p> <p>Anda juga BOLEH membagikan dan memberikan isi dari panduan ini pada siapa saja</p> <p> Copyright 2011 BisnisSakti.com 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>ALL RIGHTS RESERVEDTidak ada bagian dalam produk ini yang boleh diperbanyak,disebarkan, disiarkan atau diproduksi ulang dalam berbagai cara apapun, termasuk tetapi tidak terbatas secara elektronik atau mekanik. Dilarang keras untuk penggunaan tanpa izin tertulis dari penulis untuk mencetak ulang, atau menyebarluaskan penerbitan ini. Penyebaran panduan ini hanya melalui metode rebrand dengan tetap mencantumkan sumbernya yaitu bisnissakti.com. Dengan membaca ebook ini, berarti Anda sudah membaca, mengerti dan setuju dengan semua pernyataan yang kami buat.</p> <p>DISCLAIMER AND/OR LEGAL NOTICESSegala usaha telah dibuat seakurat mungkin untuk menggambarkan produk ini dan potensinya. Contoh dalam produk ini tidak dapat di anggap sebagai janji atau garansi untuk mendapatkan penghasilan. Potensi untuk mendapat penghasilan sepenuhnya tergantung pada pribadi masing-masing yang menggunakan produk kami, ide kami, teknik dan usaha yang di lakukan. Kami tidak mengatakan bahwa produk ini adalah cara cepat kaya Tingkat kesuksesan Anda dalam menggunakan materi dari kami tergantung dari waktu yang Anda curahkan untuk menjalankan program, menggunakan ide dan teknik yang telah dijabarkan, pengetahuan dan bermacam-macam keahlian. Kami tidak dapat menggaransi kesuksesan dan tingkat pendapatan Anda selama factor-faktor di atas tergantung dari kemampuan dari masing-masing individu. Materi dari produk kami dan website kami memuat informasi yang berdasarkan pandangan kedepan. Pandangan kedepan memberikan kami harapan atau ramalan pada kejadian di masa yang akan datang. Setiap pandangan kedepan pada setiap materi yang kami jual kami bermaksud untuk mengungkapkan pendapat kami tentang potensi untuk mendapatkan penghasilan. Banyak faktor yang akan mempengaruhi penghasilan Anda sebenarnya dan tidak ada garansi bahwa Anda akan menerima hasil yang sama seperti kami atau orang lain. Tidak ada garansi bahwa Anda akan meraih penghasilan dari ide dan teknik kami.</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Hasil setiap orang berbeda-beda, dan seperti produk yang memberikan informasi untuk berkesempatan menghasilkan uang yang lain, Anda dapat menghasilkan uang lebih atau kurang, bahkan tidak sama sekali. Sukses dalam program ini adalah hasil dari kerja keras, waktu dan banyak faktor lain yang mempengaruhi. Tidak ada pernyataan garansi apapun tentang pendapatan Anda.</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>OK! masih semangat dalam belajarnya kan? Selanjutnya saya akan tunjukkan cara termudah bagaimana membuat website sederhana khusus untuk pemula.</p> <p>Kita awali dengan pemahaman bahasa HTML dulu ya.</p> <p>Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language).</p> <p>Meskipun Anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYANG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer.</p> <p>Namun sangat disarankan bahkan nyaris diharuskan, agar Anda mengerti bahasa HTML.</p> <p>Terutama agar Anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYANG seperti di atas.</p> <p>Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.</p> <p>HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web.</p> <p>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).</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>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.</p> <p>Bukalah program Notepad. Bila Anda belum tahu caranya, klik Start &gt; Programs &gt; Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.</p> <p>I. Membuat halaman Web dengan menggunakan program MS Word</p> <p>A. MEMBUAT TABEL Tabel pada halaman web bisa memperjelas keterangan karena keteraturannya dan tiap cell (tiap kotak pada tabel) bisa diberikan warna background yang berbeda agar penjelasan lebih mudah terlihat dan lebih terfokus.</p> <p>Cara membuatnya Tabel : Klik "Table --&gt; Insert --&gt; Table" dan tentukan berapa banyak Row (baris) serta Column (kolom) nya; atau langsung klik icon Table di Toolbar (panah merah) dan drag (seret) berapa banyak cell ke bawah dan ke samping.</p> <p>Gambar (2) : Icon Table</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Mengatur Tampilan Tabel : Sementara kursor berada pada tabel yang dimaksud, klik kanan pilih "Borders and Shading" (atau pilih dari Toolbar : Table --&gt;Tabel Properties--&gt; "Borders and Shading".</p> <p>Selanjutnya silakan pilih Tab "Borders" (atas kiri), terdapat beberapa pilihan : - None : Border (garis tepi keliling tabel) tidak akan terlihat - Box : border hanya disekeliling (paling luar) dari tabel, sedangkan garis-garis kolom (column) dan baris (row) di dalamnya tidak akan terlihat. - All : memperlihatkan semua garis kolom dan baris dengan ketebalan dan jenis garis yang sama</p> <p>Gambar (3) Borders : All - Grid : memperlihatkan border keliling paling luar dengan ketebalan dan jenis garis sesuai pengaturan Anda, sedangkan garis-garis kolom dan baris di dalamnya hanya tipis saja.</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Gambar (4) Borders : Grid</p> <p>Geser dan sesuaikan Lebar Tabel / Cell (dengan menggeser seperti yang ditunjukkan gambar diatas).</p> <p>Atau tempelkan saja kursor Anda pada garis yang diinginkan untuk digeser (begitu juga untuk mengatur Tinggi Tabel /Cell ) sampai berbentuk panah kecil ke kiri kanan ( | ), dan geser.</p> <p>Pada window pengaturan: Border and Shading itu juga Anda dapat memilih jenis garis (apakah putus-putus, dobel, dsb) , warna (Color) dan ketebalannya (1/4 pt, 1/2 pt, 3/4 pt, 1 pt ..., dst).</p> <p>Fasilitas Preview di sebelah kanan memudahkan Anda melihat hasilnya. Anda dapat juga mewarnai setiap cell dengan warna yang sama atau berbeda.</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Pada window Border and Shading", pilih Tab "Shading" kemudian pilih warna (untuk pilihan warna lebih banyak klik "More Colors") dan juga pilih "Apply To" apakah warna tersebut akan diterapkan pada Tabel (Table) atau Cell.</p> <p>Gambar (5) Borders &amp; Shading window</p> <p>Anda juga bisa memilih Style dari Pattern bila menginginkan.</p> <p>**Cobalah Klik Kanan pada Cell /Tabel untuk "Delete Cells" (Menghapus), "Split Cells" (Membagi Cell jadi beberapa bagian), "Cell Alignment" (Mengatur Letak Teks) ataupun "Merge Cells" (ini hanya tampil bila Anda mem-blok lebih dahulu cell-cell yang ingin disatukan).</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>B. MEMBERI BACKGROUND PADA HALAMAN</p> <p>Pada kebanyakan web bisnis warna dasarnya adalah putih.</p> <p>Ini memudahkan Anda bila memakai gambar, karena pada umumnya gambar-gambar yang tersedia untuk web mempunyai dasar (background) putih. Hal ini akan dibahas lebih lanjut dalam materi lain.</p> <p>Namun demikian bila Anda ingin warna background berbeda, silakan melakukannya.</p> <p>Klik "Format --&gt; Background". Ada beberapa pilihan yang disediakan : a. Langsung klik warna yang dikehendaki, atau</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>b. Klik "More Colors" untuk pilihan warna yang lebih banyak. Bila masih tidak ada yang sesuai dengan keinginan, klik warna yang mendekati (misalnya biru), lalu klik tab "Custom".</p> <p>Gambar (7) More Colors &amp; Custom</p> <p>Setelah itu akan tampil jendela berikut dimana Anda bisa menggeser 'slider' segitiga hitam untuk membuat warna lebih terang atau gelap; ataupun langsung memilih warna dari kotak di sebelahnya (klik dimana saja).</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Namun berhati-hati dengan pilihan ini sebab warna-warna "Custom" kebanyakan bukan "Web Safe Color" (warna yang aman untuk web). Karena web Anda akan dilihat oleh banyak orang dengan menggunakan perangkat komputer yang berbeda kemampuannya ( kartu grafis, resolusi di monitor, dsb) maka bisa jadi apa yang tampil monitor Anda tidaklah sama dengan di monitor orang lain.</p> <p>Gambar (8) Custom Color Pilihan warna pada Microsoft Word sangat banyak karena aplikasi ini lebih banyak ditujukan untuk pengguna offline yang hendak mencetak (print) halaman tersebut.</p> <p>Namun tidak ada salahnya Anda bereksperimen dengan opsi-opsi yang lain.</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>c. Pilihan ke3 dari background ini ialah "Fill Effects" dimana terdapat 4 Tab yangdapat dipilih (Gradient, Texture, Pattern dan Picture). Pilihan "Pattern" hampir tidak pernah digunakan untuk halaman web.</p> <p>Gambar (9) Fill Effects Keterangan : - Gradient : Bila Anda menginginkan warna gradasi. Anda bisa memilih "One Color", "Two Color"(gradasi peralihan dari warna satu ke yang lainnya) atau pun "Preset" dimana warna-warna sudah dipilihkan untuk Anda.</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Begitu pula letak warna bisa diatur apakah Horisontal, vertikal, diagonal dsb. Contoh dibawah adalah pilihan "Two Color" dengan perletakan "Diagonal Up". Klik salah satu dari 4 pilihan tata letak dan gradasi warna yang terdapat di kotak di sebelahnya.</p> <p>- Texture : Bila menginginkan background berupa Tekstur - Picture : Bila menginginkan background dari gambar yang sudah Anda punya di komputer Anda. Pilih "Select Picture" dan arahkan ke direktori atau folder tempat Anda menyimpan gambar tersebut.</p> <p>Bila gambar berukuran besar mungkin akan memenuhi seluruh halaman web, tetapi bila berukuran kecil, gambar akan berjejer banyak (tiles).</p> <p>Untuk kebutuhan web bisnis online, diperlukan kecepatan membuka gambar, maka pilihlah gambar dengan size kecil.</p> <p>C. MEMASUKKAN LINK</p> <p>Berhubung cara memasukkan Link pada MS Word sangat mirip dengan di MS Frontpage, maka pembahasan mengenai ini bisa lihat pada butir III.C. Memasukkan Link (pada Microsoft Frontpage)</p> <p>D. MENYERTAKAN IMAGE</p> <p>Pilih image dengan size kecil agar tidak membebani download. Cara memasukkan / insert sangat mudah, yaitu : klik "Insert ---&gt;Picture --&gt; From File".</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Carilah gambar yang Anda maksud dan dimana tempatnya. Perkecil dan perbesar gambar dengan drag sisi-sisinya.</p> <p>Bila posisi gambar terletak pada tempat yang tidak Anda inginkan, klik gambar tersebut dan akan muncul toolbar ini :</p> <p>Bila toolbar ini tidak muncul juga klik kanan pada gambar dan klik "Format Picture" --&gt; pilih tab "Layout". Klik icon bergambar 'anjing dalam kotak bergaris-garis". Anda bisa mengatur tata letak gambar dengan memilih :</p> <p>IN LINE : gambar dianggap sebagai teks (yang sangat besar) menyelip diantara teks/tulisan lainnya.</p> <p>SQUARE : gambar menempati ruang bagai segi empat. Sisi kiri teks yang bersebelahan dengan gambar akan rata kiri. Bila Anda pindahkan gambar ke tengah paragraf, juga akan tetap membentuk ruang segi 4.</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>TIGHT : ruang sekitar gambar mengikuti bentuk image/ gambar. Contoh di bawah, bentuk gambar adalah bundar (format GIF, bila format JPG akan menjadi square).</p> <p>BEHIND TEXT : gambar terletak dibelakang Teks</p> <p>IN FRONT OF : gambar terletak di depan / menutupi Teks</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Gambar (10) Layout Picture</p> <p>E. SAVE AS WEB PAGE</p> <p>Setelah halaman web selesai dibuat, simpan (save) seperti biasa dengan format doc, namun save juga sebagai Web Page.</p> <p>Inilah yang kemudian menjadi halaman web (ber-ekstensi htm atau html).</p> <p>Bila kemudian Anda buka (dobel klik) halaman web yang barusan terbentuk tersebut , dan ternyata gambar-gambar yang Anda sertakan pada halaman tersebut tidak muncul.</p> <p>Coba ulangi kembali proses di atas dengan File Save As Web Page, Filtered. Akan muncul tulisan "Saving in this format will remove ..." --&gt; Klik "Yes" atau "Continue".</p> <p>Gambar akan muncul di halaman web Anda sehingga Anda bisa melihat seperti apa halama web Anda bila sudah online.</p> <p>Akan terbentuk juga folder yang berisi image/gambar yang ada pada halaman web tersebut.</p> <p> 2011 Freddy Iriawan All Rights Reserved Panduan Sakti Bisnis Online http://www.BisnisSakti.com</p> <p>Contohnya : file bernama produk.doc dimana pada halamannya di insert gambar buku.jpg dan button.gif.</p> <p>Kemudian di Save As Web Page, Filtered menjadi produk.htm dan folder produk_files di mana di dalam folder tersebut berisi gambar buku.jpg dan button.gif</p> <p>!! Perlu diingat : Pada saat upload, masing-masing gambar itu harus di upload tersendiri ke server (misalnya : buku.jpg ; button.gif )!!. Bila hanya file halaman web saja yang di upload, yang muncul hanya tulisan tanpa gambar. Lihat juga bab V. Mengupload Web</p> <p>** Kumpulkan halaman web, image, file-fle yang berhubungan pada satu folder yang sama sehingga memudahkan Anda untuk mengelola dan mengupload-nya.. Ingat!! Untuk halaman muka harus diberi nama index.htm (ekstensi .htm akan terbentuk otomatis)</p> <p>Cara Optimasi Image</p> <p>Setiap pengunjung website menginginkan halaman web yang dibuka terbuka dengan cepat seluruhnya.</p> <p>Terlebih bila web bisnis (bukan website pribadi/komunitas sendiri) maka Anda harus menggunakan gambar seperlunya. Berikut beberapa tips :</p> <p>a. Pakailah format gambar : JPG atau GI...</p>