�ݺ�ߣ

LAPORAN PEMROGRAMAN BERBASIS WEB
PENGENALAN CSS DAN HTML
Disusun oleh:
(MUHAMMAD HENDRIK)
(1210651244)
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2012/2013

Dasar Teori :
Ø CSS (Cascading Style Sheet)
CSS adalah singkatan dari Cascading Style Sheets. aliran dari suatu kode ke kode lain yang
saling berhubungan. kumpulan kode-kode yang berurutan dan saling berhubungan untuk
mengatur format / tampilan suatu halaman HTML.
Jika anda memiliki beberapa halaman website dimana anda menggunakan font arial untuk
tulisannya, lalu suatu hari anda bosan dengan arial dan ingin mengganti ke trebuchet, anda
harus merubah satu per satu halaman website anda dan merubah tipe font dari arial menjadi
trebuchet.
Singkatnya dengan CSS anda dapat merubah fon, Warna background serta besar kecilnya
huruf atau fon dll dari halaman Web atau HTML.
Ø HTML (Hyper Text MarkUp Language)
HTML (Hypertext Markup Language) adalah bahasa dari World Wide Web yang
dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada
program browser.
Tiap kali kita mengakses dokumen web, maka sesungguhnya kita mengakses dokumen
seseorang yang ditulis dengan menggunakan format HTML. Beberapa orang merasa
keberatan jika dikatakan HTML adalah sebuah bahasa pemrograman karena struktur yang
dimilikinya dianggap terlalu sederhana, kode-kode dibaca oleh browser baris per baris, dari
atas ke bawah. HTML juga tidak memiliki ‘looping’ seperti bahasa pemrograman lain.
Pada HTML dipergunakan hypertext link atau hubungan antara teks dan dokumen lain.
Dengan demikian pembaca dokumen bisa melompat dari satu dokumen ke dokumen yang
lain dengan mudah.

1. Ubahlah teks dalam list (kandungan susu) sehingga property font (warna, jenis font,
ukurannya sama dengan paragraf pertama)
Ini terdapat tag body untuk pemanggilan css yang digunakan.
Terdapat pada tag head, ini untuk pemanggilan pasword CSS yang digunaka pada CSS3,
untuk pembuatan web dalam tugas ini.

Hasilnya:
2. Ubahlah teks dalam panel menu atas menjadi link dan ketika disorot dengan kursor, warna
teks dan background-nya berubah.
hasilnya :

3. Isilah bagian sebelah kanan halaman (bagian berwarna biru) dengan suatu konten
(misalnya daftar artikel, dsb). Dan percantiklah dengan kreasi CSS anda (tidak ada CSS
berarti juga TIDAK ADA NILAI)
// Code diatas menunjukkan untuk menambahkan tulisan atau artikel yang ada dalam halaman
sebelah kiri yang ada diweb.
Hasilnya:

4. Tambahkanlah teks/ tulisan yang proporsional di bagian header halaman
// Untuk kode script diatas untuk menambahkan tulisan dibawah header.
Header Adalah tempat Judul website yang biasanya berada diposisi teratas dari webpage.
hasilnya:
Selebihnya dari tugas ini adalah sebagai berikut :

// Untuk kode script diatas untuk menambahkan tulisan dibagian paling dibawah header.
hasilnya:
sourcode keseluhan adalah :

�ݺ�ߣ

PENGENALAN CSS

Recommended

More Related Content

What's hot (16)

Similar to PENGENALAN CSS (20)

PENGENALAN CSS