spContent=学习本课程，你可以了解网页的结构，认识网页中的常用标记如段落标记、图像标记、表格标记、表单标记等。能够了解CSS层叠样式表，会应用CSS控制页面样式。学完本课程后，会制作基本的网页，能通过布局标签+CSS实现页面的简单布局。
学习本课程，你可以了解网页的结构，认识网页中的常用标记如段落标记、图像标记、表格标记、表单标记等。能够了解CSS层叠样式表，会应用CSS控制页面样式。学完本课程后，会制作基本的网页，能通过布局标签+CSS实现页面的简单布局。
—— 课程团队
课程概述
《网页设计与制作》的课程面向计算机专业的学生及对网页制作感兴趣的非计算机专业学生或社会大众，涉及网页基础、HTML标记、CSS样式、网页布局等内容。通过本课程的学习，学生能够熟悉网页设计流程、掌握网络中常见的网页布局效果及动态效果，学会动手制作网页。
授课目标
1．知识目标
（1）熟悉网页设计流程；
（2）掌握网页HTML标记语言；
（3）掌握CSS规则的常用属性、页面内容编排方法。
2．能力目标
（1）能熟练编排页面内容；
（2）能熟练使用Dreamweaver布局页面；
（3）能使用HTML和CSS制作处理网页；
（4）能处理网页制作中的常见问题；
（5）能跟踪网页制作领域新技术的发展；
（6）能阅读、使用HTML语言中的专业英语词汇；
3．素质目标
（1）具有效率观念；
（2）树立诚实守信意识、乐观健康意识；
（3）具有良好的敬业精神、协作精神、创新精神。
课程大纲
HTML5基础
课时目标：掌握HTML5网页基本结构。
1.1 课程介绍
1.2 HTML5网页基本结构
单元测验1 网页基本结构及标记
单元作业1 HTML文档基本格式
HTML5页面元素及属性
课时目标：掌握HTML的常用标记
2.1 HTML的常用基本标记
2.2 列表元素
2.3 结构元素、分组元素、页面交互元素
2.4 阶段案例——旅游名胜介绍网页
单元测验2 HTML常用标记及属性
单元作业2 HTML5页面元素
CSS3基础
课时目标：掌握CSS语法基础；掌握HTML中引入CSS样式表的方式
3.1 CSS简介
3.2 CSS基本选择器
3.3 HTML中引入CSS样式表
3.4 CSS复合选择器
3.5 文本样式属性
3.6 背景属性
3.7 CSS层叠型、继承性及优先级
3.8 阶段案例——制作图文诗句欣赏网页
单元测验3 CSS基础
单元作业3 制作宋词欣赏网页
CSS3高级
课时目标：掌握CSS属性选择器；了解CSS3的高级应用
4.1 CSS3属性选择器
4.2 关系选择器
4.3 伪类及伪元素选择器
4.4 CSS3的过渡属性
4.5 CSS3的变形属性
4.6 阶段案例——过渡与变形的综合应用
单元测验4 CSS3高级
单元作业4 伪类及伪元素的练习
盒子模型
课时目标：掌握盒子模型概念
5.1 盒子模型概述
5.2 CSS边框属性及边距属性
5.3 阶段案例
单元测验5 盒子模型
单元作业5 盒子模型的应用
浮动与定位
课时目标：掌握浮动与定位的应用
6.1 块元素与行内元素的特征及转换
6.2 元素的定位
6.3 元素的浮动与清除浮动
6.4 阶段案例
单元测验6 浮动与定位
单元作业6 浮动与定位的应用
表单的创建与应用
课时目标：掌握表单的创建与应用
7.1 创建表单及表单的常用属性
7.2 Input元素及属性
7.3 其他常用表单元素
7.4 阶段案例
单元测验7 表单的创建与应用
单元作业7 制作用户注册表单
多媒体技术
课时目标：掌握网页中视频和音频的嵌入与编辑
8.1 HTML5多媒体的特性及支持条件
8.2 嵌入视频和音频
展开全部
预备知识
本课程没有必须的先修课，对网页设计与制作感兴趣的同学都可以选修本课程。
参考资料
传智播客：《HTML5+CSS3网站设计基础教程》
w3school 在线教程：https://www.w3school.com.cn/
菜鸟教程：https://www.runoob.com/
常见问题
Q : 本课程是网站前端开发吗？
A : 是的，本课程介绍的是网站前端开发的基本技术，包括HTML5结构及常用元素、CSS网页样式的定义及网页布局、还有一些基本的Javascript知识。
Q : 学习本课程可以制作什么样的网站？
A : 学习本课程可以开发静态网站，即以内容展示为主的网页，无需编程基础即可轻松学习。如果要实现电子商城、论坛等动态交互网站，需要学习动态网站开发语言JSP、PHP等及数据库技术，这些是需要有一定的编程基础的。
