LAPORAN PRAKTIKUM PENGENALAN WEB

11

                LAPORAN PRAKTIKUM

PENGENALAN WEB

Modul

Penggenalan CSS

Disusun Oleh :

HERI PURNAMA

125410101

TI 03

UPT LABORATORIUM

Sekolah Tinggi Manajemen Informatika dan Komputer

AKAKOM

Yogyakarta

2014

Penggenalan CSS

1).PEMBAHASAN

A.LISTING

Praktikum

css

body { Ø  Ini adalah disebut sebagaisebuah selektor.             background-image:url(“Pictures/Waterlilies.jpg”); Ø  Diatas digunakan untuk memanggil gambar sebagai background sebagai elemen ,Yakni bacground “pictures/waterlilies.jpg”             background-repeat:repeat-x; Ø  Penggulangan abar background,yang mana backgroung tersebut bisa kita atur dengan menggunakan properti background-repeat.Yang mana menggulang gambar secara horizontal (sesuai sumbu x).             background-position:left; Ø  Untuk menentukan posisi gambar background  yang mana ala background ini ditentukan yakni backgroung berada disposisi kiri layar halaman Web. }

  html

Ø  Sebuah penulisan css yaitu External.Yang mana dipanggil di dalam tag had file css yang memiliki ekstensi (akhiran). Ø  Atribut rel adalah informasi hubungan dari tag Lin tersebut ,yaitu sebagai stylesheet.Href diisi dengan lokasi file css yang ingin dimuat.Pemanggilanya sama dengan pemanggilan gambar atau Link.

 

Hasilnya:

Latihan 1

Ø  Ini adalah penulisan css yang ditulis di dalam tag Ø  Yang mana di dalam ID gambar atau CSS ditentukan ukuranya yakni dengan : ·         Tinggi gambar = 250px ·         Lebar gambar = 250px ·         Posisinya = absolut ·         Jarak kiri halaman Web = 200px ·         Jarak atas halaman Web = 200px

Ø  Tag yan digunakan untuk membuat satu Group dari tag-tag HTML yang telah dibuat di dalam halaman Web.

 

Ø  Digunakan untuk menyisipkan gambar ke dalam halaman Web yakni gambar dengan nama file “Inter.jpg yang terletak dalam direktori Pictures”

 

 

 

Hasilnya:

 

 

 

 

Latihan 2

-->

Ø  Digunakan untuk pemanggilan tabel yang mana mempunyai ID ‘’table”.

           
Tes1

            
Tes2

Ø  Menciptakan baris pertama pada tabel yang mana mempunyai 2 kolom yakni :

·         Kolom pertama dipanggil dengan ID=”judul” dengan nama didalamnya “Tes1”

·         Kolomkedua dipanggil dengan ID=”judul” dengan nama didalamnya “Tes2”

          
Tes 1

          
Tes 2

Ø  Menciptakan baris kedua pada tabel yang mana mempunyai 2 kolom yakni :

·         Kolom pertama dipanggil dengan ID=”isi” dengan nama didalamnya “Tes1”

·         Kolomkedua dipanggil dengan ID=”isi” dengan nama didalamnya “Tes2”

Hasilnya:

B.TUGAS

·         Pertama

warga

kota

Klaten
yogya

Solo
Wonogiri

ponorogo
Malang

Jenis kelamin

pria
30
20
30

22
19
9

wanita
20
8
18

10
15
18

>

Running Program

·         Mendesain halaman Web “Pariwisata” dengan css

CSS

body {margin-left: 0;                   background-image:url("Jogja-Forever.jpg");                   margin-top: 0} table {border : 5px solid black;     width:250px;     height:250px;     position:absolute;     color:#cc9900} td {font-family: arial,verdana,san-seirf;     font-size: 12px} tr {font-family: arial;                 font-size: 12px} header{margin-left: 5;                 margin-top: 2 ;                 position: absolute;}

HTML

 

 

               

                               

                               

               

               

                               
BERANDA

                               

                                               
KOTA JOGJAKARTA

                                               

                                                               

                                                                                Profil kota

                                                               

                                                               

                                                                                Galeri foto

                                                               

                                               

                               
TEMPAT-TEMPAT
PARIWISATA KOTA JOGJAKARTA

                                               

                                                                               

Taman sari

                                                                               

                                                                               

Prambanan

                                                                               

                                                                               

Pantai Indrayanti

                                                                               

                                               

                   
TAMU

                                               

                                                               

Sign in

                                                               

                                                               

Sign up

                                                               

                                                               

Poling & Voting

                                                               

                                                               

Data pariwisata

                                                               

                                               

                               

               

                               

                               

               

               

                               
Silahkan berbagi pada :

                   

                               

               

 

3).KESIMPULAN

a)      css dapat digunakan untuk memperindah suatu halaman web secara mudah dibanding kita harus menuliskan pada setiap tag yang akan kita atur

b)      css jauh lebih praktis,css dapat digunakan secara langsung dan secara terpisah tergantung kebutuhan.

c)       Css dapat dituliskan dalam tiga tempat yakni :

1.       Inline

2.       Internal

3.       Eksternal

4).LISTING TERLAMPIR