项目41 网站前台功能的实现 _指导书

《项目41 网站前台功能的实现 _指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、单元四网站的实现项目一　网站前台功能的实现教学目标1．进一步掌握网页制作设计目标规范、前台面页制作规范、前面页面速度优化标准；2.掌握JavaScript处理及技巧，掌握代码编写规范；3．完成网站前台功能的实现；教学要求1．认真听讲，专心操作,认真记录实验过程，总结操作经验和写好实验报告；2．操作规范，完成网站前台功能的实现；3．遵守学校的实验室纪律，注意人身和设备的安全操作，爱护实验设备、及时上缴作业。4．在实验中培养严谨科学的实践操作习惯。知识要点1．网页制作设计目标规范、前台面页制作规范、前面页面速度优化标准；2．JavaScript处理及技巧；技术要点1．JavaScript处理及技巧

2、；2．实现网站前台功能的网页制作技术及.NET技术的运用；技能训练一．讲授正确启动计算机，在最后一个磁盘上建立以学号为名的文件夹，从指定的共享文件夹中将“实习指导书”和其他内容复制到该文件夹中。(一)网页制作设计目标规范1．视觉规范即用户在浏览自己网站的视觉的体验，包括：整体风格、网站LOGO、页面布局、页面色彩、页面大小、动画效果、图片展示、图标使用、广告设置和声音设置这10个方面；要让用户觉得你的网站制作的看起来很舒服。2．浏览规范即网站的栏目和内容的体验，包括：页面导航、页面速度、页面容量、页面结构、内容安排、内容更新、内容形式、内容呈现方式和路径记录这9个方面；网站的内容要充实，有可读

3、性，不能经常抄袭别人的文章，这是一些网站制作设计者应该学习的。3．信任规范即通过细节提升用户的信任体验，包括：友情链接、底部信息、关于我们、联系方式、帮助中心、网站备案、内容格式、内容订阅、网站地图、加入收藏、用户登录和论坛人气这12个细节；其中友情链接和底部信息是十分重要的，网站的外链一定要广泛。4．互动规范即网站各功能给用户操作上的体验，包括：会员申请、会员注册、表单填写、点击提示、错误提示、在线问答、在线搜索、页面效果、新开窗口和路径设计这10个方面；这些也是一些网站制作设计人员需要注意(二)前台页面开发规范(重点)1．基本规范(1)页面一定要有相应的Title，特殊页面可以不要；如If

4、rame页、Include页等；(2)主要页面要有meta字段以便于搜索引擎查找，还可充当注释作用尽量使用广泛支持的技术；(3)不使用过小的字体不使用过大的图片、动画、声音、不使用过长的滚屏及时删除无用文件，防止无谓的下载速度减慢、后期维护简洁明了；(4)所有文件全部以小写字母命名，包括图形文件，禁止用中文作文件名；(5)页面支持最低1024×768屏幕分辨率（实际尺寸为1022×766px），即不能出现横向滚动条；(6)jpg压缩格式，以减小页面下载数据量，标记要有width，height属性；(7)所有页面都需要定义背景颜色，系统默认值是可以被用户随意更改的；2．文件命名与目录结

5、构规则(1)首页面必须是以index.htm、index.html命名的文件，按目录划分HTML文件扩展文件名一律用.htm，不要同.html扩展名混用(2)尽量用一些大家都能看懂的词汇，目录名应以英文、拼音为主，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；。(3)目录下新建css文件夹，专门用来存放本级目录的全局CSS样式文件(4)目录下新建image文件夹，专门用来存放本级目录的全局图片资源，如gif、jpg(5)目录下新建script文件夹，专门用来存放本级目录的全局脚本程序代码，如js、vbs(6)目录下新建media文件夹，专门用来存放本

6、级目录的全局媒体文件，如flash、avi(7)目录下新建temp文件夹，专门用来存放本级目录的临时或测试资源文件(8)根目录下一般只存放index页面及其所包含的帧页面与一些公共页面，如error、wait(9)所有文件与目录尽量符合DOS系统8/3文件格式命名，即8字节主文件名、3字节扩展名(10)子模块创建目录及其文件分类子目录3．表格嵌套布局规范(1)在排布表格之前，思考一个最佳的方案,表格的嵌套尽量控制在三层以内，并且应尽量避免两个标记,经验表明，这两个标记会带来许多麻烦。(2)一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内浏

7、览器在解释页面的元素时,是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。(3) 或者全角空格来达到效果规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上

标记,注意,一般情况下,请不要省略