随着计算机与网络技术的迅猛发展和广泛应用，极大地改变了人们获取知识信息的途径和方式。越来越多的公司和个人开始通过网站发布信息，网站建设和维护人才的社会需求量正逐年增加。因此，掌握一定的网页制作与管理技术已经成了当代青年必备的基本技能之一。
课程具体教学内容如下：
（1）介绍一些与网站设计关联密切的基本概念；
（2）了解HTML和CSS的基础知识；
（3）网站建设的详细过程介绍；
（4）学会用Dreamweaver设计简单的网站；
（5）学会评价网站。
本课程的特色有：
①以培养创新能力为目标。引导大家积极实践、主动参与、勤于动手、乐于创造，在实践中构建知识和培养能力。
②教学内容采用了精简实用的原则。着重介绍网页制作技术中最基本、最实用的知识。
③讲授过程遵循由浅入深、循序渐进的原则。突出了实例教学，突出了应用，努力激发大家的学习兴趣。
本课程适合所有人进行选修，基本不要什么先行课要求，只要对计算机有初步的操作能力就行。课程结束学生不仅对网站能知其然还能知其所以然，还能收获第一个自己亲手制作的网站作品。
为积极响应国家低碳环保政策，2021年秋季学期开始，中国大学MOOC平台将取消纸质版的认证证书，仅提供电子版的认证证书服务，证书申请方式和流程不变。
认证证书申请注意事项：
2.完成实名认证并支付后，系统将自动生成并发送电子版认证证书。电子版认证证书生成后不支持退费。
本课程主要学习如何设计与实现一个静态网站，本课程可以没有任何计算机基础，如果先修过《计算机应用基础》当然更好，后续课程可以学一些有关开发动态网站的程序设计语言，例如php、jsp、asp等技术，进一步学习如何设计和制作动态网站。
1.网页制作基础知识
1.1Internet的基础知识
1.2万维网的基础知识
1.3Internet地址与域名
1.4网站的基础知识和网站开发者
第1章课后思考与自测
第1章网页制作基础知识单元测试
2.网站建设概论
2.1网站的规划—目标与主题的确定
2.2网站的规划—域名设计与素材准备
2.3网站的设计—确定栏目和版块
2.4网站的设计—确定网站的整体风格和创意的设计
2.5网站的设计—确定网站的目录结构与链接结构
2.6网站的实现、测试和发布
2.7网站的推广和维护
第2章课后思考与自测
网站建设概论单元测试
网站规划报告
3.HTML简介
3.1HTML概述
3.2HTML的文本格式标记
3.3HTML的图像与多媒体、超链接标记
3.4HTML的表格标记
3.5HTML的表单标记和框架标记
第3章课后思考与自测
HTML综合实例和特效代码
第3章HTML简介单元测试
运用html编写一个简单的综合网页！
4.CSS基础知识
4.1CSS概述
4.2CSS选择器
4.3CSS的属性单位、层叠性和继承性
第4章课后思考与自测
第4章CSS基础知识单元测试
5.网页可视化设计
5.1网页的版面布局
5.2网页的色彩搭配
5.3网页的艺术设计
5.4网页的点、线、面的运用及网页中文字和图形的设计
第5章网页可视化设计单元测试
6.Dreamweaver基础知识
6.1Dreamweaver概述及创建文本页面
6.2插入图像、多媒体元素及创建超链接
6.3表格的使用
6.4框架的使用
6.5表单的使用
6.6行为的应用
6.7利用Photoshop与...r配合制作一个个人网站
6.8利用便捷工具制作一个网页
第6章课后思考与自测
DW单元测试
7.网站赏析
7.1网站赏析—内容性
7.2网站赏析—使用性和艺术性
第7章课后思考与自测
网站欣赏知识单元测试
8.CSS修饰网页元素
8.1CSS设置文本和段落样式
8.2CSS设置图像样式和图文混排效果
8.3CSS设置表格和表单样式及超链接效果
8.4CSS设置列表效果和制作导航菜单
第8章课后思考与自测
CSS修饰网页元素知识单元测试
9.CSS盒子模型
9.1盒子模型
9.2普通流:display属性
9.3浮动:float属性
9.4定位:position属性
第9章课后思考与自测
盒子模型单元测试
10.Div+CSS布局技术
10.1CSS+Div布局
10.2CSS布局实例
10.3CSS水平居中布局实例讲解
10.4CSS两栏布局实例讲解
10.5CSS三栏布局实例讲解
第10章布局技术单元测试
11.资源库
11.1作品库
11.2参考文献库
11.3素材库
1.《网页设计与制作教程（第4版）》，2022年10月，清华大学出版社，杨选辉主编。
2.《网页设计与制作教程（第3版）》，2014年7月，清华大学出版社，杨选辉主编。
3.《网页设计与制作实验指导（第3版）》，2014年7月，清华大学出版社，杨选辉主编。
A:WWW服务器具体的通信过程如下：
（1）Web浏览器使用HTTP命令向一个特定的服务器发出Web页面请求。
（2）若该服务器在特定端口（通常是TCP80端口）处接收到Web页面请求后，就发送一个应答并在客户和服务器之间建立连接。
（3）Web服务器查找客户端所需文档，若Web服务器查找到所请求的文档，就会将所请求的文档传送给Web浏览器。若该文档不存在，则服务器会发送一个相应的错误提示文档给客户端。
（4）Web浏览器接收到文档后，就将它显示出来。
（5）当客户端浏览完成后，就断开与服务器的连接。
Q:HTTPS和HTTP的主要区别是什么？
A:HTTPS和HTTP的主要区别如下：
①HTTPS需要到证书颁发机构CA申请证书，申请SSL证书需要钱，HTTP不用申请证书。
②HTTP是超文本传输协议，信息是明文传输，HTTPS则是具有安全性的SSL加密传输协议。
③HTTP和HTTPS使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。
④由于HTTP简单，使得HTTP服务器的程序规模小，因而通信速度很快；HTTPS是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比HTTP更安全。
Q:如何区分动态网页与静态网页？
A:区分动态网页与静态网页的基本方法：第一看后缀名，静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀；第二看是否能与服务器发生交互行为。具有交互功能的就是动态网页，而静态网页就是指普通的展示信息网页，不带交互功能，页面的内容无法实现在线更新。
Q:宣传网站的手段有哪些？
Q:表格与框架在网页布局时的区别？
A:1、表格是在同一个网页中将页面划分为不同区域；2、框架是在同一个浏览器窗口中显示多个网页；3、框架可以通过指定超链接的目标框架获得交互式的布局效果。