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

Presentasi berjudul: "Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB."— Transcript presentasi:

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

2 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:......

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

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

5 … 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.

6 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

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

8

9

10

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

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

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

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

15 Username:

16 Mau bertanya..?

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