Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.

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)
Timoti Adri Mahendra Putra, S.Kom SMK WIRA HARAPAN
( Cascading Style Sheet) Bagian 1
Pengantar Teknologi Mobile 9 Antonius Rachmat C, S.Kom XHTML – Mobile Profile.
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.
Pengembangan Evangs Mailoa Enumerasi, Image & Table WEB.
A. A. Bajuadji, S.Kom, M.Eng |
Pengembangan Evangs Mailoa Tes Tengah Semester WEB.
FORM PADA WEB WEB 1 KELAS X.
PEMROGRAMAN BERBASIS WEB
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
Form dan Input HTML.
CSS (Cascading Style Sheet)
Modul -4 : CSS 1 Mempelajari dasar-dasar CSS : Inheritance, class, positioning dan watermarking Cascading Style Sheet (CSS) Modul-4 :
Pemprograman & Perancangan WEB Pertemuan 6  CSS (Cascading Style Sheet)
PENGERTIAN CSS.
CSS.
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
Cascading Style Sheet (CSS)
Lutfi Budi Ilmawan Univ. Muslim Indonesia
Lutfi Budi Ilmawan Univ. Muslim Indonesia
Pemrograman Berbasis Web CSS
Cascading Style Sheet (CSS)
Perkenalan CSS.
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
CSS - Cascading Style Sheets
(Cascading Stylesheet)
CSS Pertemuan 12 Matakuliah : L0182 / Web & Animation Design
Rekayasa Perangkat Lunak
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 HTML (5) Form CSS Andy Haryoko, ST
Assalamu’alaikum Warohmatullah Wabarokatuh Selamat Pagi 
LAB ict Terpadu universitas budi luhur, lab Januari 2017
KOMPUTER APLIKASI IT I FORM.
Pemrograman Web I --CSS--
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.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet.
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
Web Design CSS.
Transcript presentasi:

Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB

CSS adalah salah satu 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:......

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).

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 tipe elemen HTML yang sama (Class Selector) Contoh: Terdapat dua tipe paragraf dalam suatu dokumen: satu paragraf rata kanan, dan paragraf yang lain rata tengah.

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”. Warna Hijau

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

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

Text : digunakan user untuk menginputkan huruf, kalimat atau angka dalam form. First name: Last name:

Radio Button: digunakan untuk memilih satu dari beberapa pilihan. Male Female

CheckBox: digunakan untuk memilih satu atau beberapa pilihan dalam form. I have a bike: I have a car: I have an airplane:

Username:

Mau bertanya..?

Tugas 3: Gunakan tabel, form dan CSS untuk membuat web dengan tampilan seperti berikut: Ketentuan: Kerjakan secara individu dan kirimkan kodingnya ke paling lambat 16 Februari 2015 pukul 22.00WIB File: NIM.doc  Contoh: doc Subject: TgsPWNIM  Contoh: Tidak sesuai ketentuan tidak akan diperiksa!