Just another WordPress.com site

Modul 3 (Tugas Rumah-FACEMU)

Berikut adalah tugas Mata Kulaih Web Desain yang mengimplementasikan penggunaan CSS
Dan ini adalah hasil desain yang dibuat:

Souce Code-nya adalah sebagai berikut:

<!DOCTYPE html>
<html lang=”en”>

<head>
<title>Selamat Datang di FACE_MU</title>
<link rel = “shortcut icon” href = “icon.png”/>
<style type=”text/css”>
<!–

.header{
align:center;
height:80px;
background-color:#3399CC;}

.content {
height:460px;
padding:15px;
background-image:url(bg.jpg);}

.footer {
height:20px;
background-color:#3399CC;}

.huruf1{
font-family: Arial, Helvetica, sans-serif;
color:white;
font-size:12px;}

.huruf2{
font-family: Arial, Helvetica, sans-serif;
color:white;
font-size:10px;}

.button{
-moz-border-radius-topleft:5px 5px;
-moz-border-radius-topright:5px 5px;
-moz-border-radius-bottomleft:5px 5px;
-moz-border-radius-bottomright:5px 5px;
-webkit-border-radius-topleft:5px 5px;
-webkit-border-radius-topright:5px 5px;
-webkit-border-radius-bottomleft:5px 5px;
-webkit-border-radius-bottomright:5px 5px;
-o-border-radius-topleft:5px 5px;
-o-border-radius-topright:5px 5px;
-o-border-radius-bottomleft:5px 5px;
-o-border-radius-bottomright:5px 5px;
-khtml-border-radius-topleft:5px 5px;
-khtml-border-radius-topright:5px 5px;
-khtml-border-radius-bottomleft:5px 5px;
-khtml-border-radius-bottomright:5px 5px;
-ms-border-radius-topleft:5px 5px;
-ms-border-radius-topright:5px 5px;
-ms-border-radius-bottomleft:5px 5px;
-ms-border-radius-bottomright:5px 5px;
-chrome-border-radius-topleft:5px 5px;
-chrome-border-radius-topright:5px 5px;
-chrome-border-radius-bottomleft:5px 5px;
-chrome-border-radius-bottomright:5px 5px;
-moz-box-shadow:2px 2px 2px;
-webkit-box-shadow:2px 2px 2px;
-o-box-shadow:2px 2px 2px;
-khtml-box-shadow:2px 2px 2px;
-ms-box-shadow:2px 2px 2px;
-chrome-box-shadow:2px 2px 2px;
background-color: #0099CC ;
border: 1px solid blue;
padding: 0px;
width: 50px;
height:20px;
font-family: Arial, Helvetica, sans-serif;
color: White;
font-size: 11px;
font-weight: bold;
}
–>
</style>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
</head>
<body>

<div>
<img src=”facemu.png” align=”left”/>
<form action = “” method=”post”/>
<table border=0 align=”right”>
<tr>
<td><span>E-mail :</span></td>
<td>
<span>Password :</span></td>
<tr><td>
<input type=”text”/>
</td>
<td>
<input type=”text”/>
</td>
<td>
<input type=”submit” value=”Masuk”
/>
</td>
</tr>

<tr>
<td>
<input type=”checkbox”>
<span>Biarkan saya tetap masuk</span>
</td>
<td>
<span><u>Lupa kata sandi Anda?</u></span>
</td>
</tr>
</table>
</div>

<div>
</div>

<div>
<span>
Created by : Renjana Runjung
</span>
</div>

</body>
</html>

SEMOGA BERMANFAAT

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Tag Cloud

%d bloggers like this: