Jumat, 29 April 2016

Tugas Modul2(Desain Web)

MODUL 2
( FORM + TABLE)
  • HTML Form
Form digunakan untuk mengumpulkan data dari pengunjung suatu website. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, form advertiser, form sitemap, bahkan untuk mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara membuat form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML.

  • Text Field
Input yang digunakanakanberupakotak text
D:\semester02\desain web\modul02\GAMBAR\1.png

  • Password Field
Password field adalahkotak yang ketikaandamenuliskan password disitumaka huruf akan diganti dengan symbol lingkaran untuk melindungi tulisan password yang diketik.
     D:\semester02\desain web\modul02\GAMBAR\2.png


  • Radio Button
Digunakanuntukmemilihinputanhanyasatupilihansaja. Contoh: Jeniskelamin

D:\semester02\desain web\modul02\GAMBAR\3.png


  • Drop Down List / Combo box
D:\semester02\desain web\modul02\GAMBAR\4.png


  • Check box
Perbedaan dengan radio button adalah dapat mencentang / memilih lebih dari satu pilihan .
D:\semester02\desain web\modul02\GAMBAR\5.png
  • Submit Button
<input type="submit">mendefinisikansebuah  submit button.
D:\semester02\desain web\modul02\GAMBAR\6.png

  • Text Area
Text Areaseperti text field namun bedanya adalah text area dapat terdiri dari beberapa line/baris dan kolom

      D:\semester02\desain web\modul02\GAMBAR\7.png


  • HTML Tables style
D:\semester02\desain web\modul02\GAMBAR\8.png

  • HTML Table  dengan attribute Border dan Width
Penggunaan border padagambar 2.10, digunakan untuk memberi kangaris di sekitar table sedangkan style=”width 100%” menunjukkan lebar table tersebut adalah 100%  darilebar  pixel  layar  monitor  yang  digunakan saat membuka browser.

D:\semester02\desain web\modul02\GAMBAR\9.png


  • HTML Table dengan span row (menggabungkan beberapabaris)
Gunakan attribute rowspan = “ banyakbaris>” untuk menggabungkan beberapa baris dari tabel.
      D:\semester02\desain web\modul02\GAMBAR\10.png

  • HTML Table dengan span column (menggabungkan beberapa kolom)
Gunakan attribute colspan = “ banyak kolom ” untuk menggabungkan beberapa baris dari tabel.
D:\semester02\desain web\modul02\GAMBAR\11.png


  • HTML Table  dengan caption / judul
Gunakan tag caption/caption untuk membuat judul pada table Tag <caption..</caption>harusdimasukkansetelah tag <table>.  
D:\semester02\desain web\modul02\GAMBAR\12.png



  • HTML Table  dengan background color
Penggunaan attribute bgcolor dapat menggunakan bilangan hexa atau dengan namawarna yang sudahumumseperti “Red”, “Yellow”, Green”, “Light Green”, dan lain-lain.
     D:\semester02\desain web\modul02\GAMBAR\13.png




Tugas Modul1(Desain Web)

MODUL 1
(BASIC ATTRIBUT + ELEMENT)

  • HTML

Pengertian HTML Fungsi HTML dan Contoh HTML - Apa itu HMTL ? pengertian html adalah singkatan dari Hyper Text Markup Language sebuah bahasa pemrograman yang umum digunakan untuk membuat sebuah halaman website, dimana HTML ini bisa kita gunakan untuk menginput gambar, text, audio, video dan lainnya untuk membuat sebuah website. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. Menggunakan tag-tag tertentu untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan di web browser.

  • Attribut  HTML Images
D:\semester02\desain web\modul01\gambar\a.png

  • Attribut  HTML Link

   
  • D:\semester02\desain web\modul01\gambar\b.png


  • Attribut  HTML Headings
D:\semester02\desain web\modul01\gambar\c.png

  • Elemen  HTML <head>dan<title>
D:\semester02\desain web\modul01\gambar\d.png

  • Elemen  HTML untuk Style
D:\semester02\desain web\modul01\gambar\e.png

  • Salah satu contoh Style Color pada Paragraf dan Heading
D:\semester02\desain web\modul01\gambar\f.png

  • Contoh penggunaan ordered list

D:\semester02\desain web\modul01\gambar\j.png