Tutorial Web

FIK Unaki

Membuat Web Gratis

I.

Pengertian website atau situs.

Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang
digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi,
suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun
dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana
masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Unsur-unsur website atau situs.
Untuk menyediakan keberadaan sebuah website, maka harus tersedia unsur-unsur
penunjangnya, adalah sebagai berikut:
1. Nama domain (Domain name/URL Uniform Resource Locator)
Pengertian Nama domain atau biasa disebut dengan Domain Name atau URL
adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi
sebuah website, atau dengan kata lain domain name adalah alamat yang
digunakan untuk menemukan sebuah website pada dunia internet,

sebagai

pengganti format deretan angka dari alamat IP client server hosting tempat file
web diletakkan, misal http://www.google.co.id/ atau http://64.233.181.147/
Nama domain diperjualbelikan secara bebas di internet dengan status sewa
tahunan. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai
dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama
domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws.
Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah co.id (untuk
nama domain website perusahaan), ac.id (nama domain website pendidikan),
go.id (nama domain website instansi pemerintah), or.id (nama domain website
organisasi).
2. Rumah tempat website (Web hosting)
Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam
harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya
yang akan ditampilkan di website. Besarnya data yang bisa dimasukkan
tergantung dari besarnya web hosting yang disewa/dipunyai, semakin besar web
FIK Unaki

Page 1

Tutorial Web

FIK Unaki

hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam
website.
Web Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan
ruangan harddisk dengan ukuran MB(Mega Byte) atau GB(Giga Byte). Lama
penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting
dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak
dijumpai baik di Indonesia maupun Luar Negeri.
3. Bahasa Program (Scripts Program)
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam
website yang pada saat diakses. Jenis bahasa program sangat menentukan statis,
dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa
program yang digunakan maka akan terlihat website semakin dinamis, dan
interaktif serta terlihat bagus.
Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website.
Jenis jenis bahasa program yang banyak dipakai para desainer website antara lain
HTML, ASP, PHP, JSP, Java Scripts, Java applets dsb. Bahasa dasar yang dipakai
setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa
pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs.
Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program
ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi,
buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang
memerlukan update setiap saat.
4. Desain website
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan
bahasa program (scripts program), unsur website yang penting dan utama adalah
desain. Desain website menentukan kualitas dan keindahan sebuah website.
Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya
sebuah website.

FIK Unaki

Page 2

FIK Unaki

Tutorial Web
II.

Langkah-langkah Pembuatan Website :

1. Membuat domain
a.

Untuk mendaftar domain co.cc masukkan URL berikut http://www.co.cc

b.

Pada halaman .co.cc masukkan nama domain yang diinginkan, kemudian

pilih check availability. Misal sebagai contoh fikunaki.co.cc, seperti
gambar dibawah ini :

c.

Jika nama domain tersedia, pada halaman selanjutnya akan muncul

halaman seperti ini, pilih Continue to registration.

FIK Unaki

Page 3

FIK Unaki

Tutorial Web
d.

Karena kita belum memiliki account maka pilih create an account now.

e.

Pada halaman selanjutnya, isi formulir pendaftaran dengan lengkap

(terutama yang ada tanda centangnya, wajib untuk diisi).

FIK Unaki

Page 4

FIK Unaki

Tutorial Web
f.

Jika sudah terisi semua, berikan tanda centang pada I accept the Terms of
Services, kemudian pilih Create an account now.

g.

Selamat, nama domain Anda sudah terdaftar, nama domain ini akan aktif
selama 48 jam, jika dalam kurun waktu tersebut tidak melakukan set up
pada domain maka pendaftaran domain di cancel. Pemberitahuan ini
dikirim penyedia layanan Domain melaui Email.

2. Setup Domain Name Server (DNS)

a. Masuk URL berikut http://www.co.cc, pilih Returning user, sign in here

FIK Unaki

Page 5

Tutorial Web

FIK Unaki

b. Masukkkan Usernama (Email), Password dan Word Verfication, lalu pilih

Sign In.

c. Dari page Manage Domain, pilih Name Server lalu setting untuk Name
Server1 : ns01.000webhost.com dan Name Server2 : ns02.000webhost.com
seperti dibawah ini :

Untuk name server menyesuaiakan dengan Hosting kita gunakan. Sedangkan

Untuk Zone Records dan URL Forwarding dalam kondisi Default.

FIK Unaki

Page 6

FIK Unaki

Tutorial Web
3. Mempersiapkan Web Hosting

Selain web hosting berbayar (paid hosting), kita juga bisa memanfaatkan layanan
web hosting gratis. Web hosting gratis bisa jadi alternatif dengan didasarkan atas
beberapa pertimbangan , misal soal biaya, atau sekadar untuk latihan sebelum
menyewa hosting berbayar/komersial.
Salah satu web hosting gratis yang cukup populer saat ini adalah 000WebHost
(http://000webhost.com), yang nantinya kita gunakan sebagai web hosting.
Untuk tahap-tahapannnya sebagai berikut :
a. Ketik URL http://000webhost.com

pada address bar web browser. Pilih

tombol Sign Up

b. Isikan nama domain yang telah kita buat, misal fikunaki.co.cc. Isikan pula
untuk data yang lain, lalu klik Create My account.

FIK Unaki

Page 7

Tutorial Web

FIK Unaki

c. Setelah tahapan diatas, kita akan dapat pemberitahuan lewat email untuk
melakukan update.

d. Klik http://members.000webhost.com untuk melakukan login account yang

telah kita buat. Isikan data Email, Password dan Symbols Image, klik submit.

FIK Unaki

Page 8

Tutorial Web

FIK Unaki

e. Kita bisa mengatur domain dengan mengunakan CPanel

4. Instalasi Web
Dalam instalasi web ini, kita bisa menggunakan pembangkit web seperti
Wordpress, Joomla, PHP, Mambo, Drupal, b2evolution, dan lain-lain. Untuk
sample dalam instalasi kita akan menggunakan Wordpress. Sebelum menginstal
Wordpress, kita buat dulu database yang akan kita gunakan.
Untuk membuat Database, kita dapat melakukan langkah-langkah berikut ini :
a. Masuk CPanel dalam web hosting kita (ikuti langkah 3d dan 3e), klik icon
MySQL

FIK Unaki

Page 9

Tutorial Web

FIK Unaki

b. Isikan MySQL database name, MySQL user name, dan Password. Misal
seperti gambar dibawah ini :

c. Setelah diisikan akan muncul informasi sebagai berikut :

Catat data diatas, untuk nantinya digunakan dalam konfigurasi web yang
akan kita buat.

Untuk menginstal Wordpress, kita dapat melakukan langkah-langkah berikut :

a. Download file Wordpress terbaru, dengan membuka web browser dan ketik
URL http://wordpress.org, klik Download.

FIK Unaki

Page 10

Tutorial Web

FIK Unaki

b. Ekstrak file Wordpress-3.0.1.zip dan edit file wp-config-sample.php

c. Dengan menggunakan editor Dreamweaver atau Notepad, edit skrip seperti

dibawah ini :

d. Simpan dengan nama wp-config.php

FIK Unaki

Page 11

Tutorial Web

FIK Unaki

Mengupload file lewat FTP, misal FileZilla, WS FTP Pro, SmartFTP, atau yang
lainnya. Dalam contoh ini kita menggunakan FileZilla (download gratis di
http://filezilla-project.org atau http://webkuliah.co.cc )
a. Aktifkan FileZilla, pilih menu SiteSite Manager, sehingga muncul seperti
kotak dialok seperti dibawah ini :

Pilih New Site, isikan nama My Site, misal fikunaki. Untuk data Host, User,
dan Password diisikan sesuai dengan data 3c (Mempersiapkan Web Hosting
point c), dan Logon Type pilih Normal.
b. Jika koneksinya berhasil, maka akan muncul tampilan Status Directory listing
successful seperti dibawah ini :

FIK Unaki

Page 12

Tutorial Web

FIK Unaki

c. Upload file Ekstrak Wordpress ke folder public_html. Perlu diperhatikan Local

Site adalah letak file lokal (dalam komputer), sedangkan Remote Site adalah
file yang di server (global). Untuk Local Site, Anda cari folder tempat
menyimpan file Wordpress dan Remote Site pada / public_html. Blok (pilih)
semua file yang akan di upload, lalu klik kanan pilih Upload.

d. Anda pastikan bahwa semua transfers file sukses, jika ada kegagalan transfer
lakukan Upload ulang untuk filed transfers

5. Mendesain Web
Tahapan berikutnya adalah melakukan setting dan desain web. Dalam hal ini kita
mengunakan Wordpress sebagai tempale. Tahapan-tahapan untuk menyetting
web dan mendesain sebagai berikut :
FIK Unaki

Page 13

Tutorial Web

FIK Unaki

a. Ketik URL domain yang sudah kita buat pada address bar web browse, misal
http://fikunakico.cc maka muncul tampilan sebagai berikut :

Isikan data sesuai dengan ketentuan yang ada, lalu klik Install Wordpress.
b. Tampilan halaman admin dari Wordpress

Setelah melakukan login, maka akan muncul tampilan Dashboard web kita
sebagai berikut :

FIK Unaki

Page 14

Tutorial Web

FIK Unaki

c. Untuk melihat web, klik Tittle Web (Fakultas Ilmu komputer) atau Visit Site,
seperti dibawah ini :

Usahakan untuk Header dan Footer web, diedit sesuai dengan tema web kita.

FIK Unaki

Page 15