Pemrograman HTML

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegeras.

Disini saya akan berbagi tutorial membuat tabel inputan menggunakan Dreamwiever sebagai editor, baiklah kita masuk ke tahap penginstalan DW.

1.      Siapkan instalan DW.

2.      Kemudian pilih setup.exe.

      3. 

         

            Kemudian pilih Accept.

  

4. 

       

Pada gambar di atas, kita diminta  menententukan lokasi penyimpanan file DW, disini saya menyimpan file DW pada Direktori C, pilih next.

5.      Tunggu proses penginstalan sampai selesai.

6.   Setelah penginstalan selesai, buka DW, kemudian akan keluar tampilan seperti di dibawah, karna kita akan membuat program dengan menggunakan html, maka pada pilihan Create New pilih HTML

  

7.

     

  

Kemudian akan tampil tampilan seperti di atas, sekarang kita akan membuat desain untuk membuat tabel nama mahasiswa, pilih design.

8.   Pertama saya membuat judul “ Silahkan Isi Biodata Anda!!” dengan mengetikan pada text editorny.

9.      Selanjutnya membuat tabel untuk mengisi biodata mahasiswa dengan cara :

-          Pilih insert

-          Table

-          Lalu tentukan rows dan columns sesuai kebutuhan.

 

            Lelu isi kolom pertama seperti contoh di atas.

10.  Selanjutnya agar kolom kedua dapat diisi maka lakukan :

-       Posisikan kursor pada kota yang akan di setting ke text field

-          Kemudian pilih Insert

-          Form

-          Lalu text field

-          Oke

Lakukan hal tersebut pada kolom Nama, Npm, Kelas, Fakultas dan jurusan. Untuk jenis kelamin dan agama sedikit berbeda, untuk jenis kelamin kita akan menggunakan Radio Button dan Agama menggunakan List/Meni.

Jenis Kelamin :

-          Pilih Insert

-          Form

-          Pilih radio button lalu ok

           Kemudian ketik Pria dan wanita setelah memilih radio button

Agama :

-          Pilih Insert

-          Form

-          List/ Menu lalu OK

Kemudian klik kanan seperti gambar dibawah ini

 

Pilih List Values

 

Klik tanda +, dan masukan pilihan list sampai selesai dan Ok.

11.   

             Save simpan dengan extensions .html dan selesai