网页设计——网页设计概述教案.docxVIP

第一讲 网页设计概述 使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 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源代码的工具 2、 XML语言 XML（ eXtensible Markup Language 1.3.2 动态网页 1.3.3 多媒体技术的应用  ） 1.3.4 Web 服务器端程序 1.4 制作网页的基本方法 1.4.1 制作网页的基本步骤 1、确定网页的内容 2、设计网页的组织结构 3、资料的收集与整理 4、选择网页的设计方法 1.4.2 制作网页时要注意的问题 1、网页的标题要简洁，明确。 2、在文本中要使用水平线，以分割不同部分。 3、对重点段落要强调显示。 4、网页中插入的图片要尽量的小。 5、图形要附加文字说明，以便关闭图像时查看。 6、网页中引用的资料及商标（或图标），不能侵犯版权。 【课后小结】 通过学习， 认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工 具，为设计网页做准备。