CSS.

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 /
Cascading Style Sheets (CSS)
13 CSS ( CASCADING STYLE SHEET II ) Bayangkan jika kita memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap.
( Cascading Style Sheet) Bagian 1
Pertemuan 9 Cascading Style Sheet (css)
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
Dasar CSS A’ud Solehuddin::Februari2012. Materi Mengenal CSS Mengenal CSS Mencoba CSS Mencoba CSS Penggunaan atribut ID dalam tag Penggunaan atribut ID.
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
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.
HTML - CSS Cascading Style Sheet.
Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.
Cascading Style Sheet Oleh : Edy Mulyanto
Web and Multimedia based Programming K2133 Pemrograman berbasis Web dan Multimedia 1.
Latihan CSS.
Pemrograman Berbasis Web CSS
PERTEMUAN 6. .classshadow { font-family: color:#333333; text-shadow: 1px 2px 3px blue; } kita juga bisa menambah value lagi misal : text-shadow: 1px 2px.
FORM Kegunaan Form : memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan. memperoleh informasi pembelian.
CSS (Cascading Style Sheet)
CSS Eksternal & Style Elemen
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)
Cascading Style Sheet (CSS)
Lutfi Budi Ilmawan Univ. Muslim Indonesia
Pemrograman Berbasis Web CSS
Cascading Style Sheet (CSS)
PERTEMUAN CSS Pengenalan CSS.
(Cascading Style Sheet)
Pemrograman Basis Data Berbasis Web
HTML CSS.
Perkenalan CSS.
CSS (Cascading Style Sheet)
Cascading Style Sheets (CSS)
Pengenalan CSS Apasih CSS itu ?.
Perancangan & Pemrograman Web
CASCADING STYLE SHEETS (CSS)
Firman Wahyudhie Cascading STYLE SHEET.
S1 Teknik Informatika - Unijoyo
PRIN STIANINGSIH TEACHER OF SMK NEGERI 1 PEKANBARU
KOMPUTER APLIKASI IT XHTML & CSS MODUL 02
Pemrograman Web Dinamis
(Cascading Stylesheet)
CSS Pertemuan 12 Matakuliah : L0182 / Web & Animation Design
Cascading Style Sheet (CSS)
PERTEMUAN 5 CSS IMAGE.
Cascade Style Sheet (CSS)
Pemrograman Basis Data Berbasis Web
( Cascading style sheets)
Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST
Assalamu’alaikum Warohmatullah Wabarokatuh Selamat Pagi 
Pemrograman Web I --CSS--
Pemrograman Berorientasi Platform (IN315B)
Cascading Style Sheet (CSS)
Urutan Prioritas Selector CSS (Cascading)
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
Class and ID Selector.
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.
CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet)
Hyperlink dengan CSS Contoh code program HTML hyperlink dengan CSS, untuk code HTMLnya seperti berikut :
List dan Image pada HTML
Cascading Style Sheet (CSS) dan HTML Form
Transcript presentasi:

CSS

CSS Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi lebih menarik dan mudah dikelola.

Selector Adalah nama yang diberikan untuk setiap style berbeda yang dibuat. Di dalam style didefinisikan bagaimana setiap selector akan bekerja (font, color dan lain-lain.). Kemudian di dalam bagian body halaman web, selector tersebut dipanggil untuk mengaktifkan style yang telah didefinisikan. Jenis-jenis Selector: Selector HTML Selector Class Selector ID

Selector HTML Digunakan untuk mendefinisikan style yang berhubungan dengan tag HTML, melakukan redefinisi tag normal HTML

Selector class Digunakan untuk mendefinisikan style yang dapat dipakai tanpa melakukan redefinisi tag HTML.

Selector ID Digunakan untuk mendefinisikan style yang berhubungan dengan suatu object memanfaatkan ID unik, biasa digunakan saat bekerja dengan layer

Redefinisi Tag HTML

Redefinisi Tag HTML

Redefinisi Tag HTML Pilih tombol tag Pilih tag html yang akan didefinisi ulang, misal : tag h1 Pilih tombol pilihan define ini : this document only.

Redefinisi Tag HTML Lakukan definisi terhadap rule CSS

Redefinisi Tag HTML

Lakukan redefinisi tag b menjadi muncul tampilan sebagai berikut :

Membuat text shadow Buat file css dan beri nama c1.css

1px adalah tebal bayangan secara horisontal, kekanan untuk nilai (+) dan kekiri untuk nilai (-), misal -1px; 2px adalah tebal bayangan secera vertikal, kebawah untuk nilai (+) dan keatas untul nilai (- ), misal -2px; 3px adalah tingkat keburaman, semakin tinggi nilainya maka semakin buram pula bayanganya blue ada warna bayangan.

Jika lebih dari satu efek maka setiap value dipisakan dengan ,(koma) maksud dari kedua value manambah efek dengan dua value tadi. Contoh : text-shadow: 1px 2px 3px blue, 2px 3px 2px red;

buat file html beri nama CSS2.html Klik attach style sheet

Kemudian atur attach external style sheet

Sehingga di sebelah kanan tampilan dreamweaver muncul file css yang telah dimasukkan

Hasil text shadow