Membuat Web Melalui Dreamweaver

web

Untuk membuat tampilan web sederhana seperti diatas pada dreamweaver langkah-langkahnya yaitu :

  • Klik file -> new -> pilih framesets -> lalu pilih tipe fixed top,nested left atau sesuai dengan keinginan anda
  • pada codenya isinya dengan :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
<style type=”text/css”>
<!–
body {
background-color: #CC00FF;
}
.style2 {font-size: 18px}
–>
</style></head>

<body>
<div align=”center” class=”style2″>
<p><a href=”Pendaftaran.html” target=”mainFrame”>Pendaftaran
</a></p>
</div>
</body>
</html>

  • Lalu save dengan nama sesuai dengan kebutuhan anda
  • Kemudian buat tampilan baru dengan cara
  • klik file ->new ->basic page -> HTML dan masukkan pada codenya :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
<style type=”text/css”>
<!–
.style1 {
font-size: xx-large;
font-weight: bold;
}
body {
background-image: url(images.jpg);
background-repeat: repeat;
}
.style2 {
color: #000000;
font-weight: bold;
}
.style3 {font-weight: bold}
–>
</style>
</head>

<body>
<p align=”center” class=”style1″>Pendaftaran</p>
<form id=”form1″ name=”form1″ method=”post” action=””>
<p class=”style2″>Nama :</p>
<p>
<label>
<input type=”text” name=”textfield” />
</label>
</p>
<p><strong>Tgl Lahir :</strong></p>
<p>
<label>
<input type=”text” name=”textfield2″ />
</label>
</p>
<p><strong>Jenis Kelamin :</strong></p>
<p>
<label>
<span class=”style3″>
<input name=”Jeniskelamin” type=”radio” value=”radiobutton” />
Laki – Laki</span></label>
<strong>
<label>
<input name=”Jeniskelamin” type=”radio” value=”radiobutton” />
Perempuan</label>
</strong></p>
<p><strong>Alamat :</strong></p>
<p>
<label>
<textarea name=”textarea”></textarea>
</label>
</p>
<p>
<label>
<input type=”reset” name=”Reset” value=”Hapus” />
</label>
<label>
<input type=”submit” name=”Submit2″ value=”Kirim” />
</label>
</p>
</form>
<p>&nbsp; </p>
</body>
</html>

  • Save kembali, lalu tekan F12
  • Maka apabila pada pendaftaran di klik akan muncul seperti tampilan web diatas

SELAMAT MENCOBA

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: