<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:303px;
height:115px;
z-index:1;
left: 446px;
top: 105px;
background-image: url(file:///D|/tugas sekolah/pak alfian/Web Programming/latian/web2/1.jpg);
}
#Layer2 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
.style1 {font-family: "Times New Roman", Times, serif}
#Layer3 {
position:absolute;
width:187px;
height:244px;
z-index:1;
left: 188px;
top: 369px;
}
#Layer4 {
position:absolute;
width:183px;
height:113px;
z-index:2;
left: 187px;
top: 646px;
}
#Layer5 {
position:absolute;
width:187px;
height:89px;
z-index:3;
left: 185px;
top: 776px;
}
#Layer6 {
position:absolute;
width:187px;
height:29px;
z-index:4;
left: 190px;
top: 340px;
}
#Layer7 {
position:absolute;
width:144px;
height:28px;
z-index:5;
left: 13px;
top: 698px;
}
.style2 {color: #FFFFFF}
#Layer8 {
position:absolute;
width:149px;
height:186px;
z-index:6;
left: 17px;
top: 332px;
}
#Layer9 {
position:absolute;
width:153px;
height:118px;
z-index:7;
top: 535px;
left: 13px;
}
#Layer10 {
position:absolute;
width:867px;
height:236px;
z-index:8;
left: 443px;
top: 375px;
}
.style4 {font-size: 18px}
#Layer11 {
position:absolute;
width:302px;
height:30px;
z-index:1;
left: 304px;
top: -48px;
background-color: #FFFFFF;
}
#Layer12 {
position:absolute;
width:111px;
height:144px;
z-index:9;
left: 547px;
top: 708px;
}
#Layer13 {
position:absolute;
width:122px;
height:101px;
z-index:10;
left: 661px;
top: 729px;
}
#Layer14 {
position:absolute;
width:112px;
height:166px;
z-index:11;
left: 1061px;
top: 705px;
}
#Layer15 {
position:absolute;
width:127px;
height:101px;
z-index:12;
left: 920px;
top: 726px;
}
#Layer16 {
position:absolute;
width:200px;
height:20px;
z-index:13;
left: 733px;
top: 677px;
background-color: #FFFFFF;
}
#Layer17 {
position:absolute;
width:196px;
height:27px;
z-index:14;
left: 1160px;
top: 166px;
}
.style6 {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
font-style: italic;
}
#Layer18 {
position:absolute;
width:108px;
height:129px;
z-index:15;
left: 802px;
top: 721px;
}
#Layer19 {
position:absolute;
width:331px;
height:21px;
z-index:16;
left: 787px;
top: 645px;
background-color: #00FFFF;
}
#Layer20 {
position:absolute;
width:1384px;
height:915px;
z-index:17;
left: 3px;
top: -2px;
}
-->
</style>
</head>
<body>
<table width="1355" height="809" border="1" cellpadding="2" cellspacing="2" background="file:///C|/Users/owner/Documents/afrilian/Tulipfs.jpg">
<tr>
<td width="142" height="214" bgcolor="#FFFF00"> </td>
<hr width="500"> <br>
<td colspan="2" background="file:///D|/tugas sekolah/pak alfian/Web Programming/latian/web2/images (4).jpg" bgcolor="#FF00FF"><div align="right">
<h2 align="center" class="style1"><font color="#FFFFFF" size="16">SUDUT PANDANG PENGAMBILAN GAMBAR </font></h2>
<hr width="900">
</p>
<p align="right"><br />
</p>
</div></td>
</tr>
<tr>
<td height="25" colspan="3" bgcolor="#FF0000"><marquee direction="right"<div align="left">
<p><font color="#FFFF00">.</font><span class="style2">Belajar jangan menyerah tetap berusaha dan tetap semangat !!!! Pelajar Bakti </span>.</p>
</div></td>
</tr>
<tr>
<td height="346" bgcolor="#FFFF66">
<source src="dhanianzr (4).mp4"> </td>
<td width="226" rowspan="2" background="file:///C|/Users/owner/Documents/afrilian/Tulipfs.jpg"><div id="Layer3"><img src="file:///D|/tugas sekolah/pak alfian/Web Programming/latian/web2/ahaik.jpg" width="185" height="267" /></div>
<div id="Layer5"><img src="file:///D|/tugas sekolah/pak alfian/Web Programming/latian/web2/IMG_7236.JPG" width="188" height="90" /></div>
<div id="Layer6">
<div align="center">PROFIL SAYA </div>
</div></td>
<td width="972" background="file:///C|/Users/owner/Documents/afrilian/[000372].jpg" bgcolor="#CCCCCC"><div class="style4" id="Layer10">
<p>Bidang pandangan atau framing adalah suatu langkah pengambilan gambar yang harus menentukan luas bidang pandangan untuk suatu obyek utama dan obyek lainnya dalam hubungannya dengan latar belakang.</p>
<p>Macam Bidang Pemandangan Gambar :</p>
<div> </div>
<div>1.ELS ( Extreme Long Shot)</div>
<div>2.LS (Long Shot)</div>
<div>3.MLS (Medium Long Shot)</div>
<div>4.MS (Medium Shot)</div>
<div>5.MCU (Medium Close Up)</div>
<p align="center">Berikut penjelasannya, klik di sini </p>
<div id="Layer11">
<div align="center">BIDANG PANDANG GAMBAR </div>
</div>
</div>
</td>
<td width="6">
</tr>
<tr>
<td rowspan="2" bgcolor="#00FFFF"><p> </p>
<td height="179" background="bokeh_lights_background-wallpaper-2560x1600.jpg" bgcolor="#00FFFF"><p>Gerakan Kamera Dalam Mengambilan Gambar, Klik Disini!!!<br />
Mengoperasikan clapperboard selama produksi, Klik Disini!!!<br />
Pengambilan Gambar, Klik Disini!!!
<br />
</p>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><div align="center"><a href="file:///D|/tugas sekolah/pak alfian/Web Programming/latian/web2/Untitled-1.html">Daftar Harga</a> </div></td>
<td bgcolor="#FFFF00"><div align="center">Coppy Right @2018 , Pelajar Bakti, Disign Dreamweaver. </div></td>
</tr>
</table>
<div id="Layer4"><img src="file:///D|/tugas sekolah/pak alfian/Web Programming/latian/web2/IMG_7239.JPG" width="182" height="118" /></div>
</body>
</html>