HTML5网页设计课程设计教学大纲.docVIP

PAGE 2 《HTML5网页设计》课程设计教学大纲 一、课程概况 课程中文名称 网站规划与网页设计 课程编号 020573 课程类别 □公共必修课 □公选课 □学科基础课 √专业基础课 □专业必修课 □专业任选课 总学时 16 实验学时 16 总学分 1 开课系（部） 信息技术系 授课对象 计算机科学与技术 先修课程 《C++程序设计》、《计算机网络技术》 执笔人 审核人 审批人 修订时间 二、课程设计简介 网站规划与网页设计是计算机科学与技术专业、数字媒体专业的一门专业基础课，也是WEB程序设计和移动软件开发的基础，是网站的前端开发技术。课程设计则是教学中必不可少的重要环节。通过课程设计，学生可以更进一步了解网站和APP应用的设计思想及实现方法,从而达到锻炼学生理论与实践相结合的能力。 三、课程性质 在各个行业都用到网站；开设本课程就是使学生较全面地掌握网站的规划和网站前端开发编程及网页设计，为WEB软件开发课程提供必要的基础，提高解决实际问题的能力。 四、课程教学目的 通过该课程学习，学生应能掌握网站相关基本概念、网站工作原理、网站规划目标、规划内容及工作，辨析各种技术特点，并能合理运用相关技术、工具与方法开发、构建Web站点和手机APP应用，能进一步拓展知识范围、适应新技术发展。课程设计培养综合网站与程序设计方法分析和解决实际问题的能力。使学生在程序设计方法及上机操作等基本技能和科学作风方面受到比较系统的、严格的训练。同时提高技术文档写作能力。 五、课程设计教学内容及按排 课程设计的时间为16学时，一般按排在17~18周上课。要求学生在老师的指导下，在实验室和业余时间完成规定的项目，并提供课程设计文档，及能完成要求功能的程序代码。 具体时间按排：程序设计1~11学时，设计报告 2~4学时。 课程设计的具体内容：（根据教学情况而定，仅供参考） 甜点坊订购系统实战 使用jQuery Mobile并利用local Storage来做订单的暂存。网站架构如下： 首页 首页index.htm（(index.html) 订购 查订单 找店家 选择甜点 查询订单 选择口跊及数量 订购完成 删除订单 分店列表 完成移动设计网站后，再用相关技术 打包封装成APP应用。 记事本 Note APP 实战 记事本这一类软件是许多智能手机必装的软件之一，必备需求有 新增、修改、查询、和删除，具体可以参考智能机的软件，数据库采用 WEBSQL，完成专用的记事本。此APP应用的界面可参考智能机的软件。 此项目关键 是使用 jQuery mobile ，打包生成APP应用。 六、课程设计考核要求 课程设计成绩包括平时成绩与实验结果检查成绩两部分。平时成绩占20%。 设计结果评定成绩包括：系统设计的运行结果正确与否，以及课程设计报告书的编写质量。 具体评分标准如下： 优（90-100分）： 设计文档规范，有较详细的算法设计分析过程，程序设计功能完善并有独到之处，程序运行通畅、界面友好、合理、使用方便。 良（80-89分）：设计文档较规范，有较详细的算法设计分析过程，程序设计功能完善、运行通畅、使用方便、界面良好。 中（70-79分）：设计文档较规范，程序设计功能基本完善，程序运行基本通畅。 、参考文献 [1]陈婉凌HTML5+CSS3+jQuery Mobile 轻松构造APP与移动网站 清华大学出版社 2015 [2]曾顺 精通Javascript+jQuery 人民邮电出版社 2008。9 [3]陈婉凌 网页设计必学的实用编程技术 html5+css3+JavaScript 清华大学出版社2014.9