Total Tayangan Halaman

Translate

Jumat, 19 Juli 2013

Cara membuat spanduk iklan yang Anda gunakan tag IFRAME menggunakan FrontPage

IFRAME tag didefinisikan pada spesifikasi Hypertext Markup Language (HTML) 4.0 oleh konsorsium World Wide Web. Tag ini memungkinkan penulis Web untuk menyisipkan bingkai di halaman Web. Artikel ini menjelaskan tentang cara menggunakan tag ini untuk membuat alternatif "spanduk iklan" yang bekerja dengan Microsoft Internet Explorer. Microsoft menyediakan pemrogaman hanya untuk ilustrasi, tanpa garansi baik tersurat maupun tersirat. Ini termasuk, namun tidak terbatas pada, Garansi yang tersirat dapat diperjualbelikan atau kesesuaian untuk tujuan tertentu. Artikel ini mengasumsikan bahwa Anda sudah terbiasa dengan bahasa pemrograman yang muncul dan alat-alat yang digunakan untuk membuat dan debug 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 ini menunjukkan bagaimana cara membuat serangkaian halaman Web untuk membuat spanduk iklan.

Contoh Halaman

Catatan penting

Untuk setiap halaman contoh, membuat halaman baru di FrontPage dan kemudian beralih ke tampilan HTML untuk menyisipkan HTML dan cascading style kode lembar (CSS) yang dijelaskan di 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>
http://support.microsoft.com/kb/272246/id-id

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...