項目41网站前台功能的实现_指导书.docVIP

单元四 网站的实现 项目一　网站前台功能的实现 教学目标 1．进一步掌握网制作设计网制作设计网制作设计视觉规范即用户在浏览自己网站的视觉的体验，包括：整体风格、网站LOGO、页面布局、页面色彩、页面大小、动画效果、图片展示、图标使用、广告设置和声音设置这10个方面；要让用户觉得你的网站制作的看起来很舒服。浏览规范即网站的栏目和内容的体验，包括：页面导航、页面速度、页面容量、页面结构、内容安排、内容更新、内容形式、内容呈现方式和路径记录这9个方面；网站的内容要充实，有可读性，不能经常抄袭别人的文章，这是一些网站制作设计者应该学习的。信任规范通过细节提升用户的信任体验，包括：友情链接、底部信息、关于我们、联系方式、帮助中心、网站备案、内容格式、内容订阅、网站地图、加入收藏、用户登录和论坛人气这12个细节；其中友情链接和底部信息是十分重要的，网站的外链一定要广泛。互动规范即网站各功能给用户操作上的体验，包括：会员申请、会员注册、表单填写、点击提示、错误提示、在线问答、在线搜索、页面效果、新开窗口和路径设计这10个方面；这些也是一些网站制作设计人员需要注意 (三) 前后页面速度优化标准 1．Css文件 Css引用应该放在head标签中，并保证每个页面引用唯一的css? 避免1个频道所有页面公用1个css文件，以免发生公用class过多难以修改和删除造成的css不断增大以及小页面引用超大css的问题 2Javascript? (1)?将js引用和执行放在页面尽量靠下的位置? Javascript函数、判断、循环要封装到js中，html中只允许简单的函数调用 Javascript代码执行效率的优化(足够优化的代码执行速度和CPU使用能有10倍甚至 更高的降低)? ?同一页面，特定参数需要运行的js，只在特定参数的情况下运行 3Html? (1) 尽可能的减少div嵌套，合理的应用dt?dd?li等元素 ?使整体的html代码量尽量的小，在和同行业同页面相比无特殊功能和区块的情况下， 总字节数不可高于同行业同页面的10%? ?巨大的包含数据的html（如产品下拉框）js中减少html代码量并充 分利用缓存 ?虽然html要减少，但为了SEO链接仍然要使用绝对路径 尽量减少使用iframe? 禁用ViewState?禁用控件 4?Cookie使用 由于Cookie会每次http请求往返于服务器和客户浏览器之间，增加网络 流量开销，降低网友访问速度 Cookie要尽量少用要使Cookie尽量的小。 设定Cookie过期时间要尽量的短且合理 将Cookie精准的写在使用它的2级域名下，尽可能的不去写根域的Cookie? 样式、js、图片等不需要Cookie的文件分离到不携带Cookie的域名上，如 ??? 5减少前台http请求数量 页面http总请求数量不应高于最优竞争对手的同页面的10%? 最大化的css?sprite?合并样式小图，每页面调用样式图片的总数不超过3个尽量将零散的js合并，“页面自用”的js总数控制在5个以内1个jquery或其他工 具引用、1个公用js、1个页面专用js、2个其他功能js尽量减少页面ajax的请求次数，将功能相近可以合并的ajax请求合并 6缓存优化 ?“所有可以缓存的资源”都必须在HttpHead中对过期时间进行设置 Ajax要特别注意对是否可缓存的资源区分，可缓存的ajax请求的get参数中要加入 正确的时间戳以便CDN可以正确缓存 ?不能缓存的ajax接口应从可被CDN缓存的域名中分离出来