《网页设计与制作》课程标准

《网页设计与制作》课程标准

一、课程性质

本课程是中等职业学校数字媒体类数字媒体技术应用专业必修的一门专业核心课程，是在《图形图像处理》《程序语言设计》等课程基础上，开设的一门理论与实践相结合的专业课程，其任务是让学生掌握网页设计的基础知识与基本技能，为《多媒体作品设计软件应用》等后续课程的学习奠定基础。

二、学时与学分

72学时，4学分。

三、课程设计思路

本课程按照立德树人根本任务要求，突出核心素养、必备品格和关键能力，兼顾中高职课程衔接，高度融合网页设计与制作知识技能的学习与职业精神的培养。

1依据《中等职业学校数字媒体类数字媒体技术应用专业指导性人才培养方案》中确定的培养目标、综合素质、职业能力，按照知识与技能、过程与方法、情感态度与价值观三个维度，突出项目操作能力和解决问题能力的培养，结合本课程的性质和职业教育课程教学的最新理念，确定本课程目标。

2 .根据“中等职业学校数字媒体技术应用专业'工作任务与职业能力'分析表”，依据课程目标和计算机软件测试员等工作的岗位需求，围绕网页设计与制作关键能力，反映数字媒体行业发展的新知识、新技术，体现科学性、适用性原则，确定本课程内容。

3 .以创建一个完整的网络为主线，设置模块和教学单元，将网页设计与制作的基础知识、基本技能和职业素养有机融入，遵循学生认知规律，结合学生的生活经验，确定学习内容的顺序。

四、课程目标

学生通过学习本课程，掌握网页设计与制作的基础知识与技能，能独立制作中小型的网站，并通过现代信息化的手段进行表现，初步形成良好的职业意识和职业素养。

1了解网页设计与制作相关的艺术、技术背景知识及发展趋势，能对网站制作产生学习兴趣。

2 .熟悉网页制作原理及制作流程，掌握静态网站制作的基本方法。

3 .掌握AdobeDreamWeaVer网页制作工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能。

4 .了解动态网页的初步知识，能合理规划网站，并能根据要求正确创建数据库和数据表，完成网站制作。

5 .具有分析问题、思考问题、解决问题的能力，能独立或者协作解决学习中的常见问题。

6 .具有良好的道德品德和职业素养，具备细致钻研、精益求精、爱岗敬业的工匠精神。

五、课程内容与要求

模块 教学单元 内容及要求 参考

学时

网页基础知识 Dreamweaver概述 1 .认识网页，了解并能复述万维网、网页、网站、主页和HTM1的基本概念；

2 .掌握DreamWeaVer工具的基本操作，能熟练使用工作界面各种工具；

3 .初步掌握站点的建立和管理，能根据要求建立和管理站点

4

创建页面 1 .掌握网页制作的一般步骤，能使用Dreamweaver网页设计工具制作简单网页；

2 .熟练运用网页的展示平台-浏览器，能使用多个浏览器进行预览网页并分析网站风格的分析与制作特色

语言概述 1HTM1简介，能理解HTM1标签的语义；

2.JavaScript简介，能描述JS在网页设计中

的作用；

3.CSS简介,能描述HTM1与CSS两者的关系

初识HTM15 语言基础 1了解并能描述HTM1的优势和全新结构；

2 .掌握标签的分类、关系、属性，能制作简单

的页面；

3 .掌握HTM15文档头部相关标签和页面格式 8

化标签、文本样式标签、time>mark>cite>特殊字符等标签，能正确运用相关标签与属性

语言结构 1了解常见图像格式，能运用Photoshop软件进行内容的修改并导出图片；

2.理解相对路径和绝对路径，能在网页开发项目中熟练使用

初识CSS3 CSS样式规则 1 .了解并能描述CSS3的发展历史；

2.了解并能说出主流浏览器对CSS的支持情

况；

3 .熟记CSS样式规则，了解CSS3优势；

4 .掌握CSS选择器定义标签样式

10

CSS文本样式 1 .掌握CSS字体样式属性，能运用相应的属性定义字体样式；

2 .掌握文本外观属性，能运用相应的属性定义文本样式；

3 .了解CSS优先级，能区分复合选择器权重大小

CSS3选择

器 CSS选择器样式 1熟悉CSS3中新增加的属性选择器,能运用属性选择器为页面中的元素添加样式；

2.了解关系选择器的用法，能准确判断元素与元素间的关系 10

CSS选择器用法 1 .了解常用的结构化伪类选择器，能为相同名称的元素定义不同样式；

2 .掌握伪元素选择器的用法，能在页面中插入所需要的文字或图片内容

列表和超链接 列表样式 1掌握无序列表d1>,能熟练运用uh2.掌握有序列表,能熟练运用。1；3.掌握定义列表,能熟练运用d1； 8

4.掌握列表嵌套的应用，能定义列表制作常用的网页模块

超链接标签 1能创建超链并正确使用；

2 .能进行锚点链接；

3 .掌握CSS伪类，能实现超链接特效

表格和表单 表格标签 1会创建表格，能熟练操作并制作特殊表格；2.熟悉表格结构，能使用表格合理布局页面；3.能用CSS控制表格边框、单元格边距和宽局；

4.熟悉∕∕∕等标记的属性，能在网页中的灵活运用和框架组织页面

8

表单样式 1 .了解表单的构成，能快速创建表单；

2 .掌握input/SeIeCt/textarea控件,能熟练使用；

3 .掌握全新的form属性、表单控件，能准确定义不同的表单控件；

4 .掌握CSS控制表单样式，能美化表单界面

DIV+CSS布

局 标签属性 1 .了解并能复述布局的基本知识；

2 .认识浮动和清除浮动，能为元素设置浮动样式，可以使用不同方法清除浮动；

3 .能使用标记定位属性和overf1ow属性，并能为元素设置常见的定位模式；

4 .能对单列、两列、三列布局有所了解 8

标签应用 1 .掌握全新的HTM15结构元素,能熟练使用结构元素进行设计网页；

2 .了解网页模块的命名规范，能熟记规范和规则

综合实训项

目 网站规划 1. 了解动态网页的初步知识，能合理规划网站；

2. 了解数据库在网页中的基本应用，能创建数 16

据库和引用数据表中的数据

网站制作 1 .能使用DreamweaverNetscape编辑器等相关网页设计工具制作动态网页；

2 .能综合运用所学知识和主流网页设计软件，进行不同风格的简单网页设计和H5在线网页设计，提高网站设计开发和制作能力；

3 .能根据要求正确创建数据库和数据表，并能使用数据库完成课程网站的制作

六、实施建议

（一）教学建议

1 .坚持为党育人、为国育才的教育理念，全面落实立德树人根本任务，结合网页设计与制作相关基础知识与日常生活常识，挖掘课程思政元素，积极开展课程思政教育活动，将立德树人贯穿于课程实施全过程。

2 .确立以学生为中心的教学理念，发挥教师的主导作用，突出学生的主体地位，增强学生的自主学习能力。

3 .注重学生对专业知识和基本技术的理解与掌握，培养学生综合运用所学知识分析和解决实践案例的基本能力。

4 .在组织教学时，可实地参观网页设计公司、广告公司等，增加学生对网页设计与制作的感性认识。重点内容可采用微课、课件等辅助教学。主要技能操作教师可先行示范，学生模仿、训练时教师适时指导，及时进行点评、指正。

5 .在教学过程中要有机融入规范操作、严谨求实、务实创新的职业意识，培养良好的职业道德、职业素养。

（二）评价建议

1 .树立正确的教学质量观，强化以育人为目标的考核评价；通过过程性评价与结果性评价相结合、定量评价与定性评价相结合、自评与互评相结合，充分发挥评价的教育和激励作用，促进学生的全面发展。

2 .对“脚本语言”“样式与模板”等理论性较强的教学模块，要注重评价学生对知识的理解与记忆程度，以及在实践中运用知识的能力。对实践性较强的教学模块，既要评价软件工具的正确选择使用、规范操作等方面的情况，还要兼顾其爱岗敬业精神与意志的养成。 3 .根据不同的教学单元，选择随堂测验、阶段测验、方案评析、操作过程记录、活动报告等各具特色的评价方法。评价结果要及时、客观地向学生反馈，师生共同商讨确定改进的途径和方法。最终课程成绩由“平时成绩（占60%）,期末考试成绩（占40%）”组

成。

（三）教材编写和选用建议

1 .教材的编写和选用必须依据本标准。

2 .教材内容要结合数字媒体技术应用专业岗位要求，突出数字媒体相关知识的综合实践应用，结合计算机美工岗位特征，将新技术、新工艺、新方法等编写到教材中去。

3 .教材应体现项目教学、任务驱动，突出职业技能的培养和职业素养的养成。

4 .教材应以网页设计技能案例为例进行说明，要有一定难度适当和数量的课后练习，以方便学生复习巩固和检测学习效果。

5 .教材应图文并茂，形象生动，遵循学生的认知规律，符合中职学生的学习特点。各项目后应设置相应的习题和综合实践项目编排建议。

（四）课程资源的开发与利用建议

1教师应不断更新教学理念，加强专业学习和企业研修，提高专业实践技能和教学能力。

6 .配全本课程教学所需的常规必备教学参考书和电子读物，教学场所配齐教学样板网站、机房。

7 .充分发挥现代信息技术优势，利用智慧型教学平台和多媒体课件辅助教学，引进优质教学资源，实现教学资源与成果的共享。

七、说明

本标准依据《中等职业学校数字媒体类数字媒体技术应用专业指导性人才培养方案》编制，适用于中等职业学校数字媒体类数字媒体技术应用专业（三年制）学生。