Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST

Slides:



Advertisements
Presentasi serupa
Image – Hyperlink – Form
Advertisements

HTML PEMROGRAMAN INTERNET. Form & Input HTML Form adalah area yang bisa ditempati oleh elemen form. Elemen form adalah elemen yg mengijinkan user memasukkan.
Timoti Adri Mahendra Putra, S.Kom SMK WIRA HARAPAN
Pemrograman Internet 1 STMIK PPKIA Pradnya Paramita.
( Cascading Style Sheet) Bagian 1
FORM PADA WEB WEB 1 KELAS X.
Form dan Input HTML.
3. Pendalaman HTML Penggunaan format table di HTML
Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.
Cascading Style Sheet Oleh : Edy Mulyanto
HTML – 4 FORM. FORM adalah elemen HTML yang digunakan untuk mengizinkan pengguna web mengirimkan data ke Web Server. Dengan kata lain form berperan sebagai.
Internet Programming FORM DAN UP LOAD FILE M. Agus Zainuddin PENS – ITS Surabaya.
Pemrograman Berbasis Web CSS
FORM dan FRAME.
Pemrograman Web 1 Mohamad Syafri Tuloli.
Menggunakan Formulir A’ud Solehuddin::Jan2012. Materi Dasar Penggunaan Formulir Memasukkan Data dengan INPUT Tipe TEXT Tombol SUBMIT dan RESET Perbedaan.
FORM Kegunaan Form : memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan. memperoleh informasi pembelian.
Perancangan Web Pertemuan IV
Fakultas Teknologi Informasi Universitas Budi Luhur
CSS (Cascading Style Sheet)
FORM.
Muhammad Yusuf Teknik Informatika – Universitas Trunojoyo /FB :
Pemrograman Basis Data Berbasis Web
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
Cascading Style Sheet (CSS) dan HTML Form
FORM.
(HTML). Frames are most typically used to have a menu in one frame, and content in another frame. When someone clicks a link on the menu that web page.
Oleh: Fiftin Noviyanto, S.T., M.Cs.
Cascading Style Sheet (CSS)
Mengenal dan teknik pembuatan form
Komputer aplikasi it-I (html)
FORM HTML Oleh : Fajar Y. Zebua.
Lutfi Budi Ilmawan Univ. Muslim Indonesia
Pertemuan Ke-3 (HTML Lanjut [1])
RONA SALWA IHDINA PTI UM
PERTEMUAN 2 HTML (Lanjutan).
PEMETAAN VORD KEDALAM CMMI UNTUK MENINGKATKAN ANALISA KEBUTUHAN PERANGKAT LUNAK (STUDI KASUS : APLIKASI MEDIA MANAGEMENT DI PT.EBDESK INDONESIA) Mata.
Cascading Style Sheet (CSS)
PERTEMUAN CSS Pengenalan CSS.
M E M B U A T F O R M U L I R H T M L Adi Rachmanto UNIKOM 2011
Cascading Style Sheets (CSS)
Pengenalan CSS Apasih CSS itu ?.
Perancangan & Pemrograman Web
Mengenal Java Script.
PRIN STIANINGSIH TEACHER OF SMK NEGERI 1 PEKANBARU
Komputer aplikasi it-I (html)
FORM.
PHP : Hypertext Processor
PJ : Nuraini Purwandari
Pemrograman Web HTML (7) PHP Andy Haryoko, ST
Pemrograman Basis Data Berbasis Web
Cascade Style Sheet (CSS)
Hyperlink & Form Pertemuan 11
Pemrograman Web HTML (4) Table Form Andy Haryoko, ST
MENGGUNAKAN FORM Jika menginginkan sebuah website interaktif ,maka digunakan FORM. Sebuah form menggunakan : tag dan ditutup dengan tag
CSS.
Hyperlink and Form Session 10 & 11
PEMROGRAMAN WEB DEWI SULISTIYARINI, S.KOM
Assalamu’alaikum Warohmatullah Wabarokatuh Selamat Pagi 
KOMPUTER APLIKASI IT I FORM.
HTML FORMS & INPUT Khafiizh Hastuti.
Pemrograman Berorientasi Platform (IN315B)
Implementasi CSS Ada 4 cara memasang kode CSS ke dalam halaman situs, yaitu: Inline CSS Embedded (memasang kode ke dalam bagian External.
FORM HTML.
Form.
Web Design HTML TIM MATRIKULASI TI-S1 UDINUS TAHUN 2018.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS) dan HTML Form
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
Cascading Style Sheet (CSS) dan HTML Form
Transcript presentasi:

Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST Upload : indocafein.wordpress.com

FORM (1) Form digunakan untuk mengumpulkan informasi dari user. Untuk membuat form digunakan tag <FORM>…</FORM>. <BODY> <FORM METHOD=”POST/GET” ACTION=”” NAME=”FORM_1”> </FORM> </BODY> Atribut METHOD berfungsi untuk menentukan cara mengirimkan data yang dimasukkan user ke server. Ada 2 cara yang dapat dipakai yaitu GET dan POST atribut ACTION berisi lokasi ke mana data form tsb akan dikirimkan. Atribut NAME berisi nama form tsb.

FORM (2) TEXTFIELD adalah satu baris tunggal yang digunakan untuk memasukkan data berupa teks maupun angka. <INPUT TYPE=”TEXT” SIZE=25 VALUE=”KETIK NAMA ANDA”>

FORM (3) PASSWORD FIELD Prinsip kerjanya sama dengan TEXTFIELD, hanya saja karakter yang diketikkan diganti dengan karakter *****. <INPUT TYPE=”PASSWORD”>

FORM (4) TEXTAREA Digunakan untuk memasukkan beberapa baris text yang dapat digulung naik atau turun. <TEXTAREA COLS=40 ROWS=5 NAME=”KOMENTAR”>

FORM (5) CHECKBOX Digunakan untuk membuat kotak pilihan <INPUT TYPE=”CHECKBOX” NAME=”PILIHAN1”>SEPAKBOLA RADIO BUTTON Kegunaannya sama dengan checkbox hanya saja bentuknya lingkaran. <INPUT TYPE=”RADIO” NAME=”GROUP1”>BULU TANGKIS

FORM (6) DROP DOWN MENU Digunakan untuk membuat daftar menu. Untuk membuatnya digunakan tag <SELECT> dan daftar pilihan menggunakan <OPTION> <SELECT NAME=”MENU”> <OPTION VALUE=”SEPAKBOLA”>FOOTBALL</OPTION> <OPTION VALUE=”BULU TANGKIS”>BADMINTON</OPTION> <OPTION VALUE=”TENIS”>TENIS</OPTION> </SELECT>

FORM (7) SUBMIT BUTTON Mengirimkan data yang dimasukkan melalui form oleh pembaca ke server. <INPUT TYPE=”TEXT” VALUE=”MASUKKAN NIM ANDA”> <INPUT TYPE=”SUBMIT” VALUE=”KIRIM”> RESET BUTTON Membatalkan data yang telah diketik di form sehinnga form menjadi kosong. <INPUT TYPE=”RESET” VALUE=”CANCEL”>

PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.

MEMBUAT CSS CARA PERTAMA : mengetikkan langsung dalam tag html sebagai atribut . <body> <b style = “color : blue”> teks tebal dan biru </b> </body>

CARA KEDUA : Menggunakan tag style di dalam tag head. <head> <style type=“text/css”> ……… style definitions ……… </style> </head>

Selector { property1 : value1 ; Style definitions : adalah defenisi style yang ingin dibuat. Format penulisannya adalah : Selector adalah tag yang digunakan web browser. Property : value adalah efek dari style yang diinginkan untuk selector. Selector { property1 : value1 ; property2 : value2;…. propertyN : valueN ; }

CARA KETIGA : Menyimpan informasi style ke dalam sebuah file dengan ekstensi/type file css Memanggil file css dalam html dengan tag link yang diletakkan dalam tag head. <head> <link rel=“stylesheet” type=“text/css” href=“namafile.css”/> </head>

Contoh : <style type=“text/css” > hr { color : red ; height : 5px ; width : 50%; } </style> Keterangan : Tag adalah style Atribut adalah type=“text/css” Selector adalah hr Property adalah color, height, width Value adalah red, 5px, 50%

ID SELECTOR dan CLASS ID selector didefenisikan sendiri ID selector diawali tanda # ( octothorpe) CLASS diawali dengan tanda titik ( . )