8 Tahapan Membuat Website dari Nol

Zaman sekarang siapapun bisa mempunyai website baik yang download gratis memakai CMS seperti Joomla, WordPress atau membuat sendiri dari nol.

 

Saya akan menjabarkan bagaimana tahapan pembuatan website dari Nol.

1. Identifikasi Kebutuhan

Point ini sangat penting, ibarat mau keluar rumah kita perlu tahu dulu kita mau kemana, ibarat membuat sebuah rumah kita harus tahu dulu kita mau seperti apa, 2 kamar tidur 1 kamar mandi ada ruang dapur , misal begitu.
sama halnya kita membuat website, kita corat coret dulu apa kebutuhannya, bila website itu untuk kita pakai sendiri mudah tinggal tanya diri kita sendiri, merenung…..sambil tangan mencorat coret kertas….

Bila kita membuatkan untuk orang lain, tanya apa kebutuhannya, apa saja menu2 nya, fitur2nya
Bila kita sebagai konsultan dan mereka klien jangan lupa kita perlu ada tanda tangan mereka agar tidak mudah merubah atau menambah di tengah jalan. Merubah atau menambah boleh tapi nanti setelah selesai dan dengan perjanjian baru.

Identifikasi juga desainnya mau seperti apa , misal background putih , maunya yang simple dan lain sebagainya. kenapa demikian ? biar jangan sampai kita salah dan kerja dua kali

Baca lebih lanjut

Menambahkan Icon pada Title Website

Untuk menambahkan Icon pada title website  :

1. Buat image untuk icon dengan ukuran 16 x 16 pixel atau 32 x 32 pixel, contoh :  icon

2. Format image bisa dalam jpg, png, gif ataupun ico sehingga nama file, contoh : iconkita.png

3. Buka file html Tambahkan script html di bawah ini  :

<link rel=”icon” type=”image/png” href=”http//aplikasikita.com/images/iconkita.png”>

Di antara tag <head>…</head>lengkapnya :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml&#8221; lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Aplikasi Kita</title>
<link rel=”stylesheet” href=”http://aplikasikita.com/styles/style.css&#8221; type=”text/css” />
<link rel=”icon” type=”image/png” href=”http//aplikasikita.com/images/iconkita.png”>
</head>

4. kemudian reload atau refresh browser kita maka akan tampil :

tab

 

 

Referensi :

http://www.w3.org/2005/10/howto-favicon

Website Background Putih

Pembukaan

Semalam saya diskusi dengan kedua teman di kontrakan mengenai background website personal yang akan dibuat.

Teman desainer membuat desainnya dengan background abu-abu sedangkan teman satunya yang order website ikut saja dan menyetujui, saya mengusulkan agar background nya putih. Dari situ timbullah perdebatan apa background yang dipilih  sesuai desainer atau putih seperti kata saya. sementara teman satunya sebagai klien mencoba meyakinkan bahwa background berwarna gelap membuat orang lebih fokus sebagaimana waktu dia ngajar mahasiswa dengan presentasi power point background gelap mahasiswa akan lebih fokus.

“saya mengajar mahasiswa kalau pakai background hitam semuanya diam memperhatikan karena fokus , saya dikasih tahu oleh dosen yang lain dan memang hasilnya benar”

Baiklah saya angkat topik ini sebagai pengisi waktu luang dan teman minum kopi saya di siang ini  🙂 Baca lebih lanjut