教 案
科目:ASP动态网页设计与应用
班级:电脑091 教师:赵俊霖
博白县职业中等专业学校
第一章 ASP网站开发基础
一、教学目标
1、了解动态网页的概念;
2、掌握ASP开发环境的安装与设置; 3、掌握ASP开发的基本工具。
二、教学重点与难点: 1、 动态网页的概述
2、ASP的服务器的安装与配置 三、教学方法:
多媒体
四、教学课时:4课时 五、教学过程:
1.1.1静态网页与动态网页
静态网页由单纯的超文本标记语言(HTML,Hypertext Markup Language)进行编辑,在存储时以HTML方式(文件扩展名为.htm /.html)存储。
网络中浏览的静态网页都是一个个的HTML文件,这些网页中可以包含有文字、图片、动画和声音,以及能够跳转到其它文件的超链接。这些所有的东西都是以超文本标记语言方式进行编辑。
一个HTML文件包含了一些特殊的命令来告诉用户的浏览器应该如何显示文本、图像以及网页的背景。这些命令加入到文本文件中,被称为HTML标记。如果在浏览器显示网页时查看网页的文本,可以看见在尖括号中的HTML标记。
动态网页与静态网页从设计到实现都有所不同,动态网页是在HTML的基础上嵌入特殊的程序化的编码来设计,编码可以使用编程语言,如C、Java、Visual Basic等,也可以使用专门的脚本(Script)语言,如VBScript、JavaScript、PHP等。同时,在存储时也需要使用不同的文件扩展名,如.asp、.jsp、.php等。在浏览时,除了需要有浏览器的支持外,还需要有支持相应的系统环境如ASP、JSP或PHP对其中的编码进行编译、解释,在经编译、解释后才能在浏览器中显示出正确的内容。 1.1.2 ASP、JSP与 PHP
ASP是位于服务器端的脚本运行环境,通过这种环境,用户可以创建和运行动态的交互式 Web 服务器应用程序,如交互式的动态网页,包括使用 HTML 表单收集和处理信息,上传与下载等等,就像用户在使用自己的CGI程序一样。但是ASP比CGI简单。更重要的是,ASP使用的ActiveX技术基于开放设计环境,用户可以自己定义和制作组件加入其中,使自己的动态网页几乎具有无限的扩充能力,这是传统的CGI等程序所远远不及的地方。使用ASP还有个好处,就在于ASP可利用ADO(Active Data Object,活动数据对象)来方便地访问数据库,从而使得开发基于WWW的应用系统成为可能。
JSP是一种较新的动态网站开发技术。与ASP由微软独自开发不同,JSP是由SUN公司所倡导,众多公司参与一起建立的一种动态网页技术标准,它是基于Java技术的动态网页解决方案,具有良好的可伸缩性,与Java Enterprise API紧密结合,在网络数据库应用开
发方面有得天独厚的优势。同时JSP具有更好的跨平台支持。JSP可以支持超过85%以上的操作系统,除了Windows外,它还支持Linux、Unix等等。
PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C、Java和Perl语言的语法, 并结合PHP自身的特性,使Web应用开发者能够快速地创建出动态页面。 1.2.1 ASP服务器的组成
1.2.2 IIS的安装与网站的设置 1. IIS的安装
2. 配置网站 (操作详见课本) 1.2.3 SQL Server2000数据库的安装 1.2.4 测试ASP服务器
(操作详见课本) 六、课后习题
1. 学习安装与配置ASP开发环境。
2. 通过一个简单动态网页例子来学习在Dreameweaver 8中进行ASP动态网页的开发。 3. 完成课后习题。
第二章 网页设计基础
一、教学目标
1、 掌握HTML网页设计的方法; 2、 掌握常用HTML标签; 3、 掌握网页文字格式的设置; 4、 掌握网页中图像内容的设置;
5、 掌握表格对象,以及用表格进行网页布局; 6、 掌握网页链接的设计 7、 了解网页模板的模念。 二、教学重点与难点: 1、招生简章 2、院校简介
3、“学生咨询”导航 4、滚动通知 5、综合实例; 三、教学方法:
多媒体
四、教学课时:8课时 五、教学过程:
2.1.2 案例实现(见书) 2.1.3知识拓展
1. HTML网页设计的基本概念 2. HTML文件结构 3. 标题格式
HTML中,标题格式由标签
到定义。定义了最大的标题元素,定义了最小的。此外,在显示时,每行标题后还会自动添加一行空白。例如:(见书) 4. 文字布局
定义了最大的标题元素,定义了最小的。此外,在显示时,每行标题后还会自动添加一行空白。例如:(见书) 4. 文字布局
HTML中,与文字布局相关的标签有段落
、换行
、预格式化
、水平线
和对齐方式等等。(1)段落与换行(见书)(2)预格式化(3)对齐方式(4)水平线 5. 字体格式字体格式是排版中的重要内容,HTML中定义了多种标签来对文字字体格式进行控制。
6. 字符实体
2.2.2 案例实现 (见书) 2.2.3 知识拓展
1. 网页中的图像 2. 网页中的表格
表格是网页设计中最常用的对象之一,几乎没有哪个网页中不用到表格。表格主要有两方面的用途:一是用于网页中普通表格的绘制,以便于在表格中显示数据、信息等;另一个用途则是用于网页的页面布局,用表格来控制网页中各个对象的位置。
(2)表格标题的设置
表格标题的位置,可由align属性来设置,其取值可以有top(位于表格上方)、bottom(位于表格下方)、left(位于表格上方左侧)、right(位于表格上方右侧)和center(位于表格上方居中)。
(3)表格大小、边框与间距的设置
表格的边框样式是由
标签的border属性来设置的,它表示表格的边框边厚度和框线。将border设置成不同的值,会有不同的效果。 (4)表格中跨行、跨列单元格的设置 (5)表格的对齐方式(见书) (6)表格颜色与背景(见书) (7)表格与布局(见书) 3. 列表样式
在格式排版中,列表也是网页中常用的排版样式,常用于商品列表、合同条例、项目展示等。HTML提供三种列表方式:有序列表、无序列表和自定义列表。
(1)有序列表 (2)无序列表

