网页设计与制作课程标准

1“网页设计与制作”课程标准一、课程概述1、课程性质《网页设计与制作》是计算机软件技术专业的专业能力模块课程。2、课程与系列产品或项目设计与开发流程的关联计算机应用技术专业是以“教学管理系统”的设计与开发项目为驱动的，该课程是“编码”阶段对应的基础课程。3、课程目标通过“青春在线网站设计与开发”案例的学习与实践，培养学生应用Dreamweaver、HTML/CSS、JS脚本语言,解决网站规划与设计、页面设计、页面优化等问题的能力。4、与前后续课程的关系前修课程：《计算机应用基础》；后续课程：《ASP.NET程序设计》二、课程内容设计1、课程案例描述及选取的理由案例序号案例名称案例内容选取案例理由1“青春在线”网站的设计与开发1.1“青春在线”网站规划1.2“青春在线”网站设计1.3“青春在线”网站开发1.4“青春在线”网站测试与发布1.5“青春在线”网站维护“青春在线”网站的内容以“贴近学生、引导学生、服务学生”为宗旨，从内容上提升学生设计与制作该网站的兴趣，学生使用Dreamweaver,HTML,CSS,JS对网站进行设计与开发，培养学生网站规划与设计、页面设计、页面优化等方面的能力。注：鼓励大案例一案到底，也可以是小案例群组成。2、课程案例结构与课时分配2案例序号案例模块实践任务理论基础序号名称模块内容内容课时内容课时11.1“青春在线”网站规划1.1.1网站需求调研1.1.1.1网站需求调研4▲网站规划报告编写（补充）1.1.2编写网站规划报告1.1.2.1网站功能规划1.1.2.2编写网站规划报告1.1.2.3网站规划报告评审1.2“青春在线”网站设计1.2.1设计和创建“青春在线”网站框架1.2.1.1网站整体布局设计4▲初识网站和网页（§1）★初识DREAMWEAVERCS4（§2）▲色彩搭配（补充）▲网站架构(补充)41.2.1.2网站目录结构设计1.2.1.3网站色彩搭配1.2.1.4网站站点搭建1.2.1.5绘制“青春在线”网站架构图1.3“青春在线”网站开发1.3.1就业求职模块的开发1.3.1.1招聘信息展示页面设计与开发12★编辑基本网页元素（§3）★使用超链接（§4）★使用行为（§5）★使用表格布局网页（§7.1）831.3.2.2就业明星信息页面设计与开发★xHTML与CSS入门（§8）★HTML常用元素（§1.2）:教材2★CSS的常用技巧（§3.1）:教材2★CSS基础（§2）:教材21.3.2心理咨询模块的开发1.3.2.1用户发布咨询信息10★表单的应用（§10.3）▲JavaScript简介（§4）:教材2★JavaScript编程基础（§5）:教材2★JavaScript常用文档对象（§7）:教材2121.3.2.2咨询信息浏览1.3.3“青春在线”主页面的开发1.3.3.1首页布局16★编辑基本网页元素（§3）★使用框架布局网页（§7.3）★使用模板（§9.1）★CSS用于网页布局设计（§3.2）:教材2★CSS用于菜单设计（§3.3）:教材2★JavaScript常用内置对象（§6）:教材2★JavaScript实用技巧（§9）:教材2121.3.3.2首页页面区域新闻幻灯片效果实现1.3.3.3首页菜单的实现1.3.3.4首页导航的实现1.3.3.5首页动态广告实现1.3.3.6首页整合1.4“青春在线”网站测试与发布1.4.1“青春在线”网站测试1.4.1.1“青春在线”网站功能测试4▲网站测试方法（补充）▲网站测试报告编写（补充）21.4.1.2编写网站测试报告41.4.2“青春在线”网站发布1.4.2.1网站发布4★使用模板与库项目（§9）★发布站点（§12）21.5“青春在线”网站维护1.5.1网站维护、更新、管理1.5.1.1网站维护、更新、管理2▲网站维护与管理知识（补充）课时小计5640课时合计96注：★：教师须讲精讲透的内容▲：指导学生自主学习的内容§2：表示所对应指定教材的第二章§7.1：表示所对应指定教材的第七章第一节5三、考核方式及评价标准1、过程考核案例模块序号分值比例（%）考核项目评价标准成绩（百分制）优良及格1.15网站规划报告1、网站规划报告格式规范2、功能分析详细3、语言表述准确、简练1、网站规划报告格式较规范2、功能分析较详细3、语言表述比较准确1、网站规划报告存在多处格式问题2、功能分析存在遗漏3、语言表述一般1.210网站框架结构图1、能熟练搭建网站开发环境2、能熟练完成网站框架设计3、框架中各版面设计合理4、网站操作符合操作习惯5、框架颜色搭配协调、整体效果好1、能较熟练搭建网站开发环境2、能较熟练完成网站框架设计3、框架中各版面设计较合理4、网站操作较符合操作习惯5、框架颜色搭配较协调、整体效果较好1、能搭建网站开发环境2、能完成网站框架设计3、框架中各版面设计一般4、网站操作基本符合操作习惯5、框架颜色搭配基本协调、整体效果一般1.3701、就业求职模块界及代码1、能熟练完成就业求职模块2、能熟练完成心理咨询模块1、能比较熟练完成就业求职模块2、能比较熟练完成心理咨询模块1、能完成就业求职模块2、能完成心理咨询模块62、综合考核综合考核内容依据本课程案例库综合拟定，有关操作程序按教务处相关规定执行。3、成绩评定过程考核60%～70%，综合考核40%～30%。2、心理咨询模块页面与代码3、网站整站效果3、能熟练完成首页面各功能4、网站整体效果好3、能比较熟练完成首页面各功能4、网站整体效果较好3、能完成首页面各功能4、网站整体效果一般1.415“青春在线”网站测试与发布1、测试报告详细、规范2、能熟练进行站点发布3、网页链接、图片显示正确无误1、测试报告较详细2、能较熟练进行站点发布3、存在较少的网页链接或图片显示错误1、测试报告基本符合要求2、能进行站点发布3、网页链接或图片显示错误较多7四、课程资源1、案例库案例序号案例名称案例内容考核项目1“青春在线”网站的设计与开发1.1“青春在线”网站规划1.1.1网站规划报告1.2“青春在线”网站设计1.2.1网站框架结构图1.3“青春在线”网站开发1.3.1就业求职模块的界面与程序代码1.3.2心理咨询模块的界面与程序代码1.3.3网站整站效果1.4“青春在线”网站测试与发布1.4.1网站测试报告1.4.2网站发布1.5“青春在线”网站维护1.5.1“青春在线”网站维护2求职招聘网站的设计与开发2.1求职招聘网站规划2.1.1网站规划报告2.2求职招聘网站设计2.2.1网站框架结构图2.3求职招聘网站开发2.3.1求职指导模块的界面与程序代码2.3.2职位中心模块的界面与程序代码2.3.3个人简历模块的界面与程序代码2.3.4网站整站效果2.4求职招聘网站测试与发布2.4.1网站测试报告2.4.2网站发布2.5求职招聘网站维护2.5.1求职招聘网站维护3班级网站的设计与开发3.1班级网站规划3.1.1网站规划报告3.2班级网站设计3.2.1网站框架结构图3.3班级网站开发3.3.1班级风采模块的界面与程序代码3.3.2班级成员模块的界面与程序代码3.3.3班级活动及交流模块的界面与程序代码3.3.4网站整站效果3.4班级网站测试与发布3.4.1网站测试报告83.4.2网站发布3.5班级网站维护3.5.1班级网站维护4网上相册的设计与开发4.1网上相册网站规划4.1.1网站规划报告4.2网上相册网站设计4.2.1网站框架结构图4.3网上相册网站开发4.3.1相册展示模块的界面与程序代码4.3.2网站首页及整体效果4.4网上相册网站测试与发布4.4.1网站测试报告4.4.2网站发布4.5网上相册网站维护4.5.1网上相册网站维护5中小企业网站的设计与开发5.1中小企业网站规划5.1.1网站规划报告5.2中小企业网站设计5.2.1网站框架结构图5.3中小企业网站开发5.3.1企业概况模块的界面与程序代码5.3.2产品展示模块的界面与程序代码5.3.3供求信息模块的界面与程序代码5.3.4招商引资模块的界面与程序代码5.4中小企业网站测试与发布5.4.1网站测试报告5.4.2网站发布5.5中小企业网站维护5.5.1中小企业网站维护6网上书店的设计与开发6.1网上书店网站规划6.1.1网站规划报告6.2网上书店网站设计6.2.1网站框架结构图6.3网上书店网站开发6.3.1图书促销模块的界面与程序代码6.3.2图书分类模块的界面与程序代码6.3.3购物留言模块的界面与程序代码6.4网上书店网站测试与发布6.4.1网站测试报告6.4.2网站发布6.5网上书店网站维护6.5.1网上书店网站维护7服装销售网站的设计与开发7.1服装销售网站规划7.1.1网站规划报告7.2服装销售网站设计7.2.1网站框架结构图7.3服装销售网站开发7.3.1服装促销模块的界面与程序代码97.3.2服装分类模块的界面与程序代码7.3.3购物留言模块的界面与程序代码7.4服装销售网站测试与发布7.4.1网站测试报告7.4.2网站发布7.5服装销售网站维护7.5.1服装销售网站维护8音乐网站的设计与开发8.1音乐网站规划8.1.1网站规划报告8.2音乐网站设计8.2.1网站框架结构图8.3音乐网站开发8.3.1网站各功能界面与程序代码8.4音乐网站测试与发布8.4.1网站测试报告8.4.2网站发布8.5音乐网站维护8.5.1音乐网站维护9某化妆品公司网站的设计与开发9.1某化妆品公司网站规划9.1.1网站规划报告9.2某化妆品公司网站设计9.2.1网站框架结构图9.3某化妆品公司网站开发9.3.1公司概况模块的界面与程序代码9.3.2产品展示模块的界面与程序代码9.3.3供求信息模块的界面与程序代码9.3.4招商引资模块的界面与程序代码9.4某化妆品公司网站测试与发布9.4.1网站测试报告9.4.2网站发布9.5某化妆品公司网站维护9.5.1某化妆品公司网站维护10房地产公司网站的设计与开发10.1房地产公司网站规划10.1.1网站规划报告10.2房地产公司网站设计10.2.1网站框架结构图10.3房地产公司网站开发10.3.1公司概况模块的界面与程序代码10.3.2经营管理模块的界面与程序代码10.3.3公司动态模块的界面与程序代码10.4房地产公司网站测试与发布10.4.1网站测试报告10.4.2网站发布10.5房地产公司网站维护10.5.2房地产公司网站维护2、参考教材及参考资料10参考教材：龙腾科技.《中文版DreamweaverCS4案例教程》.科学出版社、北京希望电子出版社，2009(5)吴以欣陈小宁.《动态网页设计与制作——CSS+JavaScript》.人民邮电出版社，2009(8)参考资料：汪鑫.《Web程序设计》.电子工业出版社，2005(1)3、教学视频张孝祥javascript视频教程视频资源：自主开发4、其他课程资源（如：学习网站等）网页设计论坛:专业技术交流平台:程序开发: