Pada kesempatan kali ini , saya diberikan tugas oleh dosen saya untuk membuat sebuah web.Web yang saya buat ini menggunakan script HTML dan CSS.
untuk softwarenya , saya menggunakan Adobe Dreamweaver CS5 .
ini screenshoot dari halaman home
sedangkan yang ini screenshoot dari halaman biodata saya
untuk scriptnya :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web design</title>
<meta name="keywords" content="web, free css templates, one page, full site, CSS, HTML" />
<meta name="description" content="Wall Shelf is a free CSS template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" media="screen" title="no title" charset="utf-8"
/>
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
body,td,th {
font-size: 12pt;
}
</style>
</head>
<body>
<div id="slider">
<div id="header_wrapper">
<div id="header">
<a href="#home"><img src="images/gallery/logo_gunadarma.png" alt="Wall Shelf" width="170" height="170" /></a>
</div>
</div>
<div id="menu_wrapper">
<div id="menu">
<ul class="navigation">
<li><a href="#home" class="selected">Home<span class="ui_icon home"></span></a></li>
<li><a href="#aboutus">Bio Andri<span class="ui_icon aboutus"></span></a></li>
<li><a href="#services">Bio Nouval<span class="ui_icon services"></span></a></li>
</ul>
</div>
</div>
<div id="content_wrapper">
<div id="content">
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="home">
<div class="col_550 float_l">
<h1>Selamat Datang di Website Sederhana 2IA07</h1>
<div class="cleaner_h30"></div>
<img src="images/gallery/beton7.jpeg" alt="image 01" class="image_wrapper image_fl" />
<p>Kami Warga Kelas 2IA07 membuat web ini untuk tugas yang akan kami kumpulkan. Web
ini Dibuat oleh : <div class="btn_more"><a href="#aboutus">Andri</a></div> </p>
<p><div class="btn_more"><a href="#services">Nouval</a></div></p>
</div>
<div class="col_300 float_r">
<div class="cleaner_h30"></div>
</div>
</div> <!-- end of home -->
<div class="panel" id="aboutus">
<h1>Biodata Andri</h1>
<div class="image_wrapper image_fl"><img src="images/gallery/andri.jpg" alt="image 3"
/></div>
<p> Nama : Andri Saputro</p>
<p> Tempat , Tanggal Lahir : Jakarta, 13 Mei 1994 </p>
<p> Jenis Kelamin : Laki-Laki </p>
<p> Alamat : Jl. Buaran 1 no 5</p>
<p> Agama : Islam</p>
<p> Email : andri.saputri@yahoo.co.id/andri.sucisari@gmail.com </p>
<ul id="social_box">
<li><a href="#"><img src="images/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="images/twitter.png" alt="twitter" /></a></li>
</ul>
</div>
<div class="panel" id="services">
<h1>Biodata Andri</h1>
<div class="image_wrapper image_fl"><img src="images/gallery/nouval.jpg" alt="image 3"
width="300" height="340" /></div>
<p> Nama : Muhammad Nouval KS</p>
<p> Tempat , Tanggal Lahir : Jakarta, 8 November 1993 </p>
<p> Jenis Kelamin : Laki-Laki </p>
<p> Alamat : </p>
<p> Agama : Islam</p>
<p> Email : </p>
<ul id="social_box">
<li><a href="#"><img src="images/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="images/twitter.png" alt="twitter" /></a></li>
</ul>
</div>
</body>
</html>
untuk softwarenya , saya menggunakan Adobe Dreamweaver CS5 .
ini screenshoot dari halaman home
sedangkan yang ini screenshoot dari halaman biodata saya
untuk scriptnya :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web design</title>
<meta name="keywords" content="web, free css templates, one page, full site, CSS, HTML" />
<meta name="description" content="Wall Shelf is a free CSS template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" media="screen" title="no title" charset="utf-8"
/>
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
body,td,th {
font-size: 12pt;
}
</style>
</head>
<body>
<div id="slider">
<div id="header_wrapper">
<div id="header">
<a href="#home"><img src="images/gallery/logo_gunadarma.png" alt="Wall Shelf" width="170" height="170" /></a>
</div>
</div>
<div id="menu_wrapper">
<div id="menu">
<ul class="navigation">
<li><a href="#home" class="selected">Home<span class="ui_icon home"></span></a></li>
<li><a href="#aboutus">Bio Andri<span class="ui_icon aboutus"></span></a></li>
<li><a href="#services">Bio Nouval<span class="ui_icon services"></span></a></li>
</ul>
</div>
</div>
<div id="content_wrapper">
<div id="content">
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="home">
<div class="col_550 float_l">
<h1>Selamat Datang di Website Sederhana 2IA07</h1>
<div class="cleaner_h30"></div>
<img src="images/gallery/beton7.jpeg" alt="image 01" class="image_wrapper image_fl" />
<p>Kami Warga Kelas 2IA07 membuat web ini untuk tugas yang akan kami kumpulkan. Web
ini Dibuat oleh : <div class="btn_more"><a href="#aboutus">Andri</a></div> </p>
<p><div class="btn_more"><a href="#services">Nouval</a></div></p>
</div>
<div class="col_300 float_r">
<div class="cleaner_h30"></div>
</div>
</div> <!-- end of home -->
<div class="panel" id="aboutus">
<h1>Biodata Andri</h1>
<div class="image_wrapper image_fl"><img src="images/gallery/andri.jpg" alt="image 3"
/></div>
<p> Nama : Andri Saputro</p>
<p> Tempat , Tanggal Lahir : Jakarta, 13 Mei 1994 </p>
<p> Jenis Kelamin : Laki-Laki </p>
<p> Alamat : Jl. Buaran 1 no 5</p>
<p> Agama : Islam</p>
<p> Email : andri.saputri@yahoo.co.id/andri.sucisari@gmail.com </p>
<ul id="social_box">
<li><a href="#"><img src="images/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="images/twitter.png" alt="twitter" /></a></li>
</ul>
</div>
<div class="panel" id="services">
<h1>Biodata Andri</h1>
<div class="image_wrapper image_fl"><img src="images/gallery/nouval.jpg" alt="image 3"
width="300" height="340" /></div>
<p> Nama : Muhammad Nouval KS</p>
<p> Tempat , Tanggal Lahir : Jakarta, 8 November 1993 </p>
<p> Jenis Kelamin : Laki-Laki </p>
<p> Alamat : </p>
<p> Agama : Islam</p>
<p> Email : </p>
<ul id="social_box">
<li><a href="#"><img src="images/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="images/twitter.png" alt="twitter" /></a></li>
</ul>
</div>
</body>
</html>
Untuk yang mau download , silahkan disini.
