Contoh Pembuatan Website AKN

8
Langkah awal pembuatan Website AKN Yapen serui adalah sebagai berikut : 1. Buka macromedia Dreamweaver 2. Klik pada Basic Pages Langkah ketiga adalah klik pada html

Transcript of Contoh Pembuatan Website AKN

Langkah awal pembuatan Website AKN Yapen serui adalah sebagai berikut :

1. Buka macromedia Dreamweaver

2. Klik pada Basic Pages Langkah ketiga adalah klik pada html

3. Ketikan script berikut pada bagian code:

<html>

<head>

<title>Lodging - Home Page</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="file:///C|/xampp/htdocs/Latihan/laporan web - Copy/mm_lodging1.css" type="text/css" />

<style type="text/css">

<!--

body,td,th {

color: #FFFFFF;

}

body {

background-color: #FFFFFF;

}

.style5 {

font-size: 20px;

font-weight: bold;

}

.style11 {font-size: 40px}

.style13 {color: #000000}

.style14 {font-size: 24px}

-->

</style>

</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="156" nowrap="nowrap" bgcolor="#0000FF"><img src="file:///C|/xampp/htdocs/Latihan/laporan web - Copy/mm_spacer.gif"alt="" width="15" height="1" border="0" /><img src="file:///C|/xampp/htdocs/Latihan/Backup_of_Backup_of_TUGAS DESAINGGRAFIS RICHARDO.jpg" width="155" height="126" /></td>

<td height="60" colspan="3" nowrap="nowrap" bgcolor="#990033" class="logo"><p align="center" class="style11">WEBSITE AKADEMI KOMUNITAS NEGERI</p>

<p align="center" class="style11">KABUPATEN KEPULAUAN YAPEN </p></td>

<td width="132" bgcolor="#0000FF"><img src="file:///C|/xampp/htdocs/Latihan/LOGO KAB.jpg" width="132" height="118" /></td>

<td width="5" bgcolor="#999999">&nbsp;</td>

</tr>

<tr bgcolor="#ffffff"> </tr>

</tr>

<tr bgcolor="#ffffff">

<td colspan="6"><img src="file:///C|/xampp/htdocs/Latihan/laporanweb - Copy/mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>

</tr>

<tr bgcolor="#ffffff">

<td height="482" colspan="2" valign="top" bgcolor="#0000FF"><p>&nbsp;</p>

<p>&nbsp;</p></td>

<td width="50" valign="top" bgcolor="#0000FF">&nbsp;</td>

<td width="966" align="left" valign="top" bgcolor="#0000FF"><br />

<br />

<table width="991" height="45" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="991" bgcolor="#990066" class="bodyText">

<p align="center" class="style5">PROFIL AKADEMI KOMUNITAS NEGERI </p> </td>

</tr>

</table>

<p class="style14"><span class="style13">Akademi komunitas negeri(AKN) adalah sebuah program pembelajaran diluar domisili yang terdapatdi Kabupaten Kepulauan Yapen. Akademi ini berdiri pada tahun 2013 dan mendapat bimbingan langsung dari Universitas Institut Pertanian Bogor (IPB) sebagai universitas pembimbing dan pendidikan yang ataupun jurusan yang tedapat adalah berbasis teknik teknologi/informatika </span></p>

<p class="style14">&nbsp;</p>

<p>&nbsp;</p></td>

<td width="132" align="center" valign="top" bgcolor="#0000FF">&nbsp;</td>

<td width="5" align="left" valign="top"><p>&nbsp;</p> </td>

</tr>

<tr bgcolor="#ffffff">

<td colspan="6"><img src="file:///C|/xampp/htdocs/Latihan/laporanweb - Copy/mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>

</tr>

</table>

</body>

</html>

4. Hasil dari pada script di atas jika di jalankan di firefox

5. Web telah jadi tetapi Sebelum kita lanjutkan penjelasan untuk sript di atas ada di bawah

6. Inilah gambar script yang telah di masukan kedalam program macromedia dreamweaver

6.1 Untuk script memasukan gambar/logo AKN

6.2 Untuk script membuat judul website

6.3 Untuk memasukan logo KAB

6.4 Script Memasukan Profil dan pengertian-nya

7. Itulah langkah dan penjelasan singkat tentang pembuatan website