欢迎来到合肥浪讯网络科技有限公司官网
  咨询服务热线:400-099-8848

十分实用的技巧:网页制造的好办法四则

发布时间:2020-05-31 文章来源:本站  浏览次数:2234

由于网站正以惊人的速度在飞速添加,互连网通道是越来越拥挤了,网页的下载速度也越来越慢,给网页减重是网页规划工作者首要考虑的问题之一。减少图片数量、降低图片质量、采用jpg、gif等压缩图片文件,如此等等,其意图都有是为了给网页减重,进步传输速度。我这里再告知你几种办法来给网页减重(本文介绍的办法均在Dreamweaver3中完成,若在其它网页制造东西中详细作法稍有改动):
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”的值换一下就行了,是不是便利极了。
2、巧作渐变色布景
渐变色布景示例
象这样的渐变色布景能给人一种梦幻般幻想的感觉或产生明显的立体感,当咱们需求运用渐变色布景图画时,咱们不必做与所填充的面积等大的图画,只需做一幅能包含所有渐变色的图画单元就行了,这样即使是填充整页的布景,其图画文件的巨细也不到1K,并且横向渐变色,布景区纵向高度恣意改动不必改动布景图画;纵向渐变色,布景区横向宽度恣意改动不必改动布景图画;真是便利。
制造办法如下:
(1)横向渐变色图画单元制造
在Potoshop中,单击“File”主菜单,挑选“New”,在新建图象特点对话图上,在图象宽度输入框中输入你的布景区域宽度,在图象高度输入框中输入1pixels,按“OK”键,再用渐变色填充,根据需求润饰一下,用Export输出jpg、gif均可。
(2)纵向渐变色图画单元制造
在Potoshop中,单击“File”主菜单,挑选“New”,在新建图象特点对话图上,在图象高度输入框中输入你的布景区域宽度,在图象宽度输入框中输入1pixels,按“OK”键,再用渐变色填充,根据需求润饰一下,用Export输出jpg、gif均可。
有了图象单元,只需在需求渐变色布景的区域把相应的布景图象单元作为布景图象就行了。
3、拉线布景的制造技巧
拉线布景示例
拉线布景已成为一种时髦,现在一些大型网站的网页都在很多运用拉线布景,制造拉线布景同样无需制造整幅的拉线图象,只需制造一幅拉线单元图象就行了。制造办法如下:
(1)在Potoshop中,单击“File”主菜单,挑选“New”,在新建图象特点对话图上,在图象高度输入框中输入2pixels,在图象宽度输入框中输入1pixels,按“OK”键,再用填充东西把其间的一个象素填充上你所要的色彩,根据需求润饰一下,用Export输出jpg、gif均可。
(2)在需求拉线布景的区域,挑选上面做好的图象作为布景图象,就全部OK了。并且不管你是多大的布景区域均不必修正图象单元。
4、拉丝图象的制造技巧
拉丝图象示例
拉丝图象给人一种模糊的幻想感觉,另外,他能够用质量比较低的图片,这大大减少了图片文件的份量,加快了下载速度,我想这可能是其流行起来的主要原因之一。拉丝图象的制造办法已有不少文章介绍。我在这里介绍的办法与一般办法不同,它能更进一步减少你的网页分量,进步制造拉丝图象的功率。制造办法如下:
(1)在Potoshop中,单击“File”主菜单,挑选“New”,在新建图象特点对话图上,在图象高度输入框中输入2pixels,在图象宽度输入框中输入1pixels,图象布景挑选(通明布景)“Transprent",按“OK”键,再用填充东西把其间的一个象素填充上你所要的拉丝色彩,根据需求润饰一下,用Export输出gif即可;
(2)在Dreamweaver3中,单击功用面板上的刺进层图标,在页面上画一个层,再在功用面板上点击刺进图象的图标,在层上刺进你所要的图象;
(3)再单击功用面板上的刺进层图标,在页面上画一个层,在该层的特点面板上,在层布景图象输入框中输入你刚制造的拉丝单元图象文件名;
(4)把上面制造的有拉丝布景的层拖到图象上,并调整层的巨细与图片巨细共同,一幅漂亮的拉丝图象就做成了。
若要把网页中已有的图象变为拉丝图象,只需重复(3)、(4)两步操作就行了。用本办法还能够把动画变成拉丝动画呢?怎么做,不用我讲了吧?!把图片换成动画就功德圆满了。是不是太便利了。这里提醒你注意:第(1)步操作中把图象布景设为通明是关键,不然你就看不见下面的图片了。 

上一条:规划思想三大浪潮:产品即...

下一条:少便是多 怎样让网站规划...