Anda di halaman 1dari 9

LAPORAN RESMI PRAKTIKUM WEB I MODUL III CSS (Font, Text, color) (Cascading Style Sheet)

DisusunOleh :
KELAS B NAMA NRP JURUSAN DOSEN NUR ALVI NAULI 120451100028 MANAJEMEN INFORMATIKA SRI HERAWATI S.Kom

TELAH DISETUJUI TANGGAL : .....-......-..... ASISTEN PRAKTIKUM NORMAN HIDAYATULLAH (11.04.5.1.1.00001)

LABORATORIUM BISNIS INTELIJEN SISTEM JURUSAN MANAJEMEN INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS TRUNOJOYO MADURA

BAB I PENDAHULUAN

1.1 Latar Belakang Terkadang dalam pembuatan suatu halam web, kita sulit untuk mengelolanya dikarenakan terlalu banyak tag-tag yang digunakan, untuk lebih mudah mengelola suatu halama web kita bisa menggunakan Casading Style Sheet(CSS). Dengan menggunakan CSS halaman web yang telah kita buat akan lebih menarik dan mudah dikelola. Dalam CSS terdapat banyak style yang bisa kita gunakan. Kita bisa menggunakan CSS untuk text, font, color, dan link. Dengan menggunakan CSS kita bisa lebih mudah mengubah style pada font, text, link maupun color. Pada modul 3 ini akan dibahas tentang Casading Style Sheet(CSS).

1.2 Tujuan Mampu menjelaskan mengenai pengenalan CSS, selector, komentar, mekanisme, membuat aplikasi perintah-perintah CSS dan

menggabungkannya dengan HTML.

BAB II DASAR TEORI 2.1 Selector Adalah nama yang diberikan untuk setiap style berbeda yang dibuat. Di dalam style didefinisikan bagaimana setiap selector akan bekerja (font, color dan lainlain.). Kemudian di dalam bagian body halaman web, selector tersebut dipanggil untuk mengaktifkan style yang telah didefinisikan. Jenis-jenis Selector: a. Selector HTML Digunakan untuk mendefinisikan style yang berhubungan dengan tag HTML, melakukan redefinisi tag normal HTML Syntax: SelectorHTML {Properti:Nilai;} b. Selector Class Digunakan untuk mendefinisikan style yang dapat dipakai tanpa melakukan redefinisi tag HTML. Syntax: ClassSelector {Properti:Nilai;} c. Selector ID Digunakan untuk mendefinisikan style yang berhubungan dengan suatun object memanfaatkan ID unik, biasa digunakan saat bekerja dengan layer Syntax: #IDSelector {Properti:Nilai;} 2.2 Mekanisme Mengaplikasikan CSS 1. Style didefinisikan dalamtag HTML (tag tunggal) 2. Style didefinisikan di dalam bagian <head> dan diaplikasikan untuk seluruh dokumen HTML tersebut. 3. Style didefinisikan di file eksternal yang selanjutnya dapat digunakan oleh dokumen HTML manapun dengan memasukkan CSS tersebut dalam dokumen yang diinginkan melalui URI.

2.3 Elemen-elemen CSS 1. Font Digunakan untuk mengatur tingkah-laku huruf (font). Elemen ini mempunyai beberapa properti. Satu properti dapat mempunyai beberapa nilai.

2. Text Element text akan membuat tampilan teks menjadi lebih menarik

3. Color Elemen color yang digunakan untukmengatur warna teks dan background halaman web

4. Link Digunakan sebagai penghubung sehingga dapat digunakan untuk berpindah dari satu bagian ke bagian lain, dari satu halaman ke halaman lain bahkan dari satu situs ke situs lainnya. CSS menyediakan elemen link yang dapat digunakan untuk mengatur perilaku link.

BAB IV IMPLEMENTASI 1. Casading.CSS(CSS eksternal)

Implementasi Modul4.HTML

Hasil :

2.

BAB V PENUTUP KESIMPULAN DAN SARAN Kesimpulan:

Dengan menggunakan CSS halaman web yang kita buat lebih mudah dikelola dan lebih menarik.

Untuk membuat suatu style yang berbesa kita bisa menggunakan selector. Elemen pada CSS antara lain : Font, Text, Link, dan Color.

Saran : Diharapkan asisten praktikum dapat membimbing para peserta praktikum dengan baik sehingga para peserta praktikum dapat memahami apa yang sedang di praktikkan dan bisa mempraktikkannya sendiri selain itu asisten praktikum bisa membantu para peserta praktikum yang kesulitan memahami materi praktikum.

Anda mungkin juga menyukai