Web体系结构与开发技术.ppt

Web体系结构与开发技术 软件学院 崔波 邮箱：bcui@ 教材：网站规划与网页设计 张兵义 电子工业出版社 学分：2+1 课程内容 网络基础与Web体系结构 网站的规划与设计 网站建设与网页制作的基本知识 网页规划、设计和制作的技能 网页三剑客：Dreamweaver MX , Flash MX, Fireworks MX 的应用方法及技巧。 javascript Jsp 标记语言家族 WEB服务器 WEB服务器也称为WWW(World Wide Web)服务器，主要功能是提供网上信息浏览服务。 应用层使用HTTP协议。 HTML文档格式。 浏览器统一资源定位器(URL)。 WWW的基本结构 网络基础知识 为用户提供图形化用户界面－web页，以查阅web上的文档。 www就是以web页及他们之间的链接为基础，构成的庞大的信息网。 www-web站点－web页的关系 相关知识 URL(Uniform Resource Locator)统一资源定位器。URL是帮助在网络上找到所需资源的“路径”， 如 /www2003/jdsq/home.htm HTTP 有哪些信誉好的足球投注网站引擎常用技巧 在检索的关键字中，可以使用这样一些描述符号对检索进行限制： “”（双引号）用来查询完全区配关键字串的网站，例如“杀毒软件”； +（加号）用来限制该关键字必须出现在检索结果中；—（减号）用来限制该关键字不能出现在检索结果中 。 例:“盐城＋信息＋网络”；要查找“电脑”，但必须没有“技术”字样，可用“电脑－技术”来表示。 使用逻辑词辅助查找： AND（和）、OR（ 或）、NOT 。 网页 通过浏览器看到的画面就是网页，图标为 网页是后缀名为html或htm的文件，称为html文档 html文档是用html语言编写的文档，我们常见的是html文档的外观，并非html代码 网页浏览器是用来解读html文件，常见的浏览器有微软的探索者IE(Internet Explorer),网景公司的航海者（Netscape）等 网页的基本要素-文字 文字是网页发布信息所用的主要形式，由文字制作出的网页占用空间小 文字性网页还可以利用浏览器中“文件”菜单下的“另存为”功能将其下载，便于以后长期阅读， 可以进行编辑打印 要注意编排，包括标题的字型字号，内容的层次样式，是否需要变换颜色进行点缀等等。 文字的编排 1．标题 网页通常都有一个标题，表明本网页的主要内容。 2．字号 统筹规划，大小搭配适当，给人以生动活泼之感觉。 3．字型 不同的字体字型，使网页产生吸引人的效果。 当文本内容较多时。可以利用表格形式来实现。 网页的要素-图形 图形：包括普通的绘制图形、图像，动画。 网页上的图形格式：一般使用JPEG和GIF，这两种格式具有跨平台的特性，可在在不同操作系统支持的浏览器上显示。 图形应用： 1．菜单按钮 2．背景图形 网页的要素－超链接 链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站。 链接的标志有文字和图形两种。 超链接：文本与文本之间的连接关系 可以把internet不同地区的服务器上的信息连接起来。 Html文档 多平台兼容，任何一台具有阅读、浏览html文件的浏览器的机器能够在任何平台上阅读网络文件。 HTML编辑器是创建和修改HTML文档的软件。如frontpage，dreamweaver等编辑工具。 HTML文档由文本、格式化代码和导向其他文档的超链接组成。 网站 网站是由网页组成的，若干个html文件通过“超链接”连接在一起。 一个网站都有一个主页（Homepage)页面，引导访问者浏览网站的作用。 如搜狐、网易、新浪、交大网站等 网页代码实例 HTML HEAD TITLE网页标题/TITLE /HEAD BODY BGCOLOR=#FFFFFF P这里是HTML文件的正文/P /BODY /HTML 简单网页的生成 HTML BODY 测试页面 /BODY /HTML Html文档 扩展名为htm或者html 多平台兼容，任何一台具有阅读、浏览html文件的浏览器的机器能够在任何平台上阅读网络文件。 HTML文档由文本、格式化代码和导向其他文档的超链接组成。 HTML语言 HTML (Hypertext Markup language)超文本标记语言，是一种专门用于Web页制作的编程语言 描述超文本各部分内容，告诉浏览器如何显示文本，生成与别的文本或图像的链接点 HTML可插入图形、音频、视频等对象 用户在下载文件时，把标识解释成应有的格式，显示出来。 网页代码实例 HTML HEAD TITLE网页标题/TITLE