Percobaan Form dengan HTML, PHP, dan CSS

Sebelum saya mulai marilah Kita ucapkan Basmalah terlebih dahulu, agar Kodingan Kita kali ini bisa Berjalan dengan lancar Amiin ....

Okee,,, Kali ini Saya diberi tugas untuk membuat Laporan mengenai Form menggunakan HTML dan CSS mungkin temen-temen juga mengunjungi Blog saya ini karena sudah tau apa itu HTML dan CSS .

1.KONSEP DASAR

Mungkin temen-temen semua udah tau apa itu HTML dan CSS ...

Jadii HTML itu singkatan dari Hypertext Markup Language atau sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web .

Sedangkan Kalau CSS Singkatan Dari Cascading Style Sheets Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web .

2.TUJUAN

      Tujuan Dari Percobaan Form dengan HTML dan CSS , Diharapkan Agar temen-temen dan Saya sendiri Pribadi lebih Mengerti dan Faham mengenai Form Di HTML dan Lebih bagus Lagi dalam menghias Web Di CSS .

            Intinya disini saya akan Menjelaskan Bagaimana cara membuat Form dan Menghiasnya lewat CSS agar temen-temen Lebih faham ....

3.TAHAPAN PENGERJAAN

      Oke Yg pertama harus temen-temen lakukan adalah membuka Aplikasi text editor yg temen-temen punya, yaiyalah namanya juga mau ngoding harus pake text editor yaa :V entah itu notepad,notepad++,Atom,Sublime,dll .

           1. Membuat Formnya

            Okee disini Saya asumsikan Temen-temen sudah membuka text editornya masing-masing. Yg pertama harus temen-temen lakukan buat syntax html seperti biasa contohnya :

             Setelah itu Dibagian Title temen temen bebas mau ngasih judul apa disini saya kasih judul “Form Buku Tamu “, Lalu dibagian Body temen-temen buat Syntax <form> lalu seperti biasanya tutup dulu jadu </form> , setelah itu , dibagian dalam syntax form tadi temen temen isi dengan syntax <input> lalu tutup seperti biasanya . Temen-temen bebas mau ngasih berapa yg harus diinputkan nanti.Agar lebih jelasnya Temen-temen bisa Lihat Gambar Codingan saya dibawah ini temen-temen bisa langsung Praktekan di aplikasi Text Editor masing-masing .

          

           Setelah temen temen selasai mengkoding seperti kodingan saya Diatas, temen-temen save dulu filenya dengan extensi (namafile).html .

          2.   Membuat Hasil dari Inputan Form dan menghubungkan Form dgn PHP

Sekarang temen-temen buat lagi file baru dengan extensi (namafile).php , setelah itu temen temen isi dengan syntax dasar yg temen-temen buat sebelumnya .

Setelah temen-temen buat syntax dasar di dalam file php tadi, skrg temen temen buat phpnya atau penghubungnya di bagian body htmlnya agar lebih mudahnya temen temen bisa lihat gambar kodingan saya dibawah ini : 

3.  Menghias form dengan CSS

Okee,, sekarang agar web kalian lebih terlihat lebih cantik dan menarik mari kita hias dengan menggunakan CSS, Penggunaan css ada 3 cara temen-temen bisa nulis langsung di htmlnya langsung,atau dibagian head htmlnya, atau berbeda dengan file htmlnya atau meembuat file baru CSS. Disibi saya menggunakan cara yg ketiga .

Pertama temen-temen buat file baru dengan extension (namafile).css

Setelah itu temen temen bisa belajar syntax syntaxnya di w3schools.com, karena banyak sekali syntaxnnya saya tidak bisa memberikan penjelasan satu persatu jadi saya hanya bisa memberikan beberapa contoh saja , seperti dibawah ini : 

4. Kesimpulan

Kesimpulannya jadi Untuk membuat semua itu Temen temen harus sabar membuatnya dan sering sering mengulik agar temen – temen lebih mengerti, karna disini Saya juga Masih Belajar Mohon Maaf Bila ada Tutur kata yg salah , TERIMA KASIH TELAH BERKUNJUNG ,JANGAN LUPA TINGGALKAN PESAN !!!

5. Daftar Pustaka

Wikipedia.com ; W3schools.com .