11切图技巧11
附录12
参考文档12相关资源12
为什么要优化一为什么要优化
1节省带宽服务器带宽是有限制的为了支持更多在线人数可以租用更多带宽也可以增加服务器但如果能通过优化代码减小网页体积例如减少50那原本支持1000人同时在线的带宽现在就可以支持2000人了这样就节省了昂贵的带宽费用2利于程序员编写代码静态页面转为动态页面时经常要分析结构把重复代码改为循环因此简洁的代码有利用提高效率
f3减少页面下载及解析时间减少页面下载及虽然现在大部分都是宽带带宽非常充足但一般访客都不只打开一个页面而是同时访问多个网站加上聊天下载等工具占用一定带宽这样带宽就显得拥挤了减少页面体积可以缩短下载时间同时也能减少客户端浏览器的解析时间
二优化原则
123456不影响原外观不要把整个页面放到一个table里面不要嵌套太多表格因为表格需要代码全部下载才能显示出来不要用太大太多Flash动画不要用太多JavaScript特效用户是来看内容不是看特效尽量把大图切成小图可以再次利用的图片就无需再另切图了
三优化技巧
12345使用静态页面可以有效减少服务器资源占用重复使用的样式写到外部CSS文件一般是整站一个共用CSS文件各独立栏目共用一个CSS文件某页面特有的可以写在本页面内需要从数据库读取但又不经常更换的内容写到单独JS文件例如各个栏目内容是从数据库获取的但又不会频繁更换需要链接外部的Flash图片等可以用iframe标签避免外部网络延迟而拖慢整体页面显示为了方便程序员写循环可以适当在代码里面加注释
网页切图四网页切图1切图步骤
123456从整体布局考虑分块划线分割隐藏不需要的内容输出html文件如分多层切图重复第三步骤用Dreamwaver等网页工具打开整理表格编写CSS文件
2切图技巧
123尽量按规则表格方式切因为切后一般用需要整合表格需要全部下载才能显示出来尽量把大表格分成横向并排的表格尽可能新建网页新建表格把切好的图块手动放进去因为PSFireworksr