ASP.NET动态网站开发教程(第二版).ppt

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,*,页,ASP.NET,动态网站开发教程（第二版）,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,*,页,ASP.NET,动态网站开发教程（第二版）,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,*,页,ASP.NET,动态网站开发教程,(,第二版,),单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,*,页,ASP.NET,动态网站开发教程（第二版）,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,*,页,ASP.NET,动态网站开发教程（第二版）,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,*,页,ASP.NET,动态网站开发教程（第二版）,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,*,页,ASP.NET3.5,动态网站开发基础教程,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,*,页,ASP.NET,动态网站开发教程,(,第二版,),单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,*,页,ASP.NET,动态网站开发教程（第二版）,第,1,章,ASP.NET 3.5,概述,2025年5月27日,第,1,页,教学目标,理解静态网页与动态网页的概念和工作原理,了解常见的动态网络程序设计语言,理解,.NET,框架的组成,掌握安装,Visual Studio 2008,的方法,掌握开发,ASP.NET Web,应用程序的一般流程,2025年5月27日,第,2,页,第,1,章,ASP.NET 3.5,概述,1.1 Web,基础知识,1.2 ASP.NET 3.5,简介,1.3,安装,Visual Studio 2008,1.4,开发,ASP.NET Web,应用程序的一般流程,2025年5月27日,第,3,页,1.1 Web,基础知识,1.1.1 HTTP,协议,1.1.2 Web,服务器和浏览器,1.1.3 C/S,模式与,B/S,模式,1.1.4 Web,的访问原理,1.1.5,常见的网络程序设计语言,2025年5月27日,第,4,页,1.1.1 HTTP,协议,HTTP,（,Hyper Text Transfer Protocol,）协议，即超文本传输协议是在,Internet,中进行信息传送的协议，浏览器默认使用这个协议。,从浏览器向,Web,服务器发出的搜索某个,Web,网页的请求叫做,HTTP,请求。,2025年5月27日,第,5,页,1.1.1,HTTP,协议,Web,服务器收到,HTTP,请求后，就会按照请求的要求，寻找相应的网页。如果找到，就把网页的,HTML,（,Hypertext Markup Language,，超文本标记语言）代码通过,Internet,传回浏览器；如果没有找到，就发送一个错误信息给发出,HTTP,请求的浏览器，后面的这些操作就叫做,HTTP,响应。,2025年5月27日,第,6,页,1.1.2 Web,服务器和浏览器,Web,服务器就是安装了,Web,服务器软件的计算机，它可以为提出,HTTP,请求的浏览器提供,HTTP,响应。比较常见的,Web,服务器软件有,Apache,和,IIS,。,浏览器是运行在客户机上的程序，用户可以用它来浏览服务器中的可用资源，因此称为浏览器。当客户进行网页浏览时，由客户的浏览器执行来自服务器的,HTML,代码，并将其内容显示给客户。,2025年5月27日,第,7,页,1.1.3 C/S,模式与,B/S,模式,C/S,和,B/S,是目前开发模式技术架构的两大主流技术。,C/S,模式最早是由美国,Borland,公司研发，而,B/S,模式是由美国微软公司研发的。,C/S,模式。,C/S,（,Client/Server,，客户机,/,服务器）模式是一种软件系统体系结构。,2025年5月27日,第,8,页,1.1.3 C/S,模式与,B/S,模式,B/S,模式。,B/S,（,Browser/Server,，浏览器,/,服务器）模式是随着,Internet,技术的兴起，对,C/S,模式的一种变化或改进。在这种模式下，用户工作界面是通过,Web,浏览器来实现的。,2025年5月27日,第,9,页,1.1.4 Web,的访问原理,Web,应用程序是基于,B/S,结构的。,客户端和服务器端。一般来说，凡是提供服务的一方称为服务器端，而接受服务的一方称为客户端。,2025年5月27日,第,10,页,2025年5月27日,第,11,页,静态网页的工作原理,：,静态网页也称为普通网页，是相对动态网页而言的。静态并不是指网页中的元素都是静止不动的，而是指网页文件里没有程序代码，只有,HTML,（超文本标记语言）标记，一般后缀为,.htm,、,.html,、,.shtml,或,.xml,等。,2025年5月27日,第,12,页,静态网页的工作原理,：,静态网页中可以包括,GIF,动画，鼠标经过,Flash,按钮时，按钮可能会发生变化。静态网页一经制成，内容就不会再变化，不管何人何时访问，显示的都是一样的内容。如果要修改网页的内容，就必须修改其源代码，然后重新上传到服务器。,2025年5月27日,第,13,页,2025年5月27日,第,14,页,静态网页示例,2025年5月27日,第,15,页,动态网页的工作原理：,动态网页是指在网页文件中除了,HTML,标记外，还包括一些实现特定功能的程序代码，这些程序代码使得浏览器与服务器之间可以发生交互，即服务器端可以根据客户端的不同请求动态产生网页内容。,2025年5月27日,第,16,页,动态网页的工作原理：,动态网页的后缀通常根据所用的程序设计语言的不同而不同，一般为,.asp,、,.aspx,、,.cgi,、,.php,、,.perl,、,.jsp,等。动态网页可以根据不同的时间、不同的浏览者而显示不同的信息。常见的留言板、论坛、聊天室都是用动态网页实现的。,2025年5月27日,第,17,页,2025年5月27日,第,18,页,动态网页示例,BBS,论坛,留言板,聊天室,2025年5月27日,第,19,页,1.1.5,常见的网络程序设计技术,ASP,PHP,JSP,ASP.NET,2025年5月27日,第,20,页,ASP,ASP,全称,Active Server Pages,（活动服务器网页），是微软在,1996,年底推出的一种用以取代,CGI,的动态网页开发技术。,ASP,的第一个版本是,0.9,测试版。它给,Web,开发带来一阵风暴，使得建立一个动态页面如小孩子玩游戏一样简单，目前的版本为,3.0,。,2025年5月27日,第,21,页,ASP,既不是一种语言，也不是一种开发工具。,ASP,文件就是在普通的,HTML,文件中嵌入,VBScript,或,JavaScript,脚本语言程序，其文件的后缀是,.asp,。当客户请求一个,ASP,文件时，服务器端就会运行,ASP,文件中的脚本代码，并转化为标准的,HTML,文件，然后发送到客户端。,ASP,提供了几个非常有用的内部对象和内部组件，利用它们可以轻松地实现表单上传、存取数据库等功能。,2025年5月27日,第,22,页,ASP,最大的优点是简单好学，又有微软的强大支持，所以一经推出就很受欢迎，很多网站都是用,ASP,开发的。,ASP,的缺点主要是不能跨平台，一般只能在,Windows,系列的操作系统上运行。,2025年5月27日,第,23,页,PHP,PHP,是,Rasmus Lerdorf,于,1994,年开发的，最初的目的是帮助,Lerdorf,记录他个人网站的访问者。,1995,年，他开发了一个名为个人主页工具（,Personal Home Page Tool,）的包，也就是,PHP,第一个公开发布的版本。后来，人们开始使用一个递归式的名字,PHP,：,Hypertext Preprocessor,（超文本预处理器），这使得它原来的名字逐渐被人们所遗忘。,2025年5月27日,第,24,页,PHP,现在是一个开放源码的产品，其官方网站是,,，用户可以自由下载。,HP,程序可以运行在,UNIX,、,Linux,及,Windows,操作系统上，对客户端浏览器也没有特殊要求。,PHP,、,MySQL,数据库和,Apache Web,服务器是一个比较好的组合。,2025年5月27日,第,25,页,PHP,也是将脚本语言嵌入,HTML,文档中，大量采用了,Perl,、,C+,和,Java,的一些特性，其文件的扩展名是,.php,、,.php3,、,.phtml,。,PHP,程序在服务器端执行，转化为标准的,HTML,文件发送到客户端。,PHP,的优点主要是免费和开放源码，对于许多要考虑成本的商业网站，尤为重要。,2025年5月27日,第,26,页,JSP,JSP,的全称是,Java Server Pages,，是由,Sun,公司于,1999,年,6,月开发出来的一种全新的动态页面技术。,JSP,是,Java,开发阵营中最具代表性的解决方案，,JSP,不仅拥有与,Java,一样的面向对象、便利、跨平台等优点和特性，还拥有,Java Servlet,的稳定性，并且可以使用,Servlet,提供的,API,、,JavaBean,及,Web,开发框架技术，使页面代码与后台处理代码分离，提高工作效率。,2025年5月27日,第,27,页,在目前流行的,Web,程序开发技术中，,JSP,是比较热门的一种。,JSP,其实就是将,Java,程序片段（,Scriptlet,）和,JSP,标记（,Tag,）嵌入普通的,HTML,网页中。当客户端访问一个,JSP,网页时，由,JSP,引擎解释,JSP,标记和其中的程序片段，生成所请求的内容，然后将结果以,HTML,格式返回到客户端。,2025年5月27日,第,28,页,JSP,的主要优点是开放的、跨平台的结构，几乎可以运行在所有的操作系统上。而且采用先编译后运行的方式，能够提高执行效率。,2025年5月27日,第,29,页,ASP.NET,ASP.NET,是对,ASP,的继承，如,Request,、,Response,、,Application,、,Session,、,Server,等对象依然存在。但,ASP.NET,并不是,ASP,的简单升级，而是微软发展的新的体系结构,.NET,的一部分。,ASP.NET,完全是一个新的体系，是一个由类和对象（组件）组成的完全面向对象的系统，更加安全、容易配置和部署。,2025年5月27日,第,30,页,相对于,ASP,来说，,ASP.NET,具有如下特点：,程序结构清晰,效率增强,顶级开发工具支持,开发简单,支持,Web,服务,2025年5月27日,第,31,页,网络教学,尚俊杰网络课堂,2025年5月27日,第,32,页,电子商务,当当网上书店,2025年5月27日,第,33,页,电子政务,中关村数字园区,2025年5月27日,第,34,页,1.1.5,常见的网络程序设计技术,相对于,ASP,来说，,ASP.NET,具有如下特点：,程序结构清晰,效率增强,顶级开发工具支持,开发简单,支持,Web,服务,2025年5月27日,第,35,页,1.2 ASP.NET 3.5,简介,1.2.1 .NET,框架,1.2.2 ASP.NET 3.5,概述,1.2.3 ASP.NET,开发工具,2025年5月27日,第,36,页,1.2.1 .NET,框架,Visual Studio.NET,是微软公司开发的可以用于企业规模级,Web,开发的应用程序，又称为,.NET,框架（,.NET Framework,）。,.NET,框架主要由以下,3,部分组成：,公共语言运行库（,Common Language Runtime,，,CLR,）,.NET Framework,类库（,.NET Framework Class Library,）,VB.NET,、,C#,等语言运行库,2025年5月27日,第,37,页,2025年5月27日,第,38,页,1.2.1 .NET,框架,公共语言运行库（,CLR,）：公共语言运行库是,.NET,框架的运行环境，它负责运行和维护大家所编写的任何程序代码，包括内存管理、线程执行、代码执行、代码安全验证、编译及其他系统服务等。,2025年5月27日,第,39,页,1.2.1 .NET,框架,CLR,为每一种,.NET,语言提供了一个编译器，当网页第一次被访问时，就会编译生成一种通用的中间语言，最初被命名为微软中间语言（,Microsoft Intermediate Language,，,MSIL,），但是现在通常称为中间语言（,Intermediate Language,，,IL,）。,2025年5月27日,第,40,页,1.2.1 .NET,框架,中间语言是一种类似于汇编的程序语言，并不是一种可以直接执行的机器代码，它的可读性很差，但是进行了一系列优化。不论最初使用的是,VB.NET,还是,C#,或其他何种语言，在编译之后，所有的,IL,程序都具有相同的形式。然后,IL,程序利用即时编译器（,Just In Time,，,JIT,）在本机上进一步编译成机器代码以便执行。,2025年5月27日,第,41,页,2025年5月27日,第,42,页,1.2.1 .NET,框架,.NET Framework,类库（,.NET Framework Class Library,）：,FCL,类库大约有,7000,多个类，这些类被分为了几部分，类库的每一部分都被包含在一个命名空间下。,.NET,中的命名空间是指相近功能的类的集合。命名空间呈层次结构，即命名空间下又可以分为子命名空间。每个命名空间都包含一组按照功能划分的相关的类。,2025年5月27日,第,43,页,1.2.1 .NET,框架,.NET,语言：,.NET,框架支持多种开发语言，最初包含,5,种：,Visual Basic.NET,（,VB.NET,）、,Managed C+.NET,、,Jscript.NET,、,J#.NET,和一种新的语言,C#,。现在的,.NET,下可以运行,20,多种语言，包括,COBOL,、,Eiffel,、,Fortran,、,Perl,和,Python,等，还有更多的语言正在加入这一行列。,2025年5月27日,第,44,页,1.2.2 ASP.NET 3.5,概述,自从,.NET Framework 1.0,在,2002,年初首次发布以来，,ASP.NET,本身已历经,4,代的版本演进，,ASP.NET 3.5,正是第,4,代的技术。,2025年5月27日,第,45,页,1.2.3 ASP.NET,开发工具,对于,ASP.NET,应用程序而言，微软开发了,Visual Studio,开发环境提供给开发人员，开发人员还能够使用现有的,ASP.NET,控件进行高效的应用程序开发。开发人员能够在,Visual Studio,开发环境中拖动相应的控件到页面中实现复杂的应用程序编写。,2025年5月27日,第,46,页,2025年5月27日,第,47,页,1.3,安装,Visual Studio 2008,1.3.1,安装,Visual Studio 2008,1.3.2,主窗口,1.3.3,文档窗口,1.3.4,工具箱,1.3.5,解决方案资源管理器,1.3.6,属性窗口,1.3.7,错误列表窗口,2025年5月27日,第,48,页,1.3.1,安装,Visual Studio 2008,可安装,Visual Studio 2008,开发环境的计算机配置要求如下所示。,支持的操作系统：,Windows Server 2003,；,Windows Vista,；,Windows XP,。,最低要求：,1.6 GHz CPU,，,384 MB,内存，,1024x768,显示分辨率，,5400 RPM,硬盘。,建议配置：,2.2 GHz,或更快的,CPU,，,1024 MB,或更大的内存，,1280 x1024,显示分辨率，,7200 RPM,或更快的硬盘。,2025年5月27日,第,49,页,1.3.1,安装,Visual Studio 2008,在,Windows Vista,上运行的配置要求：,2.4 GHz CPU,，,768 MB,内存。,硬盘空间：不含,MSDN,：系统驱动器上需要,1GB,的可用空间；安装驱动器上需要,2GB,的可用空间。含,MSDN,：系统驱动器上需要,1GB,的可用空间；完整安装,MSDN,的安装驱动器上需要,3.8GB,的可用空间；默认安装,MSDN,的安装驱动器上需要,2.8GB,的可用空间。,2025年5月27日,第,50,页,1.3.2,主窗口,2025年5月27日,第,51,页,1.3.3,文档窗口,2025年5月27日,第,52,页,1.3.4,工具箱,2025年5月27日,第,53,页,1.3.5,解决方案资源管理器,2025年5月27日,第,54,页,1.3.6,属性窗口,2025年5月27日,第,55,页,1.3.7,错误列表窗口,2025年5月27日,第,56,页,1.4,开发,ASP.NET Web,应用 程序的一般流程,1.4.1,创建,ASP.NET,应用程序,1.4.2,运行,ASP.NET,应用程序,2025年5月27日,第,57,页,1.4.1,创建,ASP.NET,应用程序,运行,Visual Studio 2008,，进入,Visual Studio 2008,开发环境。,打开,Visual Studio 2008,初始界面后，选择菜单栏上的“文件”,“,新建”,“,项目”按钮创建,ASP.NET Web,应用程序。,2025年5月27日,第,58,页,2025年5月27日,第,59,页,1.4.2,运行,ASP.NET,应用程序,单击“调试”按钮或选择“启动调试”按钮就能够调试,ASP.NET,应用程序。调试应用程序的快捷键为,，开发人员也可以单击,进行应用程序的调试，调试前,Visual Studio 2008,会选择是否启用,Web.config,进行调试，默认选择使用即可,2025年5月27日,第,60,页,2025年5月27日,第,61,页,第,2,章,HTML,和,XHTML,ASP.NET,动态网站开发教程（第二版）,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,62,页,教学目标,理解,HTML,语言的特点,掌握,HTML,文档的结构,掌握设置文字的方法,掌握加入超链接的方法,掌握插入图片的方法,掌握表格的建立方法,掌握表单的建立方法,了解,XHTML,语言的特点,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,63,页,第,2,章,HTML,和,XHTML,2.1 HTML,语言简介,2.2,设置文字,2.3,超链接,2.4,插入图像,2.5,表格,2.6,表单,2.7 XHTML,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,64,页,2.1 HTML,语言简介,2.1.1 Web,标准,2.1.2 HTML,的起源和演变,2.1.3 HTML,语言的特点,2.1.4 HTML,标记基础,2.1.5 HTML,文档的结构,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,65,页,2.1.1 Web,标准,W3C,是,World Wide Web Consortium,的缩写，即万维网联盟。是在,1994,年后期，由,Berners-Lee,创立的，它的一个主要目标是以,HTML,（,Hypertext Markup Language,，超文本标记语言）开始，开发和推广,Web,技术标准。从,1998,年开始，为了让软件生产商重视这些规范，,W3C,将“推荐规范”重新命名为“,Web,标准”。像,CSS,、,XHTML,和,XML,，都是由,W3C,制定的,Web,标准。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,66,页,2.1.2 HTML,的起源和演变,第一个,HTML,标准,HTML 2.0,发布于,1995,年。随后于,1997,年早期发布了,HTML 3.2,。,HTML,的最新版本是,HTML 4.01,，这是在,1999,年末由,W3C,制定的，是,HTML,最后的版本。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,67,页,2.1.3 HTML,语言的特点,HTML,不是一种程序语言，而是一种标记语言。它不同于我们平时看到的,VB,、,C+,这类编程语言，实际上它只是在一些组成网页的对象（如文本、图片、超链接）中加入各种标记，从而使这些对象以标记所定义的样式来显示。,任何文本编辑器都可以编辑它，只要能将文件保存为,ASCII,纯文本格式即可，如记事本、,Word,等。当然使用专业的网页编辑软件会更为方便。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,68,页,2.1.3 HTML,语言的特点,需要使用,Web,浏览器。所有网页，都是通过浏览器对,HTML,代码的解释而形成的，浏览器就相当于,HTML,代码的翻译程序，负责解释,HTML,代码中各种符号的含义。如文字以什么颜色显示、图片的大小是多少。,HTML,语言独立于各种平台。,HTML,语言目前已成为各种类型浏览器的通用标准，它能独立于各种操作系统平台。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,69,页,2.1.4HTML,标记基础,标记具有以下特点：,所有的标记都必须用尖括号“,”,括起来。,大部分标记是成对出现的，包括开始标记和结束标记。开始标记和相应的结束标记定义了标记所影响的范围。结束标记和开始标记名称相同，但结束标记必须以一个斜线符号“,/”,开头。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,70,页,2.1.4HTML,标记基础,所有被标记包围的对象，如文本、图像、表格等都按照标记所定义的格式显示。,少数标记允许只有开始标记，没有结束标记。如：段落标记,，换行标记,。,标记不区分大小写，默认情况下，都使用小写字母表示。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,71,页,2.1.5 HTML,文档的结构,HTML,文档的基本结构如下：,头部信息,主体内容,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,72,页,1.HTML,标记,HTML,标记是文档全部内容的容器。,是开始标记，表示一个,HTML,文档的开始；,是结束标记，表示一个,HTML,文档的结束，其他所有,HTML,代码都位于这两个标记之间。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,73,页,2.,头部标记：,头部标记用于提供各种与网页有关的信息。在头部标记中，可以使用,和,标记来指定网页的标题；使用,标记设置页面关键字、设定页面字符集、刷新页面等；使用,和,标记来定义,CSS,样式表；使用,和,标记来插入脚本等。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,74,页,3.,正文标记：,正文标记之间的部分是,HTML,文档的主要部分，包含了文档的内容，文本、图像、动画、超链接等均位于该标记对内。作为网页的主体部分，,标记有很多的属性，通过这些属性可以设置网页的整体风格。,标记的属性如下表所示。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,75,页,属性,功能,text,设定网页文字的颜色,bgcolor,设定网页背景的颜色,background,设定网页的背景图像,bgproperties,设定网页的背景图像是否随滚动条滚动。如果取值为“,fixed”,，表示页面滚动时背景图像不随之滚动；如果取值为空或不使用该属性，则表示背景图像同页面内容一起滚动,link,设定超链接文字未被访问时的颜色,alink,设定鼠标单击时超链接文字的颜色,vlink,设定超链接文字已经被访问过之后的颜色,topmargin,设定网页内容与网页上边沿的距离,leftmargin,设定网页内容与网页左边沿的距离,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,76,页,2.2,设置文字,2.2.1,段落标记,和换行标记,2.2.2,文字修饰标记,2.2.3,注释标记,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,77,页,2.2.1,段落标记,和换行标记,在,HTML,文件中，有专门的段落标记,。段落的开始用,来表示，段落的结束用,来表示，,也可以省略。,在,HTML,中，若要换到下一行，需要加入换行标记,。,标记没有结束标记，即不用加,。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,78,页,2.2.2,文字修饰标记,可以使用字体标记,来设置文字的格式，将要修饰的文本放在,和,标记之间，并通过,face,、,size,和,color,属性分别来设置文本的字体、字号和颜色。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,79,页,2.2.3,注释标记,或者,注释文字,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,80,页,2.3,超链接,2.3.1,什么是,URL,2.3.2,超链接的路径,2.3.3,超链接标记,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,81,页,2.3.1,什么是,URL,URL,（,Uniform Resource Locator,），中文名称为统一资源定位符。当我们需要访问某个网页时，只要在浏览器的地址栏输入该网页的,URL,，就可以找到该网页。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,82,页,2.3.2,超链接的路径,路径是指从站点根文件夹或当前文件夹到目标文件所经过的路线，可以使用路径来指定超链接中目标端点的位置。路径有以下几种类型：,绝对路径：给出目标文件的完整,URL,地址，包括传输协议。如果要链接的文件位于外部服务器上，则必须使用绝对路径。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,83,页,2.3.2,超链接的路径,相对路径：以当前文档所在的位置为起点到目标文档所经过的路径。如要将当前文档与处于同一文件夹的的另一个文档链接，或者将同一站点中不同文件夹下的文档相互链接，都可以使用相对路径。采用相对路径建立两个文件之间的相互关系，可以不受站点和所处服务器位置的影响。,根相对路径：从站点根目录到被链接文件的路径。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,84,页,2.3.3,超链接标记,在,HTML,中，可以使用,和,这对标记建立超链接，基本语法格式如下：,超链接文本,href,：该属性是必选项，用于指定单击超链接文本后要跳转到的目标网页的,URL,地址。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,85,页,2.3.3,超链接标记,target,：该属性是可选项，用于指定打开目标网页的窗口。其属性值有：“,_blank”,表示在新窗口打开目标网页；“,_parent”,表示在当前窗口的上一级窗口打开目标网页；“,_self”,表示在当前窗口打开目标网页，这是默认值；“,_top”,表示在整个浏览器窗口打开目标网页。,title,：该属性也是可选项，用于指定指向超链接文本时所显示的提示文字。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,86,页,2.4,插入图像,2.4.1,图像的格式,2.4.2,图像标记,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,87,页,2.4.1,图像的格式,GIF,（,Graphics Interchange Format,）是,Web,页面内使用最多的一种图像格式，是在,20,世纪,80,年代末由,CompuServe,开发的。,GIF,图像是一种压缩的,8,位图像文件，最多可支持,256,种颜色，这些图像一般用做插图、标志、卡通和其他大色块图像。,GIF,图像还有一个突出的特点，就是支持动态图、透明图和交织图。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,88,页,2.4.1,图像的格式,JPEG,（,Joint Photographic Experts Group,，联合图像专家组,),是目前最优秀的数字化摄影图像的存储方式。,JPEG,格式由,ISO,和,CCITT,两大标准化组织共同推出，它定义了摄影图像的通用压缩编码。,JPEG,可支持多达,16M,种颜色,(,又称为,24,位真彩、全彩,),，,JPEG,是一种以损失质量为代价的压缩方式，压缩比越高，图片质量损失越大，其典型的压缩比是,41,。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,89,页,2.4.1,图像的格式,PNG(Portable Network Graphics),是由,GIF,发展而来的一种卓越的网络图像格式，它是一种自由开放的文件格式，不隶属于任何公司和组织。,PNG,采用一种无损压缩的方式，被广泛地应用在互联网中。不过一些版本比较低的,Web,浏览器可能不支持,PNG,图像格式，所以在使用这种格式的图像时一定要考虑用户的浏览器版本。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,90,页,2.4.2,图像标记,插入图像要使用,标记，并用,src,属性指定图像所存放的路径。这个路径可以是相对路径，也可以是绝对路径。,标记的常用属性如下表所示。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,91,页,src,图片的来源，可以使用相对路径和绝对路径，是必选项,width,图片的宽度，单位为像素,height,图片的高度，单位为像素,hspace,图片水平方向与文本之间的空白，单位为像素,vspace,图片垂直方向与文本之间的空白，单位为像素,border,图片边框的厚度，单位为像素,align,图片的对齐方式,alt,当鼠标移动到图片上时显示的提示文字,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,92,页,2.5,表格,2.5.1,基本的表格标记,2.5.2,设置表格的属性,2.5.3,设置跨行、跨列的表格,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,93,页,2.5.1,基本的表格标记,用,HTML,语言创建表格的方式如下：,创建表格：,创建表格的标题：,创建表格的行：,创建表格的表头：,创建表格的单元格：,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,94,页,表格基本结构如下：,表格的第一行的第一个单元格,表格的第一行的第二个单元格,.,表格的第二行的第一个单元格,表格的第二行的第二个单元格,.,.,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,95,页,2.5.2,设置表格的属性,可以通过,标记的下列属性对表格进行设置，如表所示。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,96,页,align,指定表格在浏览器窗口中的对齐方式,background,为表格设置背景图片,border,指定表格边框的宽度，以像素为单位，默认值为,0,bordercolor,指定边框颜色，应与,border,属性一起使用,bgcolor,指定表格的背景颜色,cellpadding,指定单元格内数据与单元格边框之间的距离，以像素为单位,cellspacing,指定单元格之间的间距，以像素为单位,width,指定表格的宽度，以像素或百分比为单位,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,97,页,2.5.3,设置跨行、跨列的表格,在设计网页时，有时需要设置跨行、跨列的表格，即表格中的一个单元格占用多行或者多列。,标记的,rowspan,属性：设置单元格在水平方向上跨越的单元格个数。,标记的,colspan,属性：设置单元格在垂直方向上跨越的单元格个数。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,98,页,2.6,表单,2.6.1,表单标记,2.6.2,标记,2.6.3,标记,2.6.4,标记,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,99,页,2.6.1,表单标记,表单元素（如文本框、单选按钮、复选框、列表框、文本区域等）,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,100,页,2.6.1,表单标记,name,：该属性表示表单的名称,method,：该属性用来定义提交信息的方式，取值为,post,或,get,，默认为,get,。两者的区别是：使用,get,方式提交信息时，表单中的信息作为字符串自动附加在,URL,的后面，会将该,URL,和后面的参数信息在浏览器的地址栏中显示出来。,get,方式传输的数据量非常小，一般限制在,2KB,左右，但执行效率比较高。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,101,页,2.6.1,表单标记,使用,post,方式提交信息时，需要对输入的信息进行包装，存入单独的文件中（不附在,URL,后面），等待服务器取走，这种方式对信息量没有限制。,action,：该属性用来指定处理表单数据的程序文件所在的位置，当单击提交按钮后，就将表单信息提交给该文件进行处理。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,102,页,2.6.2 ,标记,该标记可以在表单中定义单行文本框、单选按钮、复选框等表单元素，基本语法格式如下：,不同的元素有不同的属性，详细的属性如下表所示。,DATE yyyy,年,M,月,d,日,|2022,年,4,月,25,日,第,103,页,type,插入表单的元素类型，具体取值如表,2-7,name,表单元素的名称,size,单行文本框的长度，取值为数字，表示多少个字符长,maxlength,单行文本框可以输入的最大字符数，取值为数字，表示多少个字符，当大于,size,的属性值时，用户可以移动光标来查看整个输入内容