Percobaan CSS Pada Web Sederhana

CSS merupakan  singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”.  Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan.  Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet.  Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.baik lansung saja Untuk pertemuan kita kali ini adalah tentang pembuatan kode css pada website yang telah ada, dalam tahap yanng pertama adalah

1.  mengubah teks dalam list (kandungan susu) sehingga property font (warna, jenis font, ukurannya sama dengan paragraf pertama)

2. mengubah teks dalam panel menu atas menjadi link dan ketika disorot dengan kursor, warna teks dan background-nya berubah.
3. Mengisi bagian sebelah kanan halaman (bagian berwarna biru) dengan suatu konten (misalnya daftar artikel, dsb). 
4. menambahkan teks/ tulisan yang proporsional di bagian header halaman

lansung saja pada pembahasannya.

untuk menyamakan font pada kalimat pertama dan kedua adalah dengan mmeyamakan pengubahan pada font keduanya dengan syarat harus sama.

 seperti brikut :

pada teks "isi" adalah jenis paragraf yang pertam

dan teks "isi p" adalah paragraf yan kedua, hanya menyamakan saja yang ada dalam paragraf pertama kepada yang kedua.

kemudian untuk menyamakan ukuran teks adalah seperti di bawah ini :

dan style untuk menyamakan font teks :

membuat paragraf proporsional pada header:

"welcome"

alhasil :

menambahkan style font,warna,ukuran  pada kalimat :

 brikut ini adalah hasilnya :

pada masing-masing panel adalah sebuah link seperti brikut ini 

pada bagian kanan terdapat link untuk meng-sharekan blog

hasilnya berada di samping kanan blog seperti di bawah ini :

sekian dulu dari saya

maaf jika ada kesalahan

faskho

Isya Andika

1110651156

pemrograman berbasis web

WELCOME

Depan

Profil

Produk

Kontak

Forum

Ayo Minum Susu.!!!

Susu adalah sebuah cairan bergizi yang dihasilkan oleh kelenjar susu dari mamalia betina. Susu adalah sumber gizi utama bagi bayi sebelum mereka dapat mencerna makanan padat. Susu binatang (biasanya sapi) juga diolah menjadi berbagai produk seperti mentega, yoghurt, es krim, keju, susu kental manis, susu bubuk dan lain-lainnya untuk konsumsi manusia. Semua orang di dunia ini membutuhkan susu untuk menopang kehidupannya. Baik dari bayi sampai orang yang sudah lanjut usia.

Share It :

artikel terkait

Khasiat susu sapi ternyata banyak sekali. Susu yang banyak digemari anak-anak ini disebut juga darah putih bagi tubuh karena mengandung banyak viatmin dan berbagai macam asam amino yang baik bagi kesehatan tubuh. Dalam segelas susu terdapat antara lain:
Potasium, yang menggerakkan pembuluh darah agar tetap stabil, menghindarkan Anda dari penyakit darah tinggi dan jantung.

• Zat besi, mempertahankan kulit tetap bersinar.
• Tyrosine, mendorong hormon kegembiraan dan membuat tidur lebih nyenyak.
• Kalsium, menguatkan tulang.
• Magnesium, menguatkan jantung dan sistem saraf sehingga tidak mudah lelah.
• Yodium, meningkatkan kerja otak cepat.
• Seng, menyembuhkan luka dengan cepat.
• Vitamin B2, meningkatkan ketajaman penglihatan.

design by : dhk gayo wasni ranto

hak cipta di lindungi "heheheeh"