第一讲网页设计概述
使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣。
【教学内容】
讲解网页设计的相关术语及网站制作的基本流程。
【教学重点】
网页设计中的若干术语。
【教学难点】
理解网页设计中的若干术语。
【教学方式】
讲授式、讨论式、案例分析式。
【教学参考】
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、网页中引用的资料及商标(或图标),不能侵犯版权。
【课后小结】
通过学习,认识网络、网站、网页及相关信息,理解网页制作的流程及了解相应开发工具,为设计网页做准备。