Sabtu, 16 April 2011

bahan praktikum mengelola halaman web part 1

<html>
<head>

<title>website pertamaku</title>
<style type="text/css">
/*-----------------------------------------------------
Theme Name: Template Pertamaku
Theme URL: http://smknusantara.com
Description: Ini Template Pertama Aku
created by<a href="http://smknusantara.com/">smknusantara</a>
author: Aku
Author URL: http://smknusantara.com/
Date: 14 februari 2010
--------------------------------------------------------*/
/*------------------------------------------------------*/
body {
padding:3px;
background:transparent;
font-family:Century gothic, Arial, Tahoma, sans-serif;
color#126A9B
font-size: 13px;
text-align: center;

}

#kotakblog {
padding:3px;
width:2000px
border:1px solid #000;
background:#off
}
#topbar {
padding:3px;
width:980px;
height:60px;
border:1px solid #000;
background:#000 url(images/sunset.jpg) center right;
font-size: 15px;
font-family:castellar;
vertical-align: middle;
}
#header {
padding:3px;
width:980px;
height:100px;
border:1px solid #000;
background:#000 url(images/header2.jpg) center;
font-family:harlow solid italic;
color:violet;
text-decoration:underline;
text-align: right;

}

#navigasi {
padding:3px;
width:980px;
height:30px;
border:1px solid #000;background:#000 url(images/sunset.jpg) right;
text-align: left;
text-decoration:none;
}

#tembok-utama {
padding:0px 3px;
width:980px;
border:1px solid #000;background:#ddd;
}

#kotak-posting {
padding:20px 10px;
float:left;
width:550px;
height:500px;
border:1px solid #000;background:#eee;
}

#isi-posting {
padding:2px;
height:500px;
border:1px solid #000;background:#white;
text-align: left;
}

#ruang-sidebar {
padding:20px 3px;
float:left;
width:400px;
height:500px;
border:1px solid #000;background:#abc;
}

#ruang-sidebar-top-besar {
padding:10px 10px;
width:378px;
height:100px;
border:1px solid #000;background:#ff0fff;
font-size: 15px;
font-family:castellar;
color:red;
vertical-align: middle;
}

#ruang-sidebar-kanan {
padding:3px;
float:right;
width:185px;
height:380px;
border:1px solid #000;background:#bbc;
}

#ruang-sidebar-kiri {
padding:3px;
float:left;
width:185px;
height:380px;
border:1px solid #000;background:#ccd;
}

#footer-kaki {
padding:3px;
width:982px;
height:50px
border:1px solid #000;background:#00ffff;
text-align : right
}

/*--------------------------------------------------------*/
</style>
</head>
<body >
<div id="kotakblog">
<div id="topbar"><marquee><h4>* SINAU MENGELOLA HALAMAN WEB * SINAU MENGELOLA HALAMAN WEB * SINAU MENGELOLA HALAMAN </h4></marquee></div>
<div id="header"><h1>Majalah Dinding SMK Nusantara Bandar Jaya</h1><p><marquee>Internet Sehat Untuk Semua</marquee></p>
</div>
<div id="navigasi"><a href="http://smknusantara.com/">smknusantara</a>
<a href="http://google.com/">google search</a>
<a href="http://bse.com/">buku elektronik</a>
<a href="http://yahoo.com/">yahoo</a>
<a href="http://facebook.com/">facebook</a></div>
<div id="tembok-utama">

<div id="kotak-posting">
<div id="isi-posting">Isi Postingan
<p>ketingbalap ketingbalap ketingbalap ketingbalap ketingbalap
ketingbalap ketingbalap ketingbalap ketingbalap ketingbalap ketingbalap
ketingbalap ketingbalap
</p></div>
</div>
<div id="ruang-sidebar">
<div id="ruang-sidebar-top-besar"><h1><b><blink>iklan</blink></b></h1></div>
<div id="ruang-sidebar-kanan">Isi ruang-Sidebar-Kanan</div>
<div id="ruang-sidebar-kiri">Isi ruang-Sidebar-Kiri
</div>
</div>
</div>
<div id="footer-kaki"><p>created by :<a href="http://smknusantara.com/">www.smknusantara.com</a></p></div>
</div>
</body>
</html>