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.
- Pertama,
Buat halaman Web induk yang berisi IFRAME yang memuat iklan, dan juga
membuat lembar gaya yang semua halaman iklan berbagi.
- 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> - 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); }
- Simpan kode HTML berikut sebagai "IFrameBannerAds.htm":
- 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.
- 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> - 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> - 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>
- Simpan kode HTML berikut sebagai "ad_1.htm":
sumber : support.microsoft.com
.jpeg)
No comments:
Write komentar