Pemrograman Web 1 : Modul 3. Membuat Menu TOP Header

Modul 3. Membuat Menu TOP Header
Ahmad Rizal Abidin, M.Kom

Menu header adalah tampilan awal pada saat Home page dijalankan, dimana tampilannya mulai dari awal sampai akhir tampilan tidak akan berubah-ubah. Adapun isi pada menu header ini biasanya merupakan judul dari Web, dan gambar yang menggambarkan tentang isi Web yang akan dibuat secara garis besar.

Adapun langkah-langkah yang harus dilakukan dalam membuat page header adalah :
1. Menggambar bentuk header disini menggambar yang paling mudah dapat menggunakan macromedia flash.
2. Aktifkan macromedia Flash 8, klik Flash document, dan atur properties dari layar menjadi width 700 dan hight 125 dan gambarkan sesuai dengan keinginnan anda. dan jangan lupa buatlah animasi sederhana apakah perubahan warna atau tulisan… baca media pembelajaran
Gambar 1. Topheader

3. Jika selesai menggambar, export ke export flash dan simpan dengan extensi swf dengan nama TopBAckGround.swf pada folder yang sama dengan tag html frame (modul 2)
4. Selanjutnya buat tag html dengan Notepad seperti tag dibawah ini lalu simpan dengan nama TopMenu.html, adapun tagnya adalah:

<html>
<head>
<title>New Page 4</title>
<base target="contents">
</head>
<body  bgcolor ="#99999">
<table border =1 >
  <tr>
    <td >
      	<center><embed  src="topbackground.swf"
	width="700" height="125"></embed>

    </td>
  </tr>
</table>
</body>
</html>

Materi Yang berhubungan :
Modul 7.
Modul 6.
Modul 5.
Modul 4.
Modul 3.
Modul 2.
Modul 1.

9 Responses

  1. Assalamualaikum.
    Pak Ini Blog saya :
    Nama : Usmardhi Hendra
    Nobp : 0710069
    Alamat Blog : UsmardhiHendra07.wordpress.com

  2. nama:Era Mayeni
    NoBp:0810035
    Pemograman Web 1
    Alamat Blog:eramayeni89.blogspot.com

  3. Nama:Septi Yoni Anggriani
    NoBp:0810099
    pemograman Web 1
    Alamat Blog:septiyoni89.Blogspot.com

  4. Nama : siti rahadiyanti
    NoBp : 0810101
    Pemrograman Web
    Alamat blog :sahabat1can.wordpress.com

  5. asalammualaikum pak….
    Nama : IMELDA SULASTRI
    Bp : 0810054
    Alamat Blog : http://imeldasulastri.wordpress.com

  6. Bapak ini alamat blogspot siti:
    nama:siti rahadiyanti
    bp:0810101
    alamat blog:http://sitiRAHADIANTI.blogspot.com

  7. ALAMAT BLOG SITI PAK :http://sitiRAHADIANTI.blogspot.com

  8. terus cara ng linknya gmana?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: