购买

¥ 30.0

加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 Web信息系统设计基础-第1章-Web网站架构与HTML基础

Web信息系统设计基础-第1章-Web网站架构与HTML基础.ppt

Web信息系统设计基础-第1章-Web网站架构与HTML基础

烟雨梦兮
2018-10-14 0人阅读 举报 0 0 暂无简介

简介:本文档为《Web信息系统设计基础-第1章-Web网站架构与HTML基础ppt》,可适用于IT/计算机领域

第一章Web网站架构与HTML基础内容提要Web的特点和结构Web服务器的配置创建虚拟目录HTML基础Web的特点和结构本章介绍WWW的概念、Web服务器配置、创建虚拟目录和浏览器IE配置。一、WWW的概念什么是WWW?WWW是WorldWideWeb的缩写简称为Web(万维网)。WWW起源于年月是由欧洲粒子物理实验室CERN(theEuropeanLaboratoryforParticlePhysics)开发的主从结构分布式(“客户机服务器”模式)超文本系统。年月,Web的第一个版本在瑞士日内瓦问世。Web的特点和结构WWW是一个全球性的信息系统使计算机能够在Internet上相互传送基于超媒体的数据信息。WWW也可以用来建立Intranet(企业内部网)的信息系统。WWW具有三个统一:统一的资源命名方式:URL(统一资源定位符即网址)。统一的资源访问方式:HTTP(超文本传输协议)。统一的信息组织方式:HTML(超文本标记语言)。Web的特点和结构WWW的特点分布式的信息资源。统一的用户界面。支持各种信息资源和各种媒体的演播。广泛的用途。Web的特点和结构WWW的结构WWW是成千上万个网站连結而成的页面式网络信息系统。WWW采用“客户机服务器”结构。Web的特点和结构网页存放在被称为Web服务器(WebServer)的计算机上等待用户访问。Web的特点和结构Web技术经历了个发展阶段第一代提供对静态网页的管理和访问。第二代提供对动态网页的访问和显示。第三代除动态网页生成和访问之外还提供基于Web的联机事务处理能力。静态网页是从放置到服务器以后直到发送给浏览器不会发生更改的网页通常用HTML语言编写其代码保存为htm文件。动态网页是在发送到浏览器之前由应用程序服务器修改的网页。动态网页的源文件可用HTML语言和VBScript或JavaScript等脚本语言编写保存为asp文件也称为Web应用程序。Web的特点和结构Web应用程序是用HTML语言和VBScript或JavaScript等脚本语言编写的动态网页源文件也称为服务器端脚本。当从服务器请求这样一个页时Web服务器先将该页传递给应用程序服务器进行处理然后再将该页发送给浏览器。应用程序服务器是一种软件它帮助Web服务器处理Web应用程序以便生成动态网页。ASP(ActiveServerPage动态服务器网页)是Windows系统所包含的应用程序服务器软件。Web服务器配置二、Web服务器的配置什么是Web服务器?Web服务器也称为HTTP服务器它是响应来自浏览器的请求并且发送出网页的软件。当访问者在浏览器的地址文本框中输入一个URL或者单击在浏览器中打开的网页上的某个链接时便生成一个网页请求。常见的Web服务器有:MicrosoftInternetInformationServer(IIS)MicrosoftPersonalWebServer(PWS)ApacheHTTPServerNetscapeEnterpriseServerSunONEWebServer。Web服务器配置五种常见的Web应用程序服务器Dreamweaver可以使用以下五种服务器技术的任何一种设计Web应用程序:ColdFusion(可用于Windows和Solaris操作系统平台的动态服务器网页技术)ASP(ActiveServerPage:动态服务器网页技术)ASPNET(NET平台的动态服务器网页技术)JSP(JavaServerPage:Java服务器网页技术)PHP(PersonalHomePage:个人主页技术)每种技术都与Dreamweaver中的一种文档类型相对应。ColdFusion(直译:冷聚变)是一个动态Web服务器其CFML(ColdFusionMarkupLanguage)是一种程序设计语言类似现在的JavaServerPage里的JSTL(JSPStandardTagLib)从年开始开发其设计思想被一些人认为非常先进被一些语言所借鉴。Coldfusion最早是由Allaire公司开发的一种应用服务器平台其运行的CFML(ColdFusionMarkupLanguage)针对Web应用的一种脚本语言。文件以*cfm为文件名在ColdFusion专用的应用服务器环境下运行。在Allaire公司被Macromedia公司收购以后,推出了MacromediaColdFusion类似于其他的应用程序语言,cfm文件被编译器翻译为对应的c语言程序然后运行并像浏览器返回结果。自Macromedia接收Allaire公司后把原来基于C开发的ColdFusion改为基于JRun的JEE平台的一个WebApplication(JRun也是Allaire公司的一个JEE服务器产品)并正式推出MacromediaColdFusionMX版本,此时的cfm运行原理就和java非常的类似cfm文件被应用服务器编译为对应的java代码并编译成class文件在jvm虚拟机上运行。从此ColdFusion完全从一个功能齐全的动态Web服务器转变为一个JEE应用服务器。同时依旧保留了原有版本的所有特性。ColdFusion的页面后缀通常为cfm同时Macromeida公司在发布ColdFusionMX的时候借鉴于java面向对象设计风格设置了cfc这样的ColdFusion文件后缀他们被称作ColdFusionComponentsLINK。cfc文件就好比一组cfmfunction的集合使对应的代码具有高度的可重用性。虽然cfc和customtag具有类似的重用性但cfc提供了更加灵活的调用方式例如webservice方式的调用支持。CFM并不等同于ColdFusion。CFM是一种标志语言而ColdFusion是一种应用服务器环境。对于标准的语法结构的cfm,cfc文件它们不仅仅可以运行在MacromediaColdFusion服务器上同样的也可以直接在BlueDragon服务器环境下。Web服务器配置ASP、JSP、PHP的比较Web服务器配置选择哪一种Web应用程序技术取决于多个因素其中包括对各种脚本语言的熟悉程度以及要使用的应用程序服务器。如果采用ColdFusion MX服务器则可以选择ColdFusion。如果采用IIS服务器则可以选择ASP或ASPNET。如果采用PHP服务器则可以选择PHP如果采用JSP服务器则可以选择JSP。本课程选择了Windows的ASP动态网页技术。Web服务器配置两种Web系统配置方案一种配置是将IIS或PWS安装在本地Windows计算机硬盘中另一种是将IIS或PWS安装在远程Windows计算机硬盘中。Web服务器配置如何用Windows操作系统建立Web服务器?可以安装下列系统之一:.WindowsServer和IIS。.WindowsXP和IIS。.WindowsProfessional和PWS。其中IIS:InternetInformationService(Internet信息服务器)PWS:PersonalWebService(个人Web服务)。Web服务器配置WindowsServer和IIS安装在WindowsServer软件里带有IIS。插入WindowsServer光盘自动启动按照提示进行安装同时自动安装IIS。WindowsServer不自动安装IIS。若要安装IIS可以单击“开始”→“程序”→“管理工具”→“配置服务器”选择“高级”选项打开显示可供安装的组件的对话框也可以在控制面板中使用“添加删除程序”。Web服务器配置注意由于ASP处理程序会随着IIS自动安装。所以运行ASP的应用程序服务器会随着Web服务器的建立而自动地建立。Web服务器配置如何在WindowsXP中安装IIS()单击“开始”>“控制面板”双击“添加或删除程序”()单击“添加删除Windows组件”()出现“Windows组件向导”单击“下一步”()在“Windows组件”列表中选中“Internet信息服务(IIS)”()单击“下一步”然后根据提示操作。在安装后可以启动浏览器输入地址:localhost。若显示其网页则表示IIS正常安装。Web服务器配置服务器上的根文件夹Inetpubwwwroot假定读者在计算机的D:盘中安装了WindowsXP操作系统。那末该系统会自动创建根文件夹D:Inetpubwwwroot。默认情况下Web服务器从D:Inetpubwwwroot文件夹提供网页。Web服务器将根据来自Web浏览器的HTTP请求提供此文件夹中的任何页或其子文件夹中的任何页。在D:Inetpubwwwroot文件夹中可以创建子文件夹例如“MyPage”用以存放一组网页源文件。Web服务器配置如何设置默认网站主目录(根文件夹)()单击“开始”→“控制面板”→“性能和维护”→“管理工具”→“Internet信息服务”展开“本地计算机”列表展开“Web站点”文件夹然后展开“默认Web站点”文件夹右击“默认网站”单击“属性”。()输入默认网站IP地址(若本机作Web服务器则用)。()输入默认网站的主目录以及为该文件夹设置脚本权限。假如建立网页文件testhtm将它存放到本机默认网站的主目录d:inetpubwwwroot下。那末其浏览地址为:testhtm。创建虚拟目录三、如何创建虚拟目录存放网页源文件的两种做法将网页文件保存到默认网站的主目录里如上节所述默认网站的主目录直接采用Windows系统已经建立的d:Inetpubwwwroot根文件夹。将网页文件保存到默认网站的主目录之外。这就需要建立一个虚拟目录在建立虚拟目录的过程中指定虚拟目录及其实际目录从而建立虚拟目录和实际目录的联系。创建虚拟目录什麽是虚拟目录虚拟目录是实际目录的别名它代表存放网页的实际目录以便用在网址中代替实际目录。虚拟目录的名称可以与实际目录的名称相同也可以不同。虚拟目录在磁盘目录中并不存在实际目录是存放网页内容的目录。例如存放网页文件testhtm的实际目录为d:x若为该目录设置一个别名即虚拟目录zhang则虚拟目录Zhang就可以用在网址zhangtesthtm中代表存放网页的实际目录d:x。创建虚拟目录设置默认网站的虚拟目录单击“开始”→“控制面板”→“性能和维护”→“管理工具”→“Internet信息服务”展开右击“默认网站”单击“新建”>“虚拟目录”。详细创建过程参见教材图~图。IE的配置四、网页浏览器IE的配置浏览器IE的配置可以使用浏览器的“工具”和“Internet选项”菜单命令进行设置也可以通过修改操作系统的注册表进行设置。本节介绍如何使用“工具”和“Internet选项”进行下列设置。设置Internet连接()启动InternetExplorer。()单击“工具”→“Internet选项”。出现Internet选项对话框。()单击“连接”选项卡→单击“建立连接”。()按照屏幕上的提示操作。IE的配置设置起始页面()单击IE菜单栏中的“工具”>“Internet选项”出现Internet选项对话框。()输入“主页”的“地址”例如wwwwhueducn单击“确定”。设置IE缓存在“Internet选项”对话框中单击“设置”出现“设置”对话框。可以设置IE缓存“使用的磁盘空间”等。IE的配置IE安全设置在“Internet选项”对话框中单击“安全”出现“安全设置”对话框。其中主要包括ActiveX控件和插件、Java权限、JavaApplet和脚本、Cookies、文件下载或用户验证设置可选择“禁用”或“启用”等。调整自动完成功能的设置在IE的“工具”菜单上单击“Internet选项”单击“内容”标签在“个人信息”区域单击“自动完成”选中要应用“自动完成”功能的选项前面的复选框。IE的配置清除已访问过的网页为了加快浏览速度IE会自动把浏览过的网页保存在系统盘的\TemporaryInternetFiles文件夹内。当用户不再需要这些网页时在该文件夹下全选且删除即可。或者在“常规”标签下单击“Internet临时文件”项目的“删除文件”按钮选中“删除所有脱机内容”单击“确定”按钮即可。这种方法不太彻底还会留少许Cookies在文件夹内。在“常规”标签下“删除文件”按钮旁边还有一个“删除Cookies”按钮通过它可以很方便地删除遗留的Cookies。Cookies(小甜饼)是客户端逐块保存用户信息的小文本文件。HTML基础一、HTML的概念什么是HTML?超文本标记语言(HTMLHyperTextMarkupLanguage)是用于设计网页源文件(网页文档)的语言。每一个页面的代码保存为一个网页源文件(htm文件)。八十年代初HTML由万维网联盟(WC:WorldWideWebConsortium)制订。HTML包括一些定义页面内容和格式的符号称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示还可以通过超链接以访问其它的信息资源。后来进一步推出了XML(扩展标记语言)该语言可以由程序员自己定义标记。HTML基础什么是标记?标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。标记总是放在三角括号中大多数标记都成对出现(有开始标记和结束标记)。结束标记和开始标记所用的字符相同只是前面加一个斜杠。例如:<p>…<p>用于标记一个自然段。标记可以具有相应属性即各种参数如size、color、text、width和noshade等。例如:<p><fontsize=""color="red"><font><p>HTML基础标记通常可以分成两种:第一种用来指定网页上的元素或元素的样式。例如指定一个自然段及其字体和颜色:<p><fontsize=""color="red"><font>自然段内容。<p>第二种用来指向其它的资源。例如指定一个链接地址:<ahref=“wwwwhueducn”>武汉大学<a>指定一个图片文件:<imgsrc=“图片文件名”>HTML基础什么是超文本、超媒体和超链接?超文本是网页上具有链接功能的文字。例如娱乐新闻电影。超媒体是网页上具有链接功能的多媒体。超链接是网页上连接其它网页或网页上指定位置的超文本和超媒体。超链接分为文字和图像(包括动画)两种网页中的一段文字、一副图像或图像的某一个部分等都可以定义为超链接。HTML基础二、如何编写和浏览HTML网页文档启动IE然后使用“查看”菜单中的“源文件”菜单项进入记事本就可以输入网页源文件了。在输入完之后另存为htm文件。或者直接进入记事本输入网页源文件。在输入完之后另存为htm文件(选择保存类型为“所有文件”)。在浏览器中输入该文件名就能浏览HTML源文件的网页效果。HTML基础例如:<HTML><HEAD><TITLE>学生选课系统<TITLE><HEAD><BODY>网页制作练习<BODY><HTML>HTML基础三、HTML的常用标记HTML文档的结构标记用来指明一个HTML文档的基本结构。()文件标记:<HTML>…<HTML>整个HTML文档内容均在<HTML>…<HTML>标记之中。()头部标记:<HEAD>…<HEAD>整个HTML文档分头部和主体部分。头部使用<HEAD>…<HEAD>标记标识凡是在此标记之内的内容例如标题等均属于头部信息。头部信息不显示在Web页中。HTML基础()头部标题标记:<TITLE>…<TITLE>在此标记之间的内容将作为标题显示在浏览器的标题栏。注意:<TITLE>…<TITLE>标记只能放在<HEAD>…<HEAD>标记之间。()主体标记:<BODY>…<BODY>主体是Web页的主要部分用<BODY>…<BODY>标记定义的信息将显示在Web页中。例如:(见下页)HTML基础<html><head><title>结构标记示例<title><head><bodytext="blue"><p><i>斜体字文本<i><p><body><html>HTML基础格式标记()<p>…<p>(段落标记)<p>…<p>标记用来创建一个段落在此标记之间的文本将按照段落的格式显示。()<br>(换行标记)<br>是一个很简单的标记它没有结束标记用来创建一个换行。()<blockquote>…<blockquote>(两边缩进标记)在<blockquote>…<blockquote>标记之间的文本将按照两边缩进的方式显示。下面一一介绍在<body>…<body>标记之间常用的各种标记。HTML基础()<dl><dl><dt><dt><dd><dd>(列表标记)①<dl><dl>用来创建一个列表②<dt><dt>用来创建列表中的上层项目③<dd><dd>用来创建列表中最下层项目<dt><dt>和<dd><dd>都必须放在<dl><dl>标记之间。例创建一个普通列表:HTML基础<html><head><title>一个普通列表<title><head><bodytext="blue"><dl><dt>中国城市<dt><dd>北京<dd><dd>上海<dd><dd>广州<dd><dt>美国城市<dt><dd>华盛顿<dd><dd>芝加哥<dd><dd>纽约<dd><dl><body><html>HTML基础()<ol><ol><ul><ul><li><li>(标有数字或圆点的列表标记)①<ol><ol>标记用来创建一个标有数字的列表②<ul><ul>标记用来创建一个标有圆点的列表③<li><li>标记只能在<ol><ol>或<ul><ul>标记之间使用此标记对用来创建一个列表项。若<li><li>放在<ol><ol>之间,则每个列表项加上一个数字若在<ul><ul>之间,则每个列表项加上一个圆点。HTML基础例标有数字的列表与标有圆点的列表:HTML基础<html><head><title>标有数字与圆点的列表<title><head><bodytext="blue"><ol><p>中国城市<p><li>北京<li><li>上海<li><li>广州<li><ol><ul><p>美国城市<p><li>华盛顿<li><li>芝加哥<li><li>纽约<li><ul><body><html>HTML基础()<div><div>(分段标记)①<div><div>标记对用来排版大块HTML段落也用于格式化表此标记的用法与<p><p>标记非常相似同样有align对齐方式属性。②align属性它用来说明对齐方式语法是:<palign=""><p>。③align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。例如:<palign=“Center”><p>表示标记中的文本居中显示。HTML基础文本标记()<pre><pre>(预处理标记)表示<pre><pre>标记之间的文本原有格式如word格式仍有效。()<h><h>……<h><h>(六级标题标记)<h><h>是最大的标题<h><h>则是最小的标题。如果要在HTML文档中输出标题那麽可以使用六对标题标记的任何一对。HTML基础()<b><b><i><i><u><u>(字体标记)①<b><b>之间的文本以黑体字的形式输出②<i><i>之间的文本以斜体字的形式输出③<u><u>之间的文本以下加一划线的形式输出。()<em><em><strong><strong>(强调加重标记)①<em><em>用来输出需要强调的文本(通常是斜体加黑体)②<strong><strong>则用来输出加重文本(通常也是斜体加黑体)。HTML基础()<font><font>(字体的大小颜色标记)①<font><font>可以指定输出文本的字体大小、颜色它主要两个属性size和color。②size属性用来指定字体的大小可以取值:、和等③color属性用来指定文本的颜色颜色的取值是十六进制RGB颜色码或HTML语言给定的颜色名称。例如"#ff"引号内的rrggbb是用六位十六进制数字表示的RGB(即红、绿、蓝三色的组合)颜色#ff对应的是红色。HTML基础④Html语言所给定的颜色名称有:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal。例如:<p><fontsize=""color="red">size取值“”、color取值“red”时的文本<font><p>表示<p><p>标记之间的文本按大小为颜色为红色显示。HTML基础例文本标记的综合示例HTML基础<html><head><title>文本标记的综合示例<title><head><bodytext="blue"><h>最大的标题<h><h>使用h的标题<h><h>最大的标题<h><p><b>黑体字文本<b><p><p><i>斜体字文本<i><p><p><u>下加一划线文本<u><p><p><em>强调的文本<em><p><p><strong>加重的文本<strong><p><p><fontsize=“”color=“red”>size取值“”、color取值“red”时的文本<font><p><body><html>HTML基础链接标记()<ahref=“地址">…<a>(超链接标记)①在标记对之间可指定作为超链接的文本或图像使用<imgsrc=“图像文件名”>标记指定图像。例如指定超链接及其文本“武汉大学网站”:<ahref=http:wwwwhueducn>武汉大学网站<a>或者指定超链接及其图像“d:picgif”:<ahref=http:wwwwhueducn><imgsrc="d:picgif"><a>在上例中href的值是武汉大学的网址。(href缩写:httpreference含义为http引用。)HTML基础②href的值也可以是mailto:形式即发送EMail形式。语法为:<ahref="mailto:EMAIL"><a>这就创建了一个自动发送电子邮件的链接mailto:后边紧跟想要自动发送的电子邮件的地址(即EMail地址)。例如链接到我的电子信箱abcnet:<ahref="mailto:abcnet">这是我的电子信箱(EMail信箱)<a>HTML基础③<ahref=“”><a>还具有target属性此属性用来指明显示的目标窗口。如果不使用target属性当浏览者点击了链接之后将在原来的浏览器窗口中显示HTML文档若target的值等于“blank”点击链接后将会打开一个新的浏览器窗口显示HTML文档。例如进入ccwhueducn并且在新窗口中显示网页:<ahref=http:ccwhueducntarget="blank">在新窗口中显示<a>HTML基础()<aname="标签名"><a>(标签标记)①标签标记<aname=“”><a>需要结合<ahref=“”><a>标记使用。name属性不可缺少。②<aname=“标签名”><a>标记用来在同一网页中创建一个标签(即做一个记号),即在同一网页中创建链接以便转到同一网页中有标签的地方并显示。例如在页顶创建一个标签<aname="Top">此处创建了一个标签<a>③要找到标签所在地就必须使用<ahref=“#标签名"><a>标记。例如:<ahref=“#Top”>点击此处将转到标签“Top”的地方显示<a>注意:href属性的值若是标签名必须在标签名前头加一个“#”号。HTML基础例链接标记的综合示例<html><head><title>链接标记的综合示例<title><head><body><palign="center"style="fontsize:ptcolor:yellowbackground:black"><br><aname="Top"><fontcolor="red">创建标签处<font><a><br><br><br><br><br><br><br><br><br><br><br>欢迎想要学习网页制作的同学访问网站<br><ahref="http:wwwwhueducn"><fontcolor="lime">武汉大学网站<font><a><br><br>HTML基础<ahref=http:wwwwhueducn><imgsrc="d:Inetpubwwwrootwebgif"><a><br><br><br><br><br>本网站的主要内容<br><br><ahref="http:ccwhueducn"target="blank">在新窗口中显示<a><br>欢迎给我来信我的EMail是:<ahref="mailto:abcnet"><fontcolor="lime">abcnet<font><a><br><br><ahref=“#Top”><fontcolor=“lime”>点击此处回到标签处<font><a><br><br><p><body><html>可以建立HTML源文件和作为超链的图像文件d:Inetpubwwwrootwebgif在浏览器中显示执行结果。HTML基础图像标记和多媒体标记()图像标记:<imgsrc=“图像文件名”>将图形文件嵌入到网页文档中的当前位置。例如网页文档与图形文件logogif在同一个目录下则可以将代码写成<imgsrc="logogif">。假如图形文件放在网页文档所在目录的一个子目录(images)下则代码应为:<imgsrc="imageslogogif">。此外<img>标记还有alt(文字代替)、align(对齐)、border(边框)、width(宽度)和height(高度)属性。HTML基础假如图形文件放在网页文档所在目录的上层目录(如home)下则相对路径就必须是准网址即用“”表示网站后边紧跟文件在网站中的路径。例如home是网站下的一个目录则代码应为:<imgsrc="homelogogif">。例如home是网站下的目录king下边的一个子目录则代码应为:<imgsrc="kinghomelogogif">。HTML基础例图像标记举例<html><head><title>图像标记示例<title><head><body><palign=“center”><imgsrc=“logogif”alt=“网页制作”width=""height=""><p><body><html>若事先在网站根目录中存放一幅图像logogif则可以在网页中显示它。alt="网页制作"属性表示在网页中可以用文字"网页制作"代替该图像先行显示出来。HTML基础()多媒体标记A设置音乐播放的链接在Windows中可播放的音乐文件格式常有au、mid及wav三种。若要提供音乐文件让浏览者播放则可建立指向音乐文件的超链接。例如:<AHREF="sweetwav">甜美音乐<A>B设置影像播放的链接常见的影像文件有mov、mpg和avi。可建立超链接到影像文件。当浏览者单击超链接时将会调用WindowsMediaPlayer进行影像文件播放。例如:<AHREF="trafficavi">本市交通<A>HTML基础C直接将音乐或影像嵌入网页可以用<EMBED>标记即:<EMBEDSRC=“音乐或影像文件名称”WIDTH=宽度HEIGHT=高度AUTOSTART=TRUELOOP=播放次数>若“播放次数”设为TRUE则无限次播放直到单击关闭或停止。若设为NO(默认值)则只播放一次。D播放网页背景音乐可运用<BGSOUND>标记即:<BGSOUNDSRC="音乐文件名"LOOP=次数>若“次数”设为Infinite音乐将循环播放直到网页关闭为止。HTML基础表格标记(用于制作表格或网页结构)()<table><table>(创建一个表格)()<tr><tr>和<td><td>(创建表格中的每一行和每一格)()<th><th>(创建表格头)。例用表格标记创建下列表格。HTML基础<html><head><title>表格标记示例<title><head><body><tableborder=""width=""bgcolor="#EEE“cellpadding=""bordercolor="#FF“bordercolorlight="#DDFF"bordercolordark="#A"><tr><thwidth=""colspan=""valign="bottom">意大利<th><thwidth=""colspan=""valign="bottom">英格兰<th><thwidth=""colspan=""valign="bottom">西班牙<th><tr>cellpadding设置格子边框与其内容之间的大小valign是垂直对齐方式colspan设置一个格子跨占的列数rowspan设置一个格子跨占的行数。HTML基础<tr><tdwidth=""align="center">AC米兰<td><tdwidth=""align="center">佛罗伦萨<td><tdwidth=""align="center">曼联<td><tdwidth=""align="center">纽卡斯尔<td><tdwidth=""align="center">巴塞罗那<td><tdwidth=""align="center">皇家社会<td><tr>HTML基础<tr><tdwidth=""align="center">尤文图斯<td><tdwidth=""align="center">桑普多利亚<td><tdwidth=""align="center">利物浦<td><tdwidth=""align="center">阿申纳<td><tdwidth=""align="center">皇家马德里<td><tdwidth=""align="center">……<td><tr>HTML基础<tr><tdwidth=""align="center">拉齐奥<td><tdwidth=""align="center">国际米兰<td><tdwidth=""align="center">切尔西<td><tdwidth=""align="center">米德尔斯堡<td><tdwidth=""align="center">马德里竞技<td><tdwidth=""align="center">……<td><tr><table><body><html>HTML基础表单标记(用于制作对话框)()<form><form>(表单开始和结束标记)()<inputtype=“”>(输入区标记)()<select><select><option>(列表框标记)()<textarea><textarea>(多行文本框标记)分别介绍如下:()<form><form>标记用来创建一个表单也即定义表单的开始和结束位置在标记对之间的一切都属于表单的内容。HTML基础<form>标记具有action、method和target属性。action的值是处理程序的程序名。例如:<formaction=“http:xldhomechinarennetcountercgi”>当用户提交表单时服务器将执行网站http:xldhomechinarennet上的countercgi程序。method用来定义处理程序从表单中获得信息的方式可取值为GET或POST。GET:将表单数据附加在请求页面的URL地址后面。GET方法用来传送少量数据字符数不能超过个字符。POST:将在HTTP请求中嵌入表单数据。POST方法用来传送大量数据。target用来指定显示表单的目标窗口。HTML基础()<inputtype=“”>标记用来定义一个用户输入区用户可在其中输入信息。此标记必须放在<form><form>标记对之间。<inputtype=“”>标记中共提供文本框、按钮、复选框、单选钮等八种类型的输入区域。例如:HTML基础()<select><select>标记用来创建一个下拉列表框或可以复选的列表框。此标记对用于<form><form>标记之间。<select>具有multiple、name和size属性。例如:<formaction="cgibintongjicgi"method="post"><p>请选择最喜欢的男歌星:<selectname="gx"size=""><optionvalue=“ldh”>刘德华<optionvalue=“zhxy”selected>张学友<optionvalue=“gfch”>郭富城<optionvalue=“lm”>黎明<select><form><option>标记指定列表框中的一个选项此标记具有selected和value属性。value指定选项值这个值要传送到服务器上。服务器正是通过调用<select>区域的名字的value属性来获得该区域选中的数据项的。HTML基础()<textarea><textarea>标记创建可以输入多行的文本框此标记对用于<form><form>标记对之间。<textarea>有name、cols和rows属性。name、cols和rows属性分别用来设置文本框的名称、列数和行数。列与行以字符数为单位。例如:HTML基础例建立一个输入密码以及具有确认和重输按钮的表单。<HTML><head><title><title><head><body><p>请输入密码:<p><formmethod="POST"><p><inputtype="password"size=""name="passwd"><inputtype="submit"name="B"value="确定"><inputtype="reset"name="B"value="重输"><p><form><body><HTML>HTML基础其他常用标记()空格标记nbsp建立HTML源文件时若用空格键输入多个空格都将被视为一个。因此如果想要输入多个空格时必须用多个标记nbsp。()原始排版有效标记<pre>和<pre>若要使HTML源文件保留原始的文件排版方式(如:Enter表示换行等)只需在该文本前加入<pre>标记以及在文本结束后加上<pre>标记即可使浏览器显示文件原始排版方式。HTML基础例如:在HTML源文件中使用空格标记nbsp。<HTML><HEAD><TITLE>标记使用实例<TITLE><HEAD>信物席慕容<p>有谁会将诗集放在行囊里离去<BR>等待在独居的旅舍枕边一页一页地翻开<p>灯熄之后窗里窗外<BR><BODY><HTML>HTML基础()自动切换标记<meta><meta>标记能使网页显示几秒种后自动切换到另一网页。语法如下:<metahttpequiv=”refresh”content=“秒数URL=文件名称或网址”>说明:A<meta>标记应当置于<head>标记之后B设置httpequiv属性等于”refresh”表示自动更新C“秒数URL=文件名称或网址”用于指定几秒后将执行自动更新以及更新后所连接的网页地址与名称。HTML基础()水平线标记<hr><hr>标记是在HTML文档中加入一条水平线它可以直接使用具有size、color、width和noshade属性。size是设置水平线的厚度而width是设定水平线的宽度默认单位是像素。noshade属性用来加入一条没有阴影的水平线。例如:<hrwidth=“”size=“”color=“#FF”>。()居中标记<center>……<center>在屏幕上居中显示其间的内容。例如使网页在不同分辨率时总是居中显示可用:<body><center>……<center><body>HTML基础()滚动的文本标签<marquee>一般格式:<marqueedirection=方向behavior=方式loop=循环次数scrollamount=速度scrolldelay=延时Width="n"onMouseOver=thisstop()onMouseOut=thisstart()>文本<marquee>例如:<marqueebehavior=scrollloop=scrollamount=scrolldelay=Width=""啦啦啦一圈一圈绕着走!()>文本<marquee>ColdFusion(直译:冷聚变)是一个动态Web服务器其CFML(ColdFusionMarkupLanguage)是一种程序设计语言类似现在的JavaServerPage里的JSTL(JSPStandardTagLib)从年开始开发其设计思想被一些人认为非常先进被一些语言所借鉴。Coldfusion最早是由Allaire公司开发的一种应用服务器平台其运行的CFML(ColdFusionMarkupLanguage)针对Web应用的一种脚本语言。文件以*cfm为文件名在ColdFusion专用的应用服务器环境下运行。在Allaire公司被Macromedia公司收购以后,推出了MacromediaColdFusion类似于其他的应用程序语言,cfm文件被编译器翻译为对应的c语言程序然后运行并像浏览器返回结果。自Macromedia接收Allaire公司后把原来基于C开发的ColdFusion改为基于JRun的JEE平台的一个WebApplication(JRun也是Allaire公司的一个JEE服务器产品)并正式推出MacromediaColdFusionMX版本,此时的cfm运行原理就和java非常的类似cfm文件被应用服务器编译为对应的java代码并编译成class文件在jvm虚拟机上运行。从此ColdFusion完全从一个功能齐全的动态Web服务器转变为一个JEE应用服务器。同时依旧保留了原有版本的所有特性。ColdFusion的页面后缀通常为cfm同时Macromeida公司在发布ColdFusionMX的时候借鉴于java面向对象设计风格设置了cfc这样的ColdFusion文件后缀他们被称作ColdFusionComponentsLINK。cfc文件就好比一组cfmfunction的集合使对应的代码具有高度的可重用性。虽然cfc和customtag具有类似的重用性但cfc提供了更加灵活的调用方式例如webservice方式的调用支持。CFM并不等同于ColdFusion。CFM是一种标志语言而ColdFusion是一种应用服务器环境。对于标准的语法结构的cfm,cfc文件它们不仅仅可以运行在MacromediaColdFusion服务器上同样的也可以直接在BlueDragon服务器环境下。

VIP尊享8折文档

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/77

Web信息系统设计基础-第1章-Web网站架构与HTML基础

¥30.0

会员价¥24.0

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利