Cascading Style Sheet (CSS) dan HTML Form

Slides:



Advertisements
Presentasi serupa
Cascading Style Sheet Gufron Gufron - Sub Bahasan • Pendahuluan • Konsep Dasar CSS • Syntax/Perintah CSS • Implementasi.
Advertisements

Cascade Style Sheet (CSS) Dahlan Abdullah /
HTML PEMROGRAMAN INTERNET. Form & Input HTML Form adalah area yang bisa ditempati oleh elemen form. Elemen form adalah elemen yg mengijinkan user memasukkan.
Cascading Style Sheets (CSS)
( Cascading Style Sheet) Bagian 1
Pertemuan 9 Cascading Style Sheet (css)
HTML Lanjut & CSS By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
FORM PADA WEB WEB 1 KELAS X.
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
Form dan Input HTML.
CSS (Cascading Style Sheet)
PENGERTIAN CSS.
CSS.
Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.
Cascading Style Sheet Oleh : Edy Mulyanto
Pengantar Teknologi Mobile
HTML – 4 FORM. FORM adalah elemen HTML yang digunakan untuk mengizinkan pengguna web mengirimkan data ke Web Server. Dengan kata lain form berperan sebagai.
Web and Multimedia based Programming K2133 Pemrograman berbasis Web dan Multimedia 1.
Pemrograman Berbasis Web CSS
ADD-ON Dasar HTML.
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)
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.
Cascading Style Sheet (CSS)
Cascading Style Sheets
Komputer aplikasi it-I (html)
Lutfi Budi Ilmawan Univ. Muslim Indonesia
Lutfi Budi Ilmawan Univ. Muslim Indonesia
Pemrograman Berbasis Web CSS
RONA SALWA IHDINA PTI UM
Cascading Style Sheet (CSS)
PERTEMUAN CSS Pengenalan CSS.
Perkenalan CSS.
CSS (Cascading Style Sheet)
Konsep Dasar HTML SLIDE 1 Agung Brastama Putra.
Cascading Style Sheets (CSS)
Pengenalan CSS Apasih CSS itu ?.
Perancangan & Pemrograman Web
Cascading Style Sheet (CSS)
CSS Cascading Style Sheets
FORM.
(Cascading Stylesheet)
CSS Pertemuan 12 Matakuliah : L0182 / Web & Animation Design
PJ : Nuraini Purwandari
Cascade Style Sheet (CSS)
Hyperlink & Form Pertemuan 11
Pengembangan Aplikasi Framework (IT657)
CSS.
Hyperlink and Form Session 10 & 11
( Cascading style sheets)
PEMROGRAMAN WEB DEWI SULISTIYARINI, S.KOM
Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST
Assalamu’alaikum Warohmatullah Wabarokatuh Selamat Pagi 
KOMPUTER APLIKASI IT I FORM.
HTML FORMS & INPUT Khafiizh Hastuti.
Pemrograman Web I --CSS--
Pemrograman Berorientasi Platform (IN315B)
Perancangan & Pemrograman Web
Implementasi CSS Ada 4 cara memasang kode CSS ke dalam halaman situs, yaitu: Inline CSS Embedded (memasang kode ke dalam bagian External.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet.
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
CSS (Cascading Style Sheet)
Cascading Style Sheet (CSS) dan HTML Form
Transcript presentasi:

Cascading Style Sheet (CSS) dan HTML Form Pengembangan Web

CSS Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yg ada di situs kita sekaligus memformat ulang situs kita. Menggunakan tag: <style> ...... </style>

Format CSS Sebuah style sheet terdiri dari beberapa aturan (rules). Masing-masing aturan terdiri dari satu atau lebih selektor (selector) dan sebuah blok deklarasi (declaration block). Sebuah blok deklarasi terdiri dari beberapa deklarasi yang dipisahkan oleh titik koma (;). Masing-masing deklarasi terdiri dari property, titik dua (:) dan nilai (value).

Selector Selektor dapat ditulis secara kelompok, dipisahkan dengan tanda koma. (GROUPING) contoh: Semua elemen header akan ditampilkan dalam teks berwarna hijau

… Mendefinisikan style yang berbeda untuk type elemen HTML yang sama (Class Selector) contoh: Terdapat dua type paragraph dalam suatu dokumen: satu paragraf rata kanan, dan paragraf yang lain rata tengah.

Selection ID Pendefinisian style untuk elemen HTML dapat dilakukan dengan selector id. Selektor ID didefinisikan sebagai #. Contoh: Aturan style berikut akan menyesuaikan elemen yang mempunyai sebuah atribut id dengan nilai “hijau”. <font id=“green”>Warna Hijau</font>

… Dapat digunakan secara internal, eksternal maupun inline (langsung ditulis dalam tag HTML). CSS eksternal menggunakan ekstensi *.css Dianjurkan untuk menggunakan CSS eksternal.

CSS Internal

CSS Eksternal

CSS Inline

FORM Kegunaan: Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang disediakan Memperoleh feed back dari user Menggunakan tag: <form> … </form> Form Element: Method: menentukan bagaimana data dikirim ke server. Action: menentukan lokasi dari script yang akan memproses data dari form.

HTML Input Element Text : digunakan user untuk menginputkan huruf, kalimat atau angka dalam form. <form> First name: <input type="text" name="firstname“> <br> Last name: <input type="text" name="lastname"> </form>

Radio Button: digunakan untuk memilih satu dari beberapa pilihan. <form> <input type="radio" name="sex" value="male"> Male <br> <input type="radio" name="sex" value="female"> Female </form>

CheckBox: digunakan untuk memilih satu atau beberapa pilihan dalam form. I have a bike: <input type="checkbox" name="vehicle" value="Bike"> <br> I have a car: <input type="checkbox" name="vehicle" value="Car"> I have an airplane: <input type="checkbox" name="vehicle" value="Airplane"> </form>

Submit Button <form name="input" action="html_form_submit.php" method="get"> Username: <input type="text" name="user"> <input type="submit" value="Submit"> </form>

Latihan Gunakan tabel, form dan CSS Buat form pendaftaran seperti berikut: Gunakan tabel, form dan CSS