网络应用制作技术.ppt
《网络应用制作技术.ppt》由会员分享,可在线阅读,更多相关《网络应用制作技术.ppt(102页珍藏版)》请在三一办公上搜索。
1、第八章网络应用制作技术,本章内容简介,WWW服务的基本概念与应用技术超媒体与网页HTML语言与JAVA语言基础网上信息查找与搜索引擎Web服务器软件的安装浏览器程序IE的使用与操作方法和技巧,本 章学习目标,通过本章学习,应掌握和理解如下内容:掌握超文本、超链接、网页与URL等的基本概念掌握在Internet上进行信息查找的一般方法理解HTML语言的基础内容了解JAVA语言及其特点、JAVA Applet的应用了解Web服务器软件及其安装方法浏览器程序IE的使用与操作方法和技巧,4.1 WWW的基本概念,环球信息网Web服务器与浏览器统一资源定位器,1、环球信息网(WWW),1、WWW(WOR
2、LD WIDE WEB,环球信息网)2、超文本3、超媒体4、WWW的基本特点5、WWW的应用领域,2、环球信息网(WWW),浏览器/服务器WEB服务器统一资源定位器(URL:Universal Resource Locater)HTTP(Hyper Text Transport Protocol,超文本传输协议)IE浏览器,3、WWW的特点,采用C/S结构,双向数据通信和信息收集采用TCP/IP协议能理解HTML语言通过URL进行文档和资源的访问允许客户机程序访问各种多媒体信息系统:文字、图象、声音信息资源丰富:电子百科全书广域性:跨越国界的信息系统;交互性:输入查询条件查询分散性:信息分散存
3、放;动态性:可随时修改,4、WWW的连接,全球信息网、万维网、3W、WebWorld Wide Web(世界范围蜘蛛网),5、WWW中的文档,超文本和超媒体(Hypertext&Hypermedia)超文本:是指一种基于计算机的文档,各文档之间互相链接,使信息可以交互查询。采用一种非线形阅读方式超媒体:是超文本与多媒体的简单组合浏览器/服务器工作模式(Browser/Server),6、WWW工作原理,浏览器/服务器(Browser/Server)体系结构,Web Server,Browser,链接请求,网页,HTTP,7、WWW怎样工作?,Web浏览器访问Web服务器,Web Server,
4、Web Browser,Internet,8、Web 浏览器(Browser),指WWW客户软件,指客户端的WWW浏览程序。作用发出用户请求接收、显示网页WWW的客户端软件常用的浏览器Internet Explorer:IE(Windows)Netscape(Unix,Windows)Mosaic(Unix,Windows)HotJava,用户要访问WWW,必须在它的计算机上运行WWW客户软件。WWW浏览器软件的执行原理是:将WWW上找到的内容在用户计算机上进行解释和显示。大多数的浏览器具备访问Internet上其它服务器的功能。如FTP,Gopher,WAIS等。有的浏览器还可以自动调用其他
5、应用程序,以显示特殊类型的文挡。,9、WWW 浏览器软件,10、IE浏览器的界面形式,网页(WebPage)主页(HomePage),11、HTML语言的信息描述方式,超文本(HyperText)和超媒体(HyperMediat),12、HTML语言的描述语言,超文本标记语言HTML:(HyperText Markup Language)描述、建立超文本文档的语言。,广州大学 课程设置 系科介绍 重点校外教学基地,13、WWW使用的通信协议,超文本传输协议(HTTP:Hypertext Transport Protocol):用于将WWW服务器的文档传送给浏览器的协议。,HTTP,Server
6、服务器,Browser浏览器,数据,14、统一资源定位器URL,Http:/,协议名,主机名,文件名,IP地址:,统一资源定位器(URL:Universal Resource Locator),统一资源定位器,URL(Uniform Resource Locator)URL完整地描述了Internet上资源的地址,最多可以包含4个部分,如:http:/academic/lesson.html 规则 机器名 文件 定位点描述Internet上超媒体文档的地址,如:http:/,15、网页地址的格式,统一资源定位器(URL:Universal Resource Locator),网页地址的一般格式
7、:/:/例http:/162.105.129.12:80/,16、超链接,从一个网页进入另一个网页(单击 文字、图形、标记等对象),系科介绍,17、Web 服务器(Server),作用管理信息文档处理和响应用户请求返回用户请求Web Server是驻留在服务器上的一个程序Server和Browser之间通过HTTP协议进行通讯最常用的Web服务器Unix上的CERN和NCSANT上的Interent Information ServerWindows 95/98上的Personal Web Server,18、其他,起始页或主页(Home Page)通过WWW进行浏览时,一个网址的起始信息页。
8、网页(Web Page)在WWW中的每个页面(Web Page),4.2 IE浏览器的使用,安装界面配置使用,1、安装,从IE光盘中或从网络中下载执行:setup.exe安装Window 9X/ME/2000/XP时可包含安装IE所谓的“捆绑销售”,2、启动IE,菜单栏,工具条,URL地址栏,动态图标,浏 览 界 面,状态栏,3、配置,常规安全内容连接程序高级,设置首页,4、使用,菜单操作工具条操作地址操作显示区操作,5、浏览新页面,在知道具体URL地址时 方法一:在“Location”处,输入URL地址,回车。方法二:用鼠标单击菜单“File”,单击“Open Location”或单击窗口的
9、“Open”按钮,即进入“Location”画面。方法三:按ctrl+l 激活“Open Location”。不知道具体URL地址时,或要查找某些特定的信息和文件时,可通过网络搜索引擎查找。,6、新建浏览窗口,文件菜单-新建-窗口 可同时浏览多个网址右击链接点-新建-窗口 打开新窗口浏览链接点,原窗口仍保留,7、收藏夹,添加到收藏夹 收藏 菜单-添加收藏到夹整理收藏夹,8、保存、打印、邮寄页面,保存 页面保存:单击文件|另存为 图象保存:右健点击图象|Save image as打印文件|Page Setup打印纸张设置;文件|打印页面。邮寄 文件|发送|电子邮件页面。,文件菜单,包括文件存取和
10、打印功能。编辑菜单,包括对文本的编辑和查找。查看菜单,包括重传当前页面和查看当前页面源文件。工具菜单,包括各种设置和工具收藏菜单,包括添加、整理收藏夹帮助菜单,包括Netscape公司通过网络提供的各项帮助服 务。,9、菜单栏,4.2 网页与HTML语言简介,网页及其开发HTML语言简介HTML语言的结构,1、什么是HTML,HTML语言是超文本标记语言(Hyperlink Text Markup Language)的缩写。它是一种描述文档结构的语言,HTML语言使用描述性的标记符(称为标签)来规定显示的信息的格式或结构。用HTML语言写的页面是普通的文本文档(ASCII),不含任何与平台和程
11、序相关的信息,它们可以被任何文本编辑器读取。,2、HTML 语言的特点,HTML特点文件短小,易于传输和显示独立于平台,多平台兼容标记大多采用“双边”,成对出现(前面的为头标“Opening Tag”或开始标记,后面的为尾标“Closing Tag”或结束标记,如This is a title 局限性标识的限制格式编排不方便书写工具:HTML编辑器或其它文本编辑器,2、HTML 语言的特点(续),是一种超文本标记语言;是一种介于幕前排版(如WORD)和幕后排版(如WPS)语言之间的一种语言;HTML文件是一个纯ASCII(或纯文本)文件。HTML文件所描述的各种效果(如字体、字号、颜色、格式、
12、插图、声音、动画等信息),虽然可以用字处理软件编辑,但必须在一特定的浏览器软件下才能观看到。,3、几个常用术语和约定,Web站点:WWW(万维网)是由许多Web站点(网站)组成,每个Web站点其实就是一组精心设计的Web页面,这些页面都围绕同一个主题,有机的连接在一起,形成一个整体。Web页或网页:若将WWW看成Internet上的大型图书馆,则每个Web站点就是一本书,每个Web页面就是其中的一张书页,是网络文件的组成部分主页或首页(Homepage):按上面的说法,主页就是该书(Web站点)的封面和目录或是整个网站文件的起始页。可从主页进入整个网站文件,开始对网站进行浏览。主页又代表整个网
13、站文件的地址。网络文件:存放在网络服务器上的完整信息的集合体,包含一个或多个网页。,4、HTML语言的基本框架,组成内容:*文件的实际文字内容(如字母、数字、空格和标点符号等)*对该文件的格式和特性进行描述的HTML说明(标记)常用的标记有:*文件全部内容;表示HTML文件开始与结束,无属性。*;Web页面头部标记,其中内容一般是整个文件的序言,除显示中的内容外,其它内容均不显示。无属性。,5、HTML的标签,HTML文档由标签和文字组成;标签是一个用尖括号 括起来的命令词,标签往往成对出现;不同标签之间可以嵌套,但不能交叉;文件一般以.htm或.html为扩展名;HTML标签规定Web文档的
14、逻辑结构,并且控制文档的显示格式,大部分HTML标签的形式:标签名相应内容标签名标签对大小写不敏感。,6、HTML的基本格式,HTML文档结构分为:-文件头-文件体;文件头包括文档标题;文件头和文件体都嵌入在标签中。,.,文档标题,文档的主要内容,7、HTML的基本结构,8、HTML语言的基本框架,Web页面名称;用来给Web页面命名。浏览时,这一名称显示在浏览器的标题栏内。每一Web页只能有一个。Web文件体的内容;一定要包含在 标记之内。其中可以包含属性,如:BACKGROUND=“背景图文件名”;BGCOLOR=“XXXX(背景颜色码,X为十六进制数)”;TEXT=“XXXX(文本颜色码
15、)”;LINK=“XXXX(链接颜色码);VLINK=“XXXX(已访问过的超链接颜色码);定义文件中各子标题的等级,以区分不同章节,x=16,即共有6级标题。,8、HTML语言的基本框架(续),;定义超链接,其中可包含属性,属性可以为:HREF=“被链接的对象”,被链接对象可以是另一Web页、另一Web站点的主页、或自己的电子邮件地址、或进一步将图作为链接点;定义表单并可将用户在浏览器端输入的各种数据传送给Server端的CGI(Common Gateway Interface)程序。其中可包含两种属性:METHOD=“GET/POST(选择表单的传输协议)”,以及ACTION=“表单提交时
16、调用的Server端程序”。,8、HTML语言的基本框架(续),除了成对出现的标签外,还有一些是单标记的标签,主要有:;空行标记。加入P标记后,先空出一行,然后再从下一行继续显示其后的文字。属性有:ALIGN=RIGHT/CENTER/LEFT,分别表示向右/中/左看齐。;换行标记。;设定显示的图形。其属性有:SRC=图形文件名,ALIGN=LEFT/RIGHT/MIDDLE/TOP/BOTTOM(图形与文字的对齐方式),WIDTH=XXX和HEIGHT=XXX(设定图形的宽度和高度)等。;用于记录HTML文件的相关信息,这些信息不会显示在浏览器上。必须放在.之间。,9、简单HTML文件介绍-
17、概述,基本概念理解HTML文件存放在Web服务器的某个目录里通过WWW浏览器下载HTML文件,并对文件中的标记进行解释(即浏览)基本成分:标题、段落、列表、表格、图象简单网页形式:标题内容段落(列表、表格、图象等)内容段落(列表、表格、图象等),10、简单HTML文件介绍-构成,基本构成文件的内容部分HTML的标志部分标志书写格式:文件内容标识名通常写在内不区分大小写也有单向标识:,11、建立简单的HTML文件,简单示例:“示例一”四个基本标识标识标识标识标识,12、标识,HTML文件起始标识成对出现包含文件的全部内容文件的全部内容,13、标识,网页头部的标识写在之间的内容,如果又写在“tit
18、le”标识中,表示该网页的名称,并作为浏览器标题栏的名称,显示在此网页窗口的最上方。如果不写在“title”标识中,则成为正文的头部,显示在文本之前。“head”标识中的文本应当尽量简练“示例二”,14、标识,网页名称标识在浏览器中作为标题栏名称显示在该窗口的上方。对bookmarks很有用一个网页应只有一个网页名称“title”标识应包含在“head”标识之间“title”标识内应不含任何其他标识“title”标识宜短小,15、标识,“body”标识中放置网页的主体内容成对出现文件取名规则:-以htm或html为后缀-文件名中不可有空格和特殊字符-在UNIX系统中,注意大小写敏感-取名保存后
19、,可在浏览器中打开,语言字符集信息标记,16、语言字符集信息,17、文件的子标题,子标题是用来区分内容的不同章节的,浏览时会显示不同的大小字型HTML定义了六个级别的子标题书写格式为:广州大学简介n从1到6,字体越来越小“示例四”,18、几个常用的HTML标识,-原样显示文本-段落标识-行中断标识,19、常用标记小结,-原样显示文本-段落标识-行中断标识,20、建立超链接,链接到file1,被连接文件名及其路径,起始标识,结束标识,使用标识连接一个HTML文件(file1.htm),22、A标签为如下形式:,其中HREF属性域指定了待链接文件名及其路径。使用相对路径时,以链接所在文件为基准,可
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网络 应用 制作 技术

链接地址:https://www.31ppt.com/p-6231275.html