P. 1
Cara Membuat Website Menggunakan Program!!!

Cara Membuat Website Menggunakan Program!!!

5.0

|Views: 10,581|Likes:
Published by Billie
Cara Membuat Website Dengan Menggunakan Program !!!
Cara Membuat Website Dengan Menggunakan Program !!!

More info:

Published by: Billie on Jun 16, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
See more
See less

06/18/2014

Copyright © 2009 – www.caramembuatwebsite.com

1

“Bagaimana Cara Membuat
Website Dengan Tangan
Anda Sendiri Dan Upload Ke
Hosting!”

Oleh: Kusuma Putra

Copyright © 2009 – www.caramembuatwebsite.com

2

Hak Cipta 2009, www.caramembuatwebsite.com by. Kusuma Putra

Dilarang keras memproduksi, memperbanyak dan mendistribusikan baik keseluruhan
maupun sedikit maupun bagian dari panduan belajar ini dalam bentuk apapun, tanpa
izin tertulis dari www.caramembuatwebsite.com atau dari penulis.

Jika Anda mendapatkan panduan belajar ini dari orang lain ataupun situs lain tanpa
disertai rekomendasi kami, berarti Anda telah mendapatkan salinan, hasil bajakan
ataupun malah copy asli produk ini.

Untuk itu, mohon bantuan Anda dalam menghentikan pelanggaran hak cipta dengan
menghubungi kami melalui: http://caramembuatwebsite.com/support

Petunjuk Penggunaan

Semua materi ni didapat dari hasil rangkuman pembelajaran saya selama ini. Baik
ketika mengalami trial anda error, masukan dari rekan-rekan saya, dan juga dari
hasil yang saya peroleh di Internet.

Sehingga inilah modul yang akan menjelaskan kepada Anda bukan pada teori tapi
langsung praktek dengan tujuan Anda bisa mempraktekkan apa yang diajarkan
setelah membaca panduan ini.

Demi kenyamanan belajar sebaiknya Anda men-download dulu dan mencetak
panduan belajar ini sebelum membacanya. Namun anda dilarang keras
memproduksi, memperbanyak dan atau mengedarkan panduan ini dalam bentuk
hardcopy maupun softcopy tanpa ijin tertulis dari

www.caramembuatwebsite.com

Mantap!

Kusuma Putra

Internet Marketer
Owner: www.caramembuatwebsite.com

Copyright © 2009 – www.caramembuatwebsite.com

3

Sebelum Anda Mulai

Ketika Anda membuat sebuah website, anda akan menggunakan
gambar-gambar – Anda juga akan menambahkan link ke halaman yang
lain.

Untuk memudahkan anda mengelola website anda, maka anda perlu
membuat sebuah folder di komputer anda, dan meletakkan file-file
gambar dan file website yang anda buat (html) didalam satu tempat.

Anda bisa melihatnya pada gambar di bawah ini, begitulah kira-kira
struktur file yang ada di satu folder bernama website.

Pada gambar di sebelah kanan, adalah gambar file yang ada di server.
Bila anda lihat kedua gambar dibawah, maka baik di komputer anda
ataupun di server hosting maka begitulah seharusnya file-file
diletakkan. Jadi antara di komputer dengan di server hosting anda bisa
meletakkan file-file secara mirip sama.

Pada contoh diatas, path/jalur file berikut akan dibuat:

/index.html
/otherpage.html
/images/image1.jpg
/images/image2.jpg

Catatan: Nama folder dan nama file harus dengan huruf kecil semuanya. (case
sensitif)

Copyright © 2009 – www.caramembuatwebsite.com

4

Langkah pertama: Anda perlu membuat sebuah folder di komputer
anda, klik “Make a new folder” (1). Anda bisa membuatnya di my
documents seperti contoh dibawah ini.

Lalu Berilah Nama “Website” (2). Pada folder “Website” inilah nantinya
anda akan meletakkan file-file website anda.

Setelah folder “website” selesai dibuat, klik dua kali untuk masuk
kedalamnya, lalu buat sebuah folder lagi (1). Kali ini namakan folder tadi
sesuai dengan nama domain yang akan anda pergunakan untuk
membuat website anda yang pertama.

Karena saya sudah menyiapkan sebuah domain:
“caramembuatwebsite.com” maka saya menamakannya sesuai nama itu.
(2)

Copyright © 2009 – www.caramembuatwebsite.com

5

Lalu, didalam website folder anda, buatlah sebuah folder baru (1)
dengan nama “images” (2) dimana nantinya anda akan meletakkan
file-file gambar yang diperlukan untuk mempercantik website
anda.

Mendownload Web Editor Anda

Sebuah web editor yang mudah digunakan dan sangat sederhana dan
juga gratis yang akan kita pergunakan – adalah NVU. Untuk
mendownloadnya silahkan ke: http://www.nvudev.com/download.php

Klik pada link yang sesuai dengan operator komputer anda. Dalam hal
ini, karena saya menggunakan Windows XP maka saya klik pada bagian
itu.

Jika link diatas tidak bisa, maka silahkan download melalui server saya:
http://www.caramembuatwebsite.com/bonus/nvu-1.0-win32-installer-
full.exe

Copyright © 2009 – www.caramembuatwebsite.com

6

Muncul sebuah kotak, dan Nvu siap didownload. Klik “Save File”

Pilih sebuah folder di komputer anda untuk menyimpan installer
file ini. Dalam gambar dibawah, saya meletakkannya di folder
“Website” Di Tempat Folder Domain Yang diatas saya buat. Lalu
klik Save.

Copyright © 2009 – www.caramembuatwebsite.com

7

Catatan: Ada baiknya anda meletakkan installer file seperti ini di
folder khusus di komputer anda. Installer ini hanya dipergunakan
sekali saja. Untuk penggunaan lain kali, anda dapat enyimpannya.

Setelah file selesai didownload maka klik open untuk mulai
menginstallnya.

Copyright © 2009 – www.caramembuatwebsite.com

8

Komputer anda kemudian akan memberitahu anda bahwa anda
akan menginstall Excutable File. Klik Ok, karena ini adalah file
yang aman.

Executable File: Adalah file yang akan anda install (terpasang) di
komputer anda.

Jika anda mendownload sebuah Executable File dari website yang
tidak jelas reputasinya, maka anda tidak tahu apa yang ada
didalamnya, ini menjadi sebuah resiko bagi anda, karena bisa saja
berisi file yang dapat merugikan komputer anda.

Jaminan Keamanan: Baik Installer Nvu dan WS_FTP yang
nantinya anda akan pergunakan, keduanya adalah aman.

Lalu Klik: “Next”.

Copyright © 2009 – www.caramembuatwebsite.com

9

Setelah klik pada tombol “I accept the agreement” (1), klik “Next”
(2)

Lalu proses selanjutnya adalah memilih dimana program akan terinstall.
Secara otomatis akan terpilih di program files komputer anda. Anda bisa
memilih folder yang lain. Namun, anda bisa langsung melanjutkan, klik
“Next”.

Copyright © 2009 – www.caramembuatwebsite.com

10

Start menunya akan diberi nama Nvu. Anda nantinya dapat menemukan
icon untuk meluncurkan Nvu ini pada start menu komputer anda
dengan nama Nvu. Lanjutkan: “Next”

Lalu anda dapat memberi “centang” pada “Create a desktop icon”,
kemudian klik: “Next”.

Copyright © 2009 – www.caramembuatwebsite.com

11

Lalu anda klik: “Install”

Nah Nvu sekarang sudah terinstall di komputer anda dan siap
dipergunakan. Anda bisa meluncurkannya melalui start menu anda.
Namun, anda bisa langsung meluncurkannya sekarang juga karena
“Launch Nvu” dalam posisi terpilih. Klik Finish untuk meluncurkan Nvu.

Copyright © 2009 – www.caramembuatwebsite.com

12

Saat pertama kali diluncurkan, maka akan keluar jendela “Nvu Tips”
Anda bisa klik “Next Tip” untuk membaca Tips yang ada (1), Atau Klik
Tanda silang di ujung sebelah kanan atas untuk menutup jendela Nvu
Tip ini. (2)

Copyright © 2009 – www.caramembuatwebsite.com

13

Nah setelah itu anda dapat mengklik tombol “x” yang ada sesuai gambar
dibawah unuk membuat jendela utama Nvu lebar sepenuhnya.

Membuat Tabel Utama

Halaman Nvu yang sedang terbuka adalah tempat dimana anda akan
mulai membuat halaman website anda.

Untuk membuat halaman website supaya tidak terlalu lebar – sehingga
orang sulit membacanya – anda bisa membuat tabel utama dimana
semua file gambar dan tulisan akan ada di dalam tabel utama ini. Tabel
akan membantu anda mengontrol bagaimana website anda akan
kelihatan di Internet.

Pastikan cursor anda letakkan di dalam editor Nvu (1). Lalu klik tab
menu “Insert” dan akan tampil berbagai pilihan kebawah (drop down
menu). Lalu klik “Table” (2).

Copyright © 2009 – www.caramembuatwebsite.com

14

Lalu Kotak Insert Table akan muncul. Anda bisa memilih berapa banyak
baris dan kolom yang anda perlukan. Untuk tabel utama anda hanya
memerlukan 1 baris dan 1 kolom saja, maka posisikan cursor anda pada
1 kotak, lalu klik kotak tersebut.

Klik Pada Menu Tab “Tabel” dan Pada Drop Down Menu Klik “Table
Properties”.

Copyright © 2009 – www.caramembuatwebsite.com

15

Isikan lebar tabel “700” (1) dan pilih “Pixels” dari pilihan yang ada pada
kotak dengan panah kebawah di sebelah kanan “ width” (2).

Untuk menghilangkan border tebal di sekeliling tabel, isikan Border
dengan 0 pixels (3). Tentukan padding dengan 20 pixels (4), ini untuk
memberikan jarak antara text dan pinggir dari tabel.

Untuk meletakkan tabel di bagian tengah dari halaman browser anda,
pilih “Center” dari menu drop down. (5)

Pada langkah selanjutnya, anda akan mengisikan warna background
yang akan mengisi tabel anda. Untuk mengisikan background warna di
dalam tabel, maka anda perlu tentukan background tabel menjadi putih.
Klik Tombol “Background Color” (6).

Klik kotak putih pada palete warna. (1) Lalu Klik “Ok” (2).

Copyright © 2009 – www.caramembuatwebsite.com

16

Klik “Ok” maka tabel anda sudah selesai dibuat.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->