1、第一章第一章计算物理教研室.2.121/48学习内容介绍本课程教学内容以下本课程教学内容以下1)教材网页设计与制作教材网页设计与制作2)学习目标学习目标掌握一门语言、学会用一个软件,制作出一个完整网站、并熟悉网站制掌握一门语言、学会用一个软件,制作出一个完整网站、并熟悉网站制作、调试、上传公布、维护管理、推广等步骤;作、调试、上传公布、维护管理、推广等步骤;3)学习内容学习内容主要学习主要学习HTML语言语言+学会学会DW软件使用方法软件使用方法4)教学与学习方法教学与学习方法主要讲解基础知识,结合课堂训练、课外练习、网络交流、期末考试;主要讲解基础知识,结合课堂训练、课外练习、网络交流、期末
2、考试;5)需要掌握相关软件:需要掌握相关软件:网页制作软件网页制作软件-DW,Frontpage等;等;图片处理软件图片处理软件-acdsee、photoshop、firework、flash、gif、友立动画软件等;友立动画软件等;6)学习要求学习要求2/48本本课程安排情况程安排情况总共有总共有32课时,课时,2个学分。主要是理论讲授个学分。主要是理论讲授分三阶段进行:分三阶段进行:第一阶段第一阶段主要学习主要学习HTML语言语言+网页特效与技巧;网页特效与技巧;第二阶段第二阶段熟悉熟悉Dreamweaver使用;使用;第三阶段第三阶段学生自己实战演练。学生自己实战演练。3/48本本课程考
3、程考试安排安排一、各阶段成绩百分比:一、各阶段成绩百分比:平时成绩:平时成绩:25%期中考评:期中考评:15%期末考试:期末考试:60%二、平时考评方式及其分值百分比二、平时考评方式及其分值百分比作业:作业:满分满分100总共总共10次作业,每次次作业,每次4道计算题。缺交一次扣道计算题。缺交一次扣4分,迟交一次扣分,迟交一次扣2分;分;考勤:考勤:课堂点名共课堂点名共10次,缺席一次扣次,缺席一次扣4分,迟到一次扣分,迟到一次扣2分。分。三、期中考试三、期中考试考评方式:开卷考试;考评方式:开卷考试;考查内容:设计一个个人网站,满分考查内容:设计一个个人网站,满分100;四、期末考试四、期末
4、考试书面考评方式:书面考评方式:闭卷考试闭卷考试卷卷面面分分值:值:满分满分100时时间:间:90分钟分钟实践考查方式:实践考查方式:期末考试前一周提交一个完整网站期末考试前一周提交一个完整网站(详细要求到时通知详细要求到时通知)。4/48本章学习目标本章学习目标1、了解Internet产生、发展与现实状况,以及Internet在我国发 展情况。2、掌握TCP/IP分层模型、IP协议基本内容。3、掌握IP地址、域名,以及域名体系基本内容。4、掌握网络互联基本概念,以及接入Internet 基本方法。5、掌握Intranet基本概念,了解Internet组成及功效。6、了解相关网页一些基本概念7
5、、了解网站基本结构特征和网页布局8、了解网页制作基本工具和开发语言9、了解站点规划基本流程5/48Internet即国际计算机互联网,又叫国际计算机信息即国际计算机互联网,又叫国际计算机信息资源网。资源网。Internet是利用通信设备和线路将全世界上不一样地是利用通信设备和线路将全世界上不一样地理位置功效相对独立数以千万计计算机系统互连起理位置功效相对独立数以千万计计算机系统互连起来,以功效完善网络软件(网络通信协议、网络操来,以功效完善网络软件(网络通信协议、网络操作系统等)实现网络资源共享和信息交换数据通信作系统等)实现网络资源共享和信息交换数据通信网。网。我国曾被译为我国曾被译为“国际
6、互联网国际互联网”、“国际网国际网”等。等。1997年年7月,全国科学技术名词审定委员会推荐使用汉月,全国科学技术名词审定委员会推荐使用汉字译名字译名“因特网因特网”。1.1Internet概述6/481.1.1Internet起源和发展起源和发展Internet是起源于美国国防部高级研究计划局是起源于美国国防部高级研究计划局ARPA(AdvancedResearchProjectAgency)于于1968年主持研制用于支年主持研制用于支持军事研究计算机试验网持军事研究计算机试验网ARPANET。ARPANET建网初衷意在建网初衷意在帮助那些为美国军方工作研究人员经过计算机交换信息,它设计帮助
7、那些为美国军方工作研究人员经过计算机交换信息,它设计与实现是基于这么一个主导思想:网络要能够经得住故障考验而与实现是基于这么一个主导思想:网络要能够经得住故障考验而维持正常工作,当网络一部分因受攻击而失去作用时,网络其它维持正常工作,当网络一部分因受攻击而失去作用时,网络其它部分仍能维持正常通信。部分仍能维持正常通信。1985年美国国家科学基金会年美国国家科学基金会NSF(NationalScienceFoundation),为勉励大学与研究机),为勉励大学与研究机构共享他们非常昂贵四台计算机主机,希望经过计算机网络把各构共享他们非常昂贵四台计算机主机,希望经过计算机网络把各大学与研究机构计算
8、机与这些巨型计算机联接起来,他们利用大学与研究机构计算机与这些巨型计算机联接起来,他们利用ARPANET发展出来叫做发展出来叫做TCP/IP通迅协议自已出资建立一个名为通迅协议自已出资建立一个名为NSFNET广域网,因为美国国家科学资金勉励和资助,许多大学、广域网,因为美国国家科学资金勉励和资助,许多大学、政府资助研究机构、甚至私营研究机构纷纷把自已局域网并入政府资助研究机构、甚至私营研究机构纷纷把自已局域网并入NSFNET。80年代中期人们将这些互联在一起网络看作为一个互年代中期人们将这些互联在一起网络看作为一个互联网络,并以联网络,并以Internet来称呼它。来称呼它。7/481.1.2
9、Internet在中国第一阶段:19871993年,主要是理论研究及电子邮件服务。第二阶段:1994年至今,建立国内大型计算机网络并实现与Internet全功效连接。1.1.3Internet特点开放性开放性共享性共享性低廉性低廉性交互性交互性8/481.1.4Internet发展趋势应用商业化应用商业化互联全球化互联全球化互联宽带化互联宽带化多业务综合平台化、智能化多业务综合平台化、智能化9/481.2Internet基本概念与通信协议1.2.1TCPIP协议TCP/IP协议叫做传输控制/网际协议,它是Internet国际互联网络基础。TCP协议:提供了一个可靠数据交互服务。它把要发送报文(
10、即数据),分成每块不超出64K字节数据段,再将每个数据段作为一个独立数据包传送。在传送中,假如发生丢失、破坏、重复、延迟和乱序等问题,TCP就会重传这些数据包,最终接收端按正确次序将它们重新组装成报文。IP协议:IP协议主要要求了数据包传送格式,除了要传送数据外,还带有源地址和目标地址。目标地址能够帮助数据包寻找抵达目标地路径。因为因特网是一个网际网,数据从源地址到目标地址,途中要经过一系列子网,靠相邻子网一站站地传送下去。IP协议在传送过程中不考虑数据包丢失或犯错,纠错功效由TCP协议来确保。10/481.2.2TCPIP层次结构与功效Internet中TCP/IP协议模型,由四个层次组成。
11、应用层传输层网间网层网间网层网络接口层应用层传输层网络接口层物理网络 报文流TCP分组IP数据报11/481.2.3IP地址IP地址地址它是它是Internet协议地址简称。协议地址简称。如同电话网络上标识一台电话机是其电话号码一如同电话网络上标识一台电话机是其电话号码一样,样,IP地址是对连接到地址是对连接到Internet上计算机进行标识上计算机进行标识标准方法,分配给一台计算机标准方法,分配给一台计算机IP地址在地址在Internet上上是独一无二。是独一无二。当前使用当前使用IP地址由地址由32位二进制数组成。位二进制数组成。比如比如10001100101110100101000010
12、000001,为,为便于记忆,将便于记忆,将32位代码分为位代码分为4组,每组组,每组8位,然后位,然后转换为其对应十进制代码,这么一来转换为其对应十进制代码,这么一来IP地址就用地址就用4组十进制数表示,每组数可取值组十进制数表示,每组数可取值0255,各组数,各组数之间用一个点号之间用一个点号“.”隔开,其表示方法为:隔开,其表示方法为:nnn.nnn.nnn.nnn。上面数字就对应:。上面数字就对应:140.186.81.1。这种地址格式被称为点分十进制。这种地址格式被称为点分十进制地址。地址。12/481.2.3IP地址IP地址地址4组数字包含两个部分,即网络地址与主机地址,前者组数字
13、包含两个部分,即网络地址与主机地址,前者用来在用来在Internet中标识一个网络,后者则用来标识这个网络中某中标识一个网络,后者则用来标识这个网络中某一台主机。一台主机。IP地址按第一个字节前几位是地址按第一个字节前几位是0或或1组合,将地址标识为组合,将地址标识为A、B、C、D、E五类:五类:A类:最高位为类:最高位为“0”,随即,随即7位为网络地址,主机地址为位为网络地址,主机地址为24位,用于拥有大量主机大型网络。位,用于拥有大量主机大型网络。B类:最高两位为类:最高两位为“10”,随即,随即14位为网络地址,主机地位为网络地址,主机地址位址位16位,用于中等规模网络。位,用于中等规模
14、网络。C类:地址前三位为类:地址前三位为“110”,随即,随即21位为网络地址,主位为网络地址,主机地址为机地址为8位,用于小型规模网络。位,用于小型规模网络。D类:地址前类:地址前4位为位为“1110”,随即,随即28位为多投点地址。位为多投点地址。多投点与广播不一样之处于于允许每台机器自己选择是否多投点与广播不一样之处于于允许每台机器自己选择是否要参加多投点递交。要参加多投点递交。E类;地址前类;地址前5位为位为“11110”,保留为未来或一些试验使,保留为未来或一些试验使用。用。13/481.2.4域名和域名系统【域名域名】IP地址能够唯一地确定一台主机,但因为地址能够唯一地确定一台主机
15、,但因为IP地址地址是数字型标识,这种数字地址显然不够直观,也难是数字型标识,这种数字地址显然不够直观,也难以记忆,为此,以记忆,为此,Internet采取了一个字符型标识,采取了一个字符型标识,用字符串标识主机地址,这就是域名。用字符串标识主机地址,这就是域名。域名结构类似于以下结构:域名结构类似于以下结构:计算机主机名机构名网络名最高层域名计算机主机名机构名网络名最高层域名【域名系统】【域名系统】能实现域名和能实现域名和IP地址之间双向转换软件称为域名地址之间双向转换软件称为域名系统(系统(DNS-DomainNameSystem),简称),简称DNS。它是一个管理名字方法。它是一个管理名
16、字方法。14/481.2.4域名和域名系统中国互联网络域名及管理中国互联网络域名及管理1997年年,中国互联网信息中心中国互联网信息中心CNNIC(ChinaInternetNetworkInformationCenter)成立成立,全方全方面负责我国境内面负责我国境内Internet域名注册及域名注册及IP地址分配等工地址分配等工作作,对国内用户接人对国内用户接人Internet域名系统实施统一管理。域名系统实施统一管理。CNNIC将我国二级域名分为两类,即类别域名和行将我国二级域名分为两类,即类别域名和行政区域名。政区域名。其中类别域名有:其中类别域名有:行政区域名:行政区域名:ac适合用
17、于科研机构;适合用于科研机构;共共34个,适合个,适合用于各用于各com适合用于工适合用于工.商商.金融等企业;金融等企业;省自治区、省自治区、直辖市直辖市edu适合用于教育机构;适合用于教育机构;和尤其行政区。和尤其行政区。gov适合用于政府部门;适合用于政府部门;net适合用于网络运行与服务中心;适合用于网络运行与服务中心;org适合用于各种非营利性组织、机构。适合用于各种非营利性组织、机构。15/481.3接入Internet用户想要利用用户想要利用Internet资源,必须首先将自己计算资源,必须首先将自己计算机接入机接入Internet。用户经过因特网服务供给商。用户经过因特网服务供
18、给商ISP接入接入因特网,因特网,ISP作用一是为用户接入因特网提供服务,作用一是为用户接入因特网提供服务,二是为用户提供各种类型信息服务,比如电子邮件服二是为用户提供各种类型信息服务,比如电子邮件服务、信息公布代理服务、广告服务等。接入务、信息公布代理服务、广告服务等。接入Internet方法有以下许各种,下面我们介绍惯用三种方法有以下许各种,下面我们介绍惯用三种:拨号接入拨号接入InternetADSL接入接入Internet经过局域网接入经过局域网接入Internet16/481.4Internet主要服务1.4.1电子邮件电子邮件电子邮件(简称电子邮件(简称E-mail)简单地说就是经
19、过)简单地说就是经过Internet收发信件,是收发信件,是种用电子伎俩种用电子伎俩提供信息交换通信方式。提供信息交换通信方式。个完整个完整Internet邮件地址由以下两个部分组成,格式以下:邮件地址由以下两个部分组成,格式以下:登录名登录名主机名主机名.域名域名“”前面部分通常是用户登录名,即与服务器联机时输入名字;前面部分通常是用户登录名,即与服务器联机时输入名字;“”后面部分是后面部分是区域名,它标识用户所属特定系统(主机),普通为邮件服务器名字。区域名,它标识用户所属特定系统(主机),普通为邮件服务器名字。比如:比如:17/481.4.2远程登录远程登录在在Internet中,用户能
20、够经过远程登录使自己成为远程计算机终端,用户在当地计中,用户能够经过远程登录使自己成为远程计算机终端,用户在当地计算机上用键盘和显示器与远程计算机进行交互作用,并在它上面运行程序或使用算机上用键盘和显示器与远程计算机进行交互作用,并在它上面运行程序或使用它软件和硬件资源。它软件和硬件资源。Telnet是一个强有力远程登录工具。登录时必须事先成为该远程计算机系统正当用是一个强有力远程登录工具。登录时必须事先成为该远程计算机系统正当用户,拥有响应账号和口令。户,拥有响应账号和口令。18/481.4.3文件传输FTP(FileTransferProtocol)是文件传输协议英文缩写,)是文件传输协议
21、英文缩写,是一个与是一个与Telnet类似联机服务。允许用户从远程计算机上取类似联机服务。允许用户从远程计算机上取得一个文件副本传送到当地计算机上,或将当地计算机上一得一个文件副本传送到当地计算机上,或将当地计算机上一个文件副本传送到远程计算机上。一样,远程计算机在进行个文件副本传送到远程计算机上。一样,远程计算机在进行文件传输时要求输入用户账号和口令。但文件传输时要求输入用户账号和口令。但Internet上有许多上有许多FTP服务器都提供无偿软件和信息,用户登录时不记名,这服务器都提供无偿软件和信息,用户登录时不记名,这种种FTP服务称为匿名服务称为匿名FTP服务。服务。FTP采取采取“客户
22、机客户机/服务器服务器”工作方式,客户端要在自己计算工作方式,客户端要在自己计算机上安排机上安排FTP客户程序。使用客户程序。使用FTP可传送任何类型文件,如可传送任何类型文件,如文本文件、二进制文件、声音文件、图像文件和数据压缩文文本文件、二进制文件、声音文件、图像文件和数据压缩文件等。件等。FTP就是完成两台计算机之间文件拷贝。从远程计算机拷贝就是完成两台计算机之间文件拷贝。从远程计算机拷贝文件至自己计算机上,称之为文件至自己计算机上,称之为“下载(下载(download)”文件。文件。若将文件从自己计算机中拷贝至远程计算机上,则称之为若将文件从自己计算机中拷贝至远程计算机上,则称之为“上
23、载(上载(upload)”文件。文件。19/481.4.4新闻讨论组新闻组新闻组(Usenet)是一个在是一个在Internet上提供给网络用户用上提供给网络用户用来彼此交换信息或是讨论某一共同话题系统。在新闻来彼此交换信息或是讨论某一共同话题系统。在新闻组上交流信息或文章称为网络新闻或网络论坛,能够组上交流信息或文章称为网络新闻或网络论坛,能够将任何问题张贴上网,它会伴随网络散播到世界各地。将任何问题张贴上网,它会伴随网络散播到世界各地。新闻讨论组存在,使新闻讨论组存在,使Internet应用从简单浏览上应用从简单浏览上升到主动地参加。在升到主动地参加。在Internet上,提供网络新闻服务
24、上,提供网络新闻服务主机叫做主机叫做News(新闻新闻)服务器。服务器。20/481.5全球信息网WWW全球信息网即全球信息网即WWW(WorldWideWeb),又被人们称,又被人们称为为3W、万维网等,是、万维网等,是Intemet上最受欢迎、最为流行上最受欢迎、最为流行信息检索工具。信息检索工具。Internet网中客户使用浏览器只要简单地点击鼠网中客户使用浏览器只要简单地点击鼠标,标,即可访问分布在全世界范围内即可访问分布在全世界范围内Web服务器上文服务器上文本文件,以及与之相配套图像、声音和动画等,进行本文件,以及与之相配套图像、声音和动画等,进行信息浏览或信息公布。信息浏览或信息
25、公布。21/481.5.1WWW起源和发展WWW是由欧洲粒子物理试验室是由欧洲粒子物理试验室(CERN)科研人员科研人员于于1989年负责开发。最初动机,就是想让几千名年负责开发。最初动机,就是想让几千名经常访问经常访问CERN科学家坐在世界上任何地方一科学家坐在世界上任何地方一台计算机前都能够用同一个方式共享信息资源,为分台计算机前都能够用同一个方式共享信息资源,为分散在世界各地物理学家组成工作组提供信息服务,散在世界各地物理学家组成工作组提供信息服务,使组内组员能够方便地交换信息,或者交换彼此想使组内组员能够方便地交换信息,或者交换彼此想法。为了利用法。为了利用Internet实现这个目标
26、,欧洲粒子物理实实现这个目标,欧洲粒子物理实验室科研人员提出了超文本数据结构。所谓超文本验室科研人员提出了超文本数据结构。所谓超文本(Hypertext)数据结构,是一个用计算机来实现连接)数据结构,是一个用计算机来实现连接相关文档结构,该连接以高亮单词或图象形式嵌入在相关文档结构,该连接以高亮单词或图象形式嵌入在文档文字之中。当被激活时,便马上检索连接文档文档文字之中。当被激活时,便马上检索连接文档并显示出来,在被连接文档中又能够嵌套别连接,并显示出来,在被连接文档中又能够嵌套别连接,如此多重嵌套,以至无穷。如此多重嵌套,以至无穷。22/481.5.2WWW工作模式WWW服务采取了客户服务器
27、工作模式。在该模式中,服务采取了客户服务器工作模式。在该模式中,信息资源以页面(也称网页或信息资源以页面(也称网页或Web页)形式存放在页)形式存放在Web服务服务器中;用户查询信息时执行一个客户端应用程序,简称客户器中;用户查询信息时执行一个客户端应用程序,简称客户程序(程序(Cient)或称为浏览器()或称为浏览器(Browser)程序,客户端浏)程序,客户端浏览器软件含有览器软件含有Internet地址地址(Web地址地址)和文件路径导航能力,和文件路径导航能力,它向它向Web服务器发出请求,服务器发出请求,Web服务器依据客户端请求内容,服务器依据客户端请求内容,将保留在将保留在Web
28、服务器中某个页面返回给客户端。浏览器程序服务器中某个页面返回给客户端。浏览器程序接收到页面后对其进行解释,最终将图、文、声并茂画面展接收到页面后对其进行解释,最终将图、文、声并茂画面展现给用户。上述整个过程可分为以下三个步骤:现给用户。上述整个过程可分为以下三个步骤:浏览器向某个浏览器向某个Web服务器发出一个需要页面请求,即服务器发出一个需要页面请求,即输入一个输入一个Web地址;地址;Web服务器收到请求后,在文档中寻找特定页面,并服务器收到请求后,在文档中寻找特定页面,并将页面传送给浏览器;将页面传送给浏览器;浏览器收到并显示页面内容。浏览器收到并显示页面内容。23/481.5.3Web
29、浏览器和服务器浏览网页是互联网上最普及应用,而浏览器则是互联网浏览网页是互联网上最普及应用,而浏览器则是互联网应用中最惯用工具软件,它性能、功效和安全性将直接影响应用中最惯用工具软件,它性能、功效和安全性将直接影响我们使用互联网体验和感受。我们使用互联网体验和感受。Web浏览器是一个程序,它能浏览器是一个程序,它能对对HTML文档格式及其所含有漫游指令进行转换。浏览器和文档格式及其所含有漫游指令进行转换。浏览器和服务器经过另一个公开标准,服务器经过另一个公开标准,即即HTTP(HyperTextTransferProtocol)来实现它们之来实现它们之间通信。利用间通信。利用HTML和和HTT
30、P规范,规范,Web联合会已经能够使联合会已经能够使Internet上任何一个用户都能轻而易举地创建和公布上任何一个用户都能轻而易举地创建和公布Web文文档。档。IE浏览器是浏览器是Microsoft企业设计开发一个功效强大、很企业设计开发一个功效强大、很受欢迎受欢迎Web浏览器。在浏览器。在WindowsXP操作系统中内置了操作系统中内置了IE浏览器升级版本浏览器升级版本IE6.0,与以前版本相比,其功效愈加强大,与以前版本相比,其功效愈加强大,使用愈加方便,用户能够将计算机连接到使用愈加方便,用户能够将计算机连接到Internet,从,从Web服务器上搜索需要信息、浏览服务器上搜索需要信息
31、、浏览Web网页、查看源文件、收网页、查看源文件、收发电子邮件,上传网页等。发电子邮件,上传网页等。24/481.5.3Web浏览器和服务器Web服务器服务器(或称或称HTTP服务器服务器)主要提供主要提供HTTP服务。服务。原来原来Web服务器只提供服务器只提供“静态静态”内容,即返回在内容,即返回在URL里指定文件内容,普通具备将里指定文件内容,普通具备将URL名映射到文名映射到文件名功效,并能实施某种安全策略。现在,可采件名功效,并能实施某种安全策略。现在,可采用用CGI(通用网关接口通用网关接口)技术或技术或JavaServlet技术从一技术从一个运行程序里得出个运行程序里得出“动态动
32、态”内容,能够采取应用关内容,能够采取应用关键字来组织脚本文件键字来组织脚本文件,而且现在而且现在Web服务器通常还服务器通常还具备连接数据库功效,这些形成了具备连接数据库功效,这些形成了Web应用出应用出现现.通常,一个通常,一个Web服务器还提供其它服务。代理服务器还提供其它服务。代理服服务器能够经过缓存应答务器能够经过缓存应答(页面页面)使得响应时间更加快,使得响应时间更加快,也能够降低网络流量,对外能隐藏内部网信息。就也能够降低网络流量,对外能隐藏内部网信息。就当前情况来看,功效强大当前情况来看,功效强大Web服务器大多数是运行服务器大多数是运行在在WindowsNT或或UNIX平台上
33、。平台上。25/481.5.4统一资源定位器URL在在WWW上浏览或查询信息,必须在浏览器上输入上浏览或查询信息,必须在浏览器上输入查询目标地址,这就是查询目标地址,这就是URL(UniformResourceLocator:统一资源定位器:统一资源定位器),也称,也称Web地址,俗称地址,俗称“网址网址”。采取采取URL能够用一个统一格式来描述能够用一个统一格式来描述WWW中各种信中各种信息资源,包含文件、服务器地址和目录等。息资源,包含文件、服务器地址和目录等。URL格式普通由以下三部分组成:格式普通由以下三部分组成:协议协议+“:/”+主机域名主机域名(IP地址地址)+目录路径目录路径第
34、一部分是第一部分是:协议(或称为服务方式);协议(或称为服务方式);第二部分是第二部分是:存有该资源主机存有该资源主机IP地址(有时也包地址(有时也包含端口号)或域名地址;含端口号)或域名地址;第三部分是第三部分是:主机资源详细地址,如目录和文件主机资源详细地址,如目录和文件名等。名等。26/481.5.5HTTP协议HTTP(HyperTextTransferProtocol)超文本传输超文本传输协议是协议是WWW基本协议,是用于从基本协议,是用于从WWW服务器传服务器传输超文本到当地浏览器传送协议。它不但确保计算输超文本到当地浏览器传送协议。它不但确保计算机正确快速地传输超文本文档,还确定
35、传输文档中机正确快速地传输超文本文档,还确定传输文档中哪一部分,以及哪部分内容首先显示哪一部分,以及哪部分内容首先显示(如文本先于图形如文本先于图形)等。超文本含有极强交互能力,用户只需点击文本中等。超文本含有极强交互能力,用户只需点击文本中字和词组,即可阅读另一文本相关信息,这就是超字和词组,即可阅读另一文本相关信息,这就是超链接链接(Hyperlink)。超链接普通嵌在网页文本或图。超链接普通嵌在网页文本或图像中。像中。27/481.2网页与网站概念1网站和网页2远程站点和当地站点28/481网站和网页网站(WebSite)顾名思义就是计算机网络上一个站点,代表一个位置,网页(WebPag
36、e)就是站点中所包含内容。简单来说,网站是一系列含有相同或相同属性并经过各种链接相互关联网页组合。网页能够是站点一部分,也能够独立存在。经过浏览器能够实现网页跳转,从而游览整个网站。网页是网站信息公布与表现一个主要形式。网页内容与公布信息目标和要求相关,网页表现形式和效果与制作工具和创意水平相关。网页是用HTML编写、经过WWW网络传输,并被Web浏览器翻译成能够显示出来一个页面文件,它集合了文本、图片、声音和数字电影等信息。网页普通由站标、导航栏、广告栏和信息区等部分组成。依据页面内容,能够把网页分为首页、主页、专栏网页、内容网页,以及功效网页等类型,在这些网页中最主要是网站主页。在访问一个
37、网站时首先看到网页称为该网站首页。有网站首页只起欢迎访问者作用,是网站开场页。单击该页面上链接文字或图片,即可进入网站主页,首页也随之关闭。29/481.3网页制作惯用工具介绍1.3.1网页布局工具1Dreamweaver2Frontpage1.3.2网页美化工具1图像处理软件:Photoshop,Fireworks2动画制作软件:FLASH,Swish、UleadGIFAnimator,UleadCool3D、3DFlashAnimator、Xara3D30/481Dreamweaver由美国Macromedia企业开发Dreamweaver、Flash和Fireworks被称为网页制作三剑
38、客,是制作专业网站必备武器。Dreamweaver、Flash和Fireworks含有统一界面,方便了用户操作。其中Dreamweaver是一个网站和网页制作专业化可视编辑工具。利用Dreamweaver能够轻松地制作出含有动态HTML功效网站,并能够制作出跨越平台限制和跨越浏览器限制充满动感网页。Dreamweaver含有制作效率高、网站管理方便、控制能力强、所见即所得、模板丰富、网页展现力强等特点。31/482FlashFlash是当前最流行矢量动画制作软件。与其它动画软件相比,它优点在于:制作是矢量图像,只有用少许矢量数据就能够描述一个复杂对象,而占有存放空间只是位图几千分之一,非常适合
39、在网络上使用。同时,矢量图像画面质量不会随浏览器窗口大小改变而改变。FlashMX影片是一个流式文件。当浏览者在观看一个大动画时,无须等到影片全部下载到当地后再观看,而是能够随时观看,如支持位图、声音、渐变色和Alpha透明等。拥有了这些功效,用户完全能够建立一个全部由Flash制作站点。32/483FireworksFirework是当前最流行网页图像制作软件之一。只要将Dreamweaver默认图像编辑器设为Fireworks,那么在Fireworks中制作完成网页图像后将其输出就会马上在Dreamweaver中更新。Fireworks还能够安装使用全部Photoshop滤镜,而且能够直接
40、导入PSD格式图像。它不但结合了Photoshop位图功效以及CorelDRAW矢量图功效,而且提供了大量网页图像模板供用户使用。比如,网页上流行阴影和立体按钮等效果,能够很简单用它制作完成。它还能够将图像切割、图像映射、悬停按钮及图像翻转等效果直接生成HTML代码,嵌入到现有网页中,或者作为单独网页出现。33/481.4网页开发语言1.4.1HTML语言1.4.2VBScript和JavaScript1.4.3动态网站开发语言1ASP2JSP3PHP34/481.4.1HTML语言HTML英文全称是“HyperTextMarkuplanguage”,汉字可译为“超文本标识语言”,它由W3C组
41、织商讨制订。用其语法规则建立文档能够运行在不一样操作系统平台上,是当前因特网上用于编写网页主要语言。HTML并不是一个程序设计语言,而是一个描述文档结构标识语言,不需要翻译而直接由浏览器解释执行。它作用是经过一些标签来告诉浏览器,怎样显示标签中内容。HTML中标签是不能扩展,HTML文件中包含了要显示数据和显示方法。其扩展名为“htm”或“html”。35/481.4.2VBScript和JavaScriptVBScript和JavaScript都是一个解释性脚本语言,它们代码能够直接嵌入到HTML命令中。JavaScript和VBScript最大特点是能够很方便地操纵网页上元素,并经过Web
42、浏览器与访问者交互。同时,JavaScript和VBScript能够捕捉客户操作并作出反应。1VBScript2JavaScript36/481VBScriptVBScript脚本语言是ASP默认语言,它是VisualBasic家族最新组员,能够说VBScript是VisualBasic子集,也能够说VBScript是为了符合Internet小而精条件而从VB之中萃取出精华功效程序语言,其语法规则、函数与VB很相同,但功效上有所限制,语法规则也不是很严谨。37/481VBScriptVBScript能够在客户端使用,也能够在服务器端使用,这是程序本身决定。下面我们来看一段HTML中VBScri
43、pt代码。VBScript代码示例VBScript代码示例,弹出式对话框!MsgBox”VBScript代码示例”38/481VBScript其中,“”与“”之间就是VBScript脚本代码,“language”告诉浏览器脚本代码语言类型是VBScript。“MsgBox”是VBScript语言中显示消息框函数,其功效是弹出一个含有按钮对话框,并显示“”中字符串。以下列图所表示。39/481VBScript40/482JavaScriptJavaScript是一个跨平台、基于对象脚本语言,提到JavaScript脚本语言,可能会把它与Java语言混同起来,其实JavaScript与Java是两
44、种完全不一样语言。即使它们语法元素都和C+十分相同,但彼此间是不一样。首先JavaScript是Netscape企业产品,而Java是Sun企业产品;JavaScript是一个解释型语言,而Java是一个编译型语言。在HTML基础上,使用JavaScript能够开发交互式Web网页。使网页包含更多活跃元素和愈加精彩内容。41/482JavaScript一样来看一段代码。JavaScript代码示例JavaScript代码示例,弹出式对话框!alert(“JavaScript代码示例!”)42/482JavaScript其中,“”与“”之间就是JavaScript脚本代码,“language”告
45、诉浏览器脚本代码语言类型是JavaScript。“Alert()”是JavaScript语言中显示消息框函数,其功效是弹出一个含有按钮对话框,并显示“()”中字符串,以下列图所表示。43/482JavaScript44/481.2.3ASP,PHP,JSP当前,最惯用三种动态网页语言有ASP,JSP,PHP。ASP(ActiveServerPages),是一个Web服务器端开发环境,利用它能够产生和运行动态、交互、高性能Web服务应用程序。ASP既不是一个语言,也不是一个开发工具,而是一个内含于IIS/PWS之中易学易用、能够集成Script语言(如VBScript或JavaScript)到H
46、TML主页服务器端(ServerSide)脚本语言环境,其主要功效是为生成动态、交互Web服务器应用程序提供一个功效强大方式或技术。45/48PHP(原始缩写是“PersonaHomePage”,现在官方正式定为“PHP:HypertextPreprocessor”递归缩写),与ASP一样,PHP也是一个跨平台服务器端嵌入式脚本语言。它大量地借用C,Java和Perl语言语法,并耦合PHP自己特征,使Web开发者能够快速地写出动态生成页面。与ASP不一样是,PHP跨多个平台(如Unix、Linux、Windows98、WindowsNT、Windows、WindowsXP和Macintosh等
47、),支持数种著名通用Web服务器(如IIS、Apache),用户更换平台时无需变换PHP代码。1.4.3ASP,PHP,JSP46/48JSP(JavaServerPages)是Sun企业推出新一代站点开发语言,能够在Serverlet和JavaBean支持下,完成功效强大站点程序。在传统HTML网页中加入Java程序片段和JSP标识,就组成了JSP网页。Web服务器在访问JSP网页时,由JSP引擎解释JSP标识和其中程序片段,生成所请求内容,然后将结果以HTML格式返回到浏览器。47/48三者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码功效。普通HTML页面只依赖于Web服务器,而ASP,PHP,JSP页面需要附加语言引擎分析和执行程序代码。程序代码执行结果被重新嵌入到HTML代码中,然后一起发送给浏览器。在ASP,PHP,JSP环境下,HTML代码主要负责描述信息显示样式,而程序代码则用来描述处理逻辑。ASP,PHP,JSP三者都是面向Web服务器技术,客户端浏览器不需要任何附加软件支持。48/48