《HTML5+CSS3网站设计基础教程》_教学大纲(可编辑修改word版)
html5+css3 教案
html5+css3 教案教案标题：HTML5+CSS3 基础课程教学课程简介：本课程旨在帮助学生掌握HTML5和CSS3的基础知识和技能。
通过系统地学习与实践，学生将能够编写具有良好结构和样式的网页。
本课程将包括HTML5标记语言的基本结构、常用标签的应用，以及CSS3样式表的基本语法和常用样式的设计。
通过本课程的学习，学生将能够独立完成简单的网页设计与制作。
教学目标：1. 了解HTML5的基本语法和标签，能够正确地编写HTML5文档结构；2. 掌握常用HTML5标签的应用，理解常见标签的作用和使用场景；3. 熟悉CSS3的基本语法和选择器，能够编写CSS3样式表；4. 掌握常用CSS3样式的设计与应用，能够为网页添加样式和布局效果；5. 能够使用浏览器开发者工具进行调试和网页效果的预览。
教学内容与安排：第一课时：HTML5基础1. HTML5概述- 介绍HTML5的定义和特点；- 讲解HTML5文档结构的基本要素。
2. HTML5基本标签- 介绍常用的HTML5标签，如标题、段落、列表、链接等；- 演示这些标签的使用方法。
3. HTML5表单- 介绍HTML5表单的新特性和输入控件；- 讲解表单元素的属性和用途；- 演示表单的创建和提交。
第二课时：CSS3基础1. CSS3概述- 介绍CSS3的定义和特点；- 讲解CSS3样式的基本语法。
2. CSS3选择器- 介绍常用的CSS3选择器，如标签选择器、类选择器、ID选择器等；- 演示这些选择器的使用方法。
3. CSS3样式设计- 介绍常用的CSS3样式，如文本样式、背景样式、边框样式等； - 讲解这些样式的属性和使用技巧；- 演示如何为网页添加样式和布局效果。
第三课时：HTML5+CSS3实践1. 综合练习- 要求学生根据给定的设计稿，使用HTML5和CSS3编写一个简单的网页；- 学生可以自行选择合适的标签和样式。
2. 调试与预览- 介绍浏览器开发者工具的使用方法；- 演示如何使用工具进行调试和网页效果的预览。
《HTML5+CSS3网站设计基础教程》_教学大纲
《HTML5+CSS3网站设计基础教程》课程教学大纲（课程英文名称）课程编号：201601210011学分：5学分学时：76学时（其中：讲课学时：47一、课程的性质与目标《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。
单纯的技能训练不是提高高等职业教育的理想课程。
以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。
开发工具：DreamweaverCS6第一章初识HTML5第二章HTML5页面元素及属性第四章CSS3选择器背景与图片不透明度的设√置设置背景图像平铺√设置背景图像的位置√设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变√Array第七章表单的应用textarea元素√select元素√datalist元素√keygen元素√output元素√CSS控制表单样式√√第八章多媒体技术?animation-duration属性√animation-timing-function√属性animation-delay属性√animation-iteration-count√属性animation-direction属性√animation属性√第十章实战开发—制作电商网站首页面76学时合计47学时29学时六、考核模式与成绩评定办法本课程为考试课程，期末考试采用百分制的闭卷考试模式。
HTML5+CSS3网页设计与制作—教学大纲
《HTML5+CSS3网页设计与制作》课程教学大纲（课程英文名称）课程编号：学分：5学分学时：74学时（其中：讲课学时：50学时上机学时：24学时）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计、JavaScript网页特效适用专业：信息技术及其计算机相关专业开课部门：计算机系一、课程的性质与目标《HTML5+CSS3网页设计与制作》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标签、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
该课程属于“1+X证书制度”Web前端的初级课程，通过本课程，能够为学习后面的前端知识夯实基础。
二、课程设计理念与思路课程设计理念：课程的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。
单纯的技能训练不是提高高等职业教育的理想课程。
以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以技能培养为目标，以案例（项目）任务实现为载体、理论学习与实践操作相结合”。
三、教学条件要求开发工具：Dreamweaver CS6或其他代码编辑工具四、课程的主要内容及基本要求第一章HTML5+CSS3网页设计概述学习单元HTML5+CSS3网页设计概述学时2学时学习目标◆了解网页概念和组成。
◆理解HTML、CSS和JavaScript的功能和作用。
◆熟悉Dreamweaver工具的基本操作。
学习内容知识点了解掌握重点难点认识网页√网页名词解释√Web标准√HTML简介√CSS简介√JavaScript简介√网页的展示平台—浏览器√认识Dreamweaver界面√Dreamweaver初始化设置√Dreamweaver基本操作√【阶段案例—创建第一个网页】√第二章初识HTML5学习单元初识HTML5 学时6学时学习目标◆了解HTML和HTML5的基本结构，能够区分两者的结构差异。
HTML5 CSS3网页设计与制作教学大纲
多媒体
27
设计与制作电脑版网站首页0801.html
规划与设计电脑版网站首页的主体布局结构
设计与实现电脑版网站首页的导航结构
设计网站首页的主体布局结构和导航结构
2
计算机
28
设计与制作电脑版网站首页0801.html
设计与实现电脑版网站首页的各个局部版块内容
实现网站首页各个局部版块内容
2
计算机
29
设计与制作电脑版网站首页0801.html
2
计算机
18
设计与制作电脑版商品筛选页面0501.html
布局与美化商品筛选页面的右侧主体内容
对商品筛选页面左侧内容的布局与美化
2
计算机
19
设计与制作电脑版商品推荐页面0601.html
规划与设计商品推荐页面的布局结构
制作用于生成网页模板的网页0601.html
制作用来生成模板的网页
2
计算机
20
制作基于模板的电脑版商品推荐页面0602.html
规划与设计商品筛选页面的布局结构
学会使用使用Div+CSS结构布局页面
2
计算机
16
设计与制作电脑版商品筛选页面0501.html
规划与设计商品筛选页面的布局结构
学会使用使用Div+CSS结构布局页面
2
计算机
17
设计与制作电脑版商品筛选页面0501.html
布局与美化商品筛选页面的左侧列表内容
利用CSS样式美化页面元素
创建帮助导航栏
设置多种文本形式的超链接
2
计算机
7
设计与制作电脑版帮助信息页面0201.html
创建电子邮件链接、图像热点链接等多种形式的超级链接
(完整版)《HTML5+CSS3网站设计基础教程》_教学大纲(可编辑修改word版)
《HTML5+CSS3 网站设计基础教程》课程教学大纲（课程英文名称）课程编号：201601210011学分：5 学分学时：76 学时（其中：讲课学时：47 学时上机学时：26 学时）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI 设计、 JavaScript 网页特效适用专业：信息技术及其计算机相关专业开课部门：计算机系一、课程的性质与目标《HTML5+CSS3 网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML 标记、CSS 样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页 web 发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。
单纯的技能训练不是提高高等职业教育的理想课程。
以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。
三、教学条件要求开发工具：Dreamweaver CS6四、课程的主要内容及基本要求第一章初识 HTML5第二章HTML5 页面元素及属性第三章CSS3 入门第四章CSS3 选择器第五章CSS 盒子模型第六章浮动与定位第七章表单的应用第八章多媒体技术第九章CSS3 高级应用第十章实战开发—制作电商网站首页面…………………………………………………………………五、学时分配六、考核模式与成绩评定办法本课程为考试课程，期末考试采用百分制的闭卷考试模式。
HTML5+CSS3网页设计实例教程-第1章-网页设计新时代(2024版)
HTML5+CSS3网页设计实例教程
第1章 网页设计新时代
第11页
传统HTML与XHTML
标记语言在我们的日常计算中无处不在。在传统的文字处 理文档中，用于描述结构与外观的标记代码常常不是后台 编码的。在Web文档中，传统HTML和XHTML（XHTML 是HTML基于XML语法规则建立的标记语言）的标记代码 是明显可见的。这些非后台的标记语言能够将Web页面的 结构与外观传递给Web浏览器。
设计网页首先要关注不同用户如何使用Web。有些人使用 不同的设备或低速的Web连接；有些人只使用键盘；有些 人使用屏幕阅读器阅读Web页面；有些人听不到音频内容 。因此要熟悉形形色色的Web用户。不要只是假设所有人 都用相同的模式在使用Web。
HTML5给Web网页的可访问性带来的更广泛的便利。
HTML5+CSS3网页设计实例教程
第1章 网页设计新时代
第8页
结构化文档的Web
可以把Web想象成一个由文档组成的大海，文档之间相互 关联，并且与日常生活中遇到的打印文档有着很多相似性
新闻网站中文章的结构与报纸上的文章结构类似。每一篇 文章包含标题、文本段落以及一些图片（有时可能以视频 代替图片）。相同点非常明显，而唯一的不同就是，在报 纸上可以在一个版面上拥有多篇故事，而在网页上每篇故 事则倾向于独占一个页面。新闻网站还经常使用首页显示 新闻头条以及故事梗概。
在编写Web页面时，HTML代码会告知Web浏览器需要显 示的信息结构，即什么文本放在标题、段落或表格中等， 从而浏览器能够恰当地将其呈现给用户。
HTML5+CSS3网页设计实例教程
第1章 网页设计新时代
第9页
主要内容
1.1 WEB网页设计原则 1.2 HTML5概述 1.3 HTML5页面的特征 1.4 WEB网页设计基础 1.5 编写一个简单的Web页面 1.6 本章小结
第3章 CSS3入门_教学设计
《HTML5+CSS3网站设计基础教程》教学设计课程名称：HTML5+CSS3网站设计基础教程授课年级：20XX年级授课学期：20XX学年第X学期教师姓名：XX老师20XX年XX月XX日1课题名称第3章 CSS3入门计划课时8课时内容分析随着网页制作技术的不断发展，陈旧的CSS特性和标准已经无法满足现今的交互设计需求，开发者往往需要更多的字体选择、更方便的样式效果、更绚丽的图形动画。
CSS3的出现，在不需要改变原有设计结构的情况下，增加了许多新特性，极大地满足了开发者的需求。
本章将对CSS3的发展史、浏览器的支持情况以及相关文本样式属性进行详细讲解。
教学目标●了解CSS3的发展历史以及主流浏览器的支持情况。
●掌握CSS基础选择器，能够运用CSS选择器定义标记样式。
●熟悉CSS文本样式属性，能够运用相应的属性定义文本样式。
●理解CSS优先级，能够区分复合选择器权重的大小。
重点及措施教学重点：CSS核心基础、文本样式属性、CSS层叠性与继承性、CSS优先级。
措施：通过上机操作加强学习和补充案例进行巩固。
难点及措施教学难点： CSS层叠性与继承性、CSS优先级。
措施：通过上机操作加强学习和补充案例进行巩固。
教学方式教学采用教师课堂讲授为主，使用教学PPT讲解。
教学过程第一课时（讲解CSS概述、CSS3发展历史、CSS3浏览器支持情况）复习上节课内容在讲解本节内容前，抛出以下问题让学生回答，以复习第二章“HTML5页面元素及属性”的相关知识。
1、通过上一章的学习，我们知道：HTML5文档的基本格式中，有一个重要的标记——<!DOCTYPE>标记。
请简要描述什么HTML5中的“<!DOCTYPE>声明”及其用法？答案：●<!DOCTYPE>标记标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范，HTML5文档中的DOCTYPE声明非常简单，代码如下：<!doctype html>●<!doctype html>只有在开头处使用<!DOCTYPE>声明，浏览器才能将该网页作为有效的HTML文档，并按指定的文档类型进行解析。
HTMLCSS网站设计基础教程教学大纲(1)
HTMLCSS网站设计基础教程教学大纲(1) HTMLCSS网站设计基础教程教学大纲I. 前言A. 阐述HTMLCSS网站设计的重要性及它在当前互联网时代的应用B. 引出教学大纲的目的以及教学内容C. 简述HTMLCSS网站设计的历史及发展II. HTML基础A. 讲解HTML的基本语法及规则B. 着重解析HTML元素的分类以及使用方法1. 文本标签2. 图像标签3. 列表标签4. 表格标签5. 表单标签C. 列举实际案例演示HTML标签处理方式D. 练习演示III. CSS基础A. 讲解CSS的基本语法及规则B. 解析CSS样式的使用方法1. 内联样式2. 嵌入式样式3. 外部样式C. 着重讲解CSS样式的基本属性及嵌套应用D. 列举实际案例演示CSS样式的处理方式E. 练习演示IV. 图像处理A. 介绍图像处理的必要性及应用B. 讲解基础的图像格式及其压缩处理C. 基于案例演示图像处理的高级应用D. 学生练习案例V. 响应式设计A. 介绍设计响应式的必要性及特点B. 解析设计响应式的基本原则C. 通过案例演示挖掘响应式设计的价值及主要优点D. 学生练习响应式设计的案例VI. 前端开发A. 探究前端开发的必要性B. 介绍常用前端开发框架的使用方法及特点C. 着重讲解JavaScript语言的基本编写语法及常用方法D. 学生练习前端开发案例VII. SEO优化A. 介绍SEO的概念及其在网络营销中的重要性B. 提供基础SEO技巧和白帽SEO技术标准C. 探讨SEO的进阶技巧和方案应用D. 学生模拟SEO案例VIII. 站点发布A. 介绍站点发布的任务及其用途B. 使用FTP及在线编辑器发布网站C. 基于Apache主机环境实际部署站点D. 学生虚拟部署案例IX. 总结A. 总结本教学大纲涉及的内容B. 总结HTMLCSS网站设计的方法及其在实际应用中的优点C. 预测HTMLCSS技术的未来进展及其在不同行业中的应用D. 颁发证书证明学生的学习成果和实践能力。
HTML5+CSS3 Web前端设计基础教程 第3版(第8章)
图8-2 标尺
图8-3 拖拽出参考线
8.1 Photoshop在Web前端中的常见操作
3．隐藏/显示图层
隐藏/显示 图层标志
锁定
图8-4 隐藏/显示图层
8.1 Photoshop在Web前端中的常见操作
4．用吸管工具拾取颜色
图8-5 拾取颜色
图8-6 查看颜色值
8.2.2 列表页的实现 2．右侧“新闻摘要”区域的实现 3．“翻页按钮”的实现
图8-23 “翻页按钮”中间过程预览效果
8.2 页面布局规划与实现
8.2.3 内容页的实现
推荐链接
图8-25 内容页局部效果图
文章的标题
配图 段文字
谢谢观看！
8.2 页面布局规划与实现
5．“典型案例”板块的实现
图8-16 “案例展示”区域结构布局示意图
6．“新闻列表”板块的实现 7．“版权”板块的实现
8.2 页面布局规划与实现
8.2.2 列表页的实现 1．列表页中部区域的规划与左侧“纵向导航”的实现
图8-20 列表页中部区域初步分析布局示意
8.2 页面布局规划与实现
8.1 Photoshop在Web前端中的常见操作
8.1.2 切片并输出
图8-7 创建切片
图8-8 “切片选项”对话框
8.2 页面布局规划与实现
图8-10 站点首页效果图
图8-11 思考分析示意图
8.2 页面布局规划与实现
8.2.1 首页的实现
1．各项准备工作 2．首页头部区域的实现 3．bannner区域的实现 4．“核心特色”板块的实现
第8章 PC端典型页面的设计与实现
本章主要从工作过程出发，依托PC端典型的页面版式，向 读者介绍Photoshop在Web前端环境下常见的操作，以及 整个Web页面的实现过程。
《网页设计与制作案例教程 》教案 第5课 HTML5与CSS3基础(一)
第课HTML5与CSS3基础（一）5课题HTML5与CSS3基础（一）课时2课时（90 min）教学目标知识技能目标：（1）认识HTML5（2）了解HTML5的基本语法（3）熟悉HTML5文档结构（4）能够使用Dreamweaver CC设置网页内容思政育人目标：（1）掌握网页制作语言的基础知识，学习语法规则，养成良好的工作习惯。
（2）练习制作网页，培养自己的钻研精神。
教学重难点教学重点：HTML5文档结构教学难点：使用Dreamweaver CC设置网页内容教学方法情景模拟法、问答法、讨论法、练习法教学用具电脑、投影仪、多媒体课件、教材教学设计第1节课：课前任务→考勤（2 min）→问题导入（5 min）→传授新知（28 min）→课堂抢答（10 min）第2节课：任务实施（25 min）→实践探索（15 min）→课堂小结（3 min）→作业布置（2 min）教学过程主要教学内容及步骤设计意图第一节课课前任务⏹【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过文旌课堂APP，查阅资料，了解HTML5⏹【学生】按照教师要求完成课前任务通过课前的预热，让学生了解所学软件，激发学生的学习欲望考勤（2 min）⏹【教师】使用文旌课堂APP进行签到⏹【学生】按照老师要求签到培养学生的组织纪律性，掌握学生的出勤情况问题导入（5 min）⏹【教师】提出以下问题：你知道什么是HTML吗？HTML5又是什么？⏹【学生】聆听、思考、举手发言通过问题导入，引导学生思考，调动学生的主观能动性，了解本节课要学习的内容传授新知（28 min）⏹【教师】通过学生的发言，引入新的知识点，介绍HTML5的基本语法和文档结构一、HTML5简介【教师】展示利用HTML编写的网页，帮助学习理解使用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统。
浏通过讲解、课堂互动等教学方式，让学生了解HTML5的基础知识、基本语法和文档结构第课HTML5与CSS3基础（一）52览器能够识别并解析这些文档。
HTML5+CSS3网站设计CSS入门
第3章CSS3入门《HTML5+CSS3网站设计基础教程》学习目地/Target了解CSS3地发展历史以及主流浏览器地支持情况。
掌握CSS基础选择器,能够运用CSS选择器定义标记样式。
熟悉CSS文本样式属性,能够运用相应地属性定义文本样式。
理解CSS优先级,能够区分复合选择器权重地大小。
章节概述/Summary随着网页制作技术地不断发展,陈旧地CSS特性与标准已经无法满足现今地交互设计需求,开发者往往需要更多地字体选择,更方便地样式效果,更绚丽地图形动画。
CSS3地出现,在不需要改变原有设计结构地情况下,增加了许多新特性,极大地满足了开发者地需求。
本章将对CSS3地发展史,浏览器地支持情况以及有关文本样式属性进行详细讲解。
目录/Contents01 02CSS3简介CSS核心基础03文本样式属性04CSS高级特性05阶段案例—制作服装推广软文01CSS3简介在网页设计,运用CSS3技术能够让原有地网站变得趣味盎然,很多站点都为自己地页面添加了各种炫酷地CSS3效果。
但是CSS3技术是怎样发展起来地？哪些浏览器能够很好地兼容CSS3？本节将对CSS地发展史及浏览器兼容情况进行介绍。
了解CSS3,能够说出CSS地概念,CSS3地发展历史与CSS3浏览器支持情况。
学习目地1.CSS概述使用HTML对网页进行修饰,存在很大地局限与不足维护困难不利于代码地阅读1.CSS概述1.CSS概述如果希望网页美观,大方,并且升级轻松,维护方便,就需要使用CSS,实现结构与表现地分离。
1.CSS概述CSS提供了丰富地样式font:属性值;字体属性color:属性值;颜色属性float:属性值;浮动属性background:属性值;背景属性1.CSS概述例如:图文字地颜色,粗体,背景,行间距与左右两列地排版等,都是通过CSS控制地。
1.CSS概述CSS非常灵活,既可以嵌入在HTML文档,也可以是一个单独地外部文件,如果是独立地文件,则需要以.css为后缀名。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《HTML5+CSS3 网站设计基础教程》课程教学大纲
（课程英文名称）
课程编号：201601210011
学分：5 学分
学时：76 学时（其中：讲课学时：47 学时上机学时：26 学时）
先修课程：计算机基础、计算机网络、计算机应用
后续课程：UI 设计、JavaScript 网页特效
适用专业：信息技术及其计算机相关专业
开课部门：计算机系
一、课程的性质与目标
《HTML5+CSS3 网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML 标记、CSS 样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web 发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路
课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单
纯的技能训练。
单纯的技能训练不是提高高等职业教育的理想课程。
以能力的培养为重点，以就业为导向，培养学
生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以职业技能培养为目标，以
案例（项目）任务实现为载体、理论学习与时间操作相结合”。
三、教学条件要求
开发工具：DreamweaverCS6
四、课程的主要内容及基本要求
第一章初识HTML5
第二章HTML5 页面元素及属性
第三章CSS3 入门
第四章CSS3 选择器
第五章CSS 盒子模型
第六章浮动与定位
第七章表单的应用
第八章多媒体技术?
第九章CSS3 高级应用?
第十章实战开发—制作电商网站首页面
…………………………………………………………………
五、学时分配
六、考核模式与成绩评定办法
本课程为考试课程，期末考试采用百分制的闭卷考试模式。
学生的考试成绩由平时成绩（30%）和期末考试（70%）组成，其中，平时成绩包括出勤（5%）、作业（5%）、上机成绩（20%）。
七、选用教材和主要参考书
本大纲是根据教材《HTML5+CSS3 网站设计基础教程》所设计的。
参考书籍：
传智播客.《网页设计与制作（HTML+CSS）》中国铁道出版社.201408
传智播客.《HTML+CSS+JavaScript 网页制作案例教程》人民邮电出版社.201508
八、大纲说明
本课程的授课模式为：课堂授课+上机，其中，课堂主要采用多媒体的方式进行授课，并且会通过测试题阶段测试学生的掌握程度；上机主要是编写程序，要求学生动手完成指定的程序设计或验证。
撰写人：审定人：
批准人：执行时间：。