Makalah CSS

MAKALAH
Tentang : CSS
Nama
Kelas
Guru Pembimbing
Isi Makalah
: Bagas Fabian Maulana

: X TKJ-2
: Novita
: CSS
SMK Negeri 4 Bandar Lampung

2016
[Type text]
Page 1
Kata Pengantar
Puji syukur kita panjatkan kepada Tuhan YME karena atas
karunia-Nya kita dapat menjalani hidup dengan damai. Penulis
akan menulis makalah tentang CSS yang dimana CSS di masa
kini selalu dipakai di website, bahkan di website sederhan
sekallpun
Penulis meminta maaf jika ada kesalahan dalam makalah ini
dikarenakan manusia pasti mempunyai kesalah kecuali Nabi
Muhammad SAW.
Kamis, 22 April 2016
Penulis
Daftar Isi
[Type text]
Page 2
BAB 1 : Pendahulan
BAB 2 : Dasar Teori
BAB 3 : Isi
BAB 4 : Kesimpulan
Daftar Pusaka
4
4
5
9
10
BAB 1 : Pendahuluan
[Type text]
Page 3
Latar Belakang :
CSS digunakan oleh penulis maupun pembaca halaman web untuk
menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan
dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen
(yang ditulis dengan HTML atau bahasa markup lainnya) dengan
presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat
meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan
kontrol terhadap tampilan, dan mengurangi kompleksitas serta
pengulangan pada stuktur isi
BAB 2 : Dasar Teori

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang
digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam
bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk
memformat halaman web yang ditulis dengan HTML dan XHTML.
Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua
jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh
World Wide Web Consortium (W3C).
CSS digunakan oleh penulis maupun pembaca halaman web untuk
menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan
dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen
(yang ditulis dengan HTML atau bahasa markup lainnya) dengan
presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat
meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan
kontrol terhadap tampilan, dan mengurangi kompleksitas serta
pengulangan pada stuktur isi.
CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara
yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar,
cetak, suara (sewaktu dibacakan oleh browser basis-suara atau pembaca
layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama
juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau
skema warna dengan menggunakan CSS.
BAB 3 : Isi
[Type text]
Page 4
Berikut adalah beberapa contoh Line Style dari CSS :

1. Pengaturan Latar belakang
<html>
<head>
<style type="text/css">
body
{
Background: #00ff00
url("gambar.gif")
no-repeat fixed
center center
}
</style>
</head>
<body>

Catatan:
seperti background-attachment dan background-position tidak bisa
digunakan dalam
browser Netscape 4.0

Ada teks disini
Tuliskan sekehendak kalian
Terserah apa saja
Yang penting ada tulisannya
</body>
</html>
[Type text]
Page 5
2. Penanganan Font
<html>
<head>
p.normal {font-weight: normal}
p.tebal {font-weight: bold}
p.teballl {font-weight: 900}
p.lengkap
{
font: italic small-caps 900 12px arial
}
</style>
</head>
<body>

Perhatikan paragraf ini

Bandingkan dengan paragraf diatasnya 

Bandingkan dengan yang ini juga

Paragraf dengan semua atribut font dimasukan 
</body>
</html>
[Type text]
Page 6
3. Pembuatan Border
<html>
<head>
p.borderous
{
border-style: double;
border-width: 5px 10px 1px medium;
border-color: #ff0000
#00ff00 #0000ff
rgb(250,0,255)
}
</style>
</head>
<body>

Catatan: properti "border-color" dan "border-width" tidak dikenali oleh
browser
Internet Explorer bila digunakan secara langsung. Gunakan properti "borderstyle" untuk
menyiapkan border dalam Internet Explorer. 
Internet Explorer 5.5 mendukung semua border style. Internet Explorer 4.0-5.0
tidak
mendukung nilai "dotted" dan "dashed" 
</body>
</html>
[Type text]
Page 7
4. Menggunakan List
<html>
<head>
ul
{ list-style: square outside url("gambarkecil.gif");}
</style>
</head>
<body>
BAB 5 : Penutup
Kesimpulan
CSS adalah sebuah bahasa pemrograman untuk membuat sebuah halaman web.
Anda perlu menuliskan kode melalui editor teks seperti NotePad dilingkungan Windows.
Kita dapat mendesain program tersebut sesuai dengan keinginan kita. Dimana kita
dapat memberikan warna Font, menampilkan gambar, membuat garis horizontal, dan
lainnya.
[Type text]
Page 8
Daftar Pusaka
http://dokumen.tips/documents/makalah-css.html - 22 April 2016 06:11
http://imaniania5.blogspot.co.id/2013/10/pengertiandefinisi-dan-fungsi-daricss.html - 22 April 2016 06:11
HTTP://WWW.CARIKODE.COM/TUTORIAL-BELAJAR-DASAR-CSSUNTUK-PEMULA-CARA-MEMBUAT-TAMPILAN-WEB-ATAU-LAYOUTMENGGUNAKAN-CSS - 22 April 2016 06:13
[Type text]
Page 9

Makalah CSS

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Makalah CSS

Загружено:

Авторское право:

Доступные форматы

MAKALAH

: Bagas Fabian Maulana

SMK Negeri 4 Bandar Lampung

Kamis, 22 April 2016

BAB 2 : Dasar Teori

Berikut adalah beberapa contoh Line Style dari CSS :

Вам также может понравиться