原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
《Web前端技术课程设计》汇报
实训课题名称
课题设计目标
经过实训，应使学生巩固所学知识，把所学理论知识利用到网站制作实践中。培养学生动手能力，将PS制作效果图、HTML、CSS+DIV网页布局、JavaScript等Web前端开发技术结合起来，在实训步骤中进行利用。为以后学习动态网站打下基础。
实现功效：
用PhotoShop、DreamWeaver等开发工具制作一个由静态网页组成简单网站，要求包含一个首页、最少三个子网页，根据网站开发步骤，先做网页效果图，然后制作网页素材、构建网站文件结构、计划网页布局、制作网页动画、实现网页功效，尔后进行网站测试，并编制出各阶段必需文档。在编写文档时，必需严格遵照要求，最终提交文档。
功效要求：该网站首页必需包含网站logo、导航条（带有鼠标事件改变效果）、banner（简单flash动画）、图片、多媒体利用、文字等关键信息展示；子网页包含用户注册（带有表单输入项当地验证功效）、登录（用户名和密码非空验证）、子网页相关栏目。各页面之间经过超链接切换。
最终要求提交具体课程设计汇报及网页效果图（.psd）和网站运行文件，现场运行验收开发系统。
课题设计内容：
（1）开发背景
（2）网站分析设计部分
1）用户需求分析
网站栏目划分
栏目内容介绍
网站拓扑图
网页风格创意设计
2）网站风格定位
3）网站建设方案
4）网站效果图
（3）网站制作部分
1）效果图制作
2）网页素材及网站架构制作
3）首页制作页面设计
4）子页面制作
五、体会及下一步学习方向
老师评语
评分项
分值
得分
网站
设计
实现
部分
(60分)
1.实现.能力(50分)
效果图
5
Logo
5
Banner
5
导航条
5
页面布局和美化
5
注册验证、登录
10
图片多媒体利用
5
程序复杂度
5
运行效果
5
2. 创新能力
5
3. 学生答辩
5
小计
60
设计
汇报
部分
(30分)
1. 结构完整，条理清楚（封面、任务书、老师评语、目录、正文内容、小结、参考文件）
10
2. 独立完成
5
3. 描述工具使用合适：网站拓扑图
5
4. 制作步骤描述清楚
5
5. 汇报内容充实
5
小计
30
学习态度部分(10分)
考勤
5
认真完成，勤于思索，主动提问
5
小计
10
总计
100
成绩
参考方案：
目录
开发背景…………………………………………………………………………4
前期准备…………………………………………………………………………4
用户需求分析……………………………………………………………………4
网站风格定位……………………………………………………………………5
色彩………………………………………………………………………………5
排版………………………………………………………………………………5
特效……………………………………………………………………………....6
网站建设方案……………………………………………………………………6
网页风格创意设计………………………………………………………………7
网站栏目划分……………………………………………………………………7
栏目内容介绍……………………………………………………………………8
网站拓扑图………………………………………………………………………9
实训目标…………………………………………………………………………10
实训任务…………………………………………………………………………10
实训项目…………………………………………………………………………11
网站基础介绍……………………………………………………………………11
报名界面…………………………………………………………………………10
保留文件位置…………………………………………………………………11
首页展示效果图…………………………………………………………………12
导航条展示效果图………………………………………………………………13
留言板表格布局…………………………………………………………………14
网站版权展示图………………………………………………………………14
中国黑客网站界面展示图………………………………………………………15
黑客新闻界面展示图……………………………………………………………16
电影展示图………………………………………………………………………18
黑客介绍界面展示图……………………………………………………………20
黑客区分界面展示图……………………………………………………………21
黑客分类界面展示图……………………………………………………………22
实训中问题和处理措施……………………………
文档评论（0）