您现在的位置: 华玉生活网 >> 网站建设 >> 色调 >> 正文>> 繁体中文

深潜网页制作学就用技巧

网页制作超级技巧(一)

一、让文字改变颜色 

在有些网页我们可以看到一些文字,当鼠标移上去是一种颜色,移开就是另外一种颜色,这是怎么样实现的呢?

原来我们只需要在Head内预先定义两个类,分别定义了两种颜色,这在后面的HTML源文件中会用到这个颜色的定义:

  <style>
   .normal {color:red;}
   .start {color:blue;}
  </style>

  然后我们在要改变的字前后加上下面的代码:

  <SPAN onmouseover = "this.className = 'normal'" 
   onmouseout = "this.className='start'" class=start> here </SPAN>

这里的“class=start”是将这行字的默认值设为 start {color:blue;},要是不加上这句 的话,你这行字的颜色就会变成HTML预先设定的数值。

当我们把鼠标移动到“here”上的时候,颜色为“normal”定义的颜色,而当鼠标移开的时候“here”的颜色为“start”定义的颜色(这种效果只有在IE浏览器中才可以看到)。

二、给置网页加上背景图像 

网页的背景色和背景图选择得好,会给页面增色不少。如果选取单一的背景色,难免显得单调,如果选择整个图片做背景,由于图片本身的文件大,造成网页的加载时间长,一般用户很难有耐性等待下去。那么带背景的网页是如何制作出来的?

很简单,一般是采用一幅很小的图片,然后铺展开,形成很漂亮的背景。对背景图的要求当然是越漂亮越好,文件越小越好。当你有了一幅可以自然拼接的图像后,在Dreamweaver中,我们可以设置background图片。

打开源文件我们可以看到〈BODY〉标签中多了一串代码。代码的表达式如下:

<BODY BACKGROUND="images/background.gif" BGCOLOR="#FFFFFF" >

这里的images/background.gif就是BACKGROUND的值,其图像文件名为一个URL。 当然我们可以在源代码中直接加入上面的代码。

三、去掉超链接的下划线

在访问一些页面的时候,我们会发现,当鼠标移动到具有超级连接的文字上的时候,有的会产生相应的下划线。然而有些网页却没有。主页超链接的下划线是如何去掉的呢?

我们在<HEAD>...</HEAD>之间插入下面的代码。

  <style>B {font-weight: 700; }
   P {padding: 5px 0px;
     margin: 0px;
     font-family: 宋体,黑体,宋体;
    }
   A {text-decoration: none}
   TD { font-family: 宋体,黑体,宋体; }
  </style>
  <script language="javascript">
   var contents = true;
  </script>

更简单的方法是:

   <style>
    <!--
     a {text-decoration:none}
     a:hover {color: red;text-decoration:none}
    --!>
   </style>


 

 



  • 扩展阅读
  • 上一篇文章:
  • 【返回网站首页】 【返回色调】
  • 下一篇文章:
  • 【字体: 】【】【发表评论】【加入收藏】【告诉好友】【打印此文
    文章 软件 电影 商品

    相关文章

    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    | 服务声明 | 充值中心| 华安五金电器 | 收费标准| 论坛| 留言| 实用查询| 会员中心| 下载帮助| 设为首页|

    技术支持:瑞达科技 即时交谈QQ:237013889 QQ群:13810759 E-Mail:237013889@qq.com
    非盈利网站,如有侵权,请来信来电告知,第一时间处理,谢谢!
    桂ICP备17008104号 华玉生活网网站统计
    tj