课程概述
《网页设计基础》的课程面向计算机专业的学生及对网页制作感兴趣的非计算机专业学生或社会大众，涉及网页基础、HTML标记、CSS样式、网页布局等内容。通过本课程的学习，学生能够熟悉网页设计流程、掌握网络中常见的网页布局效果及动态效果，学会动手制作网页。
预备知识
《网页设计基础》课程没有必须的先修课，对网页设计与制作感兴趣的同学都可以选修本课程。
授课大纲
第一章 HTML5基础
1.1 课程介绍
1.2 HTML5网页基本结构
单元测验1 网页基本结构及标记
单元作业1 HTML文档基本格式
第二章 HTML5页面元素及属性
2.1 HTML的常用基本标记
2.2 列表元素
2.3 结构元素、分组元素、页面交互元素
2.4 阶段案例——旅游名胜介绍网页
单元测验2 HTML常用标记及属性
单元作业2 HTML5页面元素
第三章 CSS3基础
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高级
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等及数据库技术，这些是需要有一定的编程基础的。