Selasa, 22 Maret 2016

MENDESAIN WEB DENGAN HTML

Pada pertemuan Pemrograman Web yang kedua ini semua mahasiswa disuruh membuat web. 
Di web tersebut harus ada link "uad.ac.id"  di dalam gambar.
sebelum membuat web saya terlebih dahulu membuat sketsanya.

berikut sketsa web saya :


Sripnya:
<html>
<head>
<style>
#header {
    background-color: pink;
    color:white;
    text-align:center;
    padding:40px;
}
#nav {
    line-height:30px;
    background-color:brown;
    height:300px;
    width:30px;
    float:left;
    padding:80px;              

}
#section {
    width:1000px;
    float:left;
    padding:20px;
    text-align: center;                       
}
#footer {
    background-color:pink;
    color:white;
    clear:both;
    text-align:center;
   padding:2px;                  
}
</style>
</head>
<body bgcolor="white">
<div id="header"><font color="brown">
<h1>Hayu Permata Sari</h1>
<p><center><b><font color="brown">Teknik Informatika Universitas Ahmad Dahlan 2015</font></b></center></p>
</div>

<div id="nav"><font color="white">
<ul>
<li><a href="http://hayupermatasari.blogspot.co.id">Blog</a></li>
<li><a href="http://uad.ac.id/">UAD</a></li>

</ul>

</div>

<div id="section"><font color="red">
<h2>Belajar Web Bikin Bosan<br></h2>

<p><a href="http://uad.ac.id/"><img align="center" src="images1.jpg" style="width:300px;height:200px;"></a></p>

<br><p align="center">Banyak orang mengira bahwa mendesain suatu web itu mudah,cepat,dan menarik.</br>
Padahal tidak sama sekali, mendesain suatu web itu membutuhkan waktu dan kesabaran bahkan bisa jadi membuatmu menjadi bosan.
Jangan pernah membuat website, jika Anda tidak bersungguh-sungguh karena hanya membuang waktu saja.
Karena keberhasilan itu dikerjakan dengan niat & kerja keras.
<p>SEKIAN dan TERIMAKASIH</p></div>
<br><p>
<table border=1>
<tr>
<td valign="top">komentar</td>
<td><textarea name="komentar"rows="5"cols="25"></textarea></td>
</tr>
</table>
<br>
Firs Name:
<input type="text"name="firstname"/><br/><br>
Last name:
<input type="text"name="lastname"/></form>
<form name="input"action="html_form_submit.asp"method="get"><br>
Username:
<input type="text"name="user"/>
<input type="submit"value="Submit"/></br>
</form></p>
<div id="footer">
<font color="purple"><marquee><p>&copy 2015 BelajarWeb. Hayu Permata Sari/1500018171</p></marquee></font>
</div>
</body>
</html>

ini tampilan webnya:


1 komentar: