《网页设计》教案

《《网页设计》教案》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、衡阳师范学院教案系(部)名称计算机科学系教研室名称应用与人工智能课程名称网页设计授课对象2006级信息管理与信息系统1-2班授课教师姚丽君专业技术职称助教教材名称网页制作与网站设计（电子教案另附）2009年2月21日第30页共30页衡阳师范学院计算机科学系课程教案课程名称：网页设计授课教师：姚丽君2009年上学期章次名称第一章网页与网站基础授课学时总学时：6课堂讲授：4试验：上机：2教学目的通过本章的学习，学生应lWWW、网页与网站的关系；l静态网页、动态网页和动态服务器网页；l用HTML编写静态网页的技术；l网站建设的步骤。教学重点重点：用HTML编写静态网页难点：静态网页、动态

2、网页和动态服务器网页之间的区别教学方法在采用的教学手段中，打（√）课程讲授√使用教模挂图参观现代化手段幻灯机投影仪√电视录象电影CAI情况软件名称自制上机学时第30页共30页教学内容1、WWW简介l因特网实现信息共享的主要途径是WWW服务。lWWW是WorldWideWeb的缩写，即世界范围内的网络的意思，也叫万维网，有时简称为Web。lWWW服务的信息资源以Web网页的形式组织在一起，Web网页存放在WWW服务器里。因特网普通用户在浏览器中输入不同的WWW服务器地址就能看到不同的Web网页。lWeb网页中通过一种“链接”技术，可以实现Web网页之间的连接与跳转。2、网页与网站的关

3、系lWeb网页，简称为网页，一般是用HTML语言和其它Script语言编写而成的程序文件。HTML是HyperTextMarkupLanguage的缩写，即超文本标记语言；Script语言是嵌入式脚本语言，如JavaScript、VBScript、JSScript等。l除文本以外，其它媒体素材（图像、声音、动画和影像等），都需要保存成单独的文件，然后才能嵌入到网页文件中。l一个WWW服务器里常常有许多网页和相关文件，为便于分类查找、组织和管理，常将众多的网页及相关文件存放到一个主目录（也叫根目录）下，或者分别存放在主目录下面的不同子目录里。然后将这些网页以链接的形式组织起来，并确定

4、一个主网页（主网页存放在根目录下），就形成了一个网站。l因特网用户访问某网站时，首先打开的就是网站的主网页（简称为主页）。通过链接，用户可以方便地从主网页到达各分网页，也可以从分网页很容易地回到主网页。3、静态网页、动态网页和动态服务器网页lWeb网页有很多种，如HTML网页、DHTML网页、ASP网页、JSP网页、PHP网页等。l静态网页指的是HTML网页，即用HTML语言编写的网页，它是所有其他网页技术的基础。第30页共30页l网页中所有的对象，包括文字、图片、超链接、Flash动画、表格、列表等都需要通过HTML才能展现出来。l动态网页主要指的是DHTML网页，它是通过脚本语

5、言(包括JavaScript、VBScript和JScript)、层叠样式表（CSS）及文档对象模型（DOM）的综合使用，能让网页中的对象产生各种动态变化，例如鼠标移上后弹出快捷菜单、随滚动条移动的广告图片等。l动态服务器网页是在WWW服务器端动态生成网页的技术，ASP、JSP、PHP等都属于动态服务器网页技术，本课程主要学习ASP技术。l动态服务器网页一般都需要通过访问数据库（或文本类文件）来实现网页的生成，系统中有一台单独的数据库服务器，也可以将WWW服务器与数据库服务器合二为一。4、用HTML编写静态网页lHTML简介HTML是HyperTextMarkupLanguage的

6、缩写，中文意义是超文本标记语言。用HTML语言编写的网页是静态网页。HTML是网页的基本语言，也是其他网页技术的基础。lHTML静态网页基本结构一个HTML网页文件总是从标记开始，以标记结束；网页的标题（浏览网页时，显示在浏览器的标题栏）总是在之间定义；网页主体内容则在和之间描述。l网页内的文字格式n标题字体的定义……n文本文字的定义…n加粗、倾斜与下划线

7、的定义……第30页共30页…………l分段、换行与预格式n分段标记……

……