Cara Bikin Web

anda ingin bisa membuat website sendiri...

Dapatkan segera tutorial Cara Bikin Web, yang berisi langkah demi langkah:
Cara lengkap dan mudah untuk membuat website bagi pemula, mulai dari Web Desain, HTML, CSS, JavaScript, PHP dan MySQL, Hosting, Domain, sampai tips SEO.

Materi-materi yang diajarkan dalam tutorial ini adalah sebagai berikut:

1. Domain dan Web Hosting
   Pengetahuan dasar tentang Domain dan Web Hosting.
   
1. Cara membeli Domain/Web Hosting, dan mensetting Name Server.
2. Cara mendapatkan Domain dan Web Hosting Gratis, dan mensetting NS.
3. Daftar Domain Gratis dengan setting DNS/Zone record (A/MX/NS/CName).
   Daftar Domain+Hosting Gratis; Daftar Web Hosting Gratis.
4. Menggunakan Control Panel; Membuat Account FTP, MySQL, dan Email dengan domain sendiri.
    
2. HTML (HyperText Markup Language)
   HTML sebagai dasar utama untuk membangun website.
   
1. Susunan kode HTML.
2. Head; Title website; Membuat Favicon; Memanggil CSS dan Javascript.
3. COLOR; Daftar nama dan kode warna.
4. Table; Membuat Table, Baris (TR), dan Kolom (TD) beserta atributnya (Align, Valign, Bgcolor, Width, Height)..
5. Font; Font Face; Font Size;
   Contoh-contoh script untuk menampilkan teks.
6. Links; Href, Target, Title; Membuat link download.
7. Image; Menampilkan gambar;
   Gambar + Link;
   Gambar + Link dengan efek Mouse Over;
8. FORM Pada HTML (name/method/action);
   Komponen-komponen Form, Text Field, Text Area, Check Box, Radio Button, List/Menu, File Field, Hidden Field, Button;
   Contoh Form lengkap.
9. IFRAME dan penggunaannya.
    
3. CSS (Cascading Style Sheet)
   CSS untuk membuat Layout dan mempercantik website.
   
1. Selector ID dan CLASS.
2. Penempatan CSS; Single Tags, Single Pages, dan Entire Sites (external).
3. Mengatur tampilan Teks pada website dengan CSS.
   Beberapa atribut text yang sering digunakan.
4. Membuat Efek pada LINK dengan CSS;
   Link dengan Image Rollover sederhana.
5. Border & Padding;
   Jenis-jenis Border; Ukuran Border; Warna Border.
   Contoh CSS Border;
   Padding dan struktur penggunaannya.
6. CSS BOX dan Margin.
7. Image; Gambar dengan Border;
   Gambar Transparan (dengan Opacity);
   Gambar Transparan dengan efek Mouse Over;
   Gambar Thumbnail pada Artikel.
8. Membuat Layout Desain Web;
   Membuat kotak/kolom;
   Mengatur posisi, ukuran, warna, dll;
   DIV di dalam DIV.
    
4. JavaScript (JScript)
   Menjadikan website lebih interaktif dengan JavaScript.
   
1. JavaScript; Penempatan JavaScript.
2. Menampilkan HTML dalam JavaScript.
3. TEXT Effect; Text warna-warni; dll.
4. Date & Time;
   Menampilkan Hari dan Tanggal (Masehi);
   Menampilkan Hari dan Tanggal dalam Bahasa Indonesia;
   Menampilkan Waktu (Jam dan Menit);
   Tanggal Masa Lalu dan Tanggal Yang Akan Datang;
   Menampilkan Tanggal Kalender Hijriyah (Kalender Arab);
   Script Pencari Weton (Hari dan Pasaran dalam tradisi Jawa).
5. JavaScript Protection;
   Anti Klik-Kanan;
   Disable Select Text;
   JavaScript sederhana untuk login;
   Memproteksi halaman web dengan Password;
   Memproteksi JavaScript dengan HTML Encryption.
    
5. PHP dan MySQL
   Belajar bahasa pemprogramman PHP dan database MySQL.
   
1. Menginstall Software PHP.
2. Pengenalan script PHP;
   PHP di dalam HTML; HTML di dalam PHP.
3. Variable pada PHP; Pengertian Variable;
   Menggabungkan beberapa Variable;
   Hubungan antara Variable dan Form; Variable dan URL.
4. IF dan ELSE; Operator Perbandingan dan Operator Logika pada PHP; Penggunaan IF, ELSEIF, dan ELSE.
5. PHP Date & Time;
   Format tanggal dan waktu;
   Menampilkan hari, tanggal, bulan, dan tahun;
   Menampilkan jam dan menit;
   Menampilkan hari dan tanggal dalam Bahasa Indonesia;
   Menampilkan tanggal Kalender Hijriyah (Kalender Arab);
   Mensetting Default Time Zone agar sesuai dengan WIB atau GMT+7.
6. File dan Folder;
   CHMOD dengan PHP dan FTP;
   Menambahkan data ke dalam File yang Re-Write-Able;
   Copy File;
   Membuat Form Uploader (untuk mengupload file);
   Menghapus File;
   Rename File.
7. Database MySQL;
   MySQL Account;
   Koneksi ke Server MySQL; PHPMyAdmin;
   Membuat Database;
   Membuat Table;
   Membuat Form dan Action Form untuk memasukkan Data;
   Menampilkan data;
   Membuat Form untuk edit data;
   Script untuk menghapus data;
   Export dan Import Database;
   Mengaktifkan register_globals;
   Menampilkan data sebagai News/Artikel.
8. Cookies; Membuat Cookie; Mengakses Cookie; Menghapus Cookie.
9. Login dan Logout;
   Membuat Form untuk Login;
   Membuat Action Form untuk Mengecek Login;
   Membuat Halaman Member/Admin Area;
   Script untuk Logout.
10. Membuat CAPTCHA atau Kode Verifikasi untuk mencegah Spam/Phishing.
     
6. Web Design
   Merancang dan membuat desain website.
   
   1. Membuat Background website.
   2. Membuat Layout/rancangan/tampilan website.
   3. Koleksi Layout Table dan Source Codenya.
   4. Membuat Header website.
   5. Membuat Menu Horizontal dan Vertical.
   6. Mengatur Content (isi) website; dan Membuat Footer.
       
7. Upload Website
   Mengupload website agar bisa online dan diakses di internet.
   
   1. Download dan Menginstall FTP;
      Mengupload website/file/folder menggunakan FTP;
      Tentang File Index, Domain, dan Folder Listing;
      Mengupload web melalui File Manager.
       
8. SEO (Search Engine Optimization)
   Beberapa trik agar website masuk di halaman pertama hasil pencarian di Google, Yahoo, dan mesin pencari lainnya.
   
   1. Menjadikan website agar search engine friendly.
   2. Menggunakan Google Analytics.
   3. Add URL ke Search Engine dan Web Directory.
   4. Cara cerdas dan cepat untuk mendapatkan banyak backlink.

Tutorial/E-Book Cara Bikin Web ini berformat CHM (Compiled HTML), sehingga lebih mudah dipelajari karena contoh-contoh Scripts (HTML, CSS, dan JavaScript) bisa langsung dilihat efek dan hasilnya.



Anda bisa mendapatkan E-book/Tutorial ini HANYA dengan harga:
Rp. 299.000,-
Klik di sini untuk memesannya!
Harga ini jauh lebih kecil jika dibandingkan dengan apa yang akan anda dapatkan, karena satu website saja harganya mencapai jutaan rupiah.

Dalam E-book ini, saya tidak mengajari anda cara untuk menggunakan/mengedit paket website yang sudah jadi seperti template-template, PHP Nuke, Joomla, dan semacamnya.

Tapi saya mengajari anda cara untuk membuat website dari nol, selangkah demi selangkah, dan dengan tangan anda sendiri!
Tujuannya, supaya anda bisa membuat website seperti apapun yang anda inginkan.

Sudah siap menjadi Webmaster Profesional?
Silahkan klik di sini untuk memesan E-book Cara Bikin Web.

Terima kasih,

Eko Sulistiyono, MBA. Web Designer & Web Programmer

Fasilitas Webmaster Gratis

Ilmu Komputer - Bahasa Indonesia
Step-by-Step Instalasi Warnet Berbasis Windows XP & ADSL, Galeri Foto Dengan HTML, Step-by-Step Instalasi Warnet Berbasis Windows XP & ADSL, Membangun Snort Sebagai Intrusion Detection System, Lebih Lanjut dengan LTSP, DLL. VoIP Rakyat, Free Communication for People - Bahasa Indonesia
31 Januari 2007, peluncuran Buku berjudul "VoIP Rakyat Cikal Bakal Telkom Rakyat" sukses dilaksanakan. Pada kesempatan itu Onno W. Purbo hadir untuk membagi-bagikan buku yang juga ditandatanganinya langsung. Teknologi Informasi pada saat ini sebetulnya telah sedemikian mudah untuk di operasikan, tapi mempunyai kemampuan yang sangat canggih.
Bursa Free Stuff - Bahasa Indonesia
Wide range of free tools for the Webmaster
Internet dan Pendidikan - Bahasa Indonesia
Sumber Informasi: Lembaga/Sekolah Komputer, Pelayanan IT / Komputer, Software Komputer, Hardware Komputer, Pelayanan Desain Website, Pelayanan Website Hosting, DLL.
TheFreeSite.com: Freebies for Web authors, free stuff
There are many free resources out there that offer useful Web site features and site enhancements. We offer a roundup of the Web's best freebies and free services for Webmasters.
Free Webmaster Help - Everything A Webmaster Needs- For Free
Tutorials, articles and tools for improving your site, as well as hosting company reviews and site components.
Free Webmaster Tools and Resources
A directory of free webmaster resources and tools for your web development needs.
Free Webmaster Tools
Free webmaster services including SEO, Search Engines, Domain Checkups, HTML and Other many useful tools.
TheFreeCountry.Com Free Programmers Resources, Free Webmasters
Free Webmaster Tutorials and Articles Tutorials on running your own website, eg, earning income from your site, writing your own PHP scripts
Free Web Design Tools And Resources
Reviews and links to the best free webmaster tools and resources online, as well as a huge free clipart archive, tips and lots more!
Free Webmaster Tips, Tricks, Tutorials, Resources
Free Webmaster Tips resource site is filled with high quality tutorials, tips, tricks, and resources to create an awesome Web site.
Webmaster resources and tools Free at 123webmaster.com.
Links to online resources including multimedia, learning, tutorials, free stuff.
Website Monitoring & Web Server Monitoring Service by WebSitePulse
Free Website Monitoring Diagnostic Test Tools. Sign-up for a 30-day Free monitoring service trial with WebSitePulse!
XHTML Tutorial - Part 1
Learn the new language which is set to replace HTML, making sites compatible across a whole range of systems.
Web Tools and Free Webmaster Services by SearchBliss.com
SearchBliss offers web tools and webmaster services for web development. Including SEO tools, free web content and webmaster forums.
Free Web Counter And Website Statistics For Webmasters And Bloggers
Get free real-time web statistics. Track web pages, visitors, referrals and much more.
BNB: HTML, free CGI Scripts, graphics, tutorials and more
An all free webmasters site featuring free CGI scripts, graphics, and over 300 original tutorials on all subjects important to a webmaster.
Bravenet Webmaster Resource Center - Scripts, sounds, art and more
Use these simple tools to easily handle some of the mundane webmaster chores when maintaining or designing your web site! Free Tools & Downloads
E-MailForms.Com - FormMail (Website Forms)
E-MailForms/FormMails are an important facility for most webmasters, so we would like to try to create a list of some reliable E-MailForm systems that are economical (ideally free), and also discuss issues associated with the systems.
DNS Stuff
Grow the DNS side of your brain and protect your company with the most advanced set of DNS tools and expertise on the planet.

Belajar Tentang Website

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.

Ada juga Program tambahan misalnya Adobe Photoshop yang digunakan untuk mengedit grafik sebelum ditempatkan kedalam dokumen website, lalu Macromedia Flash yang digunakan untuk membuat grafik Animasi. Kita juga bisa memasukkan musik ataupun yang lainnya kedalam dokumen website kita.

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
  
  <html>
  <head>
  <title>Contoh Sederhana Dokumen HTML<./title>
  </head>
  <body bgcolor=grey >
  <h1>Selamat Datang di dunia HTML </h1>
  <hr>
  <font color=black> Dokumen HTML ini bisa menjadi halaman Web yang berisi berbagai macam halaman dan informasi yang berisi antara lain <b>teks</b>dan <I> link</I> . Dapat juga berisi halaman Web yang sangat kompetible dengan beberapa halaman dan beribu Informasi.
  <p>
  Dalam Pelatihan ini Anda akan mempelajari dasar-dasar pembuatan Dokumen Website yang sederhana. Dan Anda bisa membuat dokumen Website sesuai dengan keinginan Anda.
  <p>
  Click <a href="sample.html"> Disini</a> jika ingin melihat lebih jauh tentang dokumen ini !<p>
  </body>
  </html>
  
  Jangan lupakan setiap kita membuka sesuatu kita harus menutupnya contoh : kita membuka <b> kita harus menutupnya dengan </b>, membuka <i> menutupnya dengan </i>, membuka <p> menutupnya dengan </p>, dan seterusnya begitu. Setelah itu lihat hasilnya pada program notepad, klik file, open, browse, cari file yang tadi disimpan dengan ekstensi html dan open. Selesai, kita sudah membuat dokumen latihan html yang pertama.
  
  Pada dasarnya penulisan kode memakai huruf besar ataupun kecil tidak ada masalah, tapi alangkah baiknya kalau kita menulisnya dengan huruf kecil biar kelihatan lebih rapih dan enak dilihat. Dan harus Anda ketahui bahwa setiap Anda ingin menulis alamat E-Mail atau alamat situs yang lainnya harus menggunakan huruf kecil, karena kalau menggunakan huruf besar tidak akan terbaca oleh Server.
  

Terminologi

Apa Itu Home Page

Home Page adalah halaman pertama dari suatu website yang berisi berbagai Informasi tentang apa dan siapa dari perusahaan atau organisasi pemilik website tersebut. Didalam website tersebut juga terdapat Informasi tentang link-link yang menghubungkan antar dokumen yang satu dengan dokumen yang lainnya.Setiap pribadi atau organisasi perusahaan yang memiliki informasi di World Wide Web akan memerlukan suatu alamat atau URL khusus yang disebut Website.

Apa itu HyperText Transfer Protocol ( HTTP )

HTTP adalah suatu protokol yang digunakan untuk menentukan aturan yang harus diikuti oleh Web browser dalam meminta atau mengambil suatu dokumen, dan oleh Web server dalam menyediakan dokumen yang diminta. Jika anda sedang menjelajah Web dan pada Addres bar ada tulisan http://www.msn.com, ini merupakan salah satu penggunaan protokol http dalam Web.

Uniform Resource Locator ( URL ) URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. Format umum suatu URL adalah : Protokol transfer ://nama host/path/nama file Protokol transfer adalah protocol yang digunakan oleh suatu browser untuk mengambil informasi. Nama host adalah nama dari komputer dimana informasi tersebut berada. Path/nama file adalah jalur serta nama file dari suatu informasi.

Protokol Transfer Protokol transfer adalah suatu protokol yang digunakan untuk pengiriman informasi di Internet. Selain HTTP, dalam Internet juga dikenal beberapa protokol lain, diantaranya adalah : FTP (File Transfer Protokol). Protokol ini dirancang untuk memungkinkan pemakai mentransfer file dalam format teks atau biner dalam server komputer di Internet. Contoh ftp.usma.edu/pub/msdos/. Gopher. Protokol ini dirancang untuk mengakses server gopher. Contoh gopher://wiretrap.spies.com/. News (Network News Transfer Protokol). Protokol untuk mendistribusikan berita di Usenet. Usenet adalah sistem yang dirancang sebagai forum diskusi dengan didasarkan pada topik-topik yang disebut newsgroup. Contoh : news:comp.infosystems.www.announce. Telnet. Protokol yang digunakan untuk login ke suatu server komputer. Dengan protokol-protokol tersebut, browser Anda dapat bertindak sebagai client dari protokol tersebut.

Domain Name System (DNS)

Komputer-komputer di Internet menggunakan suatu format penamaan standar untuk mempermudah pengelolaan server komputer di Internet. Sistem penamaan server komputer adalah Domain Name System (DNS). DNS membuat suatu tingkat-tingkat domain yang merupakan kelompok komputer yang terhubung ke Internet., Ada beberapa nama-nama domain beserta organisasinya antara lain :

Nama Domain	Jenis Organsiasi
Com	Organisasi Komersial Contoh: www.yahoo.com
Edu	Lembaga Pendidikan Contoh: www.usc.edu
Gov	Lembaga Pemerintah
Int	Organisasi International
Mil	Organisasi Militer
Net	Provider Internet Contoh telkom.net
Org	Organisai Umum
Au	Organisasi Komputer di Australia
At	Organisasi Komputer di Austria
Be	Organisasi Komputer di Belgia
Ca	Organisasi Komputer di Kanada
Ch	Organisasi Komputer di Swiss
Cz	Organisasi Komputer di Checna
De	Organisasi Komputer di Jerman
Dk	Organisasi Komputer di Denmark
Es	Organisasi Komputer di Spanyol
Id	Organisasi Komputer di Indonesia

Dokumen HTML

Apa Perbedaan Dokumen HTML ?

Dokumen HTML bisa mengandung teks, gambar, suara atau video, yang membedakan HTML dengan dokumen yang lain adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML berfungsi untuk memformat atau menandai suatu bagian tertentudari dokumen HTML dan juga menentukan struktur bagian tersebut dalam dokumen HTML.

Bagian Dokumen HTML Dokumen HTML tersusun oleh 3 bagian antara lain : Baris yang berisi informasi versi HTML yang digunakan. Deklarasi bagian header dengan elemen head. Deklarasi bagian body dengan elemen BODY atau FrameSET. Berikut adalah contoh dokumen HTML sederhana : Contoh Dokumen HTML sederhana <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Dokumen HTML saya yang pertama</TITLE> </HEAD> <BODY> <P>Halo semua, saya orang baru.........! </BODY> </HTML>

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 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "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 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "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 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "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 : <p align="left"> Dipergunakan untuk membuat teks menjadi rata kiri dari suatu paragraf.

Silakan download contoh saya, - klik "File - Save As" di browser anda, dan simpan ke komputer anda atau floppy disk. Buka file tersebut di 'Notepad' dan klik di "Edit - Word Wrap". Anda hanya perlu mengganti ??? dengan info anda, nama, e-mail, dll.

Cara Membuat Website

Dari: David Odang,

Hari & Tanggal: Sabtu, 14 Januari 2012

 

I. 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 seperti website ini, 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 bisa 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?

Tuliskanlah jawaban tersebut dalam selembar kertas, dan jabarkanlah sedetail mungkin, bila perlu Anda bisa membuat sketsa website yang Anda inginkan atau bila Anda tidak memiliki gambaran sama sekali, Anda bisa googling (search) di internet untuk melihat-lihat website-website yang sudah ada.

Anda googling dengan topik tertentu sesuai dengan website seperti apa yang akan Anda buat, sehingga Anda bisa mengecek website-website lainnya menggunakan software website jenis seperti apa? Anda bisa menirunya, meniru BUKAN berarti Anda mengcopy isinya, tapi Anda meniru jenis websitenya (software website yang digunakan untuk membuat website tersebut). Karena membuat website saat ini sangat mudah, yaitu menggunakan software website, jadi Anda tidak perlu membuat web dari nol (dari dasar).

Anda bisa googling di Google.com

.

Setelah Anda memilih jenis website, bisa Anda pelajari dan telusuri, 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 yang menjualnya 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 pembuat software tersebut.

Dan pada tahap pertama ini, Anda harus sudah menentukan tujuan Anda dalam website dan website seperti apa yang Anda inginkan.

.

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 Indonesia.

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 Indonesia.

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 Indonesia, Anda bisa membeli melalui domainhostingmurah.net yang merupakan sebuah website waralaba dari hosting idwebhost. Pembelian melalui website waralaba lebih murah dibandingkan pembelian langsung di idwebhost, kurang lebih 8-10% dari harga. Fasilitas dan support tetap sama diberikan oleh idwebhost.

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.

Bagi Anda yang ingin mendownload materi website ini ke komputer Anda dalam ebook Belajar Membuat Website Anda bisa memasukkan Nama dan Alamat Email Anda pada form dibawah ini. Dan saya akan kirimkan link download ke email Anda langsung dan juga mengabari Anda untuk update dan informasi lainnya. Ebook tersebut gratis sebagai salam perkenalan dari saya.
	Nama Anda : Alamat Email :

Selamat Belajar Membuat Website Dengan Blog Wordpress. Semoga Materi Website ini bermanfaat untuk Anda.

David Odang
Internet Marketer dan Web Publisher

P.S: Bila Anda memiliki pertanyaan seputar isi dari website ini, Anda bisa mengirimkan email ke support@belajarmembuatwebsite.com.

P.S.S: Saya sarankan agar Anda mengikuti kursus cepat website / blog online di Blog Bisnis Internet yang akan mengajarkan: Belajar Membuat Website dengan Blog, Menjalankan Bisnis Internet Melalui Blog dan Menghasilkan Uang Melalui Blog! Untuk melihat kursus tersebut, Anda klik banner dibawah ini: