Web Design ala Andri

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 yang mau download , silahkan disini.



Penulis : Andri Saputro ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Web Design ala Andri ini dipublish oleh Andri Saputro pada hari Thursday, April 25, 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Web Design ala Andri
 

0 comments: