sponsor

sponsor

Slider

Materi dan Tutorial Khusus Untuk Membuat Situs Web Dan Blog Bagi Pemula Hingga Tingkat Mahir. Gambar tema oleh kelvinjay. Diberdayakan oleh Blogger.

Posts

Recent Tube

Business

Technology

Life & style

Games

Sports

Fashion

Anda membuat sebuah website diperlukan sedikitnya 4 langkah


Web Design Minimalis
Memilih desain terbaik untuk web perusahaan anda sangatlah penting, kecuali jika anda hanya ingin membangun sebuah web berbasis bisnis, mungkin anda tidak terlalu memikirkan bagaimana desainnya melainkan bagaimana sistem bisnis pada web tersebut berjalan optimal. Membangun sebuah website memerlukan proses dan waktu yang tidak cepat.
Untuk membantu Anda membuat sebuah website diperlukan sedikitnya 4 langkah, yaitu :

1. Memastikan tujuan pembuatan website

Sebelum anda mencari perusahaan jasa pembuatan website, alangkah baiknya jika anda mendifinisikan garis besar isi dan tujuan dari web yang ingin anda buat. Buatlah beberapa pertanyaan yang dapat menunjang dalam suksesnya pembuatan web anda, seperti dibawah ini :
- Apa tujuan anda membuat website?
- Apakah web tersebut menjual atau hanya sekedar company profile?
- Apakah anda memiliki katalog produk?
- Siapa saja target pasar anda?
- Apakah sudah punya merk?
- Siapa saja kompetitor anda?
- Apakah mereka sudah mempunyai website? Jika iya, seperti apa website mereka?
- Seberapa cepat anda ingin web anda langsung jadi?
- Apa yang terjadi jika anda tidak membuat website tersebut?

Mungkin untuk menjawab pertanyaan diatas agak memakan waktu, namun jika anda mempunyai waktu luang anda dapat menulis jawabannya di selembar kertas. Karena pertanyaan tersebut biasanya akan ditanyakan terlebih dahulu oleh setiap perusahaan jasa web design sebelum mereka membuat web perusahaan anda. Jika anda sudah mendapatkan semua jawaban diatas, anda akan mempunyai beberapa kriteria untuk memilih desain terbaik untuk website anda. Misal jika anda ingin membuat web toko online, maka sebaiknya anda mencari perusahaan yang sudah berpengalaman membuat toko online, selain dari kualitasnya yang baik, mereka juga akan lebih cepat menyelesaikan proses pembuatan website anda, karena pengalaman yang mereka miliki untuk membuat web sejenis.

2. Tentukan biayanya

Berapa biaya yang anda targetkan untuk website tersebut. Jika anda masih awam tentang harga web design, ada baiknya anda melakukan survey harga dulu ke beberapa Perusahaan jasa web design, yang kemudian dari hasil survey tersebut anda dapat mengira2 berapa budget yang diperlukan. dengan demikian ketika anda bernegosiasi dengan perusahaan pembuat web, anda sudah mempunyai data yang lengkap.

3. Menentukan Desain Web

Step ke-3 ini sangatlah penting bagi website anda, karena desain dari sebuah website mempunyai nilai jual tersendiri di mata konsumen. Usahakan desain yang anda inginkan sudah ada sebelum anda melakukan deal dengan perusahaan jasa web tersebut. Dengan demikian, anda dapat menanyakan langsung berapa lama untuk proses pembuatan web design tersebut. Jika anda memiliki gambar produk atau logo perusahaan, alangkah baiknya jika anda menyertakan foto produk dan logo perusahaan anda, sehingga perusahaan jasa pembuatan web dapat memberikan masukan dan ide untuk desain web anda.

4. Memilih Web Hosting dan domain

Jika anda masih awam tentang web hosting dan nama domain, lebih baik anda serahkan proses ini kepada yang lebih berpengalaman yaitu itu sendiri, karena biasanya mereka akan menawarkan dengan paket-paket hosting dan domain yang sudah siap pake. Namun jika anda ingin menentukan hosting dana domain sendiri, ada baiknya anda melakukan riset pasar terlebih dahulu. Misal, jika target pasar anda adalah dalam negeri, maka akan lebih baik jika nama domain anda menggunakan bahasa indonesia, dan hosting yang akan digunakan menggunakan server IIX server indonesia (bukan server luar). Untuk penjelasan terperinci proses ini akan saya bahas di lain kesempatan.

Cara Membuat Website Gratis Sendiri Dalam 5 Menit

Cara Membuat Website Gratis Sendiri Dalam 5 Menit

buat website gratis
Membuat Website Gratis Sendiri Dalam 5 Menit, apakah bisa? mungkin itu yang menjadi pertanyaan Anda pertama kali melihat dan membaca judul postingan Saya ini. Bagaimana bisa membuat website gratis dalam waktu yang begitu singkat, padahal kan membuat website harus dilakukan oleh seorang webmaster yang ahli dibidangnya, dan pastinya memerlukan biaya yang cukup besar yang harus dikeluarkan untuk membuat sebuah website probadi.

Seiring dengan berkembangnya dunia teknologi, maka walaupun Anda seorang yang baru belajar komputer dan baru mengenal dunia internet, Anda juga bisa membuat website sendiri dengan mudah dan cepat. Baiklah tanpa harus panjang lebar Saya menjelaskan, mari Kita ungkap rahasianya.

Tutorial membuat website gratis


1. Kunjungi situs http://www.idhostinger.com/

Langkah pertama yang harus dilakukan dalam proses membuat website gratis di internet ini adalah akses situs idhostinger.com kemudian pilih menu Order Sekarang! dan pilih salah satu tombol Facebook (untuk daftar menggunakan akun facebook) atau Google (untuk daftar menggunakan akun google).

idhostinger penyedia layanan website gratis
Halaman IdHostinger.com

2. Persetujuan Izin Akses Aplikasi

Pada tutorial ini Saya menggunakan opsi Google sebagai pilihan, jika Anda sudah klik tombol tersebut, maka akan ada kotak dialog persetujuan dari google seperti pada gambar dibawah ini.
persetujuan pembuatan website gratis
Persetujuan Hostinger Indonesia
Setelah Anda menerima persetujuan tersebut, maka Anda akan menerima konfirmasi pada halaman dashboard idhostinger Anda bahwa akun google milik Anda sudah terhubung, jika Anda masih belum memiliki akun gmail silahkan baca update saya sebelumnya mengenai Cara Membuat Email Baru di Google. Langkah selanjutnya adalah klik pilihan Buat Website! yang terdapat di pojok kanan atas tepat dibawah logo website idhostinger, maka akan muncul kotak dialog seperti berikut.
Kotak dialog buat website gratis idhostinger
Kotak dialog idhostinger

3. Buat Account Hosting

Silahkan klik menu hosting account seperti yang ditunjuk pada gambar diatas untuk memulai membuat akun hosting website Anda. Setelah itu silahkan pilih paket hosting yang free alias tidak bayar (Rp. 0) dengan cara klik order seperti ditunjuk pada gambar dibawah.
Paket hosting gratis IdHostinger
Paket hosting IdHostinger

4. Isi Data Domain

Langkah selanjutnya dalam proses pembuatan website gratis adalah masukkan nama domain yang diinginkan kemudian pilih subdomain pada combo box yang ada dan masukkan password yang diinginkan, kemudian klik tombol lanjutkan.
Pengisian nama Domain
Pengisian nama Domain

5. Membuat Website

Setelah pembuatan akun domain dan hosting selesai dilakukan, selanjutnya adalah proses membuat websitenya. Klik menu Buat Website! yang sudah disediakan oleh pihak idhostinger. Berikut adalah penampakannya.
Akun hosting gratis IdHostinger
Akun hosting IdHostinger
Setelah klik menu Buat Website! diatas, maka akan keluar kotak dialog Buat Website dan pilih Build website untuk mulai merancang website gratis Anda.
Build free website idhostinger
Build website idhostinger

Dengan Anda mengklik tombol Build website diatas, maka Anda akan diarahkan pada halaman baru, dimana Anda akan disuguhkan dengan beberapa template yang sudah siap Anda pakai secara gratis. Silahkan pilih sesuai dengan kebutuhan Anda, dan klik tombol pilih.
Pilih template website gratis anda
Pilih template website

6. Kustomisasi Website

Setelah Anda memilih template yang disediakan sesuai dengan kebutuhan Anda, maka langkah selanjutnya adalah melakukan sedikit kustomisasi konten yang akan ditampilkan pada setiap menu website gratis Anda.
Kustomisasi konten website idhostinger
Kustomisasi konten website
Setelah selesai melakukan kustomisasi semua halaman website Anda, selanjutnya klik tombol tampilkan diatas, maka akan ada tab baru yang akan menampilkan hasil kustomisasi website yang sudah Anda lakukan. Lakukan pengecekan pada setiap halaman website Anda, jika Anda sudah benar-benar yakin dan tampilan website sudah sesuai dengan selera Anda, maka silahkan coba akses alamat domain yang Anda sudah buat tadi. Pada tutorial kali ini alamat domain yang Saya gunakan sebagai contoh adalah caragoogleadsense.hol.es silahkan Anda cek pada alamat tersebut.

Bagaimana ... mudah bukan membuat website gratis sendiri? Andapun bisa melakukannya sendiri dirumah, dikantor bahkan ditempat lain sesuai dengan keinginan Anda. Semoga tutorial kali ini bisa bermanfaat untuk Anda sekalian.

3 CARA MEMBUAT WEBSITE .COM SENDIRI

 3 CARA MEMBUAT WEBSITE .COM SENDIRI


Cara membuat website sendiri sebenarnya bisa agak sedikit merepotkan, tergantung cara saudara melakukannya. Untuk membuat sebuah website sebenarnya bisa menggunakan domain TLD apa saja, tapi kali ini saya akan membahasnya khusus dengan domain .com, karena domain ini memberikan beberapa keuntungan dalam penggunaannya....

Kalau saudara ingin membuat sebuah website, maka saudara tentunya harus paham sedikit cara melakukan pemrograman. Bahasa yang minimal saudara ketahui adalah HTML, kalau saudara tidak paham bahasa yang satu ini, maka saudara bisa sangat kerepotan....

Ada 3 cara untuk membuat website .com sendiri, yaitu:
  1. Level Pemula: Membuatnya dari blog gratis, dan mengganti dengan domain berbayar .com (jika pengetahuan pemrograman anda sangat dasar)
  2. Level Menengah: Menggunakan software CMS (Content Management System) seperti Wordpress, sehingga anda tidak perlu menguasai bahasa atau script apapun untuk membuat website yang dikendalikan penuh alias hosting sendiri
  3. Level Sulit: Anda menguasai beberapa bahasa pemrograman dan membuat sendiri theme dan databasenya dari nol lalu hosting pada sebuah server dengan nama domain tertentu.
Jadi bagi teman yang baru memulai membuat website di internet, silahkan memilih satu dari 3 metode di bawah ini. Harap membaca link-link artikel pendukung yang disertakan pada setiap metode untuk mendapatkan informasi yang lebih lengkap.

METODE 1

Cara Membuat Website dari Blog Gratis

Mungkin di sini ada yang mau langsung komplain bahwa blog itu tidak sama dengan website. Sebenarnya yang seperti ini tidak perlu diributkan karena pada dasarnya anda akan membuat halaman-halaman yang bisa diakses di dunia maya.... Blog tidak lain dari sebuah website dengan fungsi yang terbatas.... karena masih bergantung pada kebijakan "inang"-nya.
  • Untuk membuat website dari blog gratis, maka pertama-tama saudara harus membuat akun blog . Pelajari cara membuatnya di artikel CARA MEMBUAT BLOG. Harap lakukan tahapan-tahapan yang ada di artikel tersebut dengan seksama.
  • Setelah blog saudara jadi silahkan cari template blog yang saudara rasa cukup representatif untuk mewakili karakter atau bisnis saudara. Untuk mencari template yang sesuai dengan selera anda silahkan baca artikel DOWNLOAD TEMPLATE BLOG KEREN DAN GRATIS
  • Jika saudara sudah mendownload template blog yang saudara sukai, silahkan pasang template tersebut di blog anda saat ini. Baca artikel CARA MENGGANTI TEMPLATE BLOG
  • Sekarang saudara sudah membuat blog yang akan menjadi website sederhana anda. Tapi kalau punya sedikit kemampuan pemrograman, maka sebaiknya lanjut dengan mengedit template menjadi SEO Friendly. Pelajari caranya di artikel CARA MEMBUAT TEMPLATE BLOG SEO FRIENDLY
  • Setelah anda menyelesaikan tahap terakhir di atas, maka anda sudah selesai membuat website sederhana ini, yang perlu anda lakukan sekarang tinggal mengisi artikel-artikel ke dalam website sederhana ini.... (Baca di CARA MEMBUAT ARTIKEL DI BLOGGER)...
Setelah anda selesai membuat website dari blog gratis, maka saatnya mengganti domainnya menjadi .com

Mengganti Domain Jadi .COM

Karena anda menggunakan blog gratis, maka jelas anda tidak memerlukan hosting. Anda hanya memerlukan nama domain. Untuk memudahkan anda saya berikan masukan yang praktis saja.... Anda bisa Googling untuk mencari penyedia jasa hosting dan nama domain, lalu hubungi Customer Servicenya dan beritahu bahwa anda hanya ingin membeli nama domain.... Selebihnya CS yang akan mengarahkan anda....
Kalau saya sendiri pernah mencoba PAKET KEREN dari eazysmart.com, yang memang khusus untuk mengubah blog menjadi domain .com sendiri. Biasanya layanan seperti ini akan meminta email dan password saudara agar mereka bisa membantu mengatur domain dari akun blog saudara....
Kalau saudara mempunyai masalah kepercayaan, maka sebaiknya ubah dulu password saudara untuk sementara. Baca caranya di artikel CARA MENGUBAH PASSWORD GMAIL

METODE 2

Membuat Website Dengan Memakai Host Sendiri CMS Wordpress

Mungkin di sini ada di antara anda yang mengatakan, kalau blogspot itu ada di bawah kendali Google. Salah sedikit saja blog kita bisa dihapus padahal capek membuatnya. Kalau ini yang menjadi masalah anda, maka anda harus membuat website yang anda hosting sendiri. Untuk melakukan ini anda harus mengupload ke hosting anda file-file PHP atau sejenisnya....

Mungkin ada yang langsung bertanya "Jadi saya harus belajar bahasa pemrograman dulu?" Itu adalah salah satu opsinya. Opsi lainnya adalah dengan menggunakan CMS wordpress. Dengan menggunakan ini anda tidak perlu belajar bahasa Pemrograman apapun untuk memiliki sebuah website yang berada di bawah kendali penuh dari anda.....

Berhubung pembahasan mengenai CMS wordpress dalam membuat website ini agak diperlukan pembahasan tersendiri, maka silahkan membuka link di bawah ini....


Tapi bagi anda yang suka tantangan lebih dan ingin memperlengkapi diri dengan kemampuan membuat theme yang bisa saudara kendalikan sesuka hati dan kembangkan fungsi-fungsinya, maka mungkin mendorong diri anda untuk lebih jauh mempelajari bahasa Pemrograman bisa menjadi awal yang baik....
 
METODE 3

Membuat Website Dengan Mengandalkan Bahasa Pemrograman  Sendiri

Untuk membuat website .com yang dihosting anda harus benar-benar mempunyai pengetahuan pemrograman, karena kalau hanya menguasai HTML, maka hasilnya bisa jadi website yang menyedihkan dalam arti yang sesungguhnya.

Kalau saudara ingin membuat website dari file yang bisa di hosting, maka setidaknya anda harus menguasai 3 hal:
  • Bahasa Pemrograman Tertentu seperti PHP
  • Penggunaan Software Editor File Web
  • Pengelolaan database seperty MySQL

Belajar Bahasa Pemrograman Untuk Membuat Website

Kalau saudara mau belajar, maka sebaiknya saudara membeli satu buku panduan di toko buku tentang PHP dan MySQL. Atau kalau saudara mau belajar sendiri saudara bisa mencoba website yang luar biasa W3SCHOOL (harus ada dasar bahasa inggris yang cukup). Lihat menu pembelajarannya di sidebar sebelah kiri. 

Belajar Program Pembuat Website Seperti Dreamweaver

Menguasai bahasa pemrograman saja tidak berarti anda bisa membuat websitenya tanpa bantuan, jadi anda perlu belajar cara membuat website dengan menggunakan software. Salah satu software yang cukup umum digunakan adalah Adobe Dreamweaver.

Saudara bisa membeli buku panduan Adobe Dreamweaver di toko-toko buku terdekat, karena panduan menggunakan buku jauh lebih terstruktur. Kalaupun saudara harus belajar dari dasar, tidak akan terlalu sulit. Dalam jangka waktu sekitar 2 minggu saudara sudah bisa merampungkan website PHP sederhana milik saudara....

Tapi kalau masalahnya ada di ekonomi yang lagi seret buat beli buku.... Bisa coba baca tutorial e-book di http://www.bgsu.edu/downloads/cio/file17760.pdf .... tapi bahasa inggris ya....

Bagaimana Kalau Malas Membuat Template Website Sendiri?

Kalau saudara malas membuat template sendiri, maka saudara sebaiknya mendownload template PHP yang sudah jadi. Salah satu penyedia template PHP gratis adalah http://www.phpjabbers.com/free-website-templates.php. Anda bisa memilih beragam template pada situs ini.... tapi harus daftar dan login dulu kalau mau download....

Kalau saudara sudah dapat templatenya, maka silahkan edit templatenya dengan menggunakan Adobe Dreamweaver, jika diperlukan. Bagian terpenting dari sebuah website PHP adalah anda harus paham bagaimana cara menggunakan halaman PHP yang khusus untuk ADMIN, atau bagaimana cara mengubah struktur database MySQL sesuai kebutuhan anda....

Membeli Domain dan Hosting untuk Website Anda

Saat ini sudah banyak sekali jasa hosting dan jual nama domain. Anda bisa melakukan browsing di Google untuk mendapatkan penawaran Hosting yang terbaik.... Banyaklah bertanya dengan Customer Service jika memang diperlukan.....

Perhatikan juga syarat layanan dari hosting, karena terkadang mereka tidak menerima situs-situs tertentu, seperti perjudian, iklan baris, pornografi, dan lain sebagainya. Ini sangat penting sebelum anda terlanjur beli dan bermasalah di kemudian hari.....

Kalau saudara belum pernah memesan domain dan hosting, maka ada 3 hal  yang harus saudara pastikan tidak terlewatkan dari email penyedia hosting, yaitu:
  • HOST FTP
  • Username CPANEL, dan
  • Password CPANEL
Kalau saudara bingung, maka tanyakan saja ke CSnya lagi.

Upload File Template Website PHP ke Hosting

Untuk melakukan ini saudara bisa menggunakan software gratis FileZilla. Kalau belum punya saudara bisa mengunduhnya dari website resmi FileZilla. Kalau saudara adalah pengguna Windows, maka download file yang paling atas.

Filezilla ini bisa anda gunakan untuk memindahkan file template website PHP tadi ke folder Public_HTML yang ada di hosting berdomain yang sudah anda beli. Yang perlu anda lakukan cuma connect, dan setelahnya anda cukup click and drag untuk memindahkan satu file. 
Kalau filenya banyak berarti anda harus membuka dulu folder Public_HTML dengan mengkliknya, setelah itu saudara bisa menyorot semua file yang hendak saudara pindahkan. Yang perlu anda lakukan hanyalah klik kanan dan pilih menu UPLOAD untuk memindahkan semua file tadi ke folder Public_HTML....

Mungkin untuk lebih memudahkan saudara memahami ini coba lihat video dari user Youtube DEN BAGUS di bawah ini....
Kalau file sudah saudara upload ke folder Public_HTML. Berarti semua orang sudah bisa mengakses file website yang sudah saudara kirimkan tadi di alamat domain .com yang sudah saudara bayar penggunaannya untuk jangka waktu tertentu....

Alasan Menggunakan Domain .COM?

Tidak ada masalah SEO Friendly di sini.... Karena Google sama sekali tidak memberi keistimewaan pada satu jenis TLD tertentu. Alasan utama menggunakan .com adalah paling mudah diingat oleh pengguna....

Maksud saya seperti ini? Kalau saudara punya nama domain www.kucinglucu.net, maka biasanya saat ada pengunjung berusaha berkunjung balik maka mereka akan mengunjungi www.kucinglucu.com. Jadi tidak ada alasan teknis SEO yang aneh-aneh dalam masalah domain ini.

RANGKUMAN
Saudara bisa membuat website .com sendiri dengan membuat blog gratis yang diubah nama domainnya. Bisa juga dengan membuat file template sendiri dengan menggunakan software seperti Adobe Dreamweaver, lalu upload dengan menggunakan software FTP seperti FileZilla ke hosting berdomain .com yang sudah anda bayar penggunaannya dalam kurun waktu tertentu.
Jika ingin mendapatkan buzz terkini seputar SEO dan blog, silahkan add akun saya di bawah ini
Facebook ---> https://www.facebook.com/ricky.pratama.12139
Twitter ---> https://twitter.com/rickypratamaseo
Dan jika tidak keberatan mohon vote-nya untuk blog saya di sosmed, thanks berat gan!

Silahkan Berkomentar

Video Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit

Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit


Video ini saya buat untuk memudahkan rekan-rekan yang masih kesulitan memahani artikel cara membuat website diatas, dan harapan saya tentunya setalah melihat video membuat website ini, tidak ada lagi rekan-rekan yang kesusahan dalam membuat website.


Captions

Cara Membuat Website ala Berguru SEO

Langkah 1 : Pergi ke idhostinger.com

Langkah 2 : Klik Buat Akun

Langkah 3 : Isi Nama, Email, Password Anda

Langkah 4 : Klik Buat Akun

Langkah 5 : Buka Akun Email Anda ( mail.google.com )

Langkah 6 : Klik Link Konfirmasi dari Pihak IDHostinger

Langkah 7 : Pilih Hosting yang Gratis ( Rp.0 )

Langkah 8 : Isi Nama Domain dan Password dan Klik Buat

Langkah 9 : Tunggu 5 Detik hingga Domain dan Hosting selesai dibuat

Jika sudah muncul pesan pemberitahuan yang ada di pojok kanan bawah, Itu artinya Website Sudah Berhasil Anda Buat, Selamat!


Kesimpulan :

Bisa disimpulkan dalam Membuat Website, singkatnya hanya diperlukan [ Hosting - Domain / SubDomain - index.html / index.php ] hanya dengan ketiga unsur ini, bisa dikatakan kita sudah berhasil membuat suatu website.

Semoga saja, Cara Membuat Website yang saya tuliskan ini dapat bermanfaat untuk Anda yang ingin belajar membuat website. Akhir kata saya ucapkan terimakasih sudah berkunjung dan bersedia membaca artikel Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit ini.


Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit

Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit

Cara Membuat Website Sederhana Pemula
Cara Membuat Website

Cara membuat website mungkin bisa dibilang bukan hal yang sulit bahkan cukup mudah untuk para webmaster (pembuat website). Namun bagaimana dengan teman-teman kita yang baru saja 'terjun' di dunia blogging ? apakah mereka juga menganggap Cara Membuat Website adalah hal yang mudah ? tentu tidak bukan, atas dasar itulah saya akan mencoba menjelaskan tahap demi tahap Bagaimana Cara Membuat Website dari Dasar atau Awal untuk para Pemula tentunya.

Tenang saja, Cara Membuat Web yang akan saya berikan ini tidak akan banyak memakan waktu Anda, karena sesuai judul yang saya buat Cara Membuat Website ini hanya akan memakan waktu 5 Menit saja, bahkan mungkin bisa kurang dari itu.

Baiklah, disini saya akan membagi Tutorial Membuat Website ini menjadi 2 Bagian.

  1. Cara Membuat Website
  2. Cara Upload File ke Website Menggunakan FTP
  3. Video Cara Membuat Website

Kedua Cara diatas akan saya jelaskan secara gamblang dengan bahasa yang sesederhana mungkin. Jadi untuk Anda yang benar-benar buta akan Website mampu mengikuti Tutorial Membuat Website ini dengan Mudah.


1. Cara Membuat Website


Sebelum membuat website, hal yang harus Anda persiapkan adalah Hosting + Domain. Jika Anda bingung apa itu Hosting, maka kita bisa mengibaratkan Hosting itu ibarat Rumah untuk menyimpan barang-barang (file) dan Domain ibarat Nama Jalannya, agar pengunjung bisa berkunjung.

Untungnya hampir semua penyedia layanan website sekarang ini sudah menyediakan paket lengkap, yaitu mereka sudah menyiapkan Hosting dan Domain menjadi satu, jadi pesan Hosting dapat gratis Domain. Karena kita nyari yang gratisan jadi kita gak akan dapat Domain, melainkan hanya akan mendapat SubDomain (ada embel-embelnya, semacam blogspot.com atau wordpress.com).

Kembali ke Topik, untuk Cara Membuat Website.

  1. Kunjungi situs penyedia Layanan pembuatan Website, disini akan saya beri contoh menggunakan situs penyedia layanan yang cukup populer di Indonesia, yaitu IDHostinger. Langsung saja kunjungi http://www.idhostinger.com/

  2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, dekat form login.


  3. Di halaman ini Anda diwajibkan mengisi. Nama, E-mail dan Password Anda. Isikan sesuai tempatnya.


    Jangan lupa centang, Saya setuju dengan Ketentuan Penggunaan Layanan.

  4. Selanjtunya, kita buka Tab Baru dan masuk ke Email kita, untu mengaktivasi Akun kita. Nanti ada dua Email dari yang dikirim oleh IDHostinger, Anda lihat saja yang pertama atau yang paling bawah.


    Tingal Anda klik atau salin link tersebut ke Address Bar dan klik Enter.

  5. Disini kita akan disuruh memilih Paket Hosting yang akan kita pakai nanti untuk Membuat Website. Karena kita hanya akan Membuat Web untuk Belajar saja, maka kita Order saja yang Paket Gratis.


  6. Kalau diatas kita sudah memesan Hostingan makan setelah itu kita akan diberi hadiah SubDomain. Untuk SubDomainnya ada banyak pilihan, silahkan Anda pilih yang paling cocok atau sesuai dengan selera Anda. Lalu klik Buat.


  7. SubDomain + Hosting Anda akan dibuat, jadi tunggu hingga muncul pemeberitahuan 'Akun telah dibuat 100%' di pojok kanan bawah.


    Selanjutnya, silahkan Anda klik Lihat Hasil.

  8. Dari sini kita sudah berhasil membuat akun untuk membuat Websitenya, namun kita belum memesan Hosting + SubDomain atau dengan kata lain suah berhasi Mendaftar / Membuat Website. Namun kita harus melanjutkan untuk mengisi website kita dengan Artikel atau File. Caranya dengan mengklik tombol Kelola.


  9. Maka Anda akan dibawa ke Cpanel (Control Panel). Disinilah tempat Anda mengatur segala sesuatu yang berkaitan dengan website Anda. Mulai dari :

    • Menambah Subdomain
    • Parkir Domain
    • Impor Website
    • Impor Database
    • Mengatur Halaman Error

    Dan masih banyak lagi. Namun kita tidak akan membahas fitur-fitur yang ada di Cpanel ini (butuh watu berhari-hari). Tujuan kita masuk Cpanel adalah untuk mengambil Data mengenai : 'Nama pengguna'.


    Lihat dan silhkan Anda Catat (kalau bisa dikertas atau buku).


2. Cara Upload File ke Website Menggunakan FTP


Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah, yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih file yang akan Anda Upload.

Tapi yang jadi masalah bagaimana jika kita ingin mengupload file kedalam Hosting saat kita menggunakan HandPhone ? tentu kita tidak mungkin masuk File Manajer yang ada disediakan IDHostinger, karena ada beberapa Javascript yang harus dijalankan, dan itu tidak mungkin dijalankan di browser Handphone (operamini / ucbrowser).

Maka dari itu, disini kita akan meminta bantuan FTP. FTP Online ini fungsinya menjadi perantara, Antara file yang akan kita upload dengan Hosting yang sudah kita pesan tadi (tanpa melalui file manajer).

Mohon maaf disini saya akan memberikan screenshotnya dari tampilan PC, tapi sebenarnya sama persis kok tampilannya antara di PC dan Handphone, karena saya sering membuka di HP juga.

Untuk Upload filenya mealalui FTP Online tentunya kita harus memilih 1 dari ribuan FTP Online yang ada di Internet, disini saya memutuskan untuk memilih Net4India karena sudah support https dan yang terpenting adalah sangan HandPhone Friendly (nyaman dan tidak terlalu berat jika dibuka melalui hp).

Sekarang, langkah-langkah Cara Upload File ke Website atau Hosting menggunakan FTP Online.

  1. Buka https://ftp.net4india.com/


    Tadi sebelumnya saya menyuruh Anda untuk mencatat 'Nama pengguna' bukan ? gunanya ya untuk mengisi Login Panel di FTP ini. Ada tiga form yang harus Anda isi.

    FTP server: Isikan Nama Domain Anda
    Username: Isikan Nama Pengguna
    Password: Isikan Password

    Setelah semua terisi silahkan Anda klik Login.

    * yang dimaksud password disini adalah password saat Anda mengisi SubDomain, jadi bukan password saat Anda membuat akun IDHostinger.


  2. Setelah klik Login, maka Anda akan masuk kedalam direktori root.


    Di direktori (folder) ini Anda tidak bisa mengupload apapun, andai kata bisa upload, Anda tidak akan bisa mengaksesnya melalui url (tidak bisa diakses umum), karena filenya berada di dalam. Solusinya Anda klik dulu public_html.

  3. Disinilah tempat untuk mengatur halaman depan website Anda. Cara Mengaturnya, pertama-tama Anda hapus dulu default.php yang ada di direktori public_html ini. Ohya, default.php ini isinya adalah ucapan selamat datang yang otomatis dibuat oleh pihak IDHostinger, jadi kita hapus saja tidak masalah.


    Centang filenya dan pilih Delete. Lalu pilih Submit, dan klik Back untuk kembali ke public_html.

  4. Langkah selanjutnya tinggal kita upload file kita ? tapi file apa yang akan kita upload ? jangan kuatir disini saya akan memberikan script / kode html untuk membuat halaman depan website, oya kode ini bukan buatan saya melainkan buatan master problogiz, yang juga sudah valid HTML5. Langsung saja ini dia kodenya.

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="utf-8">
    <title>Page Title</title>

    <!-- meta tags -->
    <meta name="keywords" content="">
    <meta name="description" content="">

    <!-- stylesheets -->

    <style>
    /* ~~~~~~~~~ layout ~~~~~~~~~~ */
    #container {width: 960px;margin: 20px auto;background: #fff;padding: 30px;overflow: hidden;}

    /* ~~~~~~~~~ header ~~~~~~~~~~ */
    #main-navigation {border-bottom: 5px solid #3942A3;margin: 20px 0;}
    #main-navigation ul {overflow: hidden;width: 100%;list-style: none;font-size: 1.6em;}#main-navigation li {float: left;}
    #main-navigation li a {background: #3972A3;margin: 0 5px 0 0;padding: 5px 30px;display: block;color: #000000;text-decoration: none;}
    #main-navigation li.current a {background: #666;}
    #main-navigation li a:hover {background: #777; }

    /* ~~~~~~~~~ article ~~~~~~~~~~ */
    article {width: 100%;overflow: hidden;}
    section {float: left;width: 500px;}

    /* ~~~~~~~~~ aside ~~~~~~~~~~ */
    aside {float: right;width: 310px;}

    /* ~~~~~~~~~ footer ~~~~~~~~~~ */
    footer {width: 840px;margin: 20px auto;font-size: 1.4em;text-align: right;}

    /* ~~~~~~~~~ common ~~~~~~~~~~ */
    body, select, input, textarea {font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;color: #333;}
    body {background: #ccc;}
    h1 {font-weight: normal;color: #666;font: 3.2em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0 0;}
    h2 {font-weight: normal;color: #666;font: 2.4em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0; }
    section p, section ul, section ol,
    aside p, aside ul, aside ol {font-size: 1.4em;margin: 1em 0;}
    section ul {margin-left: 1em;}
    section ol {margin-left: 1.4em;}

    /* ~~~~~~~~~ generic ~~~~~~~~~~ */
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
    img {vertical-align: bottom;}
    img, fieldset {border: 0;}
    html {overflow-y: scroll;}
    header, nav, section, article, figure, aside, footer {display: block;}
    </style>

    <!-- javascript -->
    <script src="js/jquery-1.3.2.min.js"></script>

    <!--conditional-->
    <!--[if IE]>
    <script src="js/html5.js"></script>
    <![endif]-->
    </head>

    <body class="home">

    <div id="container">
    <header id="page-header">
    <h1>Judul Blog</h1>
    <nav id="main-navigation">
    <ul>
    <li class="current"><a href="#">Home</a></li>
    <li style="color: red;"><a href="#">About</a></li>
    <li><a href="#">Menu</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Contact</a></li>
    </ul>
    </nav>
    </header>
    <article id="page-content">
    <section>
    <hgroup>
    <h2>Pemahaman HTML5</h2>
    <h2>Demo HTML5 Template</h2>
    </hgroup>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac iaculis erat. Maecenas id fermentum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
    <h2>HTML 5 Item</h2>
    <ul>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    </ul>
    <ol>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    </ol>
    </section>
    <aside>
    <h2>Artikel Terkait</h2>
    <p>Aliquam id lorem ac tellus fringilla bibendum et at turpis. In ut auctor justo. Integer ac quam sed est semper hendrerit.</p>
    </aside>
    </article>
    </div>

    <footer>
    Footer
    </footer>

    </body>
    </html>

    Pertama Anda copy paste dahulu seluruh script diatas, selanjutnya paste kan kedalam aplikasi moby explorer (ini yang biasa saya pakai kalau mengedit text di hp) atau Anda bisa juga menggunakan editor yang gratis lainya, edit yang perlu diedit setelahs selesai di edit seve dengan nama index.html (tulis persis dengan apa yang saya tulis, jangan diganti Index.html atau ind3x.html)

  5. Setelah Anda save sekarang saatnya Anda upload, caranya mudah saja, klik Upload.


    Dan selanjutnya pilih Choose File (ada 2 tulisan choose file, anda pilih yang atas karena itu nanti file yang diupload tidak akan dikompres / meminimalisir file rusak). Dilanjut dengan mengklik tombol Submit.

    Jika muncul tulisan :

    Checking files: 
    File index.html is OK
    Transferring files to the FTP server: 
    File index.html has been transferred to the FTP server using FTP mode FTP_ASCII

    Berarti file sukses diupload, itu artinya kita sudah berhasil mengubah halaman depan Website yang kita buat. Kalau tidak percaya cek saja Website Anda.

    Ini screenshot halaman depan Website saya yang index.html-nya menggunakan kode diatas.


    Cukup menarik bukan, hehe.
Video Cara Membuat Website






Video ini saya buat untuk memudahkan rekan-rekan yang masih kesulitan memahani artikel cara membuat website diatas, dan harapan saya tentunya setalah melihat video membuat website ini, tidak ada lagi rekan-rekan yang kesusahan dalam membuat website.

Captions

Cara Membuat Website ala Berguru SEO

Langkah 1 : Pergi ke idhostinger.com

Langkah 2 : Klik Buat Akun

Langkah 3 : Isi Nama, Email, Password Anda

Langkah 4 : Klik Buat Akun

Langkah 5 : Buka Akun Email Anda ( mail.google.com )

Langkah 6 : Klik Link Konfirmasi dari Pihak IDHostinger

Langkah 7 : Pilih Hosting yang Gratis ( Rp.0 )

Langkah 8 : Isi Nama Domain dan Password dan Klik Buat

Langkah 9 : Tunggu 5 Detik hingga Domain dan Hosting selesai dibuat

Jika sudah muncul pesan pemberitahuan yang ada di pojok kanan bawah, Itu artinya Website Sudah Berhasil Anda Buat, Selamat!


Kesimpulan :

Bisa disimpulkan dalam Membuat Website, singkatnya hanya diperlukan [ Hosting - Domain / SubDomain - index.html / index.php ] hanya dengan ketiga unsur ini, bisa dikatakan kita sudah berhasil membuat suatu website.

Semoga saja, Cara Membuat Website yang saya tuliskan ini dapat bermanfaat untuk Anda yang ingin belajar membuat website. Akhir kata saya ucapkan terimakasih sudah berkunjung dan bersedia membaca artikel Cara Membuat Website Sederhana Untuk Pemula Dalam 5