《网页设计（HTML5+CSS3）》核心课程标准.docxVIP

《网页设计（HTML5+CSS3）》核心课程标准 课程编码 课程类别 专业核心课 计划学时 128 课程类型 B类 适用专业 软件技术 课程性质 必修 开课学期 第一学期 学分 6 先行课程 开课单位 信息工程系 平行课程 计算机应用基础 考核类型 考试 后继课程 Java Script程序设计与jQuery框架 一、课程性质与定位 本课程是软件技术专业的核心课程，也是后续Java Script程序设计与jQuery框架的基础课程，在Web前端开发中占有重要地位。通过本课程的课堂教学和实践教学，使学生能够掌握网页设计的两大基础，HTML和CSS，具备常见门户网站、电商网站的设计与制作能力，培养学生科学的思维方法，灵活运用知识的能力和自主学习的能力，为后续网站开发课程的学习、网页制作员工作的胜任打下坚实的基础。 二、课程设计理念 本课程强调对学生职业素养和Web前端编程能力的培养，按照理实一体、课内外互补、课堂教学与培优工程相结合的课程设计指导思想，以任务或项目为载体组织教学内容，采取讲练结合、微课教学、视频辅导、单元测试、赛练融合等多种教学形式和手段，突出学生的主体地位，在校内实训室完成所有教学环节，实现“教、学、做”的有机融合；通过班级讲授、团队学习、个体辅导、展示交流、技能大赛等手段，实现从模仿到应用到创新的高职学生递进式培养。 三、课程目标 （一）总体目标 本课程涉及网页基础、HTML5标记、CSS3样式、网页布局等内容。通过本课程的学习，学生能够了解HTML5基本标签和CSS3常用样式，熟悉网页设计流程，掌握常见的网页布局效果，掌握一定的Web前端开发知识，学会制作各种企业、门户、电商类网站。同时通过教学过程中的实际开发过程的规范要求强化学生的职业道德意识和职业素质养成意识，为学生后续课程学习夯实基础。 （二）具体目标 1.能力目标 了解Web前端程序员等相关职业岗位的工作职责；具有一定的网页设计与制作能力；具备良好的编程习惯和准确的语言表达能力；具有一定的科学思维方式和分析判断解决问题的能力；具有社会适应能力、沟通能力与自我学习能力；具有良好的职业道德与敬业精神，具有团队合作意识。 2.知识目标 认识网页和网站，了解相关概念；熟悉VisualStudioCode和Hbuilder的使用；熟练掌握HTML5基本标签；掌握常用H5表单控件并能熟练运用；理解CSS3样式规则及选择器，能合理使用CSS美化页面；理解CSS盒子模型、浮动和定位布局，并能应用到网页设计中；掌握HTML和CSS多媒体应用；掌握CSS3的变形、动画和转换；能达到“1+X”Web前端开发初级标准。 四、课程教学内容及学时分配 序号 项目名称 学习目标 学习内容 学时 1 认识网页和网站 了解Web标准，了解网页和网站，明确HTML、CSS及Java Script在其中的作用；熟悉常见的浏览器；熟悉Dream Weaver工具的基本操作，能使用Dream Weaver创建简单的网页。 1.认识网页和网站 2.网站制作流程 3.网页设计规范 4.HTML简介 5.CSS简介 6.Java Script简介 7.常用浏览器介绍 8.Hbuilder工具的使用 9.使用Hbuilder创建第一个页面 4 2 从零开始构建HTML页面 了解HTML5发展历程，熟悉浏览器支持情况；理解HTML5基本语法，掌握新特性；掌握HTML文档基本格式，能够书写规范的HTML网页；掌握文本控制表标记、图像标记、超链接标记，能够制作简单网页。 1.认识HTML和HTML5 2.认识标记 3.HTML文档基本格式单 4.标记属性 5.HTML5文档头部相关标记 6.标题和段落标记 7.文本样式标记 8.文本格式化标记 9.特殊字符标记 10.常用图片格式 11.图像标记 12.相对路径与绝对路径 13.认识HTML5新标记 12 3 运用CSS技术设置网页样式 掌握CSS样式规则，能够书写规范的CSS样式代码；掌握CSS文本样式属性，能够控制页面中的文本样式；掌握CSS选择器写法，可以快捷选择页面中的元素；理解CSS层叠性、继承性与优先级，学会高效控制网页元素；了解CSS3新增选择器。 1.CSS样式规则 2.引入CSS样式表 3.CSS基础选择器 4.字体样式属性 5.文本外观属性 6.CSS复合选择器 7.CSS层叠性与继承性 8.CSS优先级 9.CSS3新增选择器 16 4 运用CSS盒子模型划分网页模块 了解盒子模型的概念；掌握盒子模型相关属性，能够使用它们熟练地控制网页元素；理解块元素与行内元素的区别，能够对它们进行转换。 1.认识盒子模型 2.div标记 3.盒子宽高 4.边框属性 5.内边距属性 6.外边距属性 7.阴影 8.背景属性 9.元素的类型 10.spa