网页制作问答

1,Q:怎样把别人网页上的背景音乐保存下来?       A:浏览该网页后,在你的 Windows\Temporary Internet Files 文件夹下可以找到该背景音乐的缓存文件，拷贝出来即可使用。如果还是找不见该文件，可以打开网页的源文件，找到音乐文件的 URL 路径，用“蚂蚁”等 FTP 软件进行下载。        2,Q:避免有人从你分帧的主页的帧中径直进入网站,而不是从 index.htm 中进入?       A:在帧中的网页的〈head〉〈/head〉之间加入以下脚本代码:       〈Script language="JavaScript"〉         if (top==self)          self.location.href="index.htm";       〈/Script〉       这样,当有人从帧中进入网站时,就会自动重定向到主页文件 index.htm。        3.Q:怎样防止别人把你的网页放到框架里?       A:因为框架(frame)的缘故,有许多人把别人的网页放置到自己的框架里,使之成为自己的一页。如果你要防止别人这样做,可以加入下列 JavaScript 代码即可,它会自动监测,然后跳出别人的框架。       〈Script language="javascript"〉　　         if (self != top)          top.location = self.location;       〈/Script〉        4,Q:怎样在 FrontPage2000 中加入 Flash 动画?       A:在 FrontPage2000 中,点击[插入]->[高级]->[插件]，在弹出的窗口中，设置一下 Flash 文件的大小及其它信息，确定即可。        5,Q:怎样在网页中加入注释? 　　　       A:在共同网页开发中，加入注释是防止分工被搞混淆或者注释某段代码特殊的含义，加入注释的格式是：　　　       〈!-［注释内容…］--〉        6,Q:怎样测试浏览器并自动装入所需要的网页?       A:目前微软和网景的浏览器并不能完全兼容所有网页，有的网页在某种浏览器中非常漂亮，而用其它浏览器查看时却一团糟。如果你需要测试浏览器，可以加入以下 JavaScript 代码使浏览器自动装入所需要的网页：　      〈script LANGUAGE="JavaScript"〉　       function TestBrowser() 　       { 　        ie = ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 3 )) 　        ns = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 )) 　        if (ns) { setTimeout("location.href="ns.htm"",10); } 　　        else {setTimeout("location.href="ie.htm"",10); } 　        } 　　　      〈/script〉        7,Q:怎样让链接没有下划线?       A:只要在〈Head〉〈/Head〉中加入以下代码，所有链接就都没有下划线了：　       〈style type="text/css"〉       〈!--         a {text-transform:none;text-decoration:none;}         a:hover {text-decoration:underline}        --〉       〈/style〉。        8,Q:怎样在网页中加入 E-mail 链接并显示预定的主题?       A: 〈A href="mailto:Emailhost@263.net?subject=主题"〉……〈/a〉        9,Q:怎样让网页的背景图像不滚动? 　　　       A: Internet Explorer 浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:       〈Body Background="图片文件" bgproperties="fixed"〉        10,Q;怎样定义网页的关键字?        A:在网页中加入关键字,可以供某些搜索站台机器人使用,它们会利用该关键字为你的网站做索引，这样，当别人用关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了。定义本网页关键字，可以在〈Head〉〈/Head〉中加入如下代码：　        〈meta name="Keywords" content="china,enterprise,business,net"〉　　        Content 中所包含的就是关键字,你可以自行设置。　　        这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：        〈meta name="Keywords" content="china,china,china,china"〉        11,Q:怎样隐藏在状态栏里出现的链接信息?        A:大家知道,当你指向一个链接时,该链接的信息就会出现在浏览器的状态栏里, 如果需要隐藏它,可以本链接中做如下设置：        〈a href="<a target=_blank href="http://zhanghing.yeah.net&quot">http://zhanghing.yeah.net&quot</a>; onMouseOver="window.status="none"; return true"〉链接〈/a〉        12,Q:怎样在网页中加入多媒体播放?        A:有些多媒体文件无需其他程序就可以播放，而有许多多媒体文件需要外部程序才能播放。如果浏览器没有安装这种外部程序，那么浏览器会自动去下载。要加入多媒体格式,可加入如下代码：　        〈EMBED SRC="test.ram" AUTOSTART="TRUE" LOOP="3" WIDTH="80" HEIGHT="30"〉        13,Q:怎样在网页中加入电子邮件表单提交?        A:表单提交需要 CGI 程序的支持,但也可以利用 E-mail 提交,当你设计好表单后，把 Action 内容加入邮件地址即可，例如：        〈form method=&quot

OST" action="mailto:zhangking@263.net" ENCTYPE="text/plain"〉          ……        〈/form〉        14,Q:用 Word 作为 Html 编辑器产生的代码比较冗长，怎么优化?        A:可以用网页制做软件 Dreameweaver3.0 进行优化。        15,Q:IE5.0 的部分快捷键：        A:打开查找功能：Ctrl+F          关闭浏览器窗口：Ctrl+W          打开地址栏下拉列表框：F4          刷新：F5          将当前Web页保存到收藏夹列表：Ctrl+D          打开当前 IE 窗口的一个拷贝：Ctrl+N          停止下载当前网页：Esc          光标迅速移动到网页的开头：Home          光标迅速移动到网页的尾部：End          打开新的地址键入窗口：Ctrl+O          打开收藏夹：Ctrl+I          打开历史记录文件夹：Ctrl+H          打开浏览器设定的默认主页：Alt+HOME        16,Q:网页上的图形格式：        A:图形的格式千奇百怪，但是一般 WWW 浏览器支持的图形格式只有 .gif 和 .jpg(.jpe)，这两种都是经过压缩的图形文档。所以文件较小，适合在网络上传送。如果你的图形是别的格式，则必须使用图形处理软件来将其转存成 .GIF 或 .JPG 的图形格式。但到底该用那一种图形格式呢? 先看看下面的比较：  GIF 格式 JPEG 格式 压缩比例较小从大到小有四种选择 最多支援的颜色 256色全彩(16百万色) 渐显功能(“隔行”方式) GIF89a有无 背景透明功能 GIF89a有无 动画 GIF89a有无 　　        结论是：比较大或颜色较多的图形就用 .JPG 的格式,　比较小或颜色较少，而且需要有特殊功能的图，就用 .GIF 格式。注意：.GIF 还分为 GIF87a 和比较新的 GIF89a 两种格式，一些特殊的功能(像透明背景) 则是 GIF89a 才有的。当你真的无从选择的时候，就干脆分别储存成两种图形格式，看看那个文件比较小，就用那一个。     将 Gif 文件保存成“隔行”方式：在 Photoshop 中，保存时选择“Interlaced”。     将 jpg 文件保存成“逐级”方式：在 Photoshop 中，保存时选择“Progressive”。这样，图形显示时将由模糊逐渐变得清晰起来。        17,Q:表格中嵌套〈Form〉标签时，换行的取消：        A:在网页制做中，当表格和〈Form〉〈/Form〉标签嵌套时，如果像如下的形式：  〈table border=1〉〈tr〉〈td〉〈Form〉〈input name= size=〉〈input type=button                    value=Test〉〈/Form〉〈/td〉〈/tr〉〈/table〉        那么在〈Form〉构造出的文本框下会有一个空行，非常影响版面的编排。而只要把〈/Form〉放到表格标签〈/td〉、〈/tr〉或〈/table〉的外边(如下)，则问题就解决了。  〈table border=1〉                    〈tr〉〈td〉〈Form〉〈input name= size=〉〈input type=button value=Test〉〈/td〉                    〈/Form〉〈/tr〉〈/table〉     18,Q:什么是 ActiveX 控件?      A:Microsoft ActiveX 控件是由软件提供商开发的可重用的软件组件。使用 ActiveX 控件，可以很快地在网址、台式应用程序、以及开发工具中加入特殊的功能。例如，StockTicker 控件可以用来在网页上即时地加入活动信息，动画控件可用来向网页中加入动画特性。 　　现在，已有 1000 多个商用的 ActiveX 控件。开发控件可以使用各种编程语言，如 C，C++，下一代的Microsoft Visual Basic，以及微软公司的 Visual Java 开发环境 Microsoft Visual J++。ActiveX 控件一 旦被开发出来，设计和开发人员就可以把它当作预装配组件，用于开发客户程序。以此种方式使用 ActiveX 控件，使用者无需知道这些组件是如何开发的，在很多情况下，甚至不需要自己编程，就可以完成网页或应用程 序的设计。 　　IE3.0 是第一个在网页中支持 ActiveX 控件的网络浏览器。在 Mosaic 和 Netscape Navigator 中也可以使用 ActiveX plug-in for Netscape 显示 ActiveX 控件(参见网址 <a target=_blank href="http://www.ncompasslabs.com)">http://www.ncompasslabs.com)</a>。     19,Q: Netscape Navigator 可以显示 ActiveX 控件吗?      A:可以，在 Netscape Navigator 中可以使用 ActiveX plug-in for Netscape 显示 ActiveX 控件。在Ncompass 实验室的网址 <a target=_blank href="http://www.ncompasslabs.com/">http://www.ncompasslabs.com/</a> 上可以得到测试版的 plug-in。     20,Q:现在有哪些工具支持使用 ActiveX 控件进行网页开发?      A:使用 ActiveXControlPad(详见<a target=_blank href="http://www.microsoft.com/workshop/author/cpad/)">http://www.microsoft.com/workshop/author/cpad/)</a>,开发人员可以在HTML 网页中方便地插入 ActiveX 控件。按照<a target=_blank href="http://www.microsoft.com/workshop/author/cpad/tutorial-f.htm">http://www.microsoft.com/workshop/author/cpad/tutorial-f.htm</a> 网址上的 ActiveX Control Pad 教程，开发人员可以很方便地学习使用 ActiveX ControlPad。SoftQuad 公司的 HoTMetaL Pro 也支持在 HTML 网页上使用 ActiveX 控件。以后，微软公司及其第三方软件供应商还将推出很多支持使用 ActiveX 控件进行网页制作的网络制作工具。     21,Q:只有程序员才能使用 ActiveX 控件吗?      A:了解脚本语言，比如说 Visual Basic Scripting Edition(VBScript) 或 JavaScript,自然对使用ActiveX 控件非常有帮助。但也并非一定要有这样的程序开发基础。对于有些控件来说，需要写一定数量的脚本程序，才能集成到网页中，但大多数 ActiveX 控件却不需要这样。使用 ActiveX Control Pad，即使是非程序开发人员也可以通过简单的选中和点击将很多控件插入网页。     22,Q:在创建了包含 ActiveX 控件的网页后，如果用户在自己的机器上浏览该网页，控件是如何在用户终端机上安装和显示的?      A:当 IE3.0 遇到含有 ActiveX 控件(或复合控件)的网页时，首先检查用户的本地系统注册，察看该组件是否已经安装在本地机上了。如果该组件已经在本地机上，IE3.0 显示该网页并激活控件。如果控件还未在用户本地机上安装，IE3.0 将自动地根据开发者创建网页时的地址定义，从网上找到此控件,并将它安装到本地机上。     23,Q:如何在网页上定义一个地址，使用户访问网页时，控件可以自动下载到用户的计算机上?      A:网页开发者可以通过给控件设置 CODEBASE 属性提供上述信息。使用 ActiveX Control Pad 时，在 ObjectEditor 中，可以看见一个属性表，开发者可以很方便地利用该表设置属性。通过设置属性，可以定义 URL 地址或地址集，通过地址可以在 Internet 上找到并下载控件。IE3.0 正是利用这些地址信息,定位控件并自动下载组件的。下载之后，网页就出现在本地机上了。在 1996 年 7 月的 Microsoft Systems Journal 上，“Safe Web Surfing with the Internet Component Download Service”一文详细论述了整个信息定位及下载过程。需要一提的是，许多 Microsoft 提供的控件(例如 HTML Layout Control)不需要 CODEBASE 设置，因为通过 ActiveX 对象索引(ActiveX Object Index)就可以基于 CLSID(控件唯一标识符)自动找到并定位控件。     24,Q:ActiveX 组件下载时，是否通知用户?      A:是的。当一个组件需要下载时，IE 会缺省地显示一个消息框，通知用户将要开始下载。用户可以选择终止下载或继续下载。如果控件做过数字签名，会提供一份数字认证书，其中包括提供该控件的软件供应商名字，以及确认该控件未被破坏的有关信息。软件开发者在开发控件时可以做数字签名。签名信息由控件本身携带，因此在下载之前，会自动显示数字验证书，在网页上使用该控件的用户不需要做任何开发工作。     25,Q:ActiveX 控件下载后，放在什么位置?      A:在缺省情况下，控件下载后要放在 \windows\Downloaded Program Files 目录下的 ActiveX 控件高速缓存中。     26,Q:如何对待新创建的新版本控件? 如果用户计算机上已经有了老板本的控件 IE 如何知道应该下载新版本的控件?      A:I3.0 中的组件下载服务(Component Download Service)提供了版本控制功能，使用此项功能，新版本的控件会被自动检测出来，并可自动下载。在1996 年 7 月的 Microsoft Systems Journal 杂志上，“Safe Web Surfing with the Internet Component Download Service”一文详细论述了整个版本控制过程。     27,Q:ActiveX 控件是否有许可权问题? 用户下载控件之后能否在自己的网页上使用 ActiveX 控件？      A:ActiveX 控件提供一套完整的保护机制，可以防止未经许可的用户在网页上使用 ActiveX 控件。到目前为止，已经有一些开发工具支持这套机制，例如 VB、Ms Access、和 IE。现有的控件授权许可证机制有两种许可形式：开发许可证和运行使用许可证。开发许可证允许许可证的持有者使用控件，利用 VB，ActiveX ControlPad，以及其它有关的开发工具，从事以开发为目的活动。运行使用许可证只允许许可证的持有者在已有的应用或网页中显示控件，不允许将控件插入有关工具中，用于开发目的活动。支持许可证机制是独立控件开发上的工作。有些控件开发商选择了不支持许可证机制的开发策略，因此对任何用户来说，他们开发的控件一旦被安装到本地机上，就可以用于开发。另一些控件开发商只提供免费的运行许可证，而在提供开发许可证时需要收费。需要在网上使用控件的用户，应该详细地阅读控件开发商提供的许可证协议，以确定自己使用控件的权限。     28,Q:为什么有些控件，甚至包括有些 VB4.0 自带的 ActiveX 控件，在网页上都无法用 IE 显示?      A:包括 VB4.0 中某些控件在内的许多控件都提供了许可证机制。要在网上使用这些控件必须取得相应的运行使用许可证，并将相应的许可证文件放在网页中，否则，在用户终端机上将无法显示该控件。对于某一控件来说，只有控件的合法开发者，才拥有为该控件进行“运行许可权”授权的权利。欲知在网页中获得控件运行许可权的详细过程，请参见 ActiveX SDK 文档中有关许可证控制部分(在新的ActiveX Control Pad FAQ 中，还有一个具体例子)。值得一提的是，Microsoft 及其第三方合作伙伴也在网上提供了大量的具有免费使用权许可证的 ActiveX 控件。在网页中使用这些控件时，不需要提交使用权许可证文件。     29,Q:HTML Layout 控件如何增强了使用 ActiveX 控件开发网页的能力?      A:HTML Layout 控件支持由 W3C 公布的扩展 HTML，允许在网页上精确定位对象。原先，HTML 不允许网页开发者使用 X、Y 坐标在网页上精确定位元素，也不允许叠盖对象。新增加的的“2-D”布局功能,使开发者可以完成更复杂的设计，为用户开发出更好的网络应用提供了支持。通过实现新的 W3C HTML 扩展，HTML Layout 控件为在 IE 中显示的 ActiveX 控件提供了更先进的布局选项。HTML Layout 控件是 IE3.0 的新增组件，并被集成到 IE 完全安装版中。(HTML Layout 控件也是 ActiveX ControlPad 的一部分,可通过 MSDN 库安装。由于提供了基于 WYSIWYG(所见即所得)页的全帧编辑器，ActiveX Control Pad 可以与 HTML Layout Control 相结合使用。这使得用 ActiveX 控件开发先进的二维风格的 HTML 设计变得更加简单。     30,Q:怎样在网页上显示多少人在线(on-line)?     A:只要你的网站支持 ASP，那么在网站的根目录中放置以下内容的 Global.asa 文件，问题就解决了。将语句〈% response.write "现在有 " & Application("WhosOn") & " 人在线。" %〉放在你的 ASP 网页中用于显示在线人数。    <SCRIPT LANGUAGE="VBScript" RUNAT="Server">                                     Sub Application_OnStart                                     Session.Timeout=1                                     Application.Lock                                     Application("WhosOn") = 0                                     Application.UnLock                                   End Sub                                                                 Sub Session_OnStart                                     Application.Lock                                     Application("WhosOn") = Application("WhosOn") + 1                                     Application.UnLock                                   End Sub                                                                 Sub Session_OnEnd                                     Application.Lock                                     Application("WhosOn") = Application("WhosOn") - 1                                     Application.UnLock                                   End Sub                                  </SCRIPT>     31,Q:用样式表(CSS)定制表格边框：     A:     〈Table border=0 id=tb1 style="border:3px solid red"〉     〈tr〉〈td〉用样式表(CSS)定制表格的例子〈/td〉〈/tr〉     〈/Table〉     32,Q:闪亮的表格边框：     A:    <table border="0" width="280" id="tb1" style="border:3px solid green">    <tr>    <td>      制做闪亮的表格边框！    </td>    </tr>    </table>    <script language="JavaScript">        </script>     33,Q:JavaScript 实现的简单时钟：     A:    (1)在〈Head〉〈/Head〉之间放置以下脚本:    <script language="JavaScript">        </script>    (2)在〈Body〉属性中加 onLoad="startclock()"    (3)在〈Body〉〈/Body〉中间加    <form name="clock" onSubmit="0">    <div align="center">    <center><input type="text" name="face" size="13" value></center>    </div>    </form>    即可。     34,Q:自动滚动屏幕文字：     A:    <Script Language="JavaScript">    var position = 0;    function scrollit()    {    if (position != 640 ){    position++;    scroll(0,position);    clearTimeout(timer);    var timer=setTimeout("scrollit()",25);    timer;    }    }    </Script>    以上脚本加在〈Head〉〈/Head〉中间，再在〈BODY〉属性中加 Onload="scrollit()"。

灰儿 · 发表于 2006-7-31 10:39:56

35,Q:“下雨”JavaScript 脚本：     A:将以下脚本放在〈Body〉〈/Body〉中间即可：    <Script Language="JavaScript">    <!-- Begin    var no = 50;    var speed = 1;    var ns4up = (document.layers) ? 1 : 0;    var ie4up = (document.all) ? 1 : 0;    var s, x, y, sn, cs;    var a, r, cx, cy;    var i, doc_width = 800, doc_height = 600;    if (ns4up) {    doc_width = self.innerWidth;    doc_height = self.innerHeight;    }    else    if (ie4up) {    doc_width = document.body.clientWidth;    doc_height = document.body.clientHeight;    }    x = new Array();    y = new Array();    r = new Array();    cx = new Array();    cy = new Array();    s = 8;    for (i = 0; i < no; ++ i) {    initRain();    if (ns4up) {    if (i == 0) {    document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");    document.write("top=\"1\" visibility=\"show\">");    document.write(",</layer>");    }    else {    document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");    document.write("top=\"1\" visibility=\"show\">");    document.write(",</layer>");    }    }    else    if (ie4up) {    if (i == 0) {    document.write("<div id=\"dot"+ i +"\" style=\&quot

OSITION: ");    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");    document.write("visible; TOP: 15px; LEFT: 15px;\">");    document.write(",</div>");    }    else {    document.write("<div id=\"dot"+ i +"\" style=\&quot

OSITION: ");    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");    document.write("visible; TOP: 15px; LEFT: 15px;\">");    document.write("’</div>"); //设定雨点的字符    }    }    }    function initRain() {    a = 6;    r = 1;    sn = Math.sin(a);    cs = Math.cos(a);    cx = Math.random() * doc_width + 1;    cy = Math.random() * doc_height + 1;    x = r * sn + cx;    y = cy;    }    function makeRain() {    r = 1;    cx = Math.random() * doc_width + 1;    cy = 1;    x = r * sn + cx;    y = r * cs + cy;    }    function updateRain() {    r += s;    x = r * sn + cx;    y = r * cs + cy;    }    function raindropNS() {    for (i = 0; i < no; ++ i) {    updateRain();    if ((x <= 1) || (x >= (doc_width - 20)) || (y >= (doc_height - 20))) {    makeRain();    doc_width = self.innerWidth;    doc_height = self.innerHeight;    }    document.layers["dot"+i].top = y;    document.layers["dot"+i].left = x;    }    setTimeout("raindropNS()", speed);    }    function raindropIE() {    for (i = 0; i < no; ++ i) {    updateRain();    if ((x <= 1) || (x >= (doc_width - 20)) || (y >= (doc_height - 20))) {    makeRain();    doc_width = document.body.clientWidth;    doc_height = document.body.clientHeight;    }    document.all["dot"+i].style.pixelTop = y;    document.all["dot"+i].style.pixelLeft = x;    }    setTimeout("raindropIE()", speed);    }    if (ns4up) {raindropNS(); }    else    if (ie4up) {raindropIE(); }    // End -->    </Script>     36,Q:“地震”JavaScript 脚本：     A:将以下脚本放在〈Body〉〈/Body〉中间即可：    <script language="JavaScript1.2">        </script>    <form><input onclick="shake(2)" type="button" value="地震啦！"></form>     37,Q:一个用 JavaScript 实现的简陋的计算器：     A:全部代码如下：    <html>    <head>    <script language="JavaScript">        </script>    </head>    <body>    <form name="calc">    <table border=1>    <tr align="right">    <td colspan=4><input name="expr" action="compute(this.form)"></td>    </tr>    <tr align=center>    <td><input type="button" value=" 7 " onClick="enter(this.form, seven)"></td>    <td><input type="button" value=" 8 " onClick="enter(this.form, eight)"></td>    <td><input type="button" value=" 9 " onClick="enter(this.form, nine)"></td>    <td><input type="button" value=" / " onClick="enter(this.form, divide)"></td>    </tr>    <tr align=center>    <td><input type="button" value=" 4 " onClick="enter(this.form, four)"></td>    <td><input type="button" value=" 5 " onClick="enter(this.form, five)"></td>    <td><input type="button" value=" 6 " onClick="enter(this.form, six)"></td>    <td><input type="button" value=" * " onClick="enter(this.form, multiply)"></td>    </tr>    <tr align=center>    <td><input type="button" value=" 1 " onClick="enter(this.form, one)">    <td><input type="button" value=" 2 " onClick="enter(this.form, two)">    <td><input type="button" value=" 3 " onClick="enter(this.form, three)">    <td><input type="button" value=" - " onClick="enter(this.form, minus)"></td>    </tr>    <tr align=center>    <td colspan=2><input type="button" value=" 0 " onClick="enter(this.form, zero)">    <td><input type="button" value=" . " onClick="enter(this.form, decimal)"></td>    <td><input type="button" value=" + " onClick="enter(this.form, plus)"></td>    </tr>    <tr align=center>    <td colspan=2><input type="button" value=" = " onClick="compute(this.form)"></td>    <td colspan=2><input type="button" value=" AC " size= 3 onClick="calc.expr.value = ''"></td>    </tr>    </table>    </form>    </body>    </html>     38,Q:在网页上实现“预览图”：      A:网页制做时，大的图片会消耗较长的下载时间，为了不使浏览者失去耐心，可以采用“预览图”(low source)的办法，即先下载一个“low source”，然后再下载真正需要显示的图片。在 Html 文档中标注“low source”的方法为：〈img src="需要显示的图片" lowsrc="预览图" width="x" height="y"〉(其中 width 和 height 是需要显示的图片的宽度和高度。如果不加 width 和 height 属性，浏览器视为以较小图片作为长宽尺寸。) 实现“预览图”还有一个方法，就是将预览图做成一个链接，如果用户愿意，可以点击它，再观看真正的图片，格式是： <a href="需要显示的图片"><img src="预览图" width=x height=y border=0></a>     39,Q:闪亮的链接：      A:      <a href="linkto" name="link1" style="text-decoration:underline;color:green;">闪亮的链接</a>      <script language="JavaScript">            </script>     40,Q:在网页中添加“添加到收藏夹”“设为首页”功能(似乎只能在 IE5.0 以上版本使用?)：      A:添加到收藏夹：〈a href="javascript:window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉 设为首页：〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');〉设为首页〈/a〉     41,Q:定制浏览器地址栏前的小图标：      A:在网页的〈head〉〈/head〉间加入以下语句：〈link rel="shortcuticon" href="http://…/icon.ico"〉即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。     42,Q:给超链接、表单、表格等网页元素加上动态说明：      A:网页中的图片可以用〈img alt="说明"〉加上注释，其它元素页可以加上注释说明，方法是用 title 属性。如： 〈a href="" title="说明"〉；〈input title="说明"〉；〈table title="说明"〉…〈/table〉     43,Q:用曾叠式样式表(css)定制按钮的鼠标形状(cursor)：      A:<input type="button" style="cursor:hand;">，这样，当鼠标移到按钮上时，会变成一个“手”形，和移到超级链接上一样。cursor 后的参数很多，列在下边：      hand   手型      crosshair   十字型      text   移动到文本上的那种效果(I 形)      wait   等待的那种效果(沙漏)      default   默认效果      help   问号      e-size   向右的箭头      ne-resize   向右上的箭头      n-resize   向上的箭头      nw-resize   向左上的箭头      w-resize   向左的箭头      sw-resize   向左下的箭头      s-resize   向下的箭头      se-resize   向右下的箭头      auto   由系统自动给出效果     44,Q:在网页页面上显示 html 代码：      A:要在 html 代码中放置 html 文本显然是不行的，因为你放在 html 中的 html 文本会相互混淆起来，产生严重的错误。如果 html 文本很少，可以将其中的〈〉用全角的〈〉代替；如果文本很长，将它门放在标签〈xmp〉〈/xmp〉中，这是专门用来显示 html 文本的标签。与此相关的一个问题是：有时从网页上“挖”下来的 html 代码，放在 html 文件中浏览时，显示的全是 html 代码，就是因为他们制做网页时将标签的大于号、小于号用全角的〈、〉代替了。     45,Q:加速网页加载的技巧：      A:当浏览者停留在一个网站的主页上时，其它页面的下载是停止的，这样时间就白白浪费了。我们可以将主页分成两个帧，一个帧显示主页，将另一个帧隐藏后“偷偷”地下载其它页面，在硬盘里缓存起来。这样，当浏览者浏览到别的页面时，浏览器就是从硬盘里调用数据了。     46,Q:让网页的背景图片动起来(Vbscript)：      A:        <SCRIPT language="VBScript">          dim c,numgc          c=-100000          numgc=document.body.sourceIndex          sub SF           c=c+2           Document.all(numgc).style.BackgroundPosition="0 " & c           id=SetTimeOut("SF",64,"VBScript")          end sub          SF        </SCRIPT>     47,Q:用 JavaScript 控制浏览器窗口大小：      A:有时候，我们需要控制显示窗口的大小，这当然能够通过点击窗口右上角的控制按钮来实现。但是，能否在页面中通过链接来实现呢？答案是：能！请看下面的代码：       <SCRIPT LANGUAGE="JavaScript">        function Minimize()        {        window.innerWidth = 100;        window.innerHeight = 100;        window.screenX = screen.width;        window.screenY = screen.height;        alwaysLowered = true;        }        function Maximize()        {        window.innerWidth = screen.width;        window.innerHeight = screen.height;        window.screenX = 0;        window.screenY = 0;        alwaysLowered = false;        }       </SCRIPT>       <A HREF="javascript:onClick=Minimize()">Minimize</A>       <A HREF="javascript:onClick=Maximize()">Maximize</A> 　上面的代码包含 2 个函数，先来看看第 1 个。函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小，这里将窗口设置为宽 100 高 100。然后，设置窗口的起始位置，定位大小为屏幕的宽和高，这样，使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接〈A HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同时，上述代码可以用于设置屏幕的任何分辨率。 　注意，当在页面上应用这个功能时，请将那 2 个触发事件的链接放置在页面的左上角，这样，当窗口缩小到右下角时，它们也不会消失。     48,Q:网页的定时转向和定时刷新?      A:在网页的 <Head></Head> 间加入 <meta http-equiv="refresh" content="10; url=http://……"> 就会使网页在 10 秒后自动转向到网址 http://…… 去。特殊情况是，如果没有 url=…… 一项，网页就会每隔 10 秒自我刷新一次 -- 最初的聊天室就使用了这种技术，但屏幕看起来有些闪烁感。     49,Q:上传主页的一个技巧：      A:如果你做主页时是假设网站的主文件为 index.htm，网页中的所有链接也默认主页为 index.htm。但当你上传主页时发现网站的主文件为 index.html，那么你是不是需要一个一个地去修改许多网页中的链接呢? NO! 这时你只要在网站建立一个 index.html 文件，其中放以下一条语句就可以了：       <meta http-equiv="refresh" content="0; url=index.htm">     那么，如果你做主页时假设网站的主文件为 index.html，而上传主页时发现网站的主文件为 index.htm 时怎么办呢? …… “To be,or not to be,this is a question.”     50,Q:在网页中实现下拉弹出菜单:      A:下拉弹出菜单用 Javascript 构造，原代码及效果见演示。     51,Q:为什么用 FrontPage 做的网页在有的网站上显示不正常?      A:如果用 FrontPage 做的网页使用了 FrontPage 扩展特性，且放在了用 Unix、Linux 建立的网站上，就会显示不正常，丢失一些特性。因为 FrontPage 扩展特性是基于 Windows 系列操作系统的。避免办法就是……“因噎废食”了。     52,Q:让 IE 浏览器的标题条文字动起来?      A:在网页的 <head></head> 之间加入以下 VbScript 脚本即可：       <Script language="vbscript">        msg="十万个为什么-计算机应用技巧大全"        l=len(msg)        i=l-3        sub movetitle()         title=right(msg,l-i)+left(msg,i)         top.document.title=title         i=(i+1) mod l       end sub       speed = 10 '毫秒       a=setInterval("movetitle()",speed)      </Script>     53,Q:网页中 IFRAME 帧的使用(在网页中构造小“窗口”方法之一)：      A:用标签 <IFRAME></IFRAME> 可以在网页中构造小“窗口”，显示指定 URL 的网页，语法如下：      <IFRAME SRC="" width="500" height="200" marginwidth="0" marginheight="110" hspace="10" vspace="20" frameborder="0"  scrolling="1">      </IFRAME>     (注1：可以用此法在网页中制作网页效果演示。      注2：相关知识：如果要在网页中开一个“窗口”，显示一段文本，可以使用:     <form>      <textarea name="S1" rows="高" cols="宽"></textarea>     </form>)     54,Q:在网页中构造小“窗口”方法之二: 使用 ActiveX 控件：      A:      <object id="browserIcons" classid="clsid:EAB22AC3-30C1-11CF-A7EB-0000C05BAE0B" align="baseline" border="0" width="452" height="161">       <param name="Location" value="<a target=_blank href="http://100000.home.sohu.com&quot">http://100000.home.sohu.com&quot</a>;>       <param name="AlignLeft" value="0"><param name="AutoSize" value="0">       <param name="AutoSizePercentage" value="10">       <param name="AutoArrange" value="1">       <param name="NoClientEdge" value="1">       <param name="ViewMode" value="0">      </object>     55,Q:当鼠标移动到表格上时，表格背景色改变:      A:在网页的 <body></body> 之间放如下代码即可实现：      <script language="javascript">            </script>      <table border="1" align=center>      <tr>      <td align="middle" height="17" onclick="mClk(this);" onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">      <a href="<a target=_blank href="http://100000.home.sohu.com&quot">http://100000.home.sohu.com&quot</a>; target="_blank" class="nav">链接变色</a>      </td>      </tr>      <tr>      <td onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">无链接变色</td>      </tr>      </table>     56,Q:打开网页时自动弹出欢迎窗口：      A:      <script language="JavaScript">       function Info()       {if(!confirm("这是一个自动弹出的欢迎窗口" + "\n\n欢迎光临\n\n你可以试着加上一些其它的信息。"+"\n\n请按确定进入本页\n"+       "\n按取消将返回上一页\n"))       history.go(-1);       return " "      }      document.writeln(Info()) //触发执行 Info() 函数     </script>     57,Q:鼠标触发网页的链接文字动态大小变化：      A:在网页的 <head></head> 之间加入以下样式表代码即可(免去了烦人的 Javascript 脚本)：       <style type="text/css">              </style>     58,Q:为什么用 FrontPage 做的主页有时会显示为乱码?      A:看看主页的 <head></head> 之间是否有 <meta charset=gb2312> 字样，加上它就好了(它自动将 IE 浏览器的文字编码设置为“简体中文”。如果没有前述语句，则必须手动设置才能看清网页内容)。     59,Q:在网页上显示你是否 O'ICQ 在线:      A:在网页上加入 <img src=http://icon.tencent.com/9265822/s/ alt="On/Off O'ICQ"> 语句即可向浏览者显示你现在是否正连在 O'ICQ 上。其中 9265822 是 O'ICQ 号码，可以更换，s 换成 l 则显示大图标。还可以形如     <a href="<a target=_blank href="http://search.tencent.com/cgi-bin/friend/user-show-info?ln=9365822&quot">http://search.tencent.com/cgi-bin/friend/user-show-info?ln=9365822&quot</a>;>       <img src=http://icon.tencent.com/9265822/s/alt="On/Off O'ICQ">     </a> 来显示你的 O'ICQ 个人资料。     60,Q:将样式表(css)加到你的网页中的几种方法：      A:      (1)、将样式表置入 HTML 文件头部:       <STYLE TYPE="text/css">              </STYLE>      (2)、将一个外部样式表定义文件链接到 HTML 文件上:       <HEAD>       <LINK REL=stylesheet href="mystyles.css" TYPE="text/css">       </HEAD>    文件 mystyles.css 的内容如下:        H1 {color:green; font-family:impact}       P {background:yellow; font-family:courier}      (3)、将一个外部样式表定义文件输入到 HTML 文件中:       <STYLE TYPE="text/css">              </STYLE>    其中 company.css 文件内容如下：       H1{color:green; font-family:times}       P{background:yellow; font-family:courier}      (4)、将样式表加入到 HTML 文件行中:       如：<H1 STYLE="color: orange;font-family:楷体_gb2312>HTML中的样式表</H1>      (注意：如果一个网页中同时使用了以上 4 种方法，那么它们的优先级从高到低是 4-3-2-1。)     61,Q:自动显示网页的最后更新日期:      A:将以下代码放入网页中，会根据网页文件的存盘时间自动显示网页的更新日期:       <script>document.write(document.lastModified)</script>     62,Q:仿 Outlook2000 导航菜单      A:请参看示例……     63,Q:用 css 和 javascript 定制按钮      A:请参看示例……     64,Q:样式表单图片动画效果示范      A:请参看示例……     65,Q:数字时钟（示例一）      A:请参看示例……     66,Q::数字时钟（示例二）      A:请参看示例……     67,Q:网页中仿制“每日一贴”(Tip of day)示例      A:请参看本网站首页底部“$帮助”的制作方法   Ä下载原始代码     68,Q:网页中的滚动菜单示例:      A:请参看示例网页……     69,Q:用 Jsp 调用 oracle 的存储过程      A:假定存储过程名字为 sp_yourprocedurename，有两个参数       CallableStatement cstmt = con.prepareCall("{call sp_yourprocedurename(?,?}");       cstmt.registerOutparameter(2,java.sql.Types.FLOAT);       cstmt.setint(1,parameter1);       cstmt.execute();       out.println(&quot

rocedure output is :"+cstmt.getFloat(2));

雨儿 · 发表于 2006-8-6 05:10:37

<

>确是好东西，可俺看得好累哦<IMG src="http://www.sq01.cn/bbs/images/Emotions/58.gif">

Re:网页制作问答