⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 网页设计中的一些技巧.htm

📁 该资料包含大量网络开发的案例和源代码
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0047)http://www.shanxiwindow.net/teaching/file03.htm -->
<HTML><HEAD><TITLE>培训教程-网页设计中的一些技巧</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.2873" name=GENERATOR>
<STYLE type=text/css>A:link {
	FONT-SIZE: 12pt; COLOR: #2361a1; TEXT-DECORATION: underline
}
A:visited {
	FONT-SIZE: 12pt; COLOR: #2361a1; TEXT-DECORATION: underline
}
A:active {
	FONT-SIZE: 12pt; COLOR: #2361a1; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ff0000; TEXT-DECORATION: none
}
.p9 {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: "宋体"
}
</STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV align=center>
<CENTER>
<TABLE cellSpacing=1 width="80%" bgColor=#0080ff border=0>
  <TBODY>
  <TR>
    <TD width="100%" bgColor=#ffffff><FONT size=3>
      <H1 align=center></FONT>网页设计中的一些技巧<FONT size=3></H1>
      <HR SIZE=1>

      <BLOCKQUOTE>
        <BLOCKQUOTE>
          <BLOCKQUOTE>
            <P>◆.<A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a1">解决网页中乱码、错位问题</A></P>
            <P>◆.<A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a2">给你的超级链接来点个性</A></P>
            <P>◆.<A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a3">如何实现网页自动刷新</A></P>
            <P>◆.<A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a4">去除图像的链接外框</A></P>
            <P>◆.<A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a5">如何检验链接的有效性</A></P>
            <P>◆.<A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a6">表格的使用（背景色、边框、间距的应用）</A></FONT></P>
            <P><FONT size=3>◆.<A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a7">给你的鼠标来点个性</A></FONT></P>
            <P><FONT size=3>◆.<A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a8">字的阴影</A></FONT></P>
            <P><FONT size=3>◆.</FONT><A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a9">改变链接的说明文字</A></P>
            <P><FONT size=3>◆.<A 
            href="http://www.shanxiwindow.net/teaching/file03.htm#a90">关闭窗口</A></FONT></P>
            <P align=right><FONT color=red size=3><A 
            href="http://www.shanxiwindow.net/teaching/index.htm">首页</A></FONT></P></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></TD></TR></TBODY></TABLE></CENTER></DIV>
<P>　</P>
<DIV align=center>
<CENTER>
<TABLE height=2851 cellSpacing=1 cellPadding=9 width="80%" bgColor=#0080ff 
border=0>
  <TBODY>
  <TR>
    <TD width="100%" bgColor=#ffffff height=154><BR><A name=a1></A><FONT 
      size=3>◆.解决网页中乱码、错位问题</FONT>
      <UL>
        <LI><FONT size=3>设置</FONT><FONT 
        color=#000000>文字类型为GB2312，</FONT>&lt;meta http-equiv="<FONT 
        color=#ff0000><STRONG>Content-Type</STRONG></FONT>" content="<FONT 
        color=#ff0000><STRONG>text/html; charset=gb2312</STRONG></FONT>"&gt;； 
        <LI><FONT color=#000000>设置输入法，汉字、空格在中文输入状态下进行；</FONT> 
        <LI><FONT color=#000000>如果需要强制换行，使用“shift”键和“enter”键组合；</FONT> </LI></UL>
      <P align=right><A 
      href="http://www.shanxiwindow.net/teaching/file03.htm#a0">top</A>　</P></TD></TR>
  <TR>
    <TD width="100%" bgColor=#ffffff height=737><BR><A name=a2></A><FONT 
      size=3>◆.给你的超级链接来点个性</FONT>（适用于IE4<FONT size=3>.</FONT>0以上；不适用于NETSCAPE）
      <P>&lt;html&gt;<BR>&lt;head&gt;<BR>&lt;title&gt;欢迎光临中国山西之窗&lt;/title&gt;<BR><STRONG><FONT 
      color=#ff0000>&lt;style 
      type="text/css"&gt;<BR>&lt;!--<BR><BR>　</FONT><FONT 
      color=#008000>A</FONT><FONT color=#ff0000>　</FONT><FONT 
      color=#ff00ff>　　　{</FONT><FONT color=#000000>　text-decoration: none; 
      </FONT></STRONG></P>
      <P><FONT color=#000000><STRONG>　　　　　　　color: #000080; </STRONG></FONT></P>
      <P><FONT color=#000000><STRONG>　　　　　　　font-family: "宋体"; 
      </STRONG></FONT></P>
      <P><STRONG><FONT color=#000000>　　　　　　　font-size: 9pt</FONT><FONT 
      color=#008000>}</FONT><FONT color=#ff0000><BR><BR>　</FONT><FONT 
      color=#008000>A:hover　　</FONT><FONT color=#ff00ff>{</FONT><FONT 
      color=#000000>text-decoration: underline; </FONT></STRONG></P>
      <P><FONT color=#000000><STRONG>　　　　　　　color: #FF0000; </STRONG></FONT></P>
      <P><FONT color=#000000><STRONG>　　　　　　　font-family: "宋体"; 
      </STRONG></FONT></P>
      <P><STRONG><FONT color=#000000>　　　　　　　font-size: 9pt</FONT><FONT 
      color=#ff00ff>　}</FONT></STRONG></P>
      <P><STRONG><FONT color=#ff0000>　</FONT><FONT 
      color=#008000>A:visited</FONT><FONT color=#0000ff>　</FONT><FONT 
      color=#ff00ff>{</FONT><FONT color=#0000ff> </FONT><FONT 
      color=#000000>font-family: "宋体"; </FONT></STRONG></P>
      <P><FONT color=#000000><STRONG>　　　　　　　　color: #990066; 
</STRONG></FONT></P>
      <P><STRONG><FONT color=#000000>　　　　　　　　font-size: 9pt</FONT><FONT 
      color=#0000ff>　</FONT><FONT color=#ff00ff>}</FONT></STRONG></P>
      <P><STRONG><FONT color=#ff0000>　　</FONT><FONT 
      color=#008000>.p9</FONT><FONT color=#0000ff>　　　</FONT><FONT 
      color=#ff00ff>{ </FONT><FONT color=#000000>font-family: "宋体"; 
      </FONT></STRONG></P>
      <P><FONT color=#000000><STRONG>　　　　　　　color: #808080; </STRONG></FONT></P>
      <P><STRONG><FONT color=#000000>　　　　　　　font-size: 9pt　</FONT><FONT 
      color=#ff00ff>}</FONT><FONT 
      color=#ff0000><BR><BR>--&gt;<BR>&lt;/style&gt;</FONT></STRONG></P>
      <P>&lt;/head&gt;</P>
      <P>&lt;body&gt;</P>
      <P>&lt;p class=p9&gt;山西省网络管理中心-中国山西之窗&lt;/p&gt;</P>
      <P>&lt;/body&gt;</P>
      <P>&lt;/html&gt;</P>
      <P>关于<FONT color=#ff0000><STRONG>.p9</STRONG></FONT>字体显示效果的一点说明： 
      <UL>
        <LI>
        <P class=p9><STRONG><FONT 
        color=#008000>（使用样式表，适用于IE、NETSCAPE4。0以上）：</FONT><BR></STRONG><BR>　　培训目的：在理解网络的基础上，通过自己动手实际操作，加深理解，学会网络规划、设计，学会网页设计、制作和美化，并能熟练地通过IE4上网，在网上查找自己所需的资料，使学员在实际操作中，融会贯通。</P>
        <LI><SMALL><FONT 
        color=#008000><STRONG>（不使用非样式表，使用字缩小属性-----适用于IE、NETSCAPE3。0以上）：</STRONG></FONT></SMALL><BR><BR><SMALL>　　培训目的：在理解网络的基础上，通过自己动手实际操作，加深理解，学会网络规划、设计，学会网页设计、制作和美化，并能熟练地通过IE4上网，在网上查找自己所需的资料，使学员在实际操作中，融会贯通。</SMALL> 
        </LI></UL>
      <P align=right><A 
      href="http://www.shanxiwindow.net/teaching/file03.htm#a0">top</A>　</P></TD></TR>
  <TR>
    <TD width="100%" bgColor=#ffffff height=202><A name=a3></A><FONT 
      size=3><BR>◆.如何实现网页自动刷新</FONT>
      <P>在页面的头域中写入下面一行：<BR><BR>　　 &lt;META http-equiv="<STRONG><FONT 
      color=#ff0000>refresh</FONT></STRONG>" content="<FONT 
      color=#ff0000><STRONG>6; 
      URL=index.htm</STRONG></FONT>"&gt;<BR><BR>　　可以根据你的需要来调整封面页停留的时间。在这个例子中，我们把它设为6秒（就是上述代码中的6），这个时间只是一个近似值。原则是能确保访问者有足够的时间来阅读网页。</P>
      <P align=right><A 
      href="http://www.shanxiwindow.net/teaching/file03.htm#a0">top</A>　</P></TD></TR>
  <TR>
    <TD width="100%" bgColor=#ffffff height=141>　
      <P><A name=a4></A><FONT size=3>◆.去除图像的链接外框</FONT></P>
      <P><FONT size=3>在图象的"image proprities"中选择“appearance”，将“ border 
      thickness”的值设置为“<FONT color=#ff0000><STRONG>0</STRONG></FONT>”；</FONT></P>
      <P align=right><A 
      href="http://www.shanxiwindow.net/teaching/file03.htm#a0">top</A>　</P></TD></TR>
  <TR>
    <TD width="100%" bgColor=#ffffff height=685><A name=a5></A><FONT 
      size=3><SPAN class=text style="COLOR: rgb(98,98,98)">
      <P>◆.如何检验链接的有效性</P>
      <P><FONT 
      color=#000000>检验Web页面链接有效性的快捷方法<BR>　　如果网页中的链接点比较多，就会在维护中遇到很多问题。首先，一个链接点的 
      URL名可能很长， 
      我们只有保证一个字母都不敲错才能正确进行链接，无疑这对输入的要求是很高的。另外，时间一长，某些站点已不复存在，过去有效的链接已经变成了“死链接”，如果靠人工定期一个个站点去访问以确保链接正确，那几乎是不可能的。这是个让人为难的问题。而利用FrontPage98就能有效地解决这个问题: 
      <BR><BR>　　首先启动FrontPage 98并打开欲检验的Web站点(就在本地硬盘相应文件夹中) 。在左边Views(视图) 
      区选择Hyperlink 
      Status(超链接状态)视图，此时屏幕右半边便转变为超链接状态视图。右边窗口中会列出该站点网页中所有超链接的状态表。最上一行是项目栏，共计有“Status(状态) 
      ”、“Hyperlink(超链接点) ”、“In Page (所在页) ”、“Page Title(页面标题)”、“Modified 
      by(修改人)”五项。最重要的“状态” 一项共有三种值，黄球+Unknown表示尚未检查，红球+Broken表示断链，绿球+Ok表示有效链。 
      点击上方Status项目栏边框，可以按状态值排列超链接点，按此功能可将所有短链列于最前方， 以便于修改。当然，根据需要也可按“In Page” 
      等项目排列链接点，进行管理。如果只检查一部分链接点，其选择操作也在此窗口中进行。 
      选择排列在一起的链接点，按住“Shift”，用上下方向键选择即可；选择分立的链接点，则要求按住“CTRL”键，用鼠标左键单击欲选链接。 
      <BR><BR>　　刚开始所有的超链接点状态都为 “Unknown” ， 要进行断链检查， 请先连上 Internet， 
      选择Tools菜单下“Verify Hyperlinks...”工具。系统会弹出对话框，询问你要进行何种操作(共三种选择) 。“Verify all 
      hyperlinks”是检查本站点所有的链接点，“Resume verification”用于恢复检查(检查工作意外中断后恢复操作) 
      ，“Verify selected 
      hyperlink(s)”只检查事先选定的一个或一组文件。选择一种工作方式，点击右方OK按钮，检验工作便正式开始了。 
      <BR></FONT><BR><FONT color=#000000>　　自动检查完毕，可能你会发现一些标为红色的短链。下面就需要修正这些链接点了， 
      操作起来也相当的方便。 选中欲修正的链接，点击鼠标右键，弹出菜单中会有 “Edit Hyperlink...”和“Edit 
      Page”这两项。选择“Edit 
      Hyperlink...”一项，系统会询问将无效链接修改为哪一地址，比如FrontPage发现http://www.micorsoft. 
      com为无效链接， 我们发现为输入时录入错误，此时修改为http: //www.microsoft. 
      com就对了。如果错误不易发觉如何修改，那边可选用“Edit 
      Page”一项，仔细研究该程序，以期发现问题之所在，实在不行就删掉该链接。</FONT></SPAN></FONT></P>
      <P align=right><A 
      href="http://www.shanxiwindow.net/teaching/file03.htm#a0">top</A>　</P></TD></TR>
  <TR>
    <TD width="100%" bgColor=#ffffff height=829><A name=a6></A>
      <P><FONT size=3>◆.表格的使用（背景色、边框、间距的应用）<BR></FONT>
      <UL>
        <LI><STRONG><FONT color=#008000>实现图文效果</FONT></STRONG>（适用于IE4<FONT 
        size=3>.</FONT>0以上；不适用于NETSCAPE）： </LI></UL>
      <DIV align=center>
      <CENTER>
      <TABLE borderColor=#ff8000 cellPadding=5 width="80%" border=1>
        <TBODY>
        <TR>
          <TD width="50%">
            <P align=center>山西之窗</P></TD>
          <TD width="50%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
        山西之窗</TD></TR></TBODY></TABLE></CENTER></DIV>
      <P>　</P>
      <DIV align=center>
      <CENTER>
      <TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width="80%" 
      bgColor=#dfdfff borderColorLight=#c0c0c0 border=1>
        <TBODY>
        <TR>
          <TD align=middle width="40%">
            <P align=center>中国山西之窗 </P></TD>
          <TD align=middle width="17%">山西资讯</TD>
          <TD align=middle width="23%">　</TD></TR></TBODY></TABLE></CENTER></DIV>
      <P>　
12

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -