Cara membuat iklan banner yang menggunakan tag IFRAME menggunakan FrontPage

Terjemahan Artikel Terjemahan Artikel
ID Artikel: 272246 - Melihat produk di mana artikel ini berlaku.
Perbesar semua | Perkecil semua

Pada Halaman ini

RINGKASAN

IFRAME tag didefinisikan dalam Hypertext Markup Language (HTML) 4.0 spesifikasi oleh World Wide Web Consortium. Tag ini memungkinkan Web penulis untuk memasukkan kerangka di tengah-tengah halaman Web. Artikel ini menjelaskan cara menggunakan tag ini untuk menciptakan alternatif "banner iklan" yang bekerja dengan Microsoft Internet Explorer.Microsoft menyediakan contoh pemrograman hanya sebagai ilustrasi, tanpa jaminan apa pun baik tersurat maupun tersirat. Termasuk, namun tidak terbatas pada, jaminan tersirat mengenai kelayakan untuk diperdagangkan atau kesesuaian untuk keperluan tertentu. Artikel ini mengasumsikan bahwa Anda telah terbiasa dengan bahasa pemrograman yang ditunjukkan dan dengan alat yang digunakan untuk membuat dan mendebug prosedur. Teknisi dukungan Microsoft dapat membantu menjelaskan fungsionalitas prosedur tertentu, namun mereka tidak akan memodifikasi contoh untuk memberikan fungsionalitas tambahan atau menyusun prosedur untuk memenuhi persyaratan khusus Anda. Langkah-langkah berikut menunjukkan cara membuat serangkaian halaman Web untuk membuat iklan banner.

Contoh Halaman

Catatan penting

Untuk setiap contoh halaman, membuat halaman baru di FrontPage dan kemudian beralih ke tampilan HTML untuk menyisipkan HTML dan cascading style sheet (CSS) kode dijelaskan dalam setiap langkah.
  1. Pertama, Buat halaman Web induk yang berisi IFRAME yang memuat iklan, dan juga membuat lembar gaya yang semua halaman iklan berbagi.
    1. Simpan kode HTML berikut sebagai "IFrameBannerAds.htm":
      <html>
      <head>
      <title>IFrame Banner Ads</title>
      <style>
      body { font-family: Arial, Helvetica; background-color:rgb(0,0,0); 
      color:rgb(255,255,255) }
      </style>
      </head>
      <body>
      <iframe src="ad_1.htm" width="400" height="100" align="center" 
      frameborder="0" marginwidth="0" marginheight="0" scrolling="no">
      Your browser does not support the IFRAME tag.
      </iframe>
      <h1 align="center">Welcome to My Web Site!</h1>
      </body>
      </html>
      						
    2. Simpan kode CSS berikut sebagai "ad_style.css":
      a:link { color: rgb(0,102,153); }
      a:visited { color: rgb(0,153,102); } 
      a:active { color: rgb(0,102,102); }
      body { font-family: Arial, Helvetica; background-color: rgb(204,204,153); 
      color: rgb(0,51,51); }
      						
  2. Selanjutnya, Buat halaman iklan individu. (Contoh ini menggunakan hanya tiga halaman.) Setiap halaman iklan menggunakan lembar gaya dari langkah 1, dan menggunakan "klien menarik" untuk memuat halaman berikutnya dalam seri. Selain itu, iklan halaman menggunakan acak, efek transisi dinamis HTML (DHTML) ketika mereka mengubah ke halaman lain.
    1. Simpan kode HTML berikut sebagai "ad_1.htm":
      <html>
      <head>
      <title>This is Advertisement 1</title>
      <link rel="stylesheet" type="text/css" href="ad_style.css">
      <meta http-equiv="refresh" content="5;URL=ad_2.htm">
      <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)">
      </head>
      <body>
      <p align="center"><a target="_blank" href="http://www.microsoft.com">
      <img border="0" src="http://www.microsoft.com/library/toolbar/images/mslogo.gif"><br>
      Click here to visit Microsoft's web site!</a></p>
      </body>
      </html>
      						
    2. Simpan kode HTML berikut sebagai "ad_2.htm":
      <html>
      <head>
      <title>This is Advertisement 2</title>
      <link rel="stylesheet" type="text/css" href="ad_style.css">
      <meta http-equiv="refresh" content="5;URL=ad_3.htm">
      <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)">
      </head>
      <body>
      <p align="center"><a target="_blank" href="http://msdn.microsoft.com">
      <img border="0" src="http://msdn.microsoft.com/msdn-online/shared/graphics/banners/home-banner.gif"><br>
      Click here to visit the MSDN web site!</a></p>
      </body>
      </html>
      						
    3. Simpan kode HTML berikut sebagai "ad_3.htm":
      <html>
      <head>
      <title>This is Advertisement 3</title>
      <link rel="stylesheet" type="text/css" href="ad_style.css">
      <meta http-equiv="refresh" content="5;URL=ad_1.htm">
      <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)">
      </head>
      <body>
      <p align="center"><a target="_blank" href="http://www.msn.com">
      <img border="0" src="http://msimg.com/w/logo_bf2.gif"><br>
      Click here to visit the MSN web site!</a></p>
      </body>
      </html>
      						
Saat Anda menelusuri halaman "IFrameBannerAds.htm" dengan Internet Explorer, Anda melihat tag IFRAME diisi dengan halaman iklan pertama, segera diikuti setiap iklan tambahan di seri.


REFERENSI

Untuk informasi lebih lanjut tentang teknologi yang dibahas dalam artikel ini, silakan lihat halaman W3C Web berikut:
HTML 4.0 spesifikasi di situs Web "The World Wide Web Consortium"
Atau, klik nomor artikel di bawah ini untuk melihat artikel di dalam Basis Pengetahuan Microsoft:
196471 Cara menggunakan klien tarik di FrontPage Web dokumen
175721 Halaman transisi tidak tersedia pada halaman frame

Properti

ID Artikel: 272246 - Kajian Terakhir: 22 September 2011 - Revisi: 2.0
Berlaku bagi:
  • Microsoft FrontPage 2002 Standard Edition
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft Internet Explorer 6.0
Kata kunci: 
kbhowtomaster kbmt KB272246 KbMtid
Penerjemahan Mesin
PENTING: Artikel ini diterjemahkan menggunakan perangkat lunak mesin penerjemah Microsoft dan bukan oleh seorang penerjemah. Microsoft menawarkan artikel yang diterjemahkan oleh seorang penerjemah maupun artikel yang diterjemahkan menggunakan mesin sehingga Anda akan memiliki akses ke seluruh artikel baru yang diterbitkan di Pangkalan Pengetahuan (Knowledge Base) dalam bahasa yang Anda gunakan. Namun, artikel yang diterjemahkan menggunakan mesin tidak selalu sempurna. Artikel tersebut mungkin memiliki kesalahan kosa kata, sintaksis, atau tata bahasa, hampir sama seperti orang asing yang berbicara dalam bahasa Anda. Microsoft tidak bertanggung jawab terhadap akurasi, kesalahan atau kerusakan yang disebabkan karena kesalahan penerjemahan konten atau penggunaannya oleh para pelanggan. Microsoft juga sering memperbarui perangkat lunak mesin penerjemah.
Klik disini untuk melihat versi Inggris dari artikel ini:272246

Berikan Masukan

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com