帐号: 密码:
// 设为首页 // 收藏本站 // 请您留言 // 网址导航
远方教程-满足你的求知欲!
站内搜索:
HTML ASP PHP CSS DIV Dreamweaver Photoshop Word Excel PPT SEO技巧
您当前位置:网站首页 >> HTML入门 >> Dreamweaver进阶教程 >> 阅读文章

网页切图处理与技巧

来源:远方教程 作者:远方教程 发布时间:2014-11-08 查看次数:2677 访问[新版]

  一、概述

1,网页切图,是指经过切图后输出为Html的页面。
2,网页切图处理,主要是指处理输出后的Html页面,经过Html格式的编辑后,使其能够满足实际要求(可以自由伸缩等等)
3,处理网页切图的工具可以有Frontpage或Dreamweaver,一般来说建议使用Dreamweaver 。

  二、网页切图处理

1,处理过程一般为:
1)使用Dreamweaver软件打开输出后的html页面。
2)去掉Html中多余的图片(Html格式输出后,切片均变为了图片)
3)将需要随页面大小自动伸缩的部分的图片变为背景,并设置背景以某种方式自动延伸。
4)某些部分可能不要自动伸缩,但需要在这些部分上面显示文字,这时也要将这部分图片变为背景,只是背景不做任何方式的延伸。
5)在前面我说过“块”的概念,这个概念在网页切图处理过程中非常重要。
6)切图软件在将切图以Html格式输出成网页后,该网页的Html代码结构一般不是我们所要的,因为里面有大量的rowspan和colspan结构,这极大限制了网页的自由伸缩。
7)解决办法:将整个页面放在一个table中,其中每个块是一个子table,然后在每个子table里面再细分,甚至会出现子子子table(复杂的页面有这种情况),然后将相应的图片放置到我们做的table结构中。而后在进行上面的第2、3、4步骤。

打印 打印 | 关闭 关闭 评论
相关文章
图片新闻
站内搜索  
搜索
猜您喜欢  
最新更新  
阅读排行  
关于我们 | 联系方式 | 大事记 | 免责声明 | | 给我留言
部分广告源自金山联盟2345联盟 QQ咨询 站长之家QQ群:232617873
Copyright 2024 远方教程 © All Rights Reserved.

回顶部