Cara Mudah Membuat Website

Sebenarnya membuat website tidaklah sulit. Anak SMP pun bisa membuatnya. Website yang dimaksud di sini tentunya website yang sederhana. Kalau yang rumit-rumit sebaiknya kita serahkan saja pada ahlinya. 
Ada beberapa cara yang bisa digunakan untuk membuat website (gratis) yang saya tahu. Saya ini sukanya hal-hal yang sederhana, efektif dan efisien. Jadi, saya jamin informasi yang saya berikan ini akan mudah dimengerti dan diterapkan. Anda bisa membuat website dengan menggunakan kode HTML atau program WYSIWYG (What You See Is What You Get) dengan bantuan software seperti Microsoft Front Page atau Dreamweaver.

  Kelebihan Kekurangan
Bahasa HTM -anda akan lebih mampu memanfaatkan fasilitas-fasilitas gratisan di internet semaksimal mungkin. -repot menulis banyak kode karena mereka harus diketik satu-satu.
-membuat tampilan hompage anda tampak lebih profesional dan oke. -Kadang sering bingung kalau kodenya sudah banyak sekali. Ini bisa diatasi dengan tidak membuat tampilan homepage yang rumit-rumit.
-pemilik homepagelah yang memiliki kontrol penuh atas kode2 HTML yang ada di websitenya.  
-sebenarnya mudah dimengerti bahkan oleh pemula sekalipun.Tidak diperlukan bahasa pemrogaman yang rumit dalam pembuatannya (selama anda membuat website yang sederhana sesuai kebutuhan)
Program WYSIWYG
-Penggunaannya sangat sederhana, tidak repot menulis kode2. Yang perlu anda lakukan adalah menulis atau mengetik seperti di microsoft words.
-tidak perlu hafal ataupun mengerti luar dalam tentang bahasa HTM
-waktu pengerjaan lebih cepat 		-tidak memiliki kelebihan bahasa HTM
-Kita tidak bisa mengontrol kode-kode HTM yng muncul sehingga terkadang harus diedit dan dikoreksi lagi.Terkadang lebih melelahkan memeriksa kesalahan atau mengeditnya.



Cara membuat website dengan kode HTML :

Kode yang harus ada untuk membuat 1 halaman web
<html>
<head>
<title>    </title>
<body>
</body>
</html>

Kata yang ada didalam tanda "<" dan">" disebut tag. Tag pembuka <   > biasanya punya pasangan yaitu </   >. Namun, ada juga yang tidak memiliki pasangan misalnya <br>.  
setiap halaman web selalu diawali dengan <html> dan diakhiri dengan </html>
<head> adalah bagian kepala yang biasanya akan dibaca oleh search engine. Banyak pakar yang mengatakan bahwa bagian inilah salah satu hal yang akan mempengaruhi berapa ranking anda di search engine. Biasanya <head> berisi kode-kode seperti dibawah:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">saya tidak terlalu mengerti tentang yang satu ini ,jadi cari tahu di tempat lain saja... hehe.. maaf ya saya tidak bisa memberitahu anda tentang hal ini.
<meta name="description" content="cara mudah dapatkan uang melalui internet"> ini yang sering dibaca oleh search engine. Isi content itu menjelaskan secara singkat isi website anda.Deskripsi ini tidak akan muncul di website anda.
<meta name="keyword" content="peluang usaha,peluang bisnis"> keyword merupakan kata kunci yang relevan dengan isi website anda. Bisa dikatakan kata-kata ini adalah topik atau tema website anda. Setiap kata dipisahkan dengan koma. Kata-kata ini tidak akan muncul di website anda.

<title>Kerja ringan penghasilan tinggi</title> ini merupakan judul website anda. Judul tersebut bisa dibaca oleh banyak orang.

</head> digunakan untuk mengakhiri bagian kepala.

<body> adalah kode tempat isi website anda ditulis.Pada bagian inilah yang nantinya akan dilihat oleh pembaca.
</body> untuk mengakhiri bagian body. Biasanya setelah kode </body> lanjutannya adalah kode </html>
 

Karakter khusus kode HTML Contoh
tampilan di halaman kode HTML tampilan di website
< &lt; &lt; kelinci &gt; < kelinci >
> &gt;
& &amp; kelinci &amp; tupai kelinci & tupai
" &quot;  &quot; kelinci &quot; " kelinci "
± &plusmn; &plusmn;1.000.000,- ± 1.000.000,-
© &copy; &copy; Do not copy © Do not copy
® &reg; &reg; All right ® All right

<table> digunakan untuk membuat tabel
<tr> menunjukkan banyak baris. 
<td> menunjukkan banyak kolom.

contoh :
<table border="1">
<tr>
<td>baris1kolom1</td>
<td>baris1kolom2</td>
<td>baris1kolom3</td>
</tr>
<tr>
<td>baris2kolom1</td>
<td>baris2kolom2</td>
<td>baris2kolom3</td>
</tr>
</table>

jadinya akan seperti ini 

baris1kolom1 baris1kolom2 baris1kolom3
baris2kolom1 baris2kolom2 baris2kolom3

Saya akan menyebutkan kode-kode HTML yang paling sering dipakai. Jika ingin belajar html lebih lanjut, silahkan kunjungi alamat-alamat ini :

tipe perintah kode HTML contoh
teks jenis tulisan ,ukuran, warna < font face=" jenis tulisan" size="angka" color ="#angka/huruf 6 digit "> teks </font> <font face="comic sans ms" size= "4" color ="#0000FF"> kelinci </font>
kelinci
  bold/ italic/ underline <b> </b> , <i> </i> , <u></u> <b> tupai </b> tupai
<u><b><i>tupai</i></b></u> tupai
supercript <sup></sup> 100<sup>0</sup>C 1000C
subscript <sub></sub> H<sub>2</sub>O H2O
paragraf paragraf baru <p> </p> <p>Kebaikkan dalam kata-kata menciptakan percaya diri. Kebaikkan dalam berpikir menciptakan kebijakkan.</p>
<p>Kebaikkan dalam memberi menciptakan cinta</p>  

Kebaikkan dalam kata-kata menciptakan percaya diri.Kebaikkan dalam berpikir menciptakan kebijakkan.

Kebaikkan dalam memberi menciptakan cinta
baris baru <br>
 <br>Kebaikkan dalam kata-kata menciptakan percaya diri.<br>Kebaikkan dalam berpikir menciptakan kebijakkan.<br>Kebaikkan dalam memberi menciptakan cinta
Kebaikkan dalam kata-kata menciptakan percaya diri.
Kebaikkan dalam berpikir menciptakan kebijakkan.
Kebaikkan dalam memberi menciptakan cinta
perataan <p align="left/right/center/justify">

<p align="left">Kebaikkan dalam kata-kata menciptakan percaya diri.</p>
<p align="center">Kebaikkan dalam berpikir menciptakan kebijakkan.</p>
<p align="right">Kebaikkan dalam memberi menciptakan cinta</p>  

Kebaikkan dalam kata-kata menciptakan percaya diri.

Kebaikkan dalam berpikir menciptakan kebijakkan.

Kebaikkan dalam memberi menciptakan cinta
paragraf lebih masuk ke dalam <blaokquote></blockquote> Tentang cinta dan kebaikkan (<i>teks normal</i>)

<blockquote><p>Kebaikkan dalam kata-kata menciptakan percaya diri. Kebaikkan dalam berpikir menciptakan kebajikkan. Kebaikkan dalam memberi menciptakan cinta.</p>

</blockquote><p align="right"><i>Lao Tzu</i>
Tentang cinta dan kebaikkan (teks normal)

Kebaikkan dalam kata-kata menciptakan percaya diri. Kebaikkan dalam berpikir menciptakan kebajikkan. Kebaikkan dalam memberi menciptakan cinta.

Lao Tzu
enter <pre></pre> <pre>Kebaikkan dalam kata-kata menciptakan percaya diri.</pre>
<pre> Kebaikkan dalam berpikir menciptakan kebajikkan.</pre>
<pre> Kebaikkan dalam memberi menciptakan cinta.</pre>		 
Kebaikkan dalam kata-kata menciptakan percaya diri.
Kebaikkan dalam berpikir menciptakan kebajikkan.
Kebaikkan dalam memberi menciptakan cinta.
spasi lebih dari 1 &nbsp; makan &nbsp;&nbsp;&nbsp;&nbsp; nasi
makan                      nasi
link menghubungkan halaman2 web <a href ="alamat hlm/ website yg ingin dihubungkan">teks</a>

<a href="http://www.formulabisnis.tz4.com">terhubung ke website lain</a>
terhubung ke website lain
gambar menambahkan gambar <img src="alamat tempat gambar berada" alt="nama-gambar">

Sebenarnya saya sendiri kalau membuat suatu homepage tidak pernah benar-benar mengetik kode2 HTML tersebut satu persatu. Gila apa, panjang n memusingkan banget, bo! Saya sering menggunakan microsoft frontpage dan html. Yah, kitakan ga me cape2 nulis semua kode2 itu.... Kita tetap bisa mengontrol kode2 tersebut dan ga lelah menulis kode satu-satu. Informasi di atas gunakan saja sebagai wawasan dalam mengenal HTML. Ada cara untuk membuat website tanpa menggunakan software frontpage ataupun mengerti kode HTML, yaitu dengan mendaftar di tempat membuat website gratisan di www.freewebs.com. Tapi tentu saja tampilannya akan tampak tidak sprofesional buatan sendiri.

Cara mengupload file agar website anda dapat dibaca oleh semua orang di dunia :

Sekali lagi saya kan memberi tahu cara mengupload file yang gampang-gampang saja (menurut saya), yaitu dengan file manager. Biasanya fasilitas ini diberikan oleh penyedia webspace gratis. Oh iya, sebelumnya anda harus memiliki tempat(space) di internet. Cara mendapatkannya bisa dengan bayar ke penyedia webspace(webhosting) atau mendaftarkan diri di tempat webhosting gratisan di sini. Biasanya webhosting gratisan itu menaruh iklan di homepage anda. Ada yang diletakkan di atas,di bawah, berupa ikllan banner ataupun iklan pop up (halaman web yang tiba-tiba muncul saat anda membuka website tertentu, padahal anda tidak pernah bermaksud membukanya). Tentu saja iklan2 ini akan membuat website anda tampak kurang profesional. Yang saya tawarkan di sini adalah webhosting tanpa iklan.

Kita kembali pada pada fasilitas file manager yang diberikan oleh penyedia webspace gratis tsb. Tidak semua penyedia webspace gratis menyediakan fasilitas file manager (webhosting gratis yang menyediakan fasilitas file manager adalah website ini), terkadang fasilitas ini diganti dengan FTP (cara mengupload data yang butuh bantuan software tertentu). Saya tidak akan membahas cara mengupload data menggunakan FTP, anda bisa mempelajarinya di e-book ini.

Cara mengupload data/ file menggunakan file manager :

  1. Login ke webhosting anda.
  2. Pilih menu "manage account; yang ada di samping kanan.
  3. Oleh karena ini pertama kalinya anda membuat website, klik "create new account button", anda akan ditanya apakah sudah punya nama domain atau belum (alamat website anda). Jika belum ia akan menawarkan beberapa pilihan : anda boleh memasukkan alamat website dari penyedia jasa nama domain di tempat lain atau menggunakan jasa penyedia nama domain gratisan dari dy ( alamat website anda akan menjadi seperti ini http://www.nama-homepage-anda.xxx.com). Alamat website anda tampak panjang. Anda bisa memendekkannya dengan cara redirect, akan dibahas nanti. Kemudian masukkan password, klik "setup account" button.
  4. Nanti anda akan dikirim username baru dan password untuk cpanel ke email anda. cPanel adalah menu yang digunakan untuk mengedit website anda. Silahkan cek email, jika tidak ada mungkin saja masuk ke bulk. Setelah itu silahkan login lagi ke tempat webhost tersebut. Pilih menu "manage account" , lalu "acces cPanel", di halaman baru masukkan username dan password yang dikirim tadi. Nanti anda akan diminta untuk mengikuti program get start wizard atau tidak. Saran saya ikuti saja karena get start wizard merupakan program yang mengenalkan anda tentang fungsi menu-menu di cPanel. Untuk mengupload data silahkan pilih menu "file manager". Pada file manager directory selection pilih web root (public_html/www)yang gambarnya planet bumi. Klik GO. Di halaman baru kanan atas pilih menu upload file. Upload file2 yang sudah anda siapkan. Hapus file yang berjudul index.php jika anda menggunakan halaman default index.htm.
  5. Lakukan ujicoba dengan cara mengetikkan alamat website anda yang baru saja anda daftarkan tadi di browser. Selamat anda sudah melihat website pertama anda! Jika belum berhasil mungkin anda belum mengupload halaman default (halaman pertama yang akan muncul ketika seseorang mengakses website anda yang mana harus disimpan dengan nama index.html).
  6. Jika mau mengedit file silahkan pilih menu edit code (mengedit file dalam bentuk code html).