- 1 -
《网页设计与制作教案》
湄洲湾职业技术学院
2008-2009学年第一学期
教师： * * *
系部：信息技术工程系
专业：计算机应用 电子信息
班级：计机07（1）信息07（1）08（2）
- 2 - 第一讲 网页设计概述
【教学内容】
讲解网页设计的相关术语及网站制作的基本流程。
【教学目的】
使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。
【教学重点】
网页设计中的若干术语。
【教学难点】
理解网页设计中的若干术语。
【教学方式】
讲授式、讨论式、案例分析式。
【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
2、《Internet 网页工场》Wittime工作室 重庆出版社。
3、《WEB网站设计》Joel Sklar著 高等教育出版社。
4、《HTML网页制作教程》材义语编著 铁道出版社。
【新课内容】
1.1 WWW和URL
1.1.1 Web的起源
Web是World Wide Web的简称，一般也称之为WWW或3W
1.1.2 Web的特点和结构
Web最大的特点是使用了超文本（Hypertext）
WWW采用C/S（客户机/服务器）工作模式
在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议
1.1.3 URL
URL的完整格式
协议://主机名或IP地址：端口号/路径名/文件名
1.2 IE5的使用
Web浏览器是浏览Internet资源的客户端软件
在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等
1.2.1 IE5的界面
1.2.2 IE5的使用 - 3 - 1.3 网页中所使用的技术
1.3.1 HTML语言和XML语言
1、HTML语言
第一讲 网页设计概述
使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。
【教学内容】
讲解网页设计的相关术语及网站制作的基本流程。
【教学重点】
网页设计中的若干术语。
【教学难点】
理解网页设计中的若干术语。
【教学方式】
讲授式、讨论式、案例分析式。
【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
2、《Internet 网页工场》Wittime工作室 重庆出版社。
3、《WEB网站设计》Joel Sklar著 高等教育出版社。
4、《HTML网页制作教程》材义语编著 铁道出版社。
【新课内容】
1.1 WWW和URL
1.1.1 Web的起源
Web是World Wide Web的简称，一般也称之为WWW或3W
1.1.2 Web的特点和结构
Web最大的特点是使用了超文本（Hypertext）
WWW采用C/S（客户机/服务器）工作模式
在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议
1.1.3 URL
URL的完整格式
协议://主机名或IP地址：端口号/路径名/文件名 1.2 IE5的使用
Web浏览器是浏览Internet资源的客户端软件
在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等
1.2.1 IE5的界面
1.2.2 IE5的使用
1.3 网页中所使用的技术
1.3.1 HTML语言和XML语言
1、HTML语言
ØHTML只使用SGML中很小一部分标记
ØHTML语言（Hyper Text Markup Language 超文本标记语言）
ØHTML是纯文本的语言，其源代码可以用各种文本编辑工具进行编辑，常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具
网页设计与制作教案
第一章：网页设计基础
1.1 网页设计概述
介绍网页设计的概念和重要性
讨论网页设计的基本原则和目标
1.2 网页设计流程
介绍网页设计的基本流程，包括需求分析、设计草图、布局和配色等步骤
1.3 网页设计工具
介绍常用的网页设计工具，如Photoshop、Illustrator和Fireworks等
第二章：HTML与CSS基础
2.1 HTML概述
介绍HTML的概念和作用
讲解HTML的基本结构和语法
2.2 CSS概述
介绍CSS的概念和作用
讲解CSS的基本语法和用法
2.3 常用HTML标签
介绍常用的HTML标签，如div、span、img等
第三章：网页布局与排版
3.1 网页布局概述
介绍网页布局的概念和重要性
讲解常用的网页布局方法，如网格布局和Flexbox等 3.2 排版与字体
介绍排版和字体的概念和重要性
讲解如何使用CSS进行排版和字体设置
3.3 响应式设计
介绍响应式设计的概念和重要性
讲解如何使用CSS媒体查询来实现响应式设计
第四章：网页动画与交互
4.1 网页动画概述
介绍网页动画的概念和作用
讲解如何使用CSS动画和JavaScript实现网页动画
4.2 网页交互概述
介绍网页交互的概念和重要性
讲解如何使用JavaScript实现网页交互效果
4.3 表单与验证
介绍表单的概念和重要性
讲解如何使用HTML和JavaScript实现表单的验证和提交
第五章：网页设计与制作实践
5.1 实践项目概述
介绍实践项目的目标和内容
讲解如何规划和设计实践项目
5.2 实践项目实施
讲解如何使用HTML和CSS实现实践项目的布局和排版 讲解如何使用JavaScript实现实践项目的动画和交互效果
5.3 实践项目总结与评价
总结实践项目的成果和经验教训
对实践项目进行评价和改进建议
第六章：网页素材的运用
6.1 图像的使用
介绍在网页中使用图像的规范
XXX大学XXX学院 共 页 第 页
装
订
线 网页设计与网页制作 试 题
一 二 三 四 五 六 七 八 九 十 总分
第一、二题答案填于下表，否则不得分。
一、单选题答案
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
二、多选题答案
1 2 3 4 5
一、单项选择题（每题2分,共 40 分）
1．TCP协议对应于OSl七层协议的哪一层 ( )
A．会话层 B．网络层 C．传输层 D．数据链路层
2．主机域名www．sina．corn．ca由四个子域组成，其中代表国别代码的子域是 ( )
A．www B．sina C．com D．cn
3．HTML是一种 ( )
A．程序设计语言 B．执行语言 C．编译语言 D．页面描述语言
4．当进行页面布局的时候能够使用的方法有 ( )
A．页面布局法 B．实时布局法 C．软件布局法 D．抽象布局法
5．下列不是图像处理软件的是 ( )
A．Photoshop B．Fireworks C．Word D．PhotoImpact
6．”&；"代表的符号是 ( )
A．< B．> C．& D．"
7．符号清单前的符号由标记属性type来控制，当type取值为DISC时，表示符号为 ( )
A．实心圆点 B．空心圆点 C．实心方块 D．空心方块
8．HTML中表示表格标题的标记为 ( )
A．％table> B． C．
