Cara Membuat web sederhana

Pada posting ini saya akan menjelaskan bagaimana cara membuat web sederhana. Cara membuat website mungkin bisa dibilang bukan hal yang sulit bahkan cukup mudah untuk para webmaster (pembuat website). Komponen/ Software yang dibutuhkan :

1. Xampp = Digunakan untuk web server offline
2. Adobe Photoshop = Design Template
3. Adobe Dreamweaver/ Notepad ++ = Coding
4. Mozila firefox / Chrome = Browser
5. Domain +Hosting = Menyimpan Dokumen web ke webserver online

Langkah pertama (Design Layout)

• Buka Adobe Photoshop,Lulu design Layout yang kita inginkan
• Potong Gambar menjadi kecil2 dengan Tool Slice Photoshop
• Pastikan size Gambar tidak terlalu besar, Agar Website tidak lambat
• Buka Adobe Dreamweaver Lalu Coding CSS untuk layout:

Langkah kedua (Database)

• Buka Xampp, Lalu start pada Apache dan Mysql

• Buka Browser Lalu ketik Http://localhost/phpmyadmin
• Buat database Elearning dengan mengklik tombol Create
• Buat table Baru :

I.   Tb_admin: user varchar(30) Password(30) hakakses(30)
II.  Tb_bab: id int AutoIncrement nama_bab varchar(20) detail text file varchar(20)
III. Tb_soal: id int AutoIncrement id_bab int soal text
IV. Tb_jawaban: id int Autoincrement id_soal int jawaban text value int

 

Langkah Ketiga (Coding) 

• Buka Adobe Dreamweaver Lalu Klik File - New
• Import File css yang sudah dibuat sebelumnya ke dalam PHP dengan script 
• Pastikan Layout telah sesuai dengan keinginan kita
• Coding dengan menggunakan Adobe dreamweaver

• Untuk mengetes jalan tidaknya web dengan server local menggunakan http://localhost/E-Learning

Langkah Keempat (Hosting)

• Buka File zilla, Lalu login dengan cara memasukan Alamat Hosting Username dan Password
• Lalu drag/ upload file web kita kedalam  Public_Html
• Login ke dalam Cpanel web ,Lalu Upload database yang telah kita buat sebelumnya.
• Pastikan seluruh file dan database telah terupload ke hosting

Sumber