《网页设计与制作案例教程》
教案
课时分配表
章序 课程内容 课时 备注
1 网页设计与制作基础 4
2 创新与创新素养培养 4
3 创新发明与创新成果保护 4
4 创业机会与创业风险 4
5 创业者与创业团队 4
6 创业资源与融资 4
7 创业计划 4
8 新创企业管理 4
合计 32
第 课 网页设计与制作基础（一） 1
2 课题 网页设计与制作基础(一)
课时 4课时（180 min）
教学目标 知识技能目标：
（1）了解网页，网站和主页的概念
（2）了解网页类型、构成、版式和配色的相关知识
思政育人目标：
（1）养成做事有计划、有条理的工作习惯
（2）有意识地培养自己的审美能力，并运用到工作中
教学重难点 教学重点：网页设计的基础知识
教学难点：能够分析总结网站的特点
教学方法 情景模拟法、问答法、讨论法
教学用具 电脑、投影仪、多媒体课件、教材
教学设计 第1节课：课前任务→ 考勤（2 min）→ 新课预热（8 min）→ 互动导入（12 min）→传授新知（23 min）
第2节课：问题导入（5 min）→ 实践探究（25 min）→ 小组合作（5 min）→ 课堂小结（3 min）→ 作业布置（2 min）
教学过程 主要教学内容及步骤 设计意图
第一节课
课前任务 【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP，查阅资料，了解网页设计相关知识
【学生】按照教师要求完成课前任务 通过课前的预热，让学生了解所学课程的大概内容，激发学生的学习欲望
考勤
（2 min） 【教师】使用APP进行签到
【学生】按照老师要求签到 培养学生的组织纪律性，掌握学生的出勤情况
新课预热
（8 min） 【教师】教师自我介绍，并介绍课程定位、内容安排、考核要求等
网页就是我们上网时在浏览器中打开的一个个画面。网站则是一组相关网页的集合。一个小型网站可能只包含几个网页，而一个大型网站则可能包含成千上万个网页。例如，新浪网就包含新闻、财经、科技、体育、娱乐等多个版块，而每个版块又包含很多网页。
《电子商务网页设计与制作》教学教案
第一章：电子商务网页设计基础
1.1 教学目标
1. 了解电子商务网页设计的概念与意义。
2. 掌握电子商务网页设计的基本原则与要求。
3. 熟悉常用的网页设计工具与技术。
1.2 教学内容
1. 电子商务网页设计的概念与意义。
2. 电子商务网页设计的基本原则与要求。
3. 常用的网页设计工具与技术。
1.3 教学方法
1. 讲授与案例分析相结合。
2. 实际操作演示与学生实践。
1.4 教学资源
1. 教学PPT。
2. 网页设计案例素材。
3. 网页设计工具软件。
1.5 教学评估
1. 课堂问答。
2. 学生实践作品展示。
第二章：网页布局与配色设计
2.1 教学目标 1. 掌握网页布局的设计方法与技巧。
2. 学习网页配色的基本原则与方法。
3. 了解色彩搭配对网页视觉效果的影响。
2.2 教学内容
1. 网页布局的设计方法与技巧。
2. 网页配色的基本原则与方法。
3. 色彩搭配对网页视觉效果的影响。
2.3 教学方法
1. 讲授与案例分析相结合。
2. 实际操作演示与学生实践。
2.4 教学资源
1. 教学PPT。
2. 网页布局与配色案例素材。
3. 网页设计工具软件。
2.5 教学评估
1. 课堂问答。
2. 学生实践作品展示。
第三章：网页图像处理与动画制作
3.1 教学目标
1. 掌握网页图像处理的基本方法与技巧。
2. 学习动画制作的基本方法与技术。
3. 了解动画在网页设计中的应用与效果。 3.2 教学内容
1. 网页图像处理的基本方法与技巧。
2. 动画制作的基本方法与技术。
3. 动画在网页设计中的应用与效果。
3.3 教学方法
1. 讲授与案例分析相结合。
2. 实际操作演示与学生实践。
3.4 教学资源
1. 教学PPT。
2. 网页图像处理与动画案例素材。
3. 网页设计工具软件。
3.5 教学评估
1. 课堂问答。
2. 学生实践作品展示。
《网页设计与制作案例教程》教材习题答案
第2章 网页制作基础
1．填空题
（1）静态 动态
（2）HyperText Markup Lauguage 超文本标记语言
（3）文本 图像 动画
（4）Dreamwear Frontpage
（5）窗口
2．选择题
（1）C （2）C （3）B （4）D （5）D
第3章 网站的创建与管理
1．选择题
（1）D （2）A （3）B （4）D （5）C
第4章 页面的整体控制
1．选择题
（1）B （2）A （3）A （4）C （5）D
第5章 文本操作
1．选择题
（1）A （2）D （3）D （4）C （5）C
第7章 网页布局操作
1．选择题 （1）C （2）A （3）A （4）A （5）B （6）B
（7）B （8）B （9）B （10）C （11）C （12）B
（13）A （14）A （15）C （16）B （17）A （18）A
（19）B （20）D （21）B （22）D （23）D （24）C
（25）D （26）C （27）B （28）C （29）D （30）B
（31）B （32）C （33）B （34）D （35）A （36）A
（37）D （38）C （39）D （40）A
第9章 超级链接与导航栏
1．选择题
（1）A （2）B （3）C （4）A （5）D （6）B
（7）D （8）C
第10章 创建表单网页
1．选择题
（1）A （2）D （3）C （4）B （5）C （6）B
（7）B （8）A
第11章 HTML语言
（1）
（2）
（3）bgcolor background
（4）
2．选择题
（1）A （2）A （3）B （4）B （5）C （6）A
（7）D （8）B （9）C （10）B （11）A （12）B
（13）C （14）C
第12章 使用CSS样式美化网页
随着信息通信技术的不断成熟，以及互联网与各行各业的日益融合，越来越多的人接
触或从事网页设计制作工作。在介绍网页制作技术之前，我们有必要先了解一下相关的基
础知识。本章主要介绍网页相关知识、网页的基本元素以及制作网页常用的技术和软件。
本章学习目标
◎ 了解互联网、因特网、万维网的关系和区别。
◎ 了解网站、网页和HTML的基本概念。
◎ 了解静态网页和动态网页的区别和联系。
◎ 了解HTTP、FTP、IP地址、域名和URL等基本概念。
◎ 能够安装并使用浏览器查看网页。
◎ 了解从媒体内容和布局元素两个角度出发，网页所包含的基本元素。
◎ 了解网页开发所使用的基本技术和工具。
2 HTML5+CSS3网页设计与制作案例教程
网页相关知识简介1.1
在学习如何设计一个网页之前，我们首先要对网站、网页及其相关知识具有最基本的
认识。
1.1.1 互联网(internet)、因特网(Internet)、万维网(WWW)
互联网指由若干计算机网络相互连接而成的网络。进一步讲，凡是能彼此通信的设备组成的网络就叫互联网，即使仅有两台机器，不论用何种技术使其彼此通信，就可以称为互联网。互联网的英文用开头字母小写的internet表示，不是专有名词，泛指由多个计算机网络相互连接而成的一个大型网络。因特网和其他类似的由计算机相互连接而成的大型网络系统，都可算是互联网，因特网只是互联网中最大的一个网络。 因特网是目前全球最大的一个电子计算机互联网，是由美国的ARPA网发展演变而来的。但因特网并不是全球唯一的互联网络，例如在欧洲，跨国的互联网络就有“欧盟网”(Euronet)、“欧洲学术与研究网”(EARN)、“欧洲信息网”(EIN)，在美国还有“国际学术网”(BITNET)，世界范围的还有“飞多网”等。Internet专指全球最大的也就是我们通常所使用的互联网络——因特网，“因特网”是作为专有名词出现的，因而开头字母必须大写。 万维网是指环球信息网，英文全称为World Wide Web，简称WWW。万维网是基于TCP/IP协议实现的，是指在因特网上以超文本为基础形成的信息网，它为用户提供了一个可以轻松驾驭的图形化界面，用户通过它可以查阅Internet上的信息资源。TCP/IP协议由很多协议组成，不同类型的协议又被放在不同的层，其中位于应用层的协议就有很多，比如FTP、SMTP和HTTP。只要应用层使用的是HTTP协议，就称为万维网。简而言之，万维网是通过互联网获取信息的一种应用，我们所浏览的网站就是WWW的具体表现形式，但其本身并不就是互联网，只是互联网的组成部分之一。
