Rahasia Membuat Website
Step by Step
Cara Mudah Bagi Seorang Pemula Untuk
Membuat Website
Fahmi Arif
www.RahasiaMembuatWebsite.com

Daftar Isi
Bab 1 : Membuat website dengan dreamweaver……………………
Bab 2 : Membuat website dengan photoshop…………………………
Bab 3 : Domain dan hosting …………………………………………………..
Bab 4 : Cara upload file ke hosting ………………………………………..
Bab 5 : Alternatif membuat website dengan wordpress………..
Penutup ……………………………………………………………………………………
Tentang Penulis
Fahmi Arif mulai terlibat dalam bisnis di internet sejak akhir tahun
2007 silam ketika masih duduk di bangku kuliah. Bisnis internet
pertama kalinya adalah menjadi seorang affiliate.
Setelah selesai kuliah, dia memutuskan menjadi full internet marketer untuk
market Indonesia. Beberapa program untuk mendapatkan dollar pun
dicobanya, mulai dari Adsense, menjadi affiliate, hingga mencoba berjualan di
Amazon semua pernah dijalaninya.
Kini, yang dia kerjakan adalah mengajarkan ilmu yang sudah didapatkan sejak
tahun 2007 kepada banyak orang melaui ebook, video tutorial dan blog.
Dengan harapan semakin banyak orang Indonesia bisa mencapai kebebasan
secara finansial dari internet dan membuat bangsa ini kembali diperhitungkan.
Email : pechmie@gmail.com
YM: fahmi_063@yahoo.co.id
PENDAHULUAN
Abad 21 sekarang ini merupakan era informasi, dimana perkembangan
teknologi informasi berkembang begitu pesat yang ditandai dengan adanya
internet.
Internet bukan lagi menjadi sebuah barang baru di masyarakat, namun sudah
bergeser menjadi sebuah kebutuhan, bahkan bagi sebagian orang internet
merupakan lahan bisnis yang tidak terbatas atau sekarang yang lebih dikenal
dengan “Internet Marketing”.
Internet seperti halnya sebuah perpustakaan raksasa dengan website sebagai
bukunya. Website tidak hanya dapat dijadikan sebagai media informasi, namun
dapat juga digunakan sebagai
media entertainment dan bisnis. Dari beberapa hal tersebut, kemampuan
untuk dapat membangun sebuah situs web dirasa sangat perlu.
Modul ini dibuat untuk membantu pembaca dalam memahami dan dapat
mengaplikasikan cara-cara pembuatan website menggunakan software
dreamweaver dan photoshop. Setiap bagian disusun langkah demi langkah
mulai dari tingkat dasar sampai tingkat lanjut.
Materi-materi dalam modul ini diambil dari pengalaman pribadi dalam
pendesainan situs menggunakan dreamweaver dan beberapa software
penunjang lainnya, seperti adobe photoshop.
BAB 1
Membuat Website Dengan Dremweaver
Persiapan : Siapkan sebuah folder untuk menyimpan hasil prakteknya nanti,
buat folder bernama "website". Nantinya simpan semua file-file hasil praktek
Anda pada folder tersebut.
Untuk file-file gambar, sebaiknya disimpan pada folder khusus yang bernama
"images", folder images ini simpan di dalam folder "website" yang sebelumnya
sudah Anda buat.
Sebelum kita membuat website menggunakan program Dreamweaver, saya
akan mengajarkan terlebih dahulu, cara membuat header website dengan
menggunakan program Adobe Photoshop.
Header ini biasanya diletakan dibagian paling atas tampilan sebuah website,
berisi alamat website, nama website, logo website, dan slogan.
Ok, mari kita langsung saja buat headernya.
1. Berikut saya coba jelaskan cara pembuatannya :
Buka program Adobe Photoshop. Setelah terbuka, klik menu "File" › "New".
Atur width: 780, height: 100.
Kemudian akan terbuka lembar kerja baru seperti gambar di bawah ini:
Pilih warna untuk foreground 3e4b78 dan background 2e3b68. Seperti gambar
dibawah ini.
Kemudian pilih gradient tool. Seperi gambar di bawah.
Jika sudah, gradient tool tarik dari atas ke bawah. Berikut ilustrasinya:
jika berhasil maka akan terlihat seperti gambar di bawah ini.
Sekarang saatnya untuk memberi tulisan. Caranya pilih horizontal type tool.
Berikut ilustrasinya:
Jika sudah, pilih font: arial black, ukuran: 36, warna: putih dan tulis
“CincinPermata.com”. Berikut ilustrasinya:
Sekarang beri efek tulisan supaya lebih enak dipandang, caranya klik simbol Fx
yang ada di kanan bawah. Seperti gambar di bawah ini.
Kemudian atur efeknya, seperti terlihat pada gambar di bawah.
Jika sudah, maka tulisan akan terlihat lebih bagus khan... Seperti terlihat pada
gambar di bawah.
Sekarang kita percantik lagi dengan ditambah gambar. Caranya buka file
gambar. Seperti gambar di bawah ini.
Catatan: Anda bisa mendapatkan gambar cincin ini pada halaman waktu
download ebook ini yang judulnya “image untuk materi”.
Kemudian pilih move tool.
Kemudian dengan move tool tersebut kita seret gambar ke dalam header yang
kita buat. Berikut ilustrasinya:
Jika berhasil maka akan terlihat seperti gambar di bawah ini.
Ok, image untuk header websitenya telah berhasil kita buat, selanjutnya
jangan lupa untuk menyimpan (save) image tersebut, beri nama filenya
dengan nama "header.jpg".
Pada pembahasan selanjutnya kita akan membuat website dengan
dreamwever. Pertama buka dulu program dreamwever Anda. Berikut tampilan
awalnya.
Setelah terbuka, klik menu "File" › "New". Pilih basic page dan klik create.
Kemudian, pada insert bar klik ikon table.
Anda isi dengan data berikut:
Rows: 2 Columns: 1
Table Width : 780 pixels
Border Thickness : dikosongkan
Cell Padding : dikosongkan, Cell Spacing : dikosongkan. Berikut ilustrasinya:
Setelah itu, akan muncul satu buah tabel yang terdiri dari 2 baris (row),dan
1kolom (coulmns) berikut ilustrasinya :
Selanjutnya, Anda simpan kursor mouse di baris pertama tabel tersebut, pilih
insert > image. Berikut ilustrasinya :
Dan pilih header yang tadi Anda buat. Berikut ilustrasinya:
Jika berhasil maka akan tampak seperti gambar berikut:
Langkah selanjutnya, pada properties bar Anda atur image header dengan
width menjadi 100%.
kemudian, letakkan kursor di baris ke dua dan ubah background colour dengan
warna #993300.
Jika berhasil maka akan tampak seperti gambar di bawah ini:
Kemudian letakkan kursor disamping/ diluar tabel dan tekan enter. Berikut
ilustrasinya:
Langkah berikutnya buat tabel baru dengan ketentuan sebagai berikut:
Rows: 2, Columns: 1
Table Width : 780 pixels
Border Thickness : dikosongkan
Cell Padding : dikosongkan, Cell Spacing : dikosongkan. Berikut ilustrasinya:
Maka akan terbentu tabel baru seperti gambar di bawah ini.
Berikutnya, blok semua tabel tadi dan atur Vert menjadi Top seperti gambar
berikut:
Kemudian letakkan kursor di baris satu kolom satu dan atur width: 200 pixel.
Berikut ilustrasinya:
Jika sudah maka tabel akan terlihat seperti gambar di bawah:
Langkah selanjutnya, letakkan kursor di baris satu kolom satu dan buat tabel
dengan ketentuan:
Rows: 5, Columns: 1
Table Width : 200 pixels
Border Thickness : dikosongkan
Cell Padding : dikosongkan, Cell Spacing : 2. Berikut ilustrasinya:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
TERIMAKASIH, ANDA SUDAH MEMBACA SAMPEL EBOOK RAHASIA
MEMBUAT WEBSITE, UNTUK MENGETAHUI ISI EBOOK SELENGKAPNYA
SILAHKAN KUNJUNGI WWW.RAHASIAMEMBUATWEBSITE.COM DAN
LAKUKAN PEMBAYARAN.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =