网页flash文本抓取器(外观的影响流动性对固定排版网站的内容有哪些)

　　网页flash文本抓取器(外观的影响流动性对固定排版网站的内容有哪些)

　　历史简介

　　HTML

　　超文本标记语言（Hypertext Markup Language）网络有越来越多的信息。网站必须要有醒目的外观，才能增加访问量，达到宣传的目的。人们开始关注网页的外观，HTML 也因此变得更加复杂和灵活。表单，原本是一种更整齐地展示信息的工具，现在变成了一种排版工具。CSS 的出现使得基于表格的设计被认为已经过时。服务器技术也改变了网络的结构，用户可以选择其浏览模式和外观。Flash 的出现为设计师和媒体创作者开辟了新的道路。除了漂亮的外观，还有一个重要的考虑因素：网络可达性，即用户是否可以方便地阅读信息。

　　XHTML

　　由于 XML 的可构造性，XHTML 1.0 于 2000 年 1 月 26 日成为 W3C 的推荐标准，即随着时间的推移 HTML 将被淘汰。

　　外观效果

　　流动性对固定排版有很大的影响。大多数网站设计师最初都是平面设计师，在任何地方都有绝对的限制。但是，在网络浏览器中，某些因素是无法控制的，尤其是浏览器的宽度。一些设计者在固定大小的表格中定义他们的网页。每个部分的宽度都有精确的数据。一般使用一定的数值​​，就是固定排版。不过也有人觉得这样不好，因为这种设计不考虑用户的设置，他们使用流体排版，网页的宽度使用百分比来定义宽度，所以网页会根据浏览器的屏幕分辨率而变化。但是流畅的排版不一定适合不断增大的屏幕，因为人眼横向阅读时，过长的文字会增加阅读的难度。反之，包裹文章的十几个字左右，观看者会更好地吸收其内容。

　　

　　网页制作

　　Flash Adob​​e Flash 是一款可以轻松实现一些华丽画面效果的软件，也可以进行编程。因此，近年来出现在很多网站上。一些 网站 甚至用 Flash 完全取代 HTML。但是，Flash 带来了很多问题：搜索引擎无法记录 Flash 内容。盲人无法通过文本阅读软件获取其内容，因此大多数人不以Flash作为主要设计。Flash通常会成为首页的开场画面或者网站里面的小游戏。

　　两种设计模式

　　过去，一般网页使用表单进行布局设计。这样做的好处是设计和生产速度快。尤其是在微软FrontPage等可视化网页编辑器中，这种设计直观方便。然而，这使得越来越复杂的布局需要大量不断嵌套的表单设计，使得网页代码冗长复杂，增加文件大小，不易被搜索引擎找到。同时，这也不利于网站的*敏*感*词*改版。

　　

　　网页制作

　　因此，随着主流浏览器对 CSS 支持的增加，近年来出现了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心是将网页的样式和内容分离（en:Separation of style and content），这意味着标记语言（如HTML、XML）是负责定义页面的内容，但不能定义任何与网站的外观（风格）相关的东西。网站 样式负责另一个 CSS 文件。排版方面，新模式提倡使用CSS定义的DIV进行页面排版，同时将表格恢复到原来的整理数据功能。这种模式有很多优点，比如可以辅助搜索引擎查找网页，减少文件提及，提高浏览速度，而且由于一个CSS文件可以控制多个页面，这也给修改带来了很大的方便。由于W3C是这种模式的大力倡导者，业界可以在验证网页是否符合W3C标准后，自动检测W3C网站中网站的状态。这种模式也有缺点。缺点之一是在不同的浏览器中效果会有所不同，但这种情况主要是由于微软 Internet Explorer 对 CSS 文档的支持存在诸多缺陷造成的。另一方面，当您开始设计 CSS 时，您无法清楚地看到目标，因此看起来不直观。网页实际上是一个文件，存放在世界某个角落的电脑中，而这台电脑必须连接到互联网。网页由网址 (URL) 标识和访问。我们在浏览器中输入网址后，经过一个复杂而快速的过程，网页文件会传送到您的电脑上，然后通过浏览器解释网页的内容。然后给你看

　　1.1 动态网页的概念和特点

　　所谓动态网页不仅是网页文件中的HTML标记，而且是建立在B/S（浏览器和服务器）架构上的服务器端脚本程序。浏览器中显示的网页是运行服务器端程序的结果。动态网页文件的后端由不同的编程语言决定，例如ASP文件的后缀是.asp。

　　动态网页与网页中的非*敏*感*词*效果（如什么样的*敏*感*词*、动态图片、某些行为触发的动态事件等）无关。动态网页的主要特点是集成后台数据库自动更新页面。建立数据库连接后，页面会通向数据桥。任何形式的添加、删除、修改和检索都基于连接。

　　动态网络发布技术的出现，将网站从展示平台转变为网络互动平台。Dreamweaver 集成了动态网页的开发功能后，网页设计工具就变成了网页开发工具。Dreamweaver 提供了大量的可视化设计工具、应用程序开发环境和代码编辑支持。开发人员和设计人员可以快速创建高度集成的代码应用程序，开发环境精简高效。

　　动态网页的特点可以概括如下：

　　交互性：动态网页会根据用户的需求和选择而变化和响应，使用浏览器作为客户端界面。

　　自动更新：动态网页基于数据库，无需手动更新Html文档，会自动生成新页面，大大减少维护网站的工作量。

　　因人而异：动态网页可以根据不同的时间和不同的访问者显示不同的网页内容。根据用户的即时操作和即时请求，动态网页的内容会相应发生变化，如常用留言板、BBS论坛、*敏*感*词*等均采用动态网页实现。

　　通过动态网站技术生成的网页称为动态网页。动态网站构建是指网站中的网页是用ASP、PHP、JSP等编程语言编写的，网页中的某部分或全部内容通过数据库，然后将数据库中的数据显示在网页的对应位置。

　　网页设计是一种基于新型媒体的新型设计。它具有很强的视觉效果、互动性、互操作性、受众广泛等其他媒体所不具备的特点。它是一种不同于报纸、电影和电影的新媒体。它不仅具有传统媒体的优势，而且使传播更加直接、省力、有效；为适应当今时代的发展，有必要增加艺术设计院校的网页设计课程；为了更好地体现新设计的网页特点，将其与传统媒体进行比较，了解其优势；一个成功的网页设计首先必须在概念上建立一种动态的思维方式，其次必须有效地将图形引入到网页设计中，以增加人们的注意力。

　　网页设计是一种基于新型媒体的新型设计。它具有很强的视觉效果、互动性、互操作性、受众广泛等其他媒体所不具备的特点。它是一种不同于报纸、电影和电影的新媒体。它不仅具有传统媒体的优势，而且使传播更加直接、省力、有效；为适应当今时代的发展，有必要增加艺术设计院校的网页设计课程；为了更好地体现新设计的网页特点，将其与传统媒体进行比较，了解其优势；一个成功的网页设计首先必须在概念上建立一种动态的思维方式，其次必须有效地将图形引入到网页设计中，以增加人们的注意力。

　　第二章静态网页和动态网页的区别

　　静态网页和动态网页主要根据网页创建语言来区分：静态网页使用Html（超文本标记语言），动态网页使用Html+ASP或Html+PHP或Html+JSP等。

　　程序是否运行在服务器端是区分动态网页和静态网页的重要标志。服务器上运行的程序、网页和组件都是动态网页。它们会在不同的客户端和不同的时间返回不同的网页，如 ASP、PHP、JSP、、CGI 等。 在客户端运行的程序、网页、插件和组件是静态网页，如HTML 页面、Flash、JavaScript、VBScript 等，它们永远不会改变。

　　静态网页是网站构建的基础。静态网页和动态网页并不矛盾。为了网站满足搜索引擎检索的需要，即使使用动态网站技术，也可以将网页内容转化为静态网页进行发布。动态网站也可以采用动静结合的原则。使用动态网页的地方适合使用动态网页。如果需要静态网页，可以考虑使用静态网页。在同一个网页上，动态网页内容和静态网页内容同时存在也很常见。

　　动态网页的几个特点：

　　1、动态网页基于数据库技术，可以大大减少网站维护的工作量。

　　2、网站使用动态网页技术可以实现更*敏*感*词*，如用户注册、用户登录、在线调查、用户管理、订单管理等。

　　3、动态网页实际上并不是独立存在于服务器上的网页文件。服务器仅在用户请求时才返回完整的网页。

　　4、 “？” 在动态网页中搜索引擎检索存在一定的问题。搜索引擎一般无法访问网站 数据库中的所有网页，或者由于技术考虑，搜索蜘蛛不会抓取“？”之后的内容。URL中使用动态网页的网站在搜索引擎推广时需要进行一定的技术处理，以满足搜索引擎的需求。

　　静态网页一般具有以下特点：

　　1、 静态网页的每个网页都有一个固定的网址，网页网址后缀为htm、.html、.shtml等常见形式，不收录“？”。

　　2、网页内容一旦发布到网站服务器上，无论用户是否访问，每个静态页面的内容都存储在网站服务器上，即，当静态网页为服务器上实际存储的文件时，每个网页都是一个独立的文件。

　　3、静态网页的内容比较稳定，容易被搜索引擎检索到。

　　4、静态网页没有数据库的支持。网站的制作和维护工作量很大。因此，在信息量非常大的情况下，仅仅依靠静态网页是很难的。

　　5、静态网页交互性较差，在功能上有较大限制。

　　先看后缀名，再看能否与服务器交互

　　静态网页是相对于动态网页而言的。它们是指没有后端数据库、没有程序、没有交互的网页。你编的就是它显示的，不会有任何改变。静态网页更新比较麻烦，适用于更新较少的显示类型网站。静态网页和动态网页的区别

　　程序是否在服务器端运行是一个重要的指标。服务器上运行的程序、网页和组件都是动态网页。它们会在不同的客户端和不同的时间返回不同的网页，例如 ASP、PHP、JSP、、CGI 等。 客户端上运行的程序

　　序列、网页、插件、组件都属于静态网页，如html页面、Flash、JavaScript、VBScript等，永远不会改变。

　　静态网页和动态网页各有特点。网站采用动态网页还是静态网页，主要取决于网站的功能需求和网站的内容。如果网站的功能比较简单，内容更新量不是很大，使用纯静态网页会更简单，否则一般采用动态网页技术实现。

　　静态网页是构建网站的基础。静态网页和动态网页之间没有矛盾。为了网站满足搜索引擎检索的需要，即使使用动态网站技术，也将网页内容转化为静态网页并发布。

　　动态网站也可以利用动静结合的原理。使用动态网页的地方适合使用动态网页。如果需要静态网页，可以考虑使用静态网页来实现，在同一个网站上面，动态网页内容和静态网页内容同时存在也是很常见的。

　　我们简要总结动态网页的一般特征如下：

　　（1）动态网页基于数据库技术，可以大大减少网站维护的工作量；

　　（2）网站采用动态网页技术可以实现更*敏*感*词*，如用户注册、用户登录、在线调查、用户管理、订单管理等；

　　（3）动态网页实际上并不是独立存在于服务器上的网页文件。服务器只有在用户请求时才返回一个完整的网页；

　　（4）动态网页中的“？”对于搜索引擎检索有一定的问题，一般搜索引擎无法访问网站数据库中的所有网页，或者出于技术考虑，搜索蜘蛛不会抓取网址中“？”后的内容，所以使用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理以满足搜索引擎的要求

　　另外，如果扩展名为.asp但没有连接数据库，并且是完全静态的页面，也是静态的网站。它只是.asp 的扩展名。

　　第 3 章 构建动态 Web 平台

　　网站在服务器平台下运行，离开某个平台，动态交互网站将无法正常运行。要将本地计算机设置为服务器，必须在计算机上安装可以提供 Web 服务的应用程序。对于 ASP 页面的开发，安装 Intern Information Server (IIs) 是最好的选择。IIS 易于操作和使用，是目前使用最广泛的动态Web 开发平台。下面介绍IIS的安装和设置。

　　3.1 安装 II

　　用户可以在Windows 98以上的系统中安装IIS，但建议使用Windows XP平台，因为除了安全性、稳定性和软件界面等综合问题外，最重要的是网络上的所有用户进入网络主机是“匿名”用户。在windows XP下安装IIS，需确保Windows XP已更新SP1或更高版本，且必须安装IE6.0或更高版本。具体安装步骤为如下：

　　一、安装IIS

　　默认情况下，安装windows7时不会自动安装iis，只能手动安装。

　　1.安装IIS

　　开始-控制面板-程序-打开或关闭窗口功能

　　2.选择安装如图

　　

　　在VS2005中，如果要调试站点，必须有“Windows Authentication”

　　“摘要式身份验证”是使用 Windows 域控制器来识别请求访问 Web 服务器上的内容的用户。“基本身份验证”要求用户提供有效的用户名和密码才能访问内容。

　　当然要调试，必须安装IIS支持的组件。

　　二、配置IIS7

　　1、IIS7 安装以上组件后，控制面板-系统和安全-管理工具-Internet信息服务（IIS）

　　管理工具，打开运行。如下所示：

　　

　　2、在内页双击ASP，显示ASP设置”，然后在“行为”组中将“启用父路径”设置为True。

　　

　　3、配置默认网站

　　

　　4、填写物理路径、应用程序池，点击确定：

　　

　　IIS应用程序池根据管道管理方式分为两种：集成式和经典式

　　在集成.NET 模式下，应用程序不应在/configuration 部分指定模块组件，而应使用/configuration 部分加载模块组件。

　　经典的.NET模式就是我们之前习惯的IIS 6方式，没有上面的限制。

　　第 4 章 创建数据库连接

　　任何内容的增删改查都是基于连接的，连接的重要性可想而知。下面重点介绍数据库连接的设置。

　　4.1 定义系统DSN

　　DSN 定义了 ODBC 必须使用的某个数据库和 ODBC 驱动程序。每个 ODBC 驱动程序定义为驱动程序支持的数据库创建 DSN 所需的信息。这意味着在安装 ODBC 驱动程序并创建数据库后，必须创建 DSN。一个DSN至少应收录以下内容：

　　◆ 有关数据库驱动程序的信息。

　　◆数据库存储位置。文件数据库（如Access）的存储位置是数据库文件的路径；非文件数据库（如SQL Server）的存储位置是指服务器的名称。

　　◆数据库名称。在 ODBC 数据源管理器中，所有 DSN 名称都不能重复。

　　DSN 可以定义为以下三种类型中的任何一种：

　　★用户数据源：该数据源是创建它的计算机本地的，只能由创建它的用户使用。

　　★系统数据源：该数据源属于创建它的计算机，属于这台计算机而不是创建它的用户。只要拥有适当的权限，任何用户都可以访问此数据源。

　　★文件数据源：该数据源为底层数据库文件确定的数据源。换句话说，任何安装了适当驱动程序的用户都可以使用该数据源。

　　配置 ODBC 数据源

　　接下来我们讲一下系统DSN的配置过程。

　　首先打开Windows“开始”菜单中的“控制面板”，双击“ODBC”图标1.，然后选择“文件DSN”属性页，点击“添加”，如图4.1 显示。下面的操作会根据我们要配置的数据库系统有不同的操作。由于我们介绍的主要是基于Access数据库和SQL Server数据库，下面两部分我们将讨论Access数据库系统DSN。以及SQL Server数据库系统DSN的配置方法。

　　

　　图4.1 配置系统DSN

　　(1)Access数据库系统DSN配置方法

　　Step1：点击添加后，弹出如图4.2的对话框，选择数据源为Driver do Microsoft Access(*.mdb)，点击完成。

　　Step2：此时弹出“ODBC Micr osoft Access 安装”对话框。在对话框的数据源名称文本输入框中输入配置的DSN文件名。如果是test_dsn，则单击“选择”按钮。如图4.3。

　　Step3：此时会弹出如图4.4所示的对话框，在对话框的数据库名中输入“c:\test.mdb”（方法请参考上一章）创建数据库），或者从右侧的目录浏览器中选择“驱动器C”->“test.mdb”。选择数据库后，点击确定按钮，返回图4.3所示界面。

　　Step4：点击“确定”，此时出现的界面如图4.5。请注意，此时系统数据源列表框中会出现“test_dsn”项。Access数据库系统DSN配置完成。

　　

　　图4.2 选择配置Access数据库DSN

　　

　　图4.3ODBC Microsoft Access 安装对话框

　　

　　图4.4 选择Access数据库

　　

　　图4.5 完成test.mdb数据库系统DSN的配置

　　(2）SQL Server数据库系统DSN配置方法

　　Step1：点击图4.1所示对话框中的“添加”按钮，在弹出的对话框中选择驱动中的SQL Server项。如图4.6。

　　

　　图4.6 选择配置SQL Server数据库DSN

　　Step2：点击“完成”，会弹出一个对话框，在对话框的名称文本输入框中输入要配置的DSN文件名，如“test_dsn_sql”，在服务器中输入SQL Server的服务器名文本输入框或IP地址，如果SQL Server也是本机，则输入“127.0.0.1”。如图4.7。

　　

　　图4.7 建立到SQL Server的数据源连接（1)

　　Step3：点击“下一步”，弹出如图4.8所示对话框。这时，如果我们在第二步中选择通过IP地址连接服务器，请选择客户端配置选项。调出配置对话框，如图4.9。

　　

　　图4.8 建立到SQL Server的数据源连接（2）

　　Step5：点击“下一步”进入如图4.8所示对话框，勾选“更改默认数据库”复选框，选择测试数据库（数据库创建方法请参考上一章） ，如图所示。

　　

　　图4.9 建立到SQL Server的数据源连接（3)

　　Step6：点击“下一步”，弹出如图4.9所示对话框。

　　Step7：点击“完成”，弹出如图4.10所示对话框。

　　Step8：通常在设置DSN连接SQL Server数据库后，必须进行数据源测试，所以我们要点击“测试数据库”按钮进行测试。如果测试成功，会出现下图。4.11 否则，请检查步骤是否正确完成。

　　

　　图4.10 建立到SQL Server的数据源连接（4)

　　

　　图4.11 建立到SQL Server的数据源连接（5)

　　

　　图4.12 测试数据源

　　Step9：点击“确定”，系统数据源列表框中出现“test_dsn_sql”项，SQL Server数据库系统DSN配置完成。

　　注意在配置ODBC数据源之前，请确保数据库已经建立。如果要配置 SQL Server 数据源，还必须确保 SQL Server 正在运行。

　　第 6 章 编辑数据和添加服务器行为

　　添加服务器行为

　　服务器行为是一些常用的可定制 Web 应用程序代码模块。在第11章的高级练习中增加了【插入记录】服务器。下面将详细介绍Dreamweaver CS4中的服务器行为。

　　6.1.1 [重复区域] 行为

　　【重复区】服务器行为是可以显示多条记录的服务器行为，用于显示绑定到页面的多个或全部动态数据。

　　在web文档中选择服务器行为记录，选择【窗口】|【服务器行为】命令打开【服务器行为】面板。单击 按钮，在弹出的下拉菜单中选择【重复区域】命令，打开【重复区域】对话框。

　　在【重复区】对话框中选择对应的记录集，在【显示】选项区可以选择显示所有记录或指定显示的记录数。单击 [确定] 按钮以创建重复区域服务器行为。

　　选择表2第2行xingming字段记录，打开【服务器行为】面板，点击按钮，在弹出的下拉菜单中选择【重复区域】命令，打开【重复区域】对话框.

　　在【显示】文本框中输入值3显示3条记录，点击【确定】按钮添加【重复区】服务器行为。重复操作，选中流延和连溪字段记录，添加【重复区域】行为。

　　将网页文档保存为【重复区域】行为，按F12键，在浏览器中预览网页文档，并显示所有添加的记录。

　　6.1.2 [记录集分页] 行为

　　添加【重复区】的行为可以显示多条记录，但是也有问题。所有记录同时显示。这时候可以添加一个【记录集分页】的服务器行为来对记录进行分页。

　　单击【服务器行为】面板中的按钮，在弹出的下拉菜单中选择【记录集分页】命令。子菜单中显示了 5 个对应的【Record Set Paging】命令。

　　与【记录集分页】服务器行为相关的5个seed命令的具体作用如下。

　　【移动到第一条记录】：可以移动到记录集的第一条记录。

　　【移动到上一条记录】：可以移动到当前记录的上一条记录。

　　【移动到下一条记录】：可以移动到当前记录的下一条记录。

　　【移至最后一条记录】：可以移至当前记录集中的最后一条记录。

　　【移动到特定记录】：可以移动到记录集中的指定记录。

　　选择相应的命令后，会打开命令对话框，如下图所示为【移至最后一条记录】对话框。前4个命令的对话框设置是一样的。要指定要移动的记录集，请单击 [确定] 按钮。

　　如果选择[移动到特定记录]命令，则打开[移动到特定记录]对话框。

　　在该对话框中，除了指定要移动的记录集外，还可以从【列】下拉列表中选择记录集中的一个字段；您可以在[匹配URL参数]文本框中输入URL参数。

　　6.1.3 【显示区域】行为

　　[显示区域] 服务器行为主要用于显示和隐藏记录。

　　点击【服务器行为】面板中的按钮，在弹出的下拉菜单中选择【显示区域】命令，子菜单中会显示6个对应的【显示区域】命令。

　　与【显示区域】服务器行为相关的6条命令的具体作用如下。

　　【记录集为空时显示区域】：当记录集为空时，显示选中的区域。

　　【记录集非空时显示区域】：当记录集非空时，显示选中区域。

　　【如果是第一条记录显示区域】：当是记录集中的第一条记录时，显示选中的区域。

　　【非第一条记录显示区域】：当当前页面不收录记录集中的第一条记录时，将显示选中区域。

　　【如果是最后一条记录，则显示区域】：当记录集的最后一条记录收录在当前页面中时，将显示所选区域。

　　【非最后一条记录时显示区域】：当记录集中最后一条记录不在当前页面时，将显示选中区域。

　　这6个【显示区域】命令对应打开的相同对话框设置。下图为【记录集为空时显示区域】对话框。

　　指定显示的记录集，然后单击 [确定] 按钮添加行为。

　　选择[窗口]|[服务器行为]命令打开[服务器行为]面板。

　　选择添加的3个【重复区域】服务器行为，点击按钮删除行为。

　　在表格的 6 行 2 列中插入文本元素，并设置文本的相应属性。

　　选择文本内容“首页”，点击【服务器行为】面板中的按钮，选择【记录集分页】| 在弹出的下拉菜单中点击【移至第一条记录】命令，打开【移至第一条记录】对话框。

　　在【记录集】下拉列表中选择R1，点击【确定】按钮，创建服务器行为。