《网页设计与制作项目教程（HTML+CSS+JavaScript）》（第2版）.docVIP

《网页设计与制作项目教程（HTML+CSS+JavaScript）（第2版）》课程教学大纲 （课程英文名称） 课程编号： 学 分：5学分 课 时：56课时 （其中：讲课42课时 上机14课时） 先修课程： 适用专业课程：电子商务、视觉传达、影视数媒 课程的性质与目标 《网页设计与制作项目教程（HTML+CSS+JavaScript）》（第2版）是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 课程设计思路和教学要求 课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的升华与知识层面的拓展，不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。 课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。 操作系统：Windows 7及以上版本 开发工具：Dreamweaver CS6（可替换为VS Code/Hbuilder等）。 课程的主要内容及基本要求 项目一 网页制作基础知识 学习单元 网页制作基础知识 课时 4课时 学习目标 知识目标 了解Web标准，对网页的结构、表现、行为有一个基本的认识。 熟悉HTML、CSS和JavaScript语言的发展历史。 技能目标 掌握Dreamweaver工具的基本操作。 掌握Dreamweaver工具的初始化设置。 学习内容 知识点 了解 熟悉 掌握 重点 难点 网页的构成 √ 网页相关的名词 √ Web标准 √ √ HTML简介 √ CSS简介 √ JavaScript简介 √ 常见浏览器介绍 √ Dreamweaver界面介绍 √ Dreamweaver初始化设置 √ √ √ Dreamweaver文档的基本操作 √ √ 创建第一个网页 √ 项目二 “博客”页面制作 学习单元 “博客”页面制作 课时 6课时 学习目标 知识目标 掌握HTML文档基本格式，对HTML文档格式有一个基本的认识。 了解HTML文档头部相关标签，知道一些常用头部标签的作用。 技能目标 掌握图像标签的用法，能够制作图文混排页面。 掌握网页中文本的字体、字号和颜色的设置方法。 学习内容 知识点 了解 熟悉 掌握 重点 难点 HTML文档基本格式 √ HTML标签 √ HTML标签的属性 √ √ HTML标签的关系 √ HTML文档头部相关标签 √ 页面格式化标签 √ √ 文本样式标签 √ 文本格式化标签 √ 特殊字符标签 √ div标签 √ √ 常用图像格式 √ 图像标签 √ √ 相对路径和绝对路径 √ √ √ 切图 √ 【项目实现】：页面建设准备工作 √ 【项目实现】：制作“头部”模块 √ √ 【项目实现】：制作“博主简介”模块 √ √ 【项目实现】：制作“旅游随笔”模块 √ √ 【项目实现】：制作“驴友评论”模块 √ √ 【项目实现】：制作“页脚”模块 √ √ 项目三 “网上花店”专题页制作 学习单元 “网上花店”专题页制作 课时 8课时 学习目标 知识目标 掌握CSS样式规则的特点，能够区分HTML属性和CSS样式的写法差异。 掌握CSS层叠性、继承性、优先级等特点，能够清晰描述并举例说明。 技能目标 掌握引入CSS样式表的不同方式，能够在网页中引入CSS样式。 掌握使用CSS样式控制网页中的文本外观的技巧。 学习内容 知识点 了解 熟悉 掌握 重点 难点 结构与表现分离 √ CSS样式规则 √ CSS样式表的引入 √ √ CSS基础选择器 √ √ CSS字体样式属性 √ CSS文本外观属性 √ CSS定义背景颜色 √ √ CSS复合选择器 √ √ CSS层叠性与继承性 √ √ CSS优先级 √ √ 【项目实现】：页面建设准备工作 √ 【项目实现】：制作“标题”模块 √ √ 【项目实现】：制作“分类”模块 √ √ 【项目实现】：制作“热卖”模块 √ √ 【项目实现】：制作“页脚”模块 √ √ 项目四 “爱家居”企业网站首页制作 学习单元 “爱家居”企业网站首页制作 课时 8课时 学习目标 知识目标 了解盒子模型的概念，能够举例描述盒子模型结构。 掌握元素的类型，能够归纳不同元素类