《网页设计与制作》课程标准
一、课程基本信息
课程名称网页设计与制作
适用专业软件技术、广告设计与制作、计算机网络技术、电子商务技术、大数据技术与应用、虚拟现实应用技术等专业
课程类型 公共基础课程√职业平台课程
□职业基础课程 职业技术课程
□职业拓展课程 职业综合实践课程
考核方式
√考试□考查
□考证□调研
课程代码13030205 版本2019
学分  4 计划课时64
先修课程计算机应用基础、平面图像处理基础开课学期第  2 学期
制定人汤智华制定日期2019  年 8 月 1 日
批准人批准日期年月日
二、课程概述
(一)课程性质与作用（课程定位）
该课程是贵州航天职业技术学院计算机科学系软件技术、广告设计与制作、计算机网络技术、电子商务技术、大数据技术与应用、虚拟现实应用技术等专业开设的一门职业平台课程，是一门操作性和实践性很强的职业技术课程，在专业人才培养方案中处于基础地位，对于网页设计与制作岗位应具备的网页设计与制作能力的培养起到重要作用。在学生具备了一定的计算机应用基础知识和平面图像处理基础能力的基础上，本课程主要介绍了网页设计与布局知识、网页制作技术以及Dreamweaver、Sublime Text等网页编辑与制作软件的使用，让学生能熟练地制作出有专业水准的网页，具备手写代码的能力。
该课程要求学生具备一定的美术设计思想和图形图像处理及动画制作能力，采用“项目导向，任务驱动，
案例教学，理论实践一体化”的教学模式开展教学。整个课程由2 个完整的网站的三个页面作为课堂教学项目，64 课时内完成教师与学生互动的讲练结合教学过程。一个“北京大学”网站项目作为课堂教学载体，之后有一个“绿食品”网站项目，要求学生在课外完成。课程的理论实践一体化教学过程全部安排在设施先进的一体化实训室进行，教学中以学生为中心，教师全程负责讲授知识、答疑解惑、指导项目设计，充分调动师生双方的积极性，达成教学目标。
(二)与前后课程的联系
1.与前续课程的联系
《计算机应用基础》使学生具备了计算机的基本操作能力；《平面图像处理基础》让学生系统学习了图形图像处理能力，使学生具备处理网页图像的能力。
2.与后继课程的关系
该课程是后续“Web系统开发技术类”课程的理念引入性前导课程，学生通过本课程的学习，可以解决“Web系统开发技术类”课程中对网站前台界面的设计和制作需求。为后续课程提供了网页制作的基础知识和网页制作的能力。
三、课程目标
(一)总体目标
通过本课程的学习，培养学生利用网页设计技术进行网站设计与开发的基本知识和技能，能基本胜任网页制作员的岗位。通过教师的教学工作，不断激发并强化学生的学习兴趣，并引导他们逐渐将兴趣转化为稳定的学习动机，以使他们树立自信心，锻炼克服困难的意志，乐于与他人合作，养成健康向上的品格。同时，培养学生严谨、细致的工作作风和认真的工作态度。
(二)具体目标
1.素质目标
(1)提高学生的审美能力，能制作出精美的网页页面。
(2)培养学生的创新能力、沟通能力和团队协作能力。
(3)提高学生分析问题、解决问题的能力。
(4)培养学生认真仔细的工作态度。
(5)培养学生勤于思考、做事认真的良好作风。
(6)培养学生的质量意识和时间观念。
2.能力目标
(1)能制作纯文本网页；
(2)能制作图文混排网页；
(3)能使用 DIV＋CSS 等方法布局网页；
(4)能使用模板和 CSS 等技术简化网站设计和统一网站风格；
(5)能在网页中使用动感元素；
(6)能制作表单网页；
(7)能够解决一些网页设计中的常见问题。
3.知识目标
(1)掌握网页设计与制作的基本概念；
(2)掌握网站的开发流程，如网站规划、站点的建立等相关知识；
(3)熟练掌握Dreamweaver、Sublime Text等网页编辑与制作软件的使用；
(4)掌握各种网页元素的使用，例如文本、图像、表格、超级链接和表单等；
(5)熟悉 Web 标准，掌握 DIV＋CSS 布局方法；
(6)坚持手写代码，形成良好的代码规范编写习惯。
四、课程设计
(一)课程设计理念与思路
(1)系统整合教学内容，精心设计教学案例，合理设计教学流程
对网页设计与制作类职业岗位的从业需求进行认真分析，根据从业岗位的知识、技能、素养需求将教学内容划分为 10 个教学单元：网页赏析、创建站点与浏览网页→网站项目开发环境搭建→图文混排网页的制作→表格与表格布局网页的制作→包含flash元素和超级链接的网页制作→表单网页的制作→CSS布局与网页美化→网站首页的设计与制作→网站列表页的设计与制作→网站详情页的设计与制作。
以真实的“北京大学”网站中的网页作为教学案例，围绕“北京大学”网站主题精心设计了 3个网页，以网页制作为主线设计了20项任务，48项子任务。
面向教学全过程设置完整的教学环节，每个教学单元设置了 10 个必要的教学环节：教学导航→操作准备→引导训练→引导训练考核评价→同步训练→同步训练考核评价→代码解读→问题探究→单元小结→单元习题。
(2)创新技能训练过程，创新课堂教学方法，创新教学组织方式
本书按任务驱动方法组织教学内容，将操作技能训练与理论知识学习相对分离，先设计与制作
网页形成感性认识，后分析探究理论知识逐步上升到理性认识。每个教学单元的技能训练分为3个阶段：操作准备(准备做)、模仿训练(跟着做)、拓展训练(试着做)。
课程教学以完成网页制作任务为主线，实行“项目导向、任务驱动、理论实践一体化” 的教学方法，融“教、学、练、评”四者于一体，体现了“做中学、做中会”的教学理念，全方向促进网页设计技能的提升，以满足职业岗位的需求。
本课程的教学组织方式可以为串行方式（连续安排 2～3 周）组织教学，也可以为并行方式（每周安排 4 课时，安排 16 周）组织教学。
(3)遵循学生认知规律，遵循技能形成规律，遵循技术发展规律
教学内容和操作任务的安排充分考虑学生的认知水平和学习能力，把握由局部到整体、由简单到复杂、由具体到抽象的认知规律。
本课程选用了Dreamweaver CS6和Sublime Text等网页编辑与制作软件。虽然Dreamweaver是Adobe 公司开发的集网页制作与网站管理于一身，不必编写复杂的源代码，就可快速生成网页，具有功能强、效率高的优点。但本课程主要使用Sublime Text网页编辑软件，并坚持手写代码，形成良好的代码规范编写习惯。也为今后胜任小型动态网站建设、大型网站的规划与建设工作打好基础。
(4)关注教学评价，关注态度养成，关注能力培养
本课程以训练网页制作技能为中心，在训练过程中增长知识、训练技能、积累经验、养成习惯、固化能力。技能训练过程力求做到课内与课外相结合、教师引导示范与学生自主训练相结合、注重能力培养与关注态度养成相结合。
为了合理评价教学情况和任务完成情况，充分调动学生的学习积极性和主动性，培养团队合作意识和工作责任心，各个教学单元都设置 2 个考核评价环节：模仿训练考核评价和拓展训练考核评价。
模仿训练考核评价主要反映学生对课堂教学内容的掌握程度，评价教学效果。拓展训练考核评价主要对
学生完成拓展训练任务情况进行客观、公正的评价，作为考核学生的依据。考核评价方式包括自我评价、小组评价和教师评价，让小组成员通过自我评价和相互评价取长补短、相互借鉴、增强自信、共同提高。
每个教学单元所制作的网页都注重了网页的完整性、真实性和美观性。制作网页时，注重了命名的规范化、代码的标准化，对 HTML、CSS代码都添加了必要的注释，有助于了解代码的含义，对日后代码维护提供了很大的方便。
(5)真实环境，真实过程，真实要求，真实项目
在真实的开发环境中，以真实的制作流程，执行真实的开发要求，制作真实的网站。
真实环境：在真实的网站开发环境中完成网页制作任务。
真实过程：执行完整的作业流程，体验真实的工作过程。真实要求：以职业化技术标准规范网页制作和代码编写。
真实项目：以 2 个真实的网站作为教学案例（模仿训练：北京大学网；拓展训练：绿食品网）。
(二)课程整体设计
1.教学单元设计
《网页设计与制作》教学单元设计如表1所示。
表1 《网页设计与制作》教学单元设计
单元序号单元名称建议课时
单元 1 网页赏析、创建站点与浏览网页  4
单元 2 网站项目开发环境搭建  4
单元 3 图文混排网页的制作  4
网页开发课程单元 4 表格与表格布局网页的制作  4
单元 5 包含flash元素和超级链接的网页制作  4
单元 6 表单网页的制作8
单元 7 CSS布局与网页美化12
单元 8 网站首页的设计与制作8
单元 9 网站列表页的设计与制作8
单元 10 网站详情页的设计与制作8
小计64
2.操作任务设计
《网页设计与制作》操作任务设计如表2所示。
表2 《网页设计与制作》操作任务设计
单元名称任务名称

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。