《网页设计》课程标准.docx

1、网页设计课程标准网页设计课程标准一、基本信息课程名称：网页设计课程编码：KB40115适用对象：2018级软件技术专业总学时/学分：72/4实践（实验）学时：36考核性质：考试编制单位：信息工程系执笔人： 企业审核人：标准定位：近似国标 中 高 教学建议： 任务驱动 项目化 学赛一体化 情境教学专业审定人：审定日期：2019.4.10系主任：二、课程概述（一）制订依据2016年教育部办公厅印发关于做好修（制）订工作的通知，要求坚持就业导向，明确规格定位。坚持工学结合，注重知行合一。我们邀请行业企业专家共同修订人才培养方案，以前端开发工程师职业能力培养为核心，瞄准前端开发职业岗位需求来进行课程改

2、造。按照基础性、规范性、可操作性等原则，对现行的网页设计课程标准进行修订和完善。（二）课程性质和作用网页设计课程分别是软件技术专业的专业基础课程、必修，本课程的前导课程：计算机应用基础、平面设计、Flash动画设计与制作等。本课程的后续课程：网页互动制作JavaScript、PHP动态网页设计等。本课程是学生开始接触和认识前端开发的重要课程。在专业人才培养过程中有着举足轻重的地位。为后续课程提供了理论基础，是学习和掌握更多前端开发相关知识的前提。对职业能力与素养的养成起明显的促进作用。本课程支撑前端开发工程师岗位能力，培养前端开发职业素质、培养前端开发专业技能。（三）课程设计思路基于前端开发工

3、程师岗位能力的特定要求，适应软件企业的工作环境和业界标准，并与国际先进的软件开发理念和前端技术保持同步，本课程的设计体现了工作过程系统化的理念，按网页设计企业流程详细地介绍了网页设计计划、网页设计用例、网页设计执行、网页设计总结、网页设计工具等内容，避免了以往重知识轻技能的弊端。以“工学结合”为切入点，精选企业真实项目，提炼出以职业能力培养为特色的教学内容，突出技术实用性，充分考虑高职学生认知能力。本课程以实训企业网页设计项目的完整创建过程对各环节知识、技能进行知识巩固和运用，围绕预设能力目标，对学习目标、学习任务、能力要求、教学内容、活动设计和教学建议等都均参照人才培养方案。三、课程目标知识

4、目标技能目标素质目标1.初识Dreamweaver CS6的工作界面和网站的建设基础；2.掌握文本与文档的编辑方法；3.熟练掌握插入图像和多媒体的方法和技巧；4.掌握网页超链接的方法；5.熟练掌握表格的使用方法；6熟练掌握框架的使用方法；7.掌握使用层的方法；8.掌握层叠样式表（CSS）样式；9.掌握模板和库的使用方法；10.掌握使用表单与行为的使用方法；11.掌握网页代码的编写和修改的方法；12.掌握综合运用制作设计实训。1.能运用网页设计相关知识，设计基本web界面2.能运用网页设计相关知识，利用DreamWeaver软件进行网页基本美化；3.能运用网页设计相关知识，利用DreamWeav

5、er软件进行网页基本布局；4.能运用网页设计相关知识，利用DreamWeaver软件将网站模块化；5.能运用网页设计相关知识，实现表单元素的验证和实现人及基本交互；6.能运用网页设计相关知识，实现基本错误修改和网页版本更新。1.培养学生严谨的逻辑思维；2.培养学生的自我解决问题的能力，沟通能力和对待项目的责任心；3.培养学生的工作态度，在网页设计过程张需要持久性的耐性，提高细心程度；4.培养学生的团队意识，学会和产品经理，设计师和后台开发人员进行有效的沟通，服从上级的安排，具备协作精神，服从大局。四、课程内容与教学目标项目课程内容教学目标项目一：初识Dreamweaver任务1：Dreamwe

6、aver CS6的工作界面1.了解HTML5前段开发 的前景与必要认知；2.认识网页的构成元素；3.了解专业术语。任务2：创建网页框架1.了解框架的概念；2.掌握创建框架的方法和步骤。任务3：管理站点1、熟练掌握站点的打开、修改、删除；2.熟练掌握站点的导入、导出。任务4：网页文件头的设置1.熟练插入搜索关键字；2.熟练插入作者和版权信息；3.熟练设置刷新时间；4.熟练设置描述信息；5.熟练设置页面中所有链接的基准链接。项目二：文本与文档任务5：轩宇门窗网页1.熟练设置页面属性2.熟练输入空格和文字3.熟练设置文本属性4.熟练设置页边距5.熟练设置网页默认格式任务6：制作休闲旅游网页1、掌握添

7、加文字的步骤和思路2、熟练改变文字外观3、熟练掌握文本属性的设置、文本样式的设置4、段落文本的制作方法项目三：图像和多媒体任务7：制作咖啡馆网页1.掌握插入图像的方法和技巧；2.掌握多媒体在网页中的应用；3.熟练掌握插入图像并设置图像属性的方法任务8：制作物流运输网页1.熟练掌握图像的格式与模式。2.熟练掌握Flash文件的插入与设置；3.熟练掌握在网页中插入多媒体的方法。项目四：超链接任务9：制作建筑模型网页1.了解超链接的概念与路径知识；2.掌握文本超链接的创建方法和技巧；3.熟练制作下载文件链接。4.熟练掌握创建文本和文本超链接的方法任务10：制作温泉度假网页1.掌握图像超链接的创建方法

8、和技巧。2.掌握命名锚记超链接的创建方法和技巧3.掌握热区链接的创建方法和技巧项目五：使用表格任务11：制作营养美食网页1.了解表格的简单操作；2.掌握网页中的数据表格；3.掌握插入表格的方法及对表格的简单操作。任务12：制作绿色粮仓网页1.掌握利用表格进行页面布局的方法和技巧；2.熟练导入和导出表格的数据；3.掌握排序表格；4.了解复杂表格的排版。项目六：使用框架任务13：制作牛奶饮料网页1.学会新建框架并编辑；2.熟练在框架中插入图像；3.掌握创建、编辑与保存框架和框架集的方法。任务14：制作建筑规划网页1.设置保存文档；2.插入表格、图像和鼠标经过图像；3.修改页面属性并插入图像；4.创

9、建图像超链接；5.掌握框架和框架集的属性设置。项目七：使用层任务15：制作联创网络技术网页1.掌握层的基本操作方法和技巧；2.掌握应用层设计表格的方法和技巧；3.熟练掌握创建和编辑层的一些基本操作。任务16：制作信业融资网页1.掌握层的插入方法和应用技巧；2.熟练层的属性设置；3.正确使用层命令来布局元素的位置；4.了解应用层（AP Div）设计表格的方法。项目八：CSS样式任务17：制作国画展览馆网页1.了解CSS样式的概念。2.了解CSS样式。3.掌握样式的类型与创建方法。4.掌握编辑样式的方法和技巧。任务18：制作打印机网页1.掌握CSS的属性；2.掌握过滤器；3.掌握如何应用CSS样式

10、控制标签；4.掌握CSS样式属性的多种分类。项目九：模板和库任务19：制作电子吉他网页1.了解“资源”面板；2.掌握模板的创建方法和使用技巧。3.了解资源控制面板，掌握创建、编辑和管理模板的方法任务20：制作建达康集团网页1.熟练创建库文件；2.掌握向页面添加库项目；3.更新库文件。项目十：表单与行为任务21：制作废品回收网页1.了解表单和文本域；2.掌握如何应用复选框和单选按钮的方法和技巧；3.掌握创建列表和菜单的方法和技巧；4.掌握创建文件域和提交按钮方法和技巧；5.掌握行为的使用。项目十一：网页代码任务22：制作设计无忧网页1.了解网页代码。2.掌握如何编辑代码。3.掌握常用的HTML标

11、签。4.掌握脚本语言。5.掌握响应HTML事件。项目十二：综合设计实训任务23：熟练掌握软件的操作技巧1.熟练掌握表格的应用与表格的嵌套2.快速掌握案例设计的基本方法五、实施建议教学内容与建议学时教学设计项目一：初识Dreamweaver CS6（2学时）任务1：Dreamweaver CS6的工作界面1.采用任务驱动、角色扮演法。教师明确给出任务，学生完成项目任务学习总结；教师扮演产品经理布置任务，学生扮演网页开发工程师身份；2.采用讲授法、实践指导法。对于开发过程中所使用的软件进行讲解；3.评定：教学评价。教师对学生的理解情况给出相应测试。任务2：创建网页框架任务3：管理站点任务4：网页文

12、件头的设置项目二：文本与文档任务5：通过轩宇门窗网页讲解页面属性/文本属性（3学时）1.采用任务驱动；学生完成项目任务学习总结；2.采用讲授法、实践指导法。教师对普遍存在的问题进行纠正及解答。学生给出网页设计案例中的文本与文档，对被指出错误加以改正。3.评定：教学评价。教师对学生完成的情况给出评价；个人间互评。任务6：通过制作休闲旅游网页（3学时）项目三：图像与多媒体任务7：通过制作咖啡馆网页，熟练掌握插入图像并设置图像属性的方法（3学时）1.采用任务驱动；明确给出任务；学生完成项目任务学习总结；学生分为网页开发小组，组内讨论、合作、分工；采用讲授法、实践指导法。教师对普遍存在的问题进行纠正及

13、解答。2.学生给出项目代码以及网页设计代码，并演示教师，教师指出的错误学生再加以改正。3.评定：教学评价。教师对学生完成的情况给出评价；小组代表完成组间评价。任务8：通过制作物流运输网页，熟练掌握在网页中插入多媒体的方法（3学时）项目四：超链接任务9：通过制作建筑模型网页，了解超链接的概念与路径知识，熟练掌握创建文本和文本超链接的方法（2学时）1.引导问题：教师扮演产品经理布置任务；学生扮演网页开发小组人员。教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。2.互动交流：教师对普遍存在的问题进行纠正及解答；学生将物流运输网页演示给教师，对被指出的错误加以改正。3.评定：教师对学

14、生完成的情况给出评价；小组代表完成组间评价。任务10：通过制作温泉度假网页，掌握图像超链接的创建方法，创建命名锚记超链接的方法以及了解创建热点链接的方法（2学时）项目五：使用表格任务11：通过制作营养美食网页，掌握插入表格的方法及对表格的简单操作（4学时）1.引导问题：教师扮演产品经理布置任务；学生扮演网页开发小组人员。教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。2.互动交流：教师对普遍存在的问题进行纠正及解答；学生将建筑模型网页演示给教师，对被指出的错误加以改正。3.评定：教师对学生完成的情况给出评价；小组代表完成组间评价。任务12：通过制作绿色粮仓网页，掌握网页中数据

15、表格的导入和导出，了解复杂表格的排版、了解应用表格进行页面布局的方法（4学时）项目六：使用框架任务13：通过制作牛奶饮料网页，掌握创建、编辑与保存框架和框架集的方法（4学时）1.引导问题：教师扮演产品经理布置任务；学生扮演网页开发小组人员。教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。2.互动交流：教师对普遍存在的问题进行纠正及解答；学生将营养美食网页的框架演示给教师，教师指出错误学生加以更正。3.评定：教师对学生完成的情况给出评价；小组代表完成组间评价。任务14：通过制作建筑规划网页，掌握框架和框架集的属性设置（4学时）项目七：使用层任务15：通过制作联创网络技术网页，熟

16、练掌握创建和编辑层的一些基本操作（3学时）1.引导问题：教师扮演产品经理布置任务；学生扮演网页开发小组人员。教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。2.互动交流：教师对普遍存在的问题进行纠正及解答；学生将联创网络技术网页演示给教师，并检测一些学生创建和编辑层的一些基本操作。3.评定：教师对学生完成的情况给出评价；小组代表完成组间评价。任务16：通过制作信业融资网页，了解应用层（AP Div）设计表格的方法（3学时）项目八：CSS样式任务17：通过制作国画展览馆网页，了解CSS样式的概念和编辑CSS样式的方法，掌握其控制面板及类型和按照CSS的类型来创建和应用多种样式（

17、3学时）1.引导问题：教师扮演产品经理布置任务；学生扮演网页开发小组人员。教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。2.互动交流：教师对普遍存在的问题进行纠正及解答；学生列出CSS3的初级选择器与高级选择器语法，对学生的代码指出错误加以改正。3.评定：教师对学生完成的情况给出评价；小组代表完成组间评价。任务18：通过制作打印机网页，掌握CSS样式属性的多种分类，包括类型、背景、区块、方框、边框、列表、定位和扩展（3学时）项目九：模板与库任务19：通过制作电子吉他网页，了解资源控制面板，掌握创建、编辑和管理模板的方法（3学时）1.引导问题：教师扮演产品经理布置任务；学生扮

18、演网页开发小组人员。教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。2.互动交流：教师对普遍存在的问题进行纠正及解答；检查学生对资源控制面板，创建、编辑和管理模板的能力，对学生的代码指出错误加以改正。3.评定：教师对学生完成的情况给出评价；小组代表完成组间评价。任务20：通过制作建达康集团网页，掌握创建和更新库文件的方法（3学时）项目十：表单与行为任务21：通过制作废品回收网页，熟练掌握创建表单和插入文本域的方法和复选框和单选按钮的应用方法（6学时）1.引导问题：教师扮演产品经理布置任务；学生扮演网页开发小组人员。教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方

19、式。2.互动交流：教师对普遍存在的问题进行纠正及解答；检查学生对表单、文本框的设定，对学生的代码指出错误加以改正。3.评定：教师对学生完成的情况给出评价；小组代表完成组间评价。项目十一：网页代码任务22：通过制作设计无忧网页，了解使用标签编辑器和检查器编辑代码，掌握使用标签库编辑器创建源代码，了解脚本语言及响应HTML事件的方法，掌握几种常用的HTML标签（6学时）1.引导问题：教师扮演产品经理布置任务；学生扮演网页开发小组人员。教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。2.互动交流：教师对普遍存在的问题进行纠正及解答；检查学生对脚本语言及HTML事件的方法，检查他们对

20、于基本标签的使用，对学生的代码指出错误加以改正。3.评定：教师对学生完成的情况给出评价；小组代表完成组间评价。项目十二：综合实训任务23：熟练掌握软件的操作技巧（8学时）1.引导问题：教师扮演产品经理布置任务；学生扮演网页开发小组人员。教师督促个别辅导；学生按小组模拟成项目组，小组分工3-4人，从设计到代码实现。2.互动交流：教师对普遍存在的问题进行纠正及解答；检测网站基本布局以及CSS部分的实现。3.评定：教师对学生完成的情况给出评价；小组代表完成组间评价。六、考核及评价（一）考核方式本课程考核评价以学生为中心，以学生预期学习成果为导向，以国家职业资格标准和企业岗位工作职责要求为依据，采用学

21、生互评、校内指导教师评价和校外企业指导老师评价相结合的项目化阶段评价模式。着重考核学生掌握本课程相关的基本技能、专业技术和职业素养，并能综合运用所学知识和技能分析、解决实际工作任务问题的能力。1.考核总评：评价分为过程性评价和终结性评价。其中过程性评价占50%，终结性评价占50%。具体评价内容分配如下：（一）过程性评价平时成绩（20%）：其中，考勤（5%）、学习态度（5%）、讨论题作业（5%）、课堂提问（5%）。项目实训成绩（30%）：项目一至项目十阶段评价*50%+项目十一至项目十二阶段评价*50%。评价标准见下表。学习项目（单元）评价评价标准项目（单元）名称评价点评价方式评价标准成绩比例优

22、良及格1.文本与文档文本与文档的先关设置与工具撰写评审网站浏览顺畅，图文排版优美网页排版正确，内容充实网页正常浏览10%2.图像与多媒体图像与多媒体的插入与设置撰写评审网站浏览顺畅，符合大众审美，多媒体元素摆放合适网页排版正确，内容充实网页正常浏览10%3.超链接/使用表格超链接类型使用与表格网站的实现操作评审网站浏览顺畅，超链接顺利跳转，无bug网页排版正确，内容充实网页正常浏览10%4.使用框架使用框架搭建网站撰写评审 框架的顺利搭建并进行相关界面设置，界面优美正确使用框架，排版正确网页正常浏览10%5.使用层理解层的关系与使用层搭建网站撰写评审使用层关系顺利搭建网站，界面符合大众审美正确

23、使用层关系，排版正确网页正常浏览20%6.CSS样式CSS样式添加演示操作评审使用CSS样式修饰网站，完美应用正确使用添加CSS样式网页正常浏览10%7.模块与库资源面板、模板操作与库文件的使用撰写评审使用资源面板、模板完成网站建设正确使用模板，并进行网页布局网页正常浏览20%8.表单与行为表单元素的添加与行为的创建操作评审正确在网站中添加表单元素并且实现行为触发正确使用表单元素和网站正常浏览网页正常浏览10%（二）终结性评价期末成绩（50%）：考试成绩*50%。七、课程资源开发与利用（一）推荐教材和指导书1.教材选用教材选用符合高职办学层次、培养目标以及我院学生实际情况的教材，原则上选用高职

24、高专近三年出版的教材，优先选用规划教材和重点教材，选用教材的版本和内容均考虑到近年教材的变动与更新，有效保证了学生能汲取到有用、新鲜和实用的相关知识和技能，可选用教师自编教材。2.图书资料学校图书馆藏书中拥有软件技术专业的纸质和电子图书、期刊，包括软件技术专业职业资格证考试相关参考和培训书，软件技术方面的相关书籍等。推荐具体资源如下：序号图书名称详细信息1网页设计基础教程作者:顾海花出版社: 电子工业大学出版社版次：2015年03月2网页设计与网站建设从入门到精通作者: 前端科技出版社:清华大学出版社版次：2019年01月3CSS3网页设计从入门到精通作者: 朱印宏出版社:清华大学出版社版次：

25、2017年10月4网页设计与制作项目教程（HTML+CSS+JavaScript）作者: 黑马程序员出版社:人民邮电出版社版次：2017年01月5网页设计与制作（HTML+CSS）作者:传智播客高教产品研发部出版社:中国铁道出版社版次：2014年08月6网页设计从界面布局到视觉表现作者: 余兰亭出版社:人民邮电出版社版次：2018年02月7网页设计与开发HTML、CSS、JavaScript实例教程作者: 郑娅峰、张永强出版社:清华大学出版社版次：2016年01月8形色:网页设计法则及实例指导作者: 姜鹏、郭晓倩出版社:人民邮电出版社版次：2017年01月（二）硬件条件本着“课程教学理实化、实

26、践场所职业化”的原则，专任教师与企业兼职教师共同根据课程实施的需要，设计、建设理实一体化专业实训室，重点应加强教学功能设计及企业氛围的建设，使学生在校期间能感受企业文化氛围，接受企业操作规范。实训室名称设备名称数量实训内容备注网页设计实训室学生用机50台软件使用实训各项功能实训CSS样式实训网页基本结构实训建议使用国内外知名品牌机，并配置不同环境的机器教师用机1台服务器2台投影仪1台投影屏幕1台音响系统1套机柜1台多媒体演示软件1套Dreamweaver1套Photoshop1套（三）师资条件网页设计教师不仅要具有传统意义上专职教师的各项素质（包括学历、学位、职称、教师资格证），而且要具有较强

27、的专业知识能力，熟悉岗位要求，能胜任网页基础课和网页设计综合实训课以及各类前端开发竞赛的辅导的教学和科研能力，能为学生做示范，有创新能力，有团队合作精神，有良好的师德，热爱专业教学工作，而且要具有较强的工程师素质（承担或参与过科学研究、教学研究项目）。（四）实践平台和信息化教学资源1.校企合作项目基于“校企合作 协同育人”的计算机专业群人才培养模式，通过已开发的产学合作实训周教学资源，充分利用行业典型的生产企业的资源，以课程对接岗位，以教学过程对接工作流程，实践“工学”交替，满足学生的实训教学内容设计，提升职业技能水平，获取职业资格证书，提高学生岗位胜任能力。项目名称合作企业名单项目介绍网站开

28、发项目实训深圳文豆网络科技有限公司随着微信小程序、跨平台等科技纷纷流行，越来越多的软件公司投入到这个行列。本次实训以循序渐进的方式，让学生从基础开始，并逐步深入。最后可以深入并完成实训项目。前端网页企业级应用实训深圳粤嵌通信科技股份有限公司通过“个人网页”、“电子读物”两个项目实例的设计与实现，向学生展示前端网页开发流程，使学生对企业应用开发有一个整体了解和掌握。2.课程案例实训典型案例：个人网页(1)实训要求：网站UI界面设计，网站交互设计，网站基本界面布局设计，网站CSS部分的等。(2)实训方式：实践操作演示、学生练习、老师现场指导、课后练习。(3)实训内容：3.推荐重要学术期刊如下：序号期刊名称出版单位级别1HTML5前端设计课程整体设计李超燕国家级期刊2基于HTML5技术下移动Web前端设计与开发的研究中国新通信国家级期刊3基于响应式布局的英语学习网站前端设计与实现新技术应用与实践国家级期刊4WEB前端设计之我见科技咨询国家级期刊4.推荐资源网站如下：序号网站网址1HTML5教程 | 菜鸟教程2CSDN论坛3中国IT实验室4我爱自学网5.推荐网络开放课程如下：序号网站网址1Learn web developmenthttps:/developer.mozilla.org/en-US/docs/Learn2网易公开课3HTML D