Yeddy Julianto. Diberdayakan oleh Blogger.

Analsis Tugas Web

Minggu, 09 Juni 2013

Tugas sofskill kali ini adalah menganalisis web. Bukan, bukan web Gunadarma lagi. Tapi web yang baru saja saya dan kelompok saya buat untuk tugas softskill sebelumnya.
Kelompok saya yang beranggotakan saya sendiri, Yeddy Julainto, Lesmana Guttinur, Teuku Avieshena, Fadli Dzil dan Dendy Prasetyo berhasil membuat web yang beralamat http://geekmagz.us.to.
Kami memilih domain gratis [dot]us[dot]to di freedns.afraid.org
Lalu kami menghosting web kami di tempat hostingan gratisan di www.freehostia.com
 
Web yang kami buat masih tegrolong web yang sederhana. Berikut ini akan saya beberapa kode html beberapa elemen penting pada web kami.

<body id="top">
<div class="wrapper">
  <div id="header">
    <h1><a href="index.html ">GEEKJEEZ</a></h1>
    <p>KNOWING YOUR FUTURE GADGET</p>
  </div>
</div>


Kode diatas untuk memberi tulisan pada header di web beserta deskripsinya seperti berikut ini

<div class="wrapper">
  <div id="topnav">
    <ul class="nav">
      <li class="active"><a href="index.html">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href= "http://gunadarma.ac.id">Gunadarma</a></li>
    
      <li><a href="#">Contact Us</a>
        <ul>
          <li><a href="Twitter.html">Twitter</a></li>
         
          <li><a href="Blog.html">Blog</a></li>
          <li><a href="biodata.html">Biodata</a></li>
    </ul>
    <div class="clear"></div>
  </div>
</div>


Kode diatas adalah untuk menu navigasi seperti berikut




<div class="block"><img src="images/demo/pic1.jpg" width="66" height="66" alt="" /><strong>iLive Clock Radio is one sexy-looking iPhone dock</strong>
<p>Most iPhone docks don’t do very much with the phone – you just leave it on to charge for the night and that’s about it. Well, that’s where the iLive Clock Radio Dock comes into play. <a href="ilive.html" class="more-link"><br><span class="more">Read full post </span>iLive Clock Radio</a></p> 
</div>

DIhalaman depan web saya hanya menyertakan 3 buah 'review' artikel yang saya sematkan kode read more jika ingin membaca artikel secara menyeluruh

<div class="wrapper">
  <div id="footer">
    <div class="latestgallery">
      <h2>Latest Projects</h2>
      <ul>
        <li><a href="ilive.html"><img src="images/demo/pic1.jpg" width="80" height="80" alt="" /></a></li>
        <li><a href="galax.html"><img src="images/demo/pic2.jpg" width="80" height="80"alt="" /></a></li>
        <li><a href="vacum.html"><img src="images/demo/pic3.jpg" width="80" height="80" alt="" /></a></li>
      </ul>
    </div>

    <div class="footbox">
      <h2>Latest From The Web</h2>
      <ul>
        <li><a href="ilive.html">iLive Clock Radio</a></li>
        <li><a href="galax.html">Samsung Galaxy Camera</a></li>
        <li><a href="vacum.html">WowWee Roborover</a></li>
      </ul>
    </div>

    <div class="footbox last">
      <h2>Keep In Touch</h2>
      <ul>
        <li><a href="http://engadget.com">Engadget</a></li>
        <li><a href="http://chip.co.id">Chip</a></li>
        <li><a href="http://ubergizmo.com">Ubergizmo</a></li>
      </ul>
    </div>
    <br class="clear" />
  </div>
</div>

  Terakhir, di bagian bawah web terdapa footer yang terdiri daritiga bagian seperti berikut


Sekian.
 

Pengikut

Integrated Laboratory's Gunadarma

Gunadarma BAAK News

UG Seminar Info

Blogger news

Enter your email address:

Delivered by FeedBurner