Pelatihan Pembuatan website
Selamat datang di bagian Pelatihan Pembuatan website. Pada bagian pelatihan pembuatan website ini kami hadir untuk membantu bagi para pengguna atau pemilik komputer yang ingin mempelajari pembuatan Website yang sederhana. Didalam Website ini kami akan memberikan pelatihan dasar bagaimana cara membuat website yang sederhana namun menarik. Sehingga Anda dapat membuat website dengan tangan Anda sendiri.
Dan Anda juga dapat melakukan tanya jawab dengan kami apabila Anda merasa kesulitan dalam pembuatan website yang Anda kerjakan.
Didalam pembuatan Website kita harus mempunyai kreativitas dan daya imajinasi yang tinggi agar website kita terlihat menarik walaupun bentuknya sederhana.
Baik itu untuk pewarnaan ataupun untuk penempatan gambar, kita harus benar-benar jeli agar terlihat menarik dan tidak terlalu lama pada saat dibuka di Internet. Kita bisa memakai program Microsoft Front Page, Macromedia Dreamweaver, ataupun Notepad yang sudah tersedia di setiap Windows.
Tetapi harus ingat satu hal! jangan kita terlalu memasukkan banyak grafik yang bermuatan tinggi karena akan membuat lamanya pembukaan dokumen kita, pada saat akan dibuka di Internet (Grafik dari Adobe Photoshop ataupun dari Macromedia Flash).
Bagaimana Cara Merancang Sebuah Website ?
Banyak sekali cara-cara yang digunakan oleh beberapa orang untuk membuat website. Dan didalam pelatihan ini Anda akan diberitahu hal-hal yang penting dalam Pembuatan Website agar terlihat menarik walau bentuknya sederhana. Jadi sebelum membuat website perhatikanlah hal-hal berikut ini :
Tentukan Sasaran Pembaca Web Page Anda:
Apabila sasaran pembaca WebPage Anda adalah orang lokal, lebih baik Anda menggunakan Bahasa Indonesia pada dokumen web Anda. Agar lebih dapat dipahami dan lebih cepat memberikan reaksi atas WebPage Anda.
Sedangkan, bila sasaran pembaca WebPage Anda adalah orang diseluruh dunia, gunakanlah bahasa Inggris yang merupakan bahasa International pada dokumen web Anda. Dan tidak ada salahnya apabila dokumen web Anda dibuat dalam tiga atau empat bahasa, yang dipergunakan oleh orang diseluruh dunia.
Tentukan Tujuan dari WebSite Anda:
Didalam pembuatan Website, sebelumnya Anda harus menentukan tujuan dari Website yang Anda bikin atau Anda buat. Apakah website tersebut untuk mempublikasikan diri Anda sendiri atau Anda ingin mempublikasikan Perusahaan Anda dan barang-barang produksi Perusahaan Anda, dll. Bagaimanapun bentuk tujuan dari Website atau dokumen Website yang Anda buat, harus jelas agar pembaca Website Anda dapat lebih mengerti dan memahami tujuan dari Website Anda.
Buat Struktur WebPage Anda:
Sebelum Anda membuat dokumen Web Anda, alangkah lebih baik apabila Anda pertimbangkan dulu bagaimana cara mengelola dokumen Web Anda. Buatlah struktur dari dokumen yang Anda buat dengan jelas dan teliti agar tidak menyimpang dari tujuan pembuatan WebSite Anda.
Apa Itu WWW?
World Wide Web, atau yang biasa disebut Web, adalah suatu kumpulan informasi pada beberapa server komputer yang terhubung antara satu dengan yang lain dalam jaringan Internet. Informasi dalam web mempunyai link yang menghubungkan informasi ke informasi lain didalam Internet. Link memiliki tanda khusus, baik berupa teks bergaris bawah dan berwarna, ikon atau bisa juga berupa gambar. Bila anda ingin mengetahui apakah teks atau gambar merupakan link dari suatu informasi lihatlah perubahan pada penunjuk mouse. Jika berubah menjadi gambar tangan, maka tulisan/teks dan gambar tersebut merupakan link dari suatu informasi yang terdapat di Internet.
World Wide Web
Dalam bekerja dengan Web terdapat dua hal yang penting yaitu Web Browser atau yang lebih dikenal Browser dan Software Web Server. Kedua software seperti sebuah sistem Client-Server. Web browser bertindak sebagai client dan Web server sebagai server. Client memungkinkan Anda untuk mengiterprestasikan dan melihat informasi pada Web sedangkan server memungkinkan Anda untuk menerima informasi yang diminta oleh browser.
HTML (Hypertext Markup Language)
HTML adalah suatu format data yang digunakan untuk membuat dokumen Hypertext yang dapat dibaca dari satu Platform komputer ke Platform komputer lain tanpa perlu melakukan perubahan apapun.
Dokumen HTML dapat disebut juga Markup Language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
sistem yang digunakan dalam menghubungkan satu informasi dengan informasi yang lainnya melalui Link yaitu hypertext yang kemudian berubah menjadi hypermedia yang dimana link-link penghubung bukan lagi berbentuk teks tetapi dapat juga berbentuk gambar, suara atau juga video.
Oke sekarang kita Mulai berlatih membuat satu dokumen HTML, Pertama yang kita lakukan buka Program notepad yang sudah tersedia pada windows. Sebetulnya kita juga bisa memakai Program Microsoft Front page atau Macromedia Dream Weaver, Tapi untuk saat ini lebih mudah dan rapih memakai notepad. Kedua ketik dan simpan kedalam HardDisk atau disket dengan nama file latih.html ( jangan lupa setiap kita ingin menyimpan file html sertakan pula ekstensi html dibelakang nama file ) .
Listing Program 1.1 Dokumen HTML sederhana
Halo semua, saya orang baru.........!
Beberapa Informasi tentang Versi HTML
Satu dokumen HTML yang Valid akan mendeklarasikan HTMLyang digunakan pada dokumennya.
Definisi type dokumen dikenal dengan DTD (Document Type Definition).
Dalam HTML 4.01 terdapat 3 DTD dan setiap pembuat dokumen harus menyertakan salah satunya, 3 DTD tersebut antara lain :
HTML 4.01 Strict DTD, memasukkan seluruh elemen daan atribut yang sudah usang atau tidak tampil padaa frameset dokumen. Untuk dokumen yang menggunakan tipe DTD ini, tipe deklarasinya adalah :
"http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional DTD, memasukkan seluruh yang ada pada strict DTD ditambah elemen daaaan atribut yang sudah tidak digunakan. Untuk dokumen yang menggunakan tipe DTD ini, tipe deklarasinya adalah :
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset DTD, memasukkan seluruh yang ada pada transitional DTD ditambah frame. Unutk dokumen yang menggunakan tipe DTD ini, tipe deklarasinya adalah :
"http://www.w3.org/TR/html4/frameset.dtd">
Dan URL Pada masing-masing DTD akan mengijinkan browser untuk download DTD dan entity yang dibutuhkan.
Beberapa URL tersebut antara lain:
"strict dtd"--default strict DTD
"loose.dtd"--loose DTD
"frameset.dtd"--DTD untuk frameset document
"HTMLlat1.ent"--Latin-1 entities
"HTMLsymbol.ent"--Symbol entities
"HTMLspecial.ent"--Special entities
Entity atau kode khusus banyak sekali digunakan untuk menuliskan simbol-simbol khusus seperti huruf Greek dan simbol lain.
Bagian Elemen HTML
Pada suatu elemen HTML terdiri dari beberapa tag-tag dan atributnya antara lain:
TAG : Jika browser menampilkan halaman Web, maka browser akan membaca teks yang terdapat di dokumen HTML lalu mencari kode khusus yang biasa disebut TAG. Tag merupakan suatu pasangan tag awal/pembuka<...>dan tag akhir/Penutup <./.>
Atribute : Tag awal seperti biasanya terdapat beberapa buah atribut yang memperlihatkan karakteristik dari tag tersebut. Misal :
Dipergunakan untuk membuat teks menjadi rata kiri dari suatu paragraf.
II. Persiapan Belajar Membuat Website / Buat Web
Untuk membuat website ada 3 bagian utama yang perlu Anda pahami yaitu: Domain
Hosting
Software Website
II.1 Domain
Domain adalah nama atau alamat dari sebuah website. Di Internet, setiap orang harus mengetikkan sebuah nama domain untuk bisa membuka dan membaca isi dari sebuah website. Dalam hal ini, peranan pemilihan nama domain cukup penting untuk membedakan website Anda dengan website orang lain.
Domain ini terdiri dari nama domain dan extension. Contoh blogbisnisinternet.com, blogbisnisinternet adalah nama domain dan .com adalah extensionnya. Extension biasanya mewakili untuk kategori tertentu seperti .com untuk keperlukan komersial, .net untuk keperluan jaringan, .org untuk keperluan website nonkomersial, dan lain-lainnya.
Extension bermacam-macam, bisa berupa TLD (Top Level Domain) seperti .com, .net, .org atau ada juga yang berupa cTLD (country Top Level Domain) seperti .co.id, .co.cc dimana id mewakili domain negera
Untuk memilih nama domain Anda bisa menggunakan website yang menyediakan jasa registrasi nama domain atau dengan menggunakan software domain tools untuk membantu memilih nama domain untuk website Anda.
Bila Anda mengunakan website yang menyediakan jasa registrasi nama domain, contohnya domainhostingmurah.net, Anda tinggal masukkan nama domain yang Anda sukai untuk mengecek apakah masih tersedia atau tidak .
Anda buka http://www.domainhostingmurah.net dan masukkan nama doman dan extension yang Anda pilih.Bila masih tersedia, Anda bisa melakukan registrasi nama domain tersebut.
Usahakan untuk memilih nama domain dengan extension .com karena lebih umum dan lebih banyak dikenal orang. Registrasi domain ini akan dilakukan pertahun, setahun sekali Anda harus membayar biaya registrasi domain tersebut bila Anda ingin tetap memiliki dan menggunakannya.
Dan bila Anda tidak melakukan perpanjangan registrasi untuk tahun berikutnya, maka setelah domain Anda expired, domain tersebut akan terbuka kembali untuk umum sehingga orang lain bisa mendaftarkan dan menggunakannya.
Bila Anda tidak memiliki bayangan untuk nama domain Anda, Anda bisa menggunakan domain tools untuk membantu Anda memberikan saran nama domain yang bisa Anda gunakan. Anda buka http://domaintools.com dan pilih Tabs "Suggestions". Dan masukkan kata-kata yang akan Anda gunakan dalam nama domain Anda. Anda bisa memasukan lebih dari satu kata dan dipisahkan dengan tanda (,).
Dan dari domaintools.com ini, Anda bisa menggunakan fasilitas lainnya seputar domain.
Tips dalam memilih nama domain antara lain:
1. Pilih nama domain yang simpel dan mudah diingat
2. Pilih nama domain yang sesuai dengan mewakili isi dan tujuan dari website Anda, untuk mempermudah orang mengingat nama domain atau alamat website Anda nantinya.
3. Bila Anda menggunakan nama domain yang panjang, usahakan menggunakan nama domain yang berisi kata-kata yang umum, sehingga menghidari untuk kesalahan dalam menuliskan nama domain.
4. Anda bisa menggunakan tanda (-) bila Anda mau.
5. Usahakan pilih domain .com
6. Anda bisa mengikut sertakan keyword dalam nama domain Anda untuk membantu proses SEO (search engine optimization), agar website Anda tampil di search engine dengan posisi lebih atas.
Pada langkah ini, Anda sudah mendapatkan nama domain untuk website Anda.
II.2 Hosting
Hosting adalah tempat Anda meletakkan file-file website Anda di sebuah server yang terhubung dengan jaringan internet. Jadi agar website Anda bisa ditampilkan, maka file-file website perlu Anda simpan di sebuah server hosting. Anda perlu membeli paket hosting.
Harga dari sebuah paket hosting bermacam-macam, tergantung fasilitas yang diberikan. Anda bisa membeli paket hosting di luar negeri maupun di
Dalam memilih paket Hosting, Anda beberapa hal yang perlu diperhatian yaitu:
1. Sistem Server yang digunakan apakah Linux atau Windows. Hal ini akan menentukan software dan bahasa pemograman website yang bisa digunakan. Kebanyakan orang menggunakan Linux. Anda pilih Linux saja.
2. Besaran Disk Space yang diberikan. Disk Space adalah kapasitas pada server hosting yang diberikan untuk Anda, untuk menyimpan file-file website Anda. Seperti besaran space untuk menyimpan file Anda di komputer Anda. Tentunya pilihan terbaik adalah paket hosting yang memberikan Disk Space yang sesuai dengan kebutuhan Anda.
3. Besaran Bandwidth yang diberikan. Bandwidth adalah kapasitas akses perbulan yang diberikan untuk mengakses website Anda. Setiap orang yang membuka website atau mendownload file dari website Anda agar bisa ditampilkan pada browser firefox atau internet explorer-nya akan mendownload file Anda, hal tersebut akan memakan bandwidth. Dan kapasitas pemakaian bandwidth ini akan direset setiap awal bulan.
4. Domains Allowed. Jumlah domain yang bisa digunakan dalam sebuah paket hosting. Anda bisa menggunakan 1 buah paket hosting untuk semua domain Anda bila paket hosting tersebut memberikan akses untuk itu, dan Anda juga perlu mempertimbangkan besarnya disk space maupun bandwiidth yang diberikan, apakah cukup untuk menjalankan domain-domain Anda.
5. Jumlah Database yang diijinkan. Contoh untuk Linux, berapa banyak jumlah database MySQL yang diijinkan.
Untuk pembelian domain dan hosting ini tidak perlu Anda lakukan pada satu buah perusahaan. Anda bisa membelinya dari tempat-tempat yang berbeda. Yang perlu Anda lakukan hanyalah menghubungkan antara domain dan hosting ini dengan melakukan setting DNS (Domain Name Server) pada account domain Anda. Hal ini dilakukan untuk mengkoneksi domain dengan hosting.
Anda bisa membeli domain dan hosting pada website berikut:
1. Untuk pembelian di
2. Untuk pembelian di luar negeri.
Setiap pembelian domain dan hosting di luar negeri memerlukan pembayaran menggunakan kartu kredit atau dengan PayPal, tetapi Anda bisa mendapatkan paket unlimited domain, unlimited bandwidth, unlimited hosting, unlimited database untuk semua website Anda sehingga tidak perlu membeli hosting lagi ditempat lain.
Anda bisa membandingkan harganya dan menyesuaikannya dengan kebutuhan Anda, bila Anda cuma memerlukan satu website saja, Anda bisa membeli domain dan hosting di domainhostingmurah.net, tetapi bila Anda berencana membuat banyak website, agar tidak membeli hosting setiap kali, akan lebih hemat dengan membeli di Hostupon.
II.3 Software Website
Bila Anda belum tahu software website yang akan Anda gunakan, Anda bisa googling di internet, untuk melihat website-website lain yang sudah ada, dan lihat contoh website yang Anda rasa cocok sebagai website yang Anda inginkan.
Anda dapat mengecek pada website yang sudah ada tersebut, websitenya menggunakan software apa? Bila website tersebut menggunakan software website open source seperti blog wordpress, joomla, phpbb, dan lain-lainnya, tentunya Anda bisa membuat website yang sama. Tetapi harap di ingat yang Anda contoh adalah jenis websitenya, bukan mencopy tampilan, dan isi (content) websitenya, hal tersebut tidak diperbolehkan.
Untuk mengetahui software website yang digunakan, bisa dilakukan dengan 2 cara yaitu:
1. Anda cek link pada website yang bersangkutan, biasanya bisa dilihat pada bagian footer-nya (bagian paling bawah dari sebuah website). Untuk website yang menggunakan software open source (gratis), Anda biasanya bisa melihat ada sebuah link pada bagian footer ke website pembuat software tersebut.
Anda bisa mendownload softwarenya dan menginstall software tersebut mengikuti petunjuk manual penginstallan yang disediakan.
2. Cara kedua, Anda bisa melihat melalui source code halaman tersebut melalui browser Anda. Biasanya ada juga petunjuk di source code halaman website tersebut.
Setelah Anda membeli domain dan hosting, dan juga memilih software website, baru selanjutnya Anda membuat website tersebut. Dan dalam contoh pembuatan website pada website belajarmembuatwebsite.com, Anda akan belajar membuat website menggunakan Blog WordPress.
III. Belajar Membuat Website dengan Blog WordPress
Langkah-Langkah Belajar Membuat Website dengan Blog WordPress adalah
1. Anda login di cpanel hosting Anda, dengan alamat http://domainanda.com/cpanel. Kemudian masukkan username dan password yang diberikan oleh hosting Anda.
Pada cpanel hosting Anda biasanya sudah tersedia video yang akan memandu Anda dalam menggunakan fasilitas di cpanel dengan baik. Lebih baik Anda belajar melalui video tersebut.
2. Pada Cpanel Hosting Anda, Anda klik icon "Fantastico"
3. Kemudian akan ditampilkan daftar software open source yang bisa digunakan. Fantastico merupakan program yang membantu proses penginstallan software dengan mudah. Hanya dengan mengisi data dan mengikuti langkah-langkah yang sudah disediakan, seperti yang akan dijelaskan dalam tutorial belajar membuat website dengan blog wordpress ini. Anda Pilih WordPress.
4. Selanjutnya klik "New Installation".
5. Dilanjutkan dengan mengisi data untuk tempat penginstallan blog wordpress. Bila Anda ingin menginstall blog wordpress pada directory utama di domainanda.com, Anda kosongkan kolom "Install in directory". Tetapi bila Anda ingin menginstall pada subdomain Anda, Anda masukkan nama subdomain folder yang akan digunakan.
6. Klik "finish installation" untuk menyelesaikan proses penginstallan blog worpress.
Hasilnya:
Selanjutnya Anda dapat login ke halaman admin area website blog wordpress Anda dan mengedit isi maupun tampilan blog Anda. Untuk mengganti tampilan blog wordpress Anda, ikuti petunjuk lengkapnya pada ebook belajar membuat website dibawah ini.
