网页制作与设计教案
第一讲网页设计概述 (3)
1.1WWW和URL (3)
1.2IE5的使用 (3)
1.3网页中所使用的技术 (4)
1.4制作网页的基本方法 (4)
第二讲HTML的基本标志与格式标志 (4)
2.1HTML文档的基本结构 (5)
第三讲HTML的文本、图片与超级链接标志 (5)
2.2插入文字 (6)
2.3插入图片 (8)
2.4建立超级链接 (8)
第四讲HTML表格、表单与框架标志 (9)
2.5插入表格 (9)
2.6表单的应用 (10)
2.7框架窗口 (10)
第五讲HTML标志综合运用案例 (11)
第六讲DREAMWEAVER中简单WEB站点建立与管理 (12)
3.1D REAMWEA VER概述 (12)
第七讲DREAMWEAVER中静态网页设计 (13)
3.2在页面中加入文字和图像 (14)
3.3超级链接的运用 (14)
3.4.表格的应用 (14)
3.5.在网页中创建表单 (15)
第八讲DREAMWEAVER中动态网页设计 (15)
第九讲DREAMWEAVER综合性网页设计案例 (16)
第十讲VBSCRIPT概述 (17)
4.1VBS CRIPT语言简介 (17)
第十一讲VBSCRIPT的基本元素与输入输出 (18)
4.2.基本数据类型 (18)
4.2.表达式和运算符 (19)
第十二讲VBSCRIPT的条件语句、循环语句和过程 (20)
4.3VBS CRIPT基本语句 (20)
第十三讲VBSCRIPT文档对象模型 (21)
4.4基于对象的VBS CRIPT语言 (21)
4.5使用内部对象系统 (22)
第十四讲ASP概述 (23)
5.1ASP概述 (23)
第十五讲使用ASP对象 (24)
5.2ASP的内置对象 (25)
第十六讲使用ASP组件 (25)
5.3ASP的内置组件 (26)
第十七讲使用ADO对象 (26)
5.5ADO数据对象 (26)
第十八讲设计实例——论坛 (27)
第十九讲设计实例——成绩管理系统 (28)
第二十讲网站的设计、制作、发布和宣传 (29)
第一讲网页设计概述
【教学内容】
讲解网页设计的相关术语及网站制作的基本流程。
【教学目的】
使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。
【教学重点】
网页设计中的若干术语。
【教学难点】
理解网页设计中的若干术语。
【教学方式】
讲授式、讨论式、案例分析式。
【教学参考】
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、网页中引用的资料及商标（或图标），不能侵犯版权。
【课后小结】
通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。
第二讲HTML的基本标志与格式标志
【教学内容】
讲解HTML基本标志对和格式标志。
【教学目的】
使学生标志对与格式标志对的使用。
【教学重点】
格式标志的使用。
【教学难点】
列表标志的使用。
【教学方式】
讨论式、案例分析式、练习式。
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。
2、《WEB网站设计》Joel Sklar著高等教育出版社。
3、《HTML网页制作教程》材义语编著铁道出版社。
【新课内容】
2.1 HTML文档的基本结构
2.1.1 HTML语法
1、双标记
语法：
<；标记>内容</标记>
2、单标记
语法：<；标记>
最常用的单标记是<BR>
3、标记属性
语法
<；标记属性1 属性2 属性3 … >
例子
<HR Size=3 Align=left Width="75%">
4、注释语句
格式
<!-注释文字-->
例子
<!--由这处开始是产品订购表格-->
<!--本文版权为1998，Creation of Webpage 所拥有，未经允许，请勿抄摘-->
2.1.2 HTML文档的基本结构
【课后小结】
通过本次课的学习，要求能熟练掌握网页面的基本标志与格式标志，并能灵活运用
列表，有序列表，无序列表标志及属性。
第三讲HTML的文本、图片与超级链接标志
【教学内容】
讲解HTML标准中的文本、图片与超级链接标志
【教学目的】
* 使学生了解标题元素，掌握字体，上下标，及特殊字符的标志。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。