Sentra Gosip Ilmu Komputer

Berikut ini adalah model sebuah page HTML yg memakai sebuah CSS.File CSS saya beri nama mystyle.css dan di dalam arsip tsb saya gunakan 4 buah arsip gambar yaitu :

Letakkan ke-4 arsip gambar tersebut ke pada 1 foler yang bernama images.Setelah arsip CSS-nya jadi berikutnya anda buat file HTML-nya, jikalau pada sini gw kasih nama model.htmlUntuk ad interim isi berdasarkan arsip HTML anda samakan dengan model.html, jika sudah paham maka silahkan ditambahkan beberapa format yg anda inginkan. 

apabila sudah maka silahkan dicoba melihat hasilnya melalui browser.

Selamat mencoba ...

Berikut ini adalah model arsip CSS yang gw kasih nama "mystyle.css"  ------------------------------------------------------------------------ @charset "utf-8";

#latar background: #eeeeee;margin: 0px;

h1 font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 24px;color: #FFFF00;

h2 font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 14px;color: #FF0000;

isi font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;

.header background: url(images/header.png);height: 80px;padding-top: 16px;padding-left: 30px;

.sajian background: #000000;height: 30px;

.menu li width: 140px;list-style: none;float: left;color: #CCCCCC;font: 14px/30px Arial, Helvetica, sans-serif;text-align: center;text-transform: uppercase;

.hidangan li a text-decoration: none;color: #CCCCCC;display: block;

.sajian li a:hover background: #eeeeee;color: #0000FF;font-weight: bold;

.container width: 700px;margin-top: 20px;margin-left: auto;margin-right: auto;margin-bottom: 20px;

.content-atas background: url(images/content-atas.png) no-repeat;height: 20px;

.content-tengah background:url(images/content-tengah.png) repeat-y;padding-top: 5px;padding-bottom: 5px;padding-left: 20px;padding-right: 20px;text-align: justify;

.content-bawah background:url(images/content-bawah.png) no-repeat;height: 30px;------------------------------------------------------------------------

Dan berikut merupakan tag html menurut file model.html------------------------------------------------------------------------ Pusat Komputer CSSPusat Komputer id="latar">

 

Virtual Komputer BLOG

 Home Pagedanlt;/a>Daftar BarangMember Area Pembayarandanlt;/a> 

Info Promosi

 

 

     

Berikut ini adalah contoh sebuah page HTML yg memakai sebuah CSS.mystyle.cssdanlt;/strong> dan di pada file tersebut saya memakai 4 butir file gambar yaitu :
  1. content-atas.pngdanlt;br>  dua. content-bawah.pngdanlt;br>  tiga. content-tengah.pngdanlt;brdangt;  4. header.png
 

Letakkan ke-4 arsip gambar tadi ke dalam 1 foler yang bernama images

 

---

 
  Untuk sementara isi menurut arsip HTML anda samakan menggunakan   Jika telah maka silahkan dicoba melihat hasilnya melalui browser.     

------------------------------------------------------------------------