网站建设与开发电子教案.doc

第一章 网站开发基础
一、计算机网络的基础
1、internet是什么
Internet是指跨越国界和地域，通过各种通信网路连接在一起的各种计算机网络的组合体。是一条连接全球的信息高速公路。
2、TCP/IP协议
在网络中，各种计算机要通过网络传递信息，并且互相通信必须遵循相应的规则，这些规则就是协议，通信协议是计算机之间交换信息所使用的一种约定和规程。
TCP/IP协议：即传输控制协议TCP（Transmission Control Protocol）和网间协议IP（Internet Protocol）。IP负责将数据从一处传到另一处，TCP保证传输的正确性，TCP和IP协同工作，它的作用是在发送和接收计算机系统之间维持连接，提供无差错的通信服务，保证数据传输的正确性。
3、IP地址
计算机网络的每台计算机必须具有唯一的身份标志，就是IP地址。
唯一标识该计算机的网络位置的地址.在INTERNET中,IP地址是一个32位的二进制地址,为了便于记忆,将它们分为四组,每组八位,用小数点分开,然后每一组用相应的十进制数表示,IP地址分为两部分,第一部分网络号码,第二部分主机号,根据网上主机的多少,可分为三种规模:大型,中型,小型.分别对应于A类B类C类地址.
类号  第一组数字  网络号的组数  网络上主机最大数目
A      0----127       1组          16,387,064   一般用于大型网络
B      128---191      2组          64,516       一般用于中型网络或网络设备
C      192---223      3组          254          一般用于小型网络
例：61.180.212.7   A类网
例: 161.180.212.7  B类网
在internet中，一个主机可以有一个或多个ip地址，但不能把同一个ip地址分配给多个主机，否则将无法通信。
4、域名
为了使IP地址便于用户使用，internet建立了域名服务器DNS（Domain Name System），域名与IP地址一一对应。
域名的一般格式为： 主机名．单位名．单位性质代码．国家代码
在上述的域名表示方法中，从左向右，各部分域名依次从小到大。
例如北京市工商行政管理局网站的域名为“”，其中最高域名为cn，次高域名为gov，最后一个域名为hd315。

顶级、二级、三级域名的区别
一个完整的域名由二个或二个以上部分组成，各部分之间用英文的句号"."来分隔。
最后一个"."的右边部分称为顶级域名（TLD，也称为一级域名）。
最后一个"."的左边部分称为二级域名（SLD），二级域名的左边部分称为三级域名，以此类推，每一级的域名控制它下一级域名的分配。

域名命名规则
　　域名可以由（a-z、A-Z 大小写等价）26个英文字母、数字（0-9）以及连接符“-”组成，但是域名的首位必须是字母或数字。对于域名的长度也有一定的限制：
国际通用顶级域名长度不得超过26个字符
中国国家顶级域名长度不得超过20个字符
单位性质:
Edu：教育机构、大学科研机构
com：商业机构、公司、企业
gov：政府机构、外交部、财政部
int：国际性组织、联合国北约
mil：军队、空军海军
net：网络管理机构、网控中心
org：非盈利机构
域名中的国家代码:
cn: 国内站点 TW:台湾　　HK：香港　　MO：澳门 US:美国　　JP: 日本
例：
gov :
在地址栏中输入红十字会可以出现非盈利机构org。

5、什么是URL
每个网页都有它在internet上的唯一标识，这个标识就称为URL(Uniform Resource Locators)地址，即统一资源定位器地址，一般也可称为网址。

用户要连接到名为的web服务器上，采用超文本传输协议http访问名为index.html的html文件。
6、什么是HTTP
HTTP（Hyper Text Transfer Protocol），即超文本传输协议是一种Internet上最常见的协议，用于传输超文本标记语言（HTML--Hyper Text Markup Language）写的档，也就是我们通常说的网页，通过这个协议，我们可以浏览网络上的各种信息，在浏览器上看到丰富多彩的文字与图片。

各种传输协议：
FTP:// 文件传输协议　　　　　　　　　　　　　　NEWS://　新闻传输协议
MMS：//　多媒体传输协议（WINDOWS自带播放器）　RTSP：//　多媒体传输协议（REALPLAYER）
例如： 　　　　　　　　　　　　

7、服务器和客户机
硬件角度看：
客户机指一些适合家庭和办公环境使用的计算机，上网的目的是享受各种网络服务，如：电子邮件服务，查找信息服务。
服务器指一些有别于普通用户使用的特殊计算机，在网络中用来提供各种网络服务。为了适应大容量的数据存储和客记机的访问，都配有大容量的硬盘及24小时不间断的工作。
软件角度看：
客户机指安装了用于享受网络服务的软件的计算机。如：IE浏览器，Outlook或者Foxmail。我们就称Web客户机和E-mail客户机。
服务器指一些安装了提供网络服务的软件的计算机。如：IIS（Internet Information Services，Internet信息服务），这里的IIS就是一种Web服务器软件。我们就称Web服务器。

８、端口
在计算机中，同时安装电子邮件服务器和Ｗeb服务器，可以通过“端口”来区分这两种网络服务的数据。把各种网络服务的数据放在不同的端口中，并且有端口号。
Ｗeb服务器默认分配的端口号是８０。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

二、网站的含义
１、网页是网站的基本单位
　　网页是用标准的HTML语言（超文本标记语言），将图片，文字等元素组合在一起的文本格式文檔。由一个专门的软件IE浏览器来打开浏览的。普通的静态网页可以在本机用IE浏览器打开查看效果。
２、虚拟网站
　　同一IP地址，不同端口号
不同IP地址
同一IP地址，不同的域名
3、大型网站
广泛采用了Web集群技术。Web集群就是用一组服务器来同时提供服务，不同的客户机可能是由不同的物理服务器来服务的，但访问同一个网站的内容都是一样的。

三、网站访问的原理
1、网站中的两种角色
客户机 服务器
2、网站使用的协议
客户机和服务器都遵循标准的通信协议HTTP。
HTTP协议是应用层协议，代表的是网站服务。而TCP/IP协议是其底层的通信协议
3、IE浏览器
IE浏览器实际上是由HTML解析器（解析页面中的文字），图片解析器（解析Web页面中的图片），声音播放器（负责播放声音），视频播放器（负责播放视频）等组成的。
由于IE浏览版本的原因，可以不支持最新的格式，则无法解析内容。可以下载专门的浏览器。

四、网页的类型
1、静态网页
包含各种文字，图片，视频等。就像在制作一幅画一样。
掌握的技术包括：HTML，网页的标准语言。CSS样式表。
2、动态网页
有动态的内容，在网页中增加的动态元素，使网页更生动。如：FLASH动画等。
3、访问数据库的动态网页
前面讲的其实本质还是一种静态网页。数据库被广泛用于信息的存储和管理。按照需要通过网页浏览相关的数据就成为用户的迫切需要。如：会员注册信息，网页上提供的商品信息，新闻信息。这就是我们要讲的内容。

五、三种主流的动态网站技术
1、IIS服务器+ASP技术
IIS服务器是由微软公司发布的，是WINDOWS操作系统的一个组件，可以从WINDOWS安装盘中进行安装。支持利用ASP技术来开发访问数据库的动态网页。
WINDOWS XP Professional下使用的IIS5.0
WINDOWS 2000 Server下使用的IIS5.0
WINDOWS 2003 Server下使用的IIS6.0
ASP（Active Server Pages动态服务器页面），包括3部分：（VBScript或JavaScript脚本代码：实现程序的逻辑控制。）（功能组件：实现客户机和服务器的信息传递）（ADO组件：用来访问数据库）
2、Apache服务器+PHP技术
3、WebLogic服务器＋JSP技术
4、三种动态网站技术的比较
（暂略12页）

第二章 构建ASP网站开发环境
构建ASP网站开发环境主要工作实际上就是在WINDOWS操作系统下安装和配置IIS。
WINDOWS XP Professional下使用的IIS5.0
WINDOWS 2000 Server下使用的IIS5.0
WINDOWS 2003 Server下使用的IIS6.0
其具体内容和区别暂略（16页），这里以WINDOWS XP Professional下使用的IIS5.0为主。
一、安装IIS5.0
开始菜单------设置-----控制面板：点击“添加或删除程序”-----点击“添加或删除WINDOWS组件”，选中“Internet信息服务（IIS）”-----下一步-----找到IIS软件的位置即可。
二、检查IIS是否正常工作
开始菜单-- ---设置-- --控制面板-----管理工具------Internet信息服务：在左侧树型点击“Internet信息服务”-----本地计算机-----网站：右侧心史观有“默认网站”，默认80端口提供网络服务。在“状态”中显示“正在运行”，则表示网站已经可以提供访问了。
三、测试ASP网站开发环境
1、http://localhost 本地访问测试 （localhost是本机保留的名称，只在本机使用）
2、http://本机计算机名称 本地访问测试
3、http://本机IP地址 本地访问测试
4、http://127.0.0.1 本地访问测试 （127.0.0.1是本机测试用的IP地址，只在本机使用）
四、运行第1个ASP网页
利用任何文本工具（记事本）建立一个文本文件，扩展名必须是asp。 并输入以下内容：
<％response.write(“嗨，你好吗？”)％>
开始菜单-----设置------控制面板-----管理工具----- Internet信息服务：在“默认网站”上右键---------属性-------主目录：此计算机上的目录，本地路径（把文本文件放置在本地路径中）
最后，在IE浏览器中测试输入“http://localhost/***.asp“表示成功。
五、初识ASP网页
1、ASP网页必须以asp扩展名
2、ASP网页实质上就是一种文本文檔
3、ASP网页运行时需要IIS服务器的支持
4、ASP网页的制作并不需要特殊的工具

第三章 管理和配置ASP网站
一、管理IIS服务器
1、关闭IIS服务器
方法一：开始菜单----设置----控制面板-----管理工具-----服务：在其中选择“World Wide Web Publishing Service”的服务------鼠标右键------停止。
方法二：开始菜单----设置----控制面板-----管理工具------internet信息服务：在机器名上右键---------所有任务-----重新启动IIS-----停止。
2、启动IIS服务器
方法一：开始菜单----设置----控制面板-----管理工具-----服务：在其中选择“World Wide Web Publishing Service”的服务------鼠标右键------启动。
方法二：开始菜单----设置----控制面板-----管理工具------internet信息服务：在机器名上右键---------所有任务-----重新启动IIS-----启动。
3、在IIS服务器上新建ASP网站
（暂略32页）

二、管理ASP网站
1、关闭ASP网站
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------停止。
2、启动ASP网站
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------启动。

三、设置ASP网站的基本参数
1、网站标识
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------属性-----网站：其中“描述”，可以更改名称。
2、配置网站IP地址
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------属性-----网站：其中“IP地址”，如果是“全部未分配”，则表示此网站将使用分配给该计算机但没有分配给其它网站的所有IP地址，并成为默认网站。
3、配置网站TCP端口
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------属性-----网站：其中“TCP埠”可以设置网站的IP地址使用的TCP端口。网站的默认埠为80。如果更改端口号，则必须预先通知客户机以便请求更改的端口号，否则它们的请求无法连接到服务器。
4、配置网站连接参数
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------属性-----网站：其中“连接超时”，默认时间设置为900秒，表示如果用户连接到网站超过900秒后还没有继续访问，网站就将清除用户的连接信息，释放不活动用户占用的服务器资源。
5、保持HTTP启动
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------属性-----网站：其中“保持HTTP连接”，网页中都包含了多种元素，如图片，FLASH动画等。希望WEB服务器上只记录一个连接信息，不需要记录多个连接信息，如图片连接，动画连接等。这种特性就称为“保持HTTP启动”。
如果没有它，浏览器将不得不为包含多个元素的页面进行大量的连接请求，可能需要为每个元素进行单独连接，这些额外的请求和连接要求额外的服务器活动和资源，这将会降低服务器的效率。
6、配置网站的日志
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------属性-----网站：其中“启用日志记录”，可以记录关于用户活动的细节，并按照所选格式创建日志。
1、活动日志格式：
Microsoft IIS日志文件格式：一种固定的ASCII格式。
NCSA共享日志文件格式：一种固定的ASCII码格式
ODBC日志记录：一种记录到数据库的固定格式，与该数据库兼容。
W3C扩充日志文件格式：一种可自定义的ASCII码格式，在默认情况下选择此格式。
2、活动日志的产生时间和存放
单击“属性”，可设置日志产生的时间间隔：每小时，每天，每周，每月，档大小无限（产生一个日志文件），固定的文件大小（每达到固定大小时产生一个新的日志文件）。
日志文件默认存放路径“C:\Windows\System32\LogFiles\W3SC1”，到指定的路径中去查看日志文件的内容。
3、日志文件记录的内容
单击“属性------扩展属性”：可以记录日期，时间，客户IP地址，用户名等。

四、设置ASP网站的网页组织方法
1、用本机目录组织网页：
最常见的方法，用WEB服务器上物理的一个目录作为网站主目录。
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------属性-----主目录：选中“此计算机上的目录”，在“本地路径”中指定主目录位置。
（本机目录权限设置）
读取：表示允许客户机读取网页。
写入：表示允许客户机向目录中写文件。
脚本资源访问：表示允许客户机访问源代码。配合读取权限，客户机能够访问源代码，配合写入权限，客户机可以修改源代码。（一般取消该权限，否则会带来安全隐患。）
目录浏览：表示允许客户机查看目录中的文件和子目录的列表。
日志访问：选中表示在日志文件中记录对网站目录的访问情况。
索引此资源：表示允许索引服务将网站目录包含到全文索引中
（执行许可设置）
无：客户机只能访问网站的静态网页。
纯脚本：客户机可以访问静态网页和含有脚本的动态网页。
脚本和可执行程序：客户机可以访问网站上的所有网页。

2、用网络共享目录组织网页
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------属性-----主目录：选中“另一台计算机上的共享”，在“网络目录”中输入“\\{服务器}\{共享名}”的格式。（\\{webserver}\{websitel}）
（具体暂略43页）
3、网页复位向
开始菜单----设置----控制面板-----管理工具------internet信息服务：在“默认网站”上右键------属性-----主目录：选中“复位向到URL”，在“复位向到”中输入要转向的URL网址。
（具体暂略44页）

五、配置ASP网站的访问方法
六、配置ASP网站的性能
七、虚拟目录
（具体暂略45页）

第四章 ASP网站开发工具
制作ASP网页并不一定需要专业的工具，使用任何一种文本编辑软件就可以完成。但专业的ASP网页设计工具还是可以帮助初学者提高ASP网页开发的效率和质量的。
在众多的ASP网页设计工具中，OFFICE办公软件中的FrontPage 2003一直作为网页设计中的强大软件之一。

第五章 HTML静态网页和ASP动态网页
一、静态网页HTML
1、静态网页的含义
网页是在HTML语言（超文本标记语言）的基础上诞生的。当客户机通过IE浏览器向Web服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文文件传送给用户浏览器，其页面内容使用的仅仅是标准的HTML代码。
若网站管理员需要更新网页的内容，就必须手动更新其所有的HTML文檔。由静态的HTML网页构成的网站就是静态网站。
静态网站的最大弱点就是不易维护，为了不断更新网页的内容。管理员必须不断地重复制作HTML文档，随着网站内容和信息量的日益扩增，更新和制作网页的工作量将成为这类网站最大的硬伤。
2、为什么仅仅包含HTML的网页是静态的
这是因为HTML语言设计的目录就是标记语言，HTML语言的各种要素用来定义信息是如何显示的，IE浏览中内嵌有多种解释器，这些解释器就可以判读静态Web网页的内容，然后按照指定的格式进行显示。
例：
新建网页------在其中输入“我用FrontPage 2003设计的第一个HTML静态网页”-------保存到站点中，查看代码，可以发现，静态HTML语言的要素定义的是数据如何显示，而不能如何动态生成数据，所以单纯使用HTML制作的网页就是静态的。
注意：在FrontPage 2003中设计的HTML网页的代码是Web服务器上的代码，在IE浏览器上查看的代码是客户机上的代码。两者完全一致说明了HTML静态网页在浏览的过程中内容不发生任何改变。
3、静态网页执行前后内容是否变化
在IE浏览器的菜单栏中选择“查看”菜单------源文件：可以看到源代码和原来的代码是完全一致的，不发生变化。所以我们说HTML静态网页好比“复印机”，只不过是将设计的网页复印到客户机的浏览器上显示而已。
4、谁在执行静态网页
将一个网页放置在本机中的任意位置，在IE浏览器的菜单栏中选择“文件”菜单----打开：找到要打开的网页位置，系统将立刻显示该网页，这说明IE浏览器在执行静态的HTML网页。存静态网页是不需要构建WEB服务器的。

二、ASP动态网页
1、ASP动态网页的含义
ASP网页并不需要多么复杂的技术，它无非是在静态HTML网页里面嵌入了动态的指令而已。而这些动态指令是由各种脚本语言编写的，是由IIS服务器上的脚本引擎来执行的。
所以一个ASP网页主要包含两个部分：
HTML静态网页（由IE浏览器解释执行），ASP脚本命令（由IIS脚本引擎解释执行）
2、ASP网页是否必须以asp为扩展名
ASP网页和HTML静态网页都是文本文件，但IIS只有看到后缀名为.asp的文件才会认为是ASP动态网页才会交给脚本引擎去识别和执行。脚本引擎逐行判断网页代码是动态还是静态的，如果是静态的就直接回馈给IE浏览器。如果是动态的ASP代码则按照要求生成结果，并将结果插入到网页中的相关位置上，最后回馈给IE浏览器。
3、静态网页是否可以以asp为扩展名
静态网页改扩展名为asp是可以执行的，但是并不赞成这样做，因为名字这样一改，其后台的执行机制就发生了变化。

三、ASP动态网页的执行机制
1、ASP.DLL文档的作用
在c:\Windows\system32\inetsrv下有一个特殊的文档ASP.DLL
该文档是一个动态链接库，其作用是对扩展名为asp的网页檔进行分析，判断其中是否有asp动态脚本代码，如果有则将代码送往相应的脚本引擎执行；如果是静态的HTML代码，则直接回馈给IE浏览器。ASP.DLL好比一个筛选器，筛选静态和动态的网页代码，并送往各自的处理部分。
2、ASP动态网页的执行过程
Web客户机在IE浏览器中输入网址，向Web服务器提出请求。---------Web服务器在网站的相关目录下找到ASP文件，将档送给ASP.DLL进行分析。--------ASP.DLL逐行读取代码，将<%%>标记内的内容判断为服务器脚本，并根据不同的脚本类型将脚本代码送入不同的脚本引擎处理。--------脚本引擎按照脚本命令生成HTML内容，和ASP网页中的静态HTML代码合并后形成一个总体的HTML代码。--------WEB服务器将合并后的HTML网页回馈WEB客户机，在IE浏览器上显示出来。
ASP.DLL
VBScript脚本引擎

JavaScript脚本引擎

静态HTML部分
（1）Web客户机访问
（2）筛选分析后分解
（3）生成HTML代码
（4）合并后的HTML代码回馈向Web客户机

3、ASP动态网页的执行必须有局域网吗
没有局域网，没有网卡，也是可以执行ASP网页的。但只能采取下列两种方式才能访问到该网页。
Http://localhost/index.asp
http://mynetserver/index.asp

第六章 常用的HTML标记
一、基本结构标记
1、注释标记
语法格式：

2、开始与结束标记

语法格式：

从这里开始的内容为HTML文档

说明：HTML文文件的开始标记是，它告诉浏览器下面的内容是HTML文檔，在HTML文檔结束处要有对应的标记，它告诉浏览器HTML文檔结束了。
3、头部标记
语法格式：

HTML文檔的头部内容

说明：HTML文文件的头部标记是，它告诉浏览器下面的内容是HTML文文件的头部，显示在文本之前，而标记告诉浏览器头部内容结束了。头部里面一般包括注释，标题和META。
4、标题标记
语法格式：

网页的标题，写在</p><p style='height:0px;padding:0;overflow:hidden'>36、头部标记之中，会在IE浏览器的标题栏上显示。

说明：在“设计”视图状态下，空白处右键------网页属性-----常规：输入标题。
5、主体标记
语法格式：

网页的主体内容

说明：WEB页面主体的开始，网页的主要内容都在这个标记之中，还有一些属性可以设定背景色，背景图形等。
Bgcolor指定HTML的背景颜色。
Text font指定HTML文件中文字色彩属性。
Link指定HTML文件中待连接超链接对象色彩属性。
Alink指定HTML文件中连接超链接对象色彩属性。
Vlink指定HTML文件中已连接超链接对象色彩属性。
Background指下HTML背景为平铺图像（一般不用，降低速度。）

输入标题

主体内容

具体结构：

二、文本格式标记
1、标题字体
H4>

Face设置字体样式，如：华文行楷
3、段落标记RL”>链接到其它网页的页面
例：这里是中央电视台的主页
3、链接到当前网页的某位置
步骤1：先插入一个链接目的地的书签。
链接目地的文字
例：链接目地的文字
步骤2：再做链接。
点击链接内容
例：点击链接内容
4、链接到不同网页的某位置
步骤1：先在要链接的网页的某位置插入书签。如：D:\zhangli\123.html
链接目地的文字
例：链接目地的文字
步骤2：再做链接。
点击链接内容
例：点击链接内容
四、图像标记
语法格式：

注意：没有结束标记。

五、表格标记表格结束。
2、表格行标记
表示表格一行的开始和结束。
3、表格列标记
表示表格一列的开始和结束。

例：插入两行两列的表格
1
2
3
4
代码如下：
/address>
语法格式

reset 重置：是把用户输入的内容清除掉，重新输入。
button 按钮

1、插入文本框：在初始值。

2、输入密码的文本框：在form>之间插入。
语法格式：

dio"表示单选框
value="男"表示值。
name="R1"表示组名称。
Checked 表示按钮默认为选中。

5、插入多选框：在下拉菜单：在关于我们      便捷服务       自信AI       AI导航        抽奖活动©2010-2026 宁波自信网络信息技术有限公司  版权所有客服电话：[phone]  投诉电话：[phone]浙公网安备33021202000488号   浙ICP备2021020529号-1  |  浙B2-20240490  关注我们 ：