您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文
[图文]网页制作妙招           ★★★
网页制作妙招
作者:网页设计…  文章来源:网页设计师联盟  点击数:  更新时间:2007-10-17 23:40:43 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

由于网站正以惊人的速度在飞速增加,互连网通道是越来越拥挤了,网页的下载速度也越来越慢,给网页减重是网页设计工作者首先考虑的问题之一。减少图片数量、降低图片质量、采用jpg、gif等压缩图片文件,如此等等,其目的都有是为了给网页减重,提高传输速度。我这里再告诉你几种方法来给网页减重(本文介绍的方法均在Dreamweaver3中实现,若在其它网页制作工具中具体作法稍有改变): 
1、不使用图片获得各种颜色的线条

图1 各种颜色的线条
在Dreamweaver3或Forntpage中虽有插入水平线的功能,但他插入的线条无法改变颜色,为了获得特定颜色的线条你不得不使用图片,这无疑增大了网页负担,有没有其它办法呢?有!你可以使用表格来实现,考虑到表格是以行为单位来定位的,为了能更方便的定位线条,我们把表格放到层上,这样你就可以任意把线条放到任何位置了。具体作法如下:
(1)单击功能面板上的插入层图标,在页面上画一个层,再在功能面板上点击插入表格图标,在弹出的表格面板上把表格的行和列均设置为1;
(2)选取表格,在表格的属性面板上把“cellpad”、“cellspace”、“border”均设置为“0”,把“W”设置为“100%”,“H”设置为2pixels(象素),设置好表格的背景色(也就是线条的颜色。
(3)在单元格中点一下,在单元格的属性面板上把“W”设置为“100%”,把“H”设置为2pixels(象素);
(4)在快速启动栏上点击源代码检示窗图标,在源代码编辑窗中把单元格中的“ ”(“空格”代码)删去。
到此,一条特定颜色的水平线已画好。若要改变线条颜色,只要改变表格的背景色就行了;若要改变线条高度(即线条的粗细),只要修改(2)、(3)中的“H”即可;改变层的宽度,就可改变线条的长度;若要把水平线变为垂直线,只要把(2)、(3)中的“W”和“H”的值换一下就行了,是不是方便极了。

[1] [2] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    用JS得到字符串中出现次数最多的字母
    网页制作Javascript经典小技巧总结
    深层优化 提高网站的访问速度的一些技巧
    25条CSS制作网页编写的提醒及小技巧整理
    制作网页时手写CSS应该注意的一点技巧
    网页制作了解什么是CSS hack?
    网页(WEB)字体,CSS如何控制?
    CSS在ASP.NET中失效的原因及解决办法
    简单的CSS改进网站设计的三个技巧
    Dreamweaver超级技巧(中)
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门