网页技巧全集(四)

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("Procedure output is :"+cstmt.getFloat(2)); 
  70,Q:用 PHP 获得浏览器信息?
     A:
      GET /temp.php HTTP/1.1
      Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
      Referer: http://199.199.199.5/index.php
      Accept-Language: zh-cn,zh-tw;q=0.5
      Accept-Encoding: gzip, deflate
      User-Agent: Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
      Host: www.bingdu.org
      Connection: Keep-Alive
      Cookie: PHPSESSID=46bb38ce8d7b870dd704bca7ad6071ca
      $var = getenv("$string");
      $string 就是以下一些值了：
      HTTP_ACCEPT //接收的数据类型。
      HTTP_REFERER //引用地址
      HTTP_USER_AGENT //流览器
      HTTP_ACCEPT_LANGUAGE //流览器语言
      HTTP_HOST //主机地址
      HTTP_CONNECTION //连接状态
      HTTP_COOKIE //COOKIE 
  71,Q:如何将一个表单同时提交到两个地方处理(以 PHP 为例)?
     A:
      <script language=javascript>
       function dosubmit()
        {window.open('first.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
         window.open('second.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
         return false;
        }
      </script>
      <form name=form1 onsubmit="return dosubmit();">
       <input name=var1>
       <input name=var2>
       <input type=submit>
      </form> 
  72,Q:IE5.x 快捷操作技法大放送
     A:
   （一）、打印操作技巧
　　1、要打印文档，用户可以将 Internet 快捷方式拖动到桌面的打印机图标上；
　　2、要迅速打印 Web 页的某个框架，可右单击该框架，然后单击“打印”选项；
　　3、用户可以打印出与 Web 页相连的所有链接的列表。在“打印”对话框中，单击“打印链接列表”；
　　4、用户可以打印指定 Web 页上所链接的所有文档。在“打印”对话框中，单击“打印所有链接的文档”；
　　5、要打印当前页或活动框架，请按 Ctrl＋ P组合键。
   （二）、地址栏操作技巧
　　1、要显示用户在地址栏中键入过的 Internet 地址，请按 F4键；
　　2、在地址栏中，按 Ctrl＋ ← 组合键，就可以让光标以地址部分为单位迅速向后移动；
　　3、在地址栏中，按 Ctrl＋ → 组合键，就可以让光标以地址部分为单位迅速向前移动；
　　4、用户可以在地址栏中键入收藏页的友好名称，然后在出现的自动完成列表中选择网页名称；
　　5、要从地址栏中搜索，可在某单词或词语之前键入go, find，或?，然后按 Enter 键；
　　6、按 Alt ＋ D组合键，可以将光标移到地址栏中。
　　7、 用户可以在地址栏中键入某个单词，然后按 Ctrl＋ Enter 组合键，可在单词的两端自动添加 http://www. 和 .com。
   (三)、工具菜单操作技巧
　　1、要将主页更改为用户当前打开的网页，可单击“工具”菜单，单击“Internet 选项”，然后单击“使用当前页”按钮；
　　2、若要通过删除临时文件来释放硬盘空间，则单击“工具”菜单，单击“Internet选项”，然后单击“删除文件”按钮；
　　3、要更改 Web 页上链接的颜色，请单击“工具”菜单，单击“Internet选项”，然后单击“颜色”按钮；
　　4、单击“工具”菜单，然后单击“Windows Update”，可以安装其他 Internet Explorer 组件；
　　5、要调整存放 Internet 临时文件的硬盘空间，请单击“工具”菜单，单击“Internet选项”，然后单击“设置”按钮。
   (四)、收藏夹操作技巧
　1、单击“收藏”菜单，然后单击“整理收藏夹”，可以将文件夹添加到收藏夹列表中；
　　2、右键单击“收藏夹”或链接列表中的某快捷方式，然后单击“删除”，可以将其删除；
　　3、要更改收藏站点的脱机属性，可右键单击收藏列表中的项目，然后单击“属性”；
　　4、要筛选用户的计算机可以显示哪些 Web 站点，请单击“工具”菜单，单击“Internet 选项”，单击“内容”选项卡，然后单击“启用”。
   (五)、窗口操作技巧
　　1、按 F11 可以在 Internet Explorer 常规大小窗口和全屏幕模式之间切换；
　　2、按 Ctrl＋W 可以关闭当前窗口；
　　3、按 Ctrl＋N 可以新建窗口。
   (六)、Web 操作技巧
　　1、在某页上单击右键，然后单击“创建快捷方式”，就可以迅速创建该 Web 页的快捷方式并放在桌面上；
　　2、要查看某 Web 页是如何编码的，可在该页上单击右键，然后单击“查看源文件”，即可获得某Web页的源编码；
　　3、要放大或缩小 Web 页上的文字，单击“查看”菜单，然后单击“文字大小”。按 F5键刷新屏幕；
　　4、要迅速将 Web 页保存到用户的收藏夹列表，请按 Ctrl＋D组合键；
　　5、单击“文件”菜单，指向“发送”，然后单击“电子邮件页面”，可以在电子邮件中发送 Web 页；
　　6、Web 图片和背景可以做成美妙的桌面墙纸，只要右键单击用户想要的图片，然后单击“设置为墙纸；
　　7、要保存网页或图片而不将其打开，请右键单击用户想要的链接，然后单击“目标另存为”；
　　8、要迅速加载 Web 页，请单击“工具”菜单，单击“Internet选项”，再单击“高级”选项卡，然后关闭声音和图片；
　　9、要查看会话过程中用户所键入的所有 Internet 地址链接，请单击地址栏右端的小向下箭头；
　　10、用户可以为每个 Web 站点设置不同的安全级别，单击“工具”菜单，单击“Internet选项”，然后单击“安全”选项卡；
　　11、要在 Web 页上搜索某单词或词组，请按 Ctrl＋ F组合键，打开“查找”对话框；
　　12、单击工具栏上的“历史”按钮，可以看到用户最近访问过的 Web 站点的列表；
　　13、如果用户想了解如何使用 World Wide Web，请单击“帮助”菜单，然后单击“教程”；
　　14、在某Web页上单击右键，然后单击“创建快捷方式”，就可以迅速创建该 Web 页的快捷方式并放在桌面上；
　　15、按 F5 键刷新，可以保证用户正查看的 Web 页包含最新的内容；
　　16、如果用户使用的电子邮件程序是 Microsoft Outlook 或 Outlook Express，那么用户就可以将 Internet 快捷方式拖动到电子邮件中；
　　17、将指向 Web 页的快捷方式拖动到链接栏中，可以只单击一次就打开用户经常访问的 Web 页；
　　18、要停止下载网页，请按 Esc 键；
　　19、要取消 Web 页链接中的下划线，请单击“工具”菜单，单击“Internet选项”，然后单击“高级”选项卡。 
  73,Q:制作网页的目录式导航菜单
     A:
(一)、把如下代码加入<head></head>区域中
<head>
<SCRIPT language=javascript>
<!--
function out()
{
if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
menu.style.visibility="hidden";
}
function out1()
{
if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
menu1.style.visibility="hidden";
}
//-->
</SCRIPT>
</head>
(二)、把如下代码加入<body>区域中
<div id="back" onmouseout="out()" style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar" onmouseover="menu.style.visibility='visible'">
<font color=red size=2>菜单
</span>
<div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">有喜下载</a>
<a id="link" href="hjsj.htm">黄金书记</a>
<a id="link" href="mntk.htm">美女偷裤</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>
<div id="back" onmouseout="out1()" style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar" onmouseover="menu1.style.visibility='visible'">
<font color=red size=2>菜单
</span>
<div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">游戏下载</a>
<a id="link" href="hjsj.htm">黄金书籍</a>
<a id="link" href="mntk.htm">美女图库</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH动画欣赏</a>
</div>
</div> 
  74,Q:网页文字颜色的搭配技巧
     A:对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。
　　一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定会有不错的效果，希望对大家在制作网页时有用。
　　Bgcolor:″＃F1FAFA″——做正文的背景色好，淡雅
　　Bgcolor:″＃E8FFE8″——做标题的背景色较好，与上面的颜色搭配很协调
　　Bgcolor:″＃E8E8FF″——做正文的背景色较好，文字颜色配黑色
　　Bgcolor:″＃8080C0″——上配黄色白色文字较好
　　Bgcolor:″＃E8D098″——上配浅蓝色或蓝色文字较好
　　Bgcolor:″＃EFEFDA″——上配浅蓝色或红色文字较好
　　Bgcolor:″＃F2F1D7″——配黑色文字素雅，如果是红色则显得醒目
　　Bgcolor:″＃336699″——配白色文字好看些
　　Bgcolor:″＃6699CC″——配白色文字好看些，可以做标题
　　Bgcolor:″＃66CCCC″——配白色文字好看些，可以做标题
　　Bgcolor:″＃B45B3E″——配白色文字好看些，可以做标题
　　Bgcolor:″＃479AC7″——配白色文字好看些，可以做标题
　　Bgcolor:″＃00B271″——配白色文字好看些，可以做标题
　　Bgcolor:″＃FBFBEA″——配黑色文字比较好看，一般作为正文
　　Bgcolor:″＃D5F3F4″——配黑色文字比较好看，一般作为正文
　　Bgcolor:″＃D7FFF0″——配黑色文字比较好看，一般作为正文
　　Bgcolor:″＃F0DAD2″——配黑色文字比较好看，一般作为正文
　　Bgcolor:″＃DDF3FF″——配黑色文字比较好看，一般作为正文
　　浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果。
以上配色方案仅供参考。 
  75,Q:IFRAME 标签的属性参数
     A:
    <Iframe src="example.htm" width="300" heitht="100"></IFRAME>
     example.htm 是被嵌入的页面，标签 <IFRAME> 还有一些可用的参数设置如下：
     marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth="20"，单位是 pix，下同。
     marginheight:网页中内容在表格顶部预留的高度；
     hspace:网页右上角的的横坐标；
     vspace:网页右上角的纵坐标；
     frameborder:是否显示边缘；填"1"表示"是"，填"0"表示"否"
     scrolling:是否出现滚动条；填"1"表示"是"，填"0"表示"否" 
  76,Q:使用表格时应注意那些问题?
     A:1、整个表格不要都套在一个表格里，尽量拆分成多个表格，可以加快显示速度；
    2、表格的嵌套层次尽量要少，最好嵌套表格不超过 3 层，这样可以加快浏览器解释 html 脚本代码的时间；
    3、单一表格的结构尽量整齐；
    4、表格的 width=100% 可以使表格适应浏览器不同的分辨率；
    5、用表格进行版面布局比用层来得更好一些。
    6、同时设定表格背景图片和颜色。有一些版本的浏览器不显示表格背景图形，只显示缺省背景颜色，有的访问者关闭了多媒体图形选项来浏览，为了满足这部分来访者，最好同时设定表格背景图片和颜色； 
  77,Q:Javascript 文字特效一例
     A:
<script language="JavaScript">
text = "十万个为什么网站"; //显示的文字
color1 = "blue"; //文字的颜色
color2 = "red"; //转换的颜色
fontsize = "8"; //字体大小
speed = 200; //转换速度 (毫秒)
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer><br><br><br>");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor()
{if (navigator.appName == "Netscape") {
document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">");
for (var j = 0; j < text.length; j++) {
if(j == i){document.a.document.write("<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>");}
else {document.a.document.write(text.charAt(j));}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);
</script> 
  78,Q:解决 DW4 普通文本的汉字输入问题
     A:这是 DW4 的一个大问题。即使把 coding 设成 gb, 输入中文时，用中文字体，也不能解决。在使用之中发现，全拼输入、紫光拼音等比较正常，但用五笔等输入法时就会出问题：无论你打多少字，它都会用后一个字覆盖前一个字，让你的页面始终只有一个字。另一种情况是，在某些光标位置可以输入，有些又不行。对这个问题，现在似乎还没有很完美的解决办法。笔者试推荐以下方法：
    1、更换另一种输入法，即全拼输入、紫光拼音、拼音加加等；
    2、直接将中文文本信息拷贝进去；
    3、有时可输入，有时不可输入的情况，请点击一下 DW4 的标题和属性栏就可以输入了；
    4、系统采用中文的 Windows9x 或 Windows ME。 
  79,Q:解决 DW4 中 Flash 文字和按钮的汉字输入问题
     A:DW4 中加强了与 Flash 的直接交互，比如直接制作 Flash 的文字和按钮、直接浏览插入的 Flash 文件（按属性栏中的三角形播放键）等等。就算你不会使用 Flash 也可以在 Dreamweaver 中直接插入 Flash 动画格式的文字或按钮，只要简简单单输入文字就可以了。比起传统的点阵图文字或按钮，档案更小、更漂亮。但遗憾的是，其中输入的文字不支持中文！没办法，还是直接用 Flsah 软件制作，况且在 Flash5 中作一个类似 DW4 中的中文按钮并不难。 
  80,Q:解决 DW4 表格的亮暗边问题
     A:原来的 DW3 可以做表格的阴影效果，可是 DW4 却不行了，因为属性板上没有了 borderlight 和borderdark 的输入框。可以用以下二种方法来变通解决：
　　1、内外边框的颜色可以用鼠标来选择。从表格的上方或者左方选择表格，鼠标会变成一个向下或向左的箭头形状，这时你就可以选中表格单元的内边框了。这是再设定属性栏中“Border” 的颜色即可。这样可以设定表格单元的内边框为不同颜色了。把 cellspace 设的大一点，效果将更明显。
    2、直接编辑 html 源代码解决。