Kamis, 10 Oktober 2013

Pengalaman Saya Membuat Web Site Sederhana

Fajar Tamimi
52411651



Disini saya akan menceritakan sedikit pengalaman membuat web site sederhana, di samping itu karna ada tugas membuat web site sederhana. saya membuat web site sederhana ini menggunakan notepad++. awal pemikiran saya susah, tapi begitu mencari informasi sebenernya susah susah gampang hehehe. saya dibantu teman saya untuk membuat web site tersebut.
pertama kali yang saya lakukan membuat home web site tersebut. berikut list program nya :

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Free Website Template</title>
    <link href="files/style.css" rel="stylesheet" type="text/css" />
    <script src="files/jQuery.js"></script>
    <script src="files/js.js"></script>
</head>
<body>
    <div id="wrapper">
        <ul id="nav">
            <li><a href="index.html" class='c' >Home</a></li>
<li><a href="indah.html"  >Bio Indah</a></li>
<li><a href="fajar.html"  >Bio Fajar</a></li>

      </ul>
        <h1 id="header">
      Welcome to Our Simple Web 2IA07</h1>
        <p> <img src="images/beton7.jpeg" alt="" width="253" height="255" align="middle" /></p>
<p>&nbsp;</p>
<p>Selamat datang di web kami yang sederhana ini.yang membuat web sederhana ini adalah :</p>
<p><a href="services.html">Indah</a></p>
<p><a href="portfolio.html">Fajar</a></p>
</div>
    <div id="footerWrap">
        <div id="footer">
            <div class="fBox">
                <a href="#"><img src="files/Facebook.png" class="fade" /></a>
                <a href="#"><img src="files/Twitter.png" class="fade" /></a>
                <a href="#"><img src="files/Youtube.png" class="fade" /></a>
                     </div>
                        </div>
            <br class="clear" />
        </div>
    </div>
    <!--
    * @Author: Mujtaba Ahmad
    * @Website: http://www.dynamicguru.com
    * @Email: mujtaba_91@yahoo.com   
    -->
</body>
</html>


Setelah kita membuat home nya, baru lah kita membuat profile kita di web site tersebut. berikur list program untuk membuat profile nya :

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Services - Free Website Template</title>
    <link href="files/style.css" rel="stylesheet" type="text/css" />
    <script src="files/jQuery.js"></script>
    <script src="files/js.js"></script>
</head>
<body>
    <div id="wrapper">
<ul id="nav">
            <li><a href="index.html">Home</a></li>
<li><a href="indah.hmtl"  >Bio Indah</a></li>
<li><a href="fajar.html">Bio Fajar</a></li>
      </ul>
      <h1 id="header">
      Biodata Fajar Tamimi</h1>
      <p><img src="images/mocil.jpg" alt="" width="270" height="270" /></p>
        <div class="portrait">
  <p><strong>Nama  : Fajar Tamimi</strong></p>
  <p><strong>Tempat ,Tanggal Lahir : Banyumas , 27 September 1993</strong></p>
  <p><strong>Jenis Kelamin : Laki-Laki</strong></p>
  <p><strong>Alamat : Jl. Manggis 1 no 83 , Depok</strong></p>
  <p><strong> Agama  : Islam</strong></p>
  <p><strong> Email : kribo_mocil@yahoo.co.id</strong></p>   

  <h1><font color="red">NAIK KERETA LEBIH BAIK,LEBIH BAIK NAIK KERETA <BR></font></h1>
                
      </div>
        
    </div>
    <div id="footerWrap">
        <div id="footer">
            <div class="fBox">
                <a href="#"><img src="files/Facebook.png" class="fade" /></a>
                <a href="#"><img src="files/Twitter.png" class="fade" /></a>
        <a href="#"><img src="files/Youtube.png" class="fade" /></a></div>
            <br class="clear" />
        </div>
    </div>
</body>
</html>

mungkin ini pengalaman saya membuat web site sederhana

Tidak ada komentar:

Posting Komentar