Assalamu’alaikum
Banyak sekali
macamnya orang membuat website, mulai dari Cuma iseng, sekedar belajar,dan atau
bahkan sebagai profesi entah itu jasa pembuatan atau mungkin untuk pemasaran
barang dagangannya
Di kesempatan ini ane akan bahas bagaimana cara membuat
website personal yang sederhana dengan bantuan Photoshop untuk designnya dan
Notepad sebagai text editor
Alasan ane pakai notepad supaya antum repot-repotan dulu
harus nginstal text editor seperti adobe dreamwaver, PHP Coder, Notepad ++, dan
sejenisnya.karna yang akan kita buat ini hanya website statis. web yang lebih
menekankan pada design bukan pada program atau sistem.
Okey, kita mulai
buat design terlebih dulu menggunakan Photoshop
buat design terlebih dulu menggunakan Photoshop
Buka aplikasi Photoshop dan siapkan layar baru dengan cara
CTRL + N , lalu seting dengan Height : 1300 pixel, width : 800 pixel resolusi
72 pixel/inci dan background : transparant
Ane gunakan photoshop CS3,
Design dengan menggunakan “rounded retangle tool”, dan
supaya lebih gampang perbesar tampilan menjadi 200% dari pojok kiri bawah
Untuk mengatur warna pada bidang, klik kanan dari shape
yang ane tandai pilih “Blanding options”
Atur seperti tampilan di bawah
Kemudian potong tampilan menjadi beberapa bagiandengan
menggunakan
Simpan dengan pilih Save for Web atau dengan cara tekan
tombol Alt + Ctrl + Shift + S secara
bersamaan
Antum juga bisa melakukan pemotongan di sini,
Simpan gambar di document dengan nama folder : Design web
dan file name : design
Membuat scrip dengan menggunakan Notepad
Buka aplikasi Notepad kemudian ketik sesuai dengan yang ada
di bawah untuk dasar pembuatan tampilan web dan supaya gampang diatur kita
gunakan Tag tabel
Untuk memasukan koten gambar dan teks antum ikuti seperti
tampilan di bawah
Tag <img > untuk
mensisipkan gambar
colspan untuk menggabungkan kolom
Tag <Iframe> untuk mensisipkan frame
Tag <a> untuk link
Tag <center> untuk membuat posisi tabel di tengah
Simpan script yang telah dibuat dengan nama misalkan
websiteku.html di folder design web yang telah dibuat
Buka notepad baru, untuk tampilan home lalu simpan dengan
nama Home_website.html
Buat kembali notepad baru lalu simpan dengan nama
profil_websiteku.html dan about_websiteku.html
Buka folder design web dan klik 2 kali websiteku
