LAPORAN
PRAKTIKUM
MODUL 3
Oleh
:
Asroh Azzahrah
X
TKJ 8
SMK
INDUSTRI AL KAAFFAH
(TERAKREDITASI
B)
Jl. Semeru No. 18 A Dilem, Kepanjen, Kab. Malang 65163 Tlp.
0341395998
study kasus:
bkreasi-kreasi objek.
hasil gambar:
script
<!DOCTYPE
html>
<html
lang="en">
<head>
<title> demo rounded
border</title>
<style type="text/css">
<!--
.circle {
background: yellow;;
border-radius: 200px 200px 200px 200px;
border-radius: 160px;
border: 2px solid #897048;
padding: 50px;
width: 100px;
height: 100px;
}
-->
<!--
.rcorners6 {
border-radius: 15px 0px 15px 0px;
background: red;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
padding: 15px;
width: 150px;
height: 80px;
border: 2px solid #897048; }
-->
<!--
.button1 {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),
0 6px 20px 0 rgba(0,0,0,0.19);
background: grey;
border-radius: 15px 0px 0px 0px;
-moz-border-radius-topleft: 15px;
-moz-box-shadow: 10px 7px 5px;
-webkit-border-radius: 40px;
border: 2px solid #897048;
padding: 15px;
width: 150px;
height: 75; }
-->
</style>
</head>
<body>
<div class=" circle"
align="center">
Zakia nur wijaynti lahir tanngga 5 mei tahun
2001 anak dari mukadi jaitun dan aagus tina susila wati.
</div>
<br />
<div class= "rcorners6"
align="center">
daan saya berasal dri pontianak, ssaya
sekarang sekolah di jawa timur si smk indutri al-kaaaffah
</div>
<br />
<div class= "button1"
align="center">
sdfghjklo poiuytreaxcv xdcfvghbjnm
xrctvygbhnj xecrtvybuhnj
</div>
<br />
</body>
</html>
mendisain WEB
hasil GAMBAR:
script
<HTML>
<html
lang="en">
<head>
<title>Face
box</title>
</head>
<style
type="text/css">
<!--header,
footer{
background-color
:pink;
}
header{
height
: 100px;
padding-top
: 10px;
padding-bottom
: 100px;
padding-left
: 150px;
}
#lebar{
width
: 1000px;
}
footer{
padding-top
: 5px;
padding-bottom
: 5px;
padding-right
: 200px;
padding-left
: 30px;
color
: white;
font-family
: Copper Black;
font-size
: small;
font-weight
: bold;
}
bg-color{
height
: 410px;
background-image
: url(bg.jpg);
background-color
: white;
background-repeat
: repeat-x;
}
login{
float
: right;
color
: white;
font-family
: Calibri(body);
font-size
: small;
}
#logo{
margin-top
: 5px;
float
: left;
height
: 30px;
}
#kanan{
float:
left;
padding:
5px;
width:200px;
height:
160px;
}
#tengah
{
float:
left;
}
#kiri
{
float:
left;
width:
200x;
height:
160px;
}
#imageface{
padding-top
: 5px;
padding-bottom
: 5px;
padding-left
: 45px;
width:
350px;
height:
150px;
font-family
: Comic San MS;
font-weight
: bold;
color:
#ffffff;
}
#huruf{
font-family
: Comic San MS;
font-size
: small;
font-weight
: bold;
line-height
: 35px;
color:
#792323;
}
#klik_in{
background-color
: #870b0b;
color
: grey;
}
#button_daftar{
background-color
: #870b0b;
color
: grey;
}-->
</style>
</head>
<body>
<div
class="header">
<div
id="lebar">
<div
id="logo">
<img
src="facebox.jpg" height="50">
</div>
<div
class="login">
<table>
<tr>
<td>Email</td>
<td>Password</td>
<td>
</td>
</tr>
<tr>
<td><input
type="text"></td>
<td><input
type="password"></td>
<td><input
type="submit" value="Masuk"
id="klik_in"></td>
</tr>
<tr>
<td
height="15"><input
type="checkbox">Ingat</td>
<td
height="15">Lupa kata sandi?(buat baru aje dah)</td>
<td
height="15"> </td>
</tr>
</table>
</div>
</div>
</div>
<div
class="bg-color">
<form>
<div
id="tengah">
<div
id="kiri">
<div
id="imageface">
<font
size="3">Face Box Just For People Rich</font>
<img
src="facebox.jpg">
</div>
</div>
</div>
</form>
<div
id="kanan">
<div
id="huruf">
<h2>Akun
Face Box Not for People Poor. </h2>
<hr
style="color: turquoise">
<form>
<table>
<tr>
<td>Nama
Depan :</td>
<td><input
type="text" size="40"></td>
</tr>
<tr>
<td>Nama
Belakang :</td>
<td><input
type="text" size="40"></td>
</tr>
<tr>
<td>Email
:</td>
<td><input
type="text" size="40"></td>
</tr>
<tr>
<td>Password
Baru:</td>
<td><input
type="password" size="40"></td>
</tr>
<tr>
<td>Ulangi
Password :</td>
<td><input
type="password" size="40"></td>
</tr>
<tr>
<td>Jenis
Kelamin :</td>
<td><select
name="kelamin">
<option
value="pria" selected>Laki-laki
<option
value="wanita">Perempuan
</select></td>
</tr>
</table>
</form>
<input
type="submit" value="Get Now"
id="button_daftar">
</div>
</div>
</div>
<div
class="footer">
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar