<?xml version="1.0" encoding="gb2312"?>
<rss version="2.0">
	<channel>
		<title>金麦网络</title>
		<link>http://www.kingmx.com</link>
		<copyright>Copyright (C) 2006 金麦网络-Kingmx.com All Rights Reserved.</copyright>
		<item>
			<title>用Dreamweaver批量做web网页</title>
			<link>http://www.kingmx.com/article.php?id=15118</link>
			<pubDate>2007-3-13</pubDate>
			<description><![CDATA[
做网站，麻烦在更新，特别是大规模更新，工作量非常大。真不知那些创意不断而又勤奋的“站长”，隔三岔五将网站来个“大换血”，是怎么忙过来的。 
　　告诉你这个秘密吧，他们很多是在“批发”网页，并且你的机器中也有这样的“批发站”呢!这个好东东就是——模板。常见的网页制作工具：FrontPage、DreamWeaver中都有这项功能。如用DreamWeaver 3.0 制作网站时，使用模板就能减少大量的重复劳动。 
　　一、建立模板 
　　1、创建模板页面 
　　最简单的办法是将一个网页另存为模板文件，通过执行命令：File→Save as Template，DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。 
　　当然，也可以新建一个模板：Window→Templates，会出现的Templates面板，单击右下角的New Template按钮，输入文件名，就建立了一个空模板;再单击Open Template按钮打开该模板，保存后自动存放于网站模板文件夹Templates中。 
　　新建、打开的模板页面和普通的网页没什么两样，同样可以加入表格、层、图片、动画、脚本，设置页面属性等。 
　　举例：这里以制作一个模板为例来说明。在该页面中，我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成，导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件，它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁，我们用表格来布置这些元素。 
　　准确地说它只是一个没有可编辑区域的“准模板”，下面再设定可编辑区域。 
　　2、设定可编辑区域 
　　设定模板可编辑区域，一般来说有两种方法。 

新建可编辑区域：选择命令：Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。 
　　标记某一区域为可编辑区域：选择命令：Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字，并且希望在以后新建的超文本文件中部分保留其内容，先选中该区域再执行标记命令即可。 
　　取消可编辑状态：选择命令：Modify→Template→Unmark Editable Region。执行该命令后会弹出一个对话框，其中有当前已有的可编辑区域列表，选中要取消的区域名称，确认即可。 
　　举例：在大片空白区中随便单击一下，执行Modify→Template→New Editable Region命令，在弹出对话框中输入名称：Main;选中左下角本页说明下面的文字，执行Modify→Template→Mark Selectin as Editable Region命令，输入名称：exp。可以看到可编辑区显示为浅蓝色，保存即完成模板制作。 
　　二、使用模板 
　　1、根据模板新建页面 
　　命令：File→New From Template。弹出对话框，从模板列表中选取模板，出现的新页面中除可编辑区外均有淡黄色背景，是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作，Exp编辑区保留有原来的文字，修改或重新编辑均可。

2、对一个已经有内容的页面应用模板 
　　命令：Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框，让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。 
　　举例：我们先新建一个普通页面，输入：“CIW电脑工作室”，执行Modify→Template→Apply Template to Page命令，选择模板test，现有内容保存区域选择Main，确认后可看到页面自动变成了模板页的形式，而“CIW电脑工作室”这一行字就出现在主编辑窗口中。 
　　3、更新模板以全面更新站点 
　　基于某一模板建立了一些页面后，对模板进行修改后保存时，就会自动弹出一个对话框，列出所有使用了该模板的页面，询问是否要更新。 
　　另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板)，单击右侧的Start按钮，软件会自动搜索与模板相关联的网页并进行更新。非常方便! 
　　举例：Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的，现在不想要它，同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt，删除该图层，保存模板，单击右侧的“Update”按钮即可。 
　　注意：新建和使用模板前需定义站点。方法是，执行命令：Site→Define Sites;指定站点名称和本地根目录(Local Root)。模板使用的是相对路径，如果没有指定网站在本地的位置，软件就不能准确找到并保存模板文件;并且应用模板新建和更新页面时，页面中的超链接也不能随页面文件保存位置的不同而相应变化。 
]]></description>
		</item>
		<item>
			<title>十二个Dreamweaver鲜为人知的小秘诀</title>
			<link>http://www.kingmx.com/article.php?id=15111</link>
			<pubDate>2007-3-13</pubDate>
			<description><![CDATA[
一、背景分析

对想要在视觉化环境下制作复杂网页的专业网页制作者来说，Dreamweaver已经渐渐在网页编辑工具中展露头角，成为专业人士编写网页的最佳选择。根据Macromedia公司的调查，Dreamweaver目前已累积有超过七十万名的使用者，占有率在网页编辑工具中居冠，像“Adobe GoLive”和“NetObjects Fusion”等竞争者都被遥遥抛在后头。因此一般地预估Dreamweaver的使用群体将会持续的增加。

在这种势不可挡的普及率席卷之下，可想而知Dreamweaver内置的功能可说是越来越多、越来越丰富、齐全。在这次我们的介绍中，就有新增一些功能提供网页制作者一些更快速的设计、更容易地编码及整合性更强的功能。事不宜迟，以下我们介绍如何善用Dreamweaver里的一些功能。以下密技共有十二项，可分成四个主题。分别是：设计网页页面(Dreamweaver里具有弹性的页面设计功能)、搭配Macromedia其它产品一起使用Dreamweaver(制作动画和图片不求人)、自订使用界面(享受个性化的使用经验)和最后的加入Dreamweaver扩充程序(在网页中载入扩充高级功能)。

二、设计网页页面的秘诀

不管你是要运用HTML原始语法逐字逐字来编写网页，或是运用标准化窗口来进行网页的视觉设计，以下的小秘诀都可以派得上用场。

秘诀1：让网页页面大小更有弹性

有些网页开发者称以下要介绍的这种技巧为“liquid”，在这儿则把这种技巧叫做是“弹性延伸的技巧”。这是一种技巧，可在访客浏览器窗口大小改变时也随之调整网页页面大小，因此如果窗口过大就不会有空白处;窗口过小边缘就不会跑出上下移动的拉条。其实大多数简单的网页会自己随着浏览器窗口大小来调整页面大小，但是如果是网页里用到很多不同的框架及表格，网页页面大小就很难自动弹性地调整。通常网页设计者会用混合运用固定宽度的框架，和GIF图片作为间隔来设计网页页面，这样一来不论是用Internet Explorer或是用Netscape Navigator，页面大小都会固定而不会跑掉。用Dreamweaver 4.0可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢?

★具体做法：用工具面板(Object palette)上的按钮打开网页，并且转换到“格式查看”(Layout view)。这时可以看到文字方块的栏度，每一栏的方框上方中间还有一个小小的下拉式箭头，点选想要设置弹性显示的栏上方的小箭头，接着选择“将栏设为弹性显示”(Make Column Autostretch)。(设置自动调整栏的宽度以一栏为限)这时该栏方框上方就会出现一条波浪形的线，而不是原本表示栏度的数字。 Dreamweaver会自动制作出固定版面的空格图片，这个空白图片是以栏上方的两个长条形的空白表格表示，如此版面会自动被填充，才会完成弹性版面设置。(在第一次增加空白图片时会跳出一个对话框问你是否要使用内置图片，为求效果，我们建议你让Dreamweaver自动产生一个，不然就不用使用空白图片来填充版面。)

秘诀2：创造个人调色板

Dreamweaver新的“Assets panel”(属性控制面板)是一种可以在编辑网站时根据文件格式，例如图片、样式等来管理文件的新工具。

★具体做法：当你定义新站点时(点选Site New Site)，所有类型的物体会自动增加到“Asset panel” 里的适当表框中。这个新加入的“Assets panel”属性控制面板里也有颜色框，储存你网站里所用到的所有色彩，包含文字的颜色、背景的颜色，以及超链接的颜色等。这是一个为使用者量身定做的网站导航颜色盘。只要启动“Assets panel”(先选 “Window”再点“Assets”)，接着点左方那个小小的色彩卷轴，就可以看到你网站里各式各样的颜色选项。当然你可以将这些颜色拉到某些特定选取的文字中。甚至当你选择某种颜色时，画面上会出现这种颜色的十六进位值的色彩淡浓度，和三原色对照码(RGB)。如果想将调色板工具栏缩小一点，甚至可以仅加入某些颜色到调色板的“我的最爱”里。只需将选取的颜色反白、点选窗口里一个叫做“新增到我的最爱的”按钮(最下方靠右的按钮)，就可以完成了。

秘诀3：制作弹出式菜单导航系统

原本要制作弹出式菜单导航系统(Pop-up Menu Navigation System)要用到很多的一些java script的语法和技巧，但是如果你有Dreamweaver、Fireworks Studio，即可轻轻松松快速办到。

★具体做法：首先在“Fireworks”里开始，选择某个图片，然后在“Set Pop-Up Menu”的对话框里点选“ Insert Pop-Up Menu”，你可以输入项目(items)的名称并点“Plus”(加入)按钮，来新增该项目。你可以继续在跳出来的信息框里进行细项设置，例如设置该项目所要用的文字及超链接，当然也可以新增子菜单，并重新安排下一层的设置。完成时，点选“Next”(下一步)，继续设置各种参数值，例如颜色、字体等等。这时菜单完成后，既可以预览HTML语法，也可预览图象。再点“ Finish”(完成)。这时当鼠标移动到原来的图片时，会出现菜单系统的内容一览。接着将制作好的文件导出时，“Fireworks”会自动生产出所有 Dreamweaver 需要用到的HTML、java script，以及图象文件。

秘诀4：让图片动起来

如果你同时安装有Dreamweaver、Fireworks Studio，这两种软件搭配的完美程度将使你赞不绝口。即使你不是专业的图片设计者，在设计网页时也多多少少想把一些GIF图片修改得活灵活现。Dreamweaver可以让你制作动画不求人。

★具体做法：在标准窗口里选择要进行修改的图片，然后在“Property Inspector”里点选“编辑”(Edit)。如果你安装的Dreamweaver里附有“Fireworks”，“Fireworks”就是Dreamweaver预设图片编辑器，这时图片就会自动载入到“Fireworks”。(如果仔细看，你会发现Fireworks的画面会出现“Editing From Dreamweaver”这样的文字和图样，指示你可以在Dreamweaver里进行图片编辑。)好了，现在在“Fireworks”里点选要编辑的图片，选择“ Modify Animate Animate Selection”。 接下来完成“Animate dialog box”里的设置，选定动画的帧数，动画移动的方向、透明度等等设置。你也可以点选“Frames”工具设置移动速度，选择“Object”面板来改变设置。要导出文件时，只要点选“ Optimize ”工具栏，在文件类型的地方选择“Animated GIF”。完成以后，“Fireworks”就会自动将图片以最佳化设置导出，并且自动将 GIF 图片更新，还会在Dreamweaver里将更新过的图片显示出来。点选“File Preview in Browser”，这样就可以在浏览器里预览刚刚制作完成的可爱图片。

秘诀5：让按钮有闪动效果

在Dreamweaver中，不用有Flashs，也可以制作有闪动效果的Flash按钮物体。Dreamweaver内置有好几个 Flash按钮物体，可以制作好几个不同形式的按钮。

★具体做法：点选“Insert Interactive Images Flash Button”就可看到有那些内置按钮。在对话框内甚至可以用鼠标指到想要使用的按钮形式，然后看看在浏览器里的效果如何。用鼠标指针把要用的按钮形式选定，再依顺序输入参数，例如按钮上的文字、字形、颜色、超链接等，或是自设文件名字。按下OK。接下来就会有一个“SWF”格式的文件产生，文件并会自动导入你的网页中。按一下这个做好的文件，会看到“Property Inspector”(属性明细)中会显示出文件的属性。将文件属性显示出来时，如果扩展文件属性明细表，会出现“Play”(播放)，点选之后可以不用打开浏览器来预览按钮的闪动效果。

秘诀6：制作流动文字

在网页中增加流动文字就像增加我们刚刚介绍的Flash按钮一样简单。相同地，不用安装Flash，用 Dreamweaver提供的新功能就可以轻松办到。常用HTML语法写网页、没有互动式媒体经验的网页制作者也可以轻松制作出小巧的Flash形式的流动文字。这项新功能可以在不添加相兼容性麻烦的情况下为网页增添一些浏览上与访客的互动性。 ★具体做法：点选“Insert Interactive Images Flash Text”，再将参数设置一一填入(例如要更改效果的文字、字形、字体颜色及字体大小等等)。

秘诀7：更改键盘快捷键

Dreamweaver可让使用者自订使用界面，这项设计十分有弹性。举例来说，使用者可以通过编写程序或自行增加物体(object)的方式来更改菜单。不必功力高深，你就可以更改键盘快捷键，因为Dreamweaver有一项叫做“Keyboard Shortcut Editor”的图形界面。

★具体做法：只要点选“Edit Keyboard Shortcuts”，对话框将载入并栏出可以改动的快捷键一览表，让你把快捷键改成自己习惯用的设置值。要改动快捷键，只要使用现行设置(Current Set)和命令栏(Command)的下拉菜单，在现有的命令中找到想要更改的命令，接着选取目前的快捷键，就会出现在快捷键的列表中。另外，如果要增加快捷键设置，可以点选“Plus”、在键盘上敲入你想使用的新快捷代表键，点选“改变”(Change)即可。同时你也可以选取某快捷键、点选“移除”(Minus)，就可以移除某个快捷键。

秘诀8：重新设置网站窗口(Site window)栏

★具体做法：只要从“Site window”中点选“View File View Columns”，就可以自字查看网站(Site view)栏的大小及出现方式。选取某一栏的名称，使用上下箭头重新调整，或不要勾选显示栏(Show field)以隐藏该栏。另外，点选“Plus”钮也可以新增栏，并自创栏名。此外，你也可以在下拉式菜单中选择现有的“note”来将栏和“Design Note”产生关联。

秘诀9：查看网页原代码

★具体做法：当你打开“Reilly Code Reference”(Window Reference)来检查属性或是浏览器的兼容性时，预设的窗口会以细小的字型显示出“参考设置值”。但是如果你按下窗口右上方的右键(就在关闭按钮的下方)，就会出现一排下拉式菜单，可以在这边选择原始代码字体的大小(小型字到中型字体以及大型字体)。选择大型字体比较不会“虐待”眼睛，因为这样你看HTML原代码时就不用拿着放大镜看屏幕了。

秘诀10：新增Flash按钮

秘诀5中，我们介绍如何用20种预设的按钮类型，来制作Dreamweaver里的Flash按钮。这是不用另外安装任何文件或程序的方法。下面有另一种方法，就是安装“Fireworks buttons”，这种扩充功能和秘诀5有相同的效果。

★具体做法：到 “Exchange for Dreamweaver”(Dreamweaver 扩充功能交换中心) ，输入“InstaGraphics Extensions for Dreamweaver”的关键字搜寻，然后再下载这个大约577K 的文件。转换到Dreamweaver，选择“Commands Manage Extensions”，再选择“File Install Extension”，就可以开始安装。一旦重新启动 “Dreamweaver”，就有六个新奇有趣的按钮格式，包括“Surfboard”及“Bulletbar”在内，这时只要使用“Insert Interactive Images Fireworks Button”命令，就可以制作出一个酷炫的按钮。你也可以用“commands Convert Bullets To Images”及 “Commands Convert Text To Images”，上述两种方法都可以自动执行“Fireworks”。

秘诀11：在网页中加入“设置成我的最爱”功能 ★具体做法：在“Exchange”里搜寻，你就可以发现“Add To Favorites”的扩充功能。这个小小的文件才占3K，下载时间不会等太久，接着循相同步骤，由“Extension Manager”载入(Commands Manage Extensions、File Install Extension)。接着重新启动 Dreamweaver，这个新载入的扩充文件会在 Dreamweaver里新增一项功能。如果你的网页中加入这个“加入我的收藏集”的功能，这样一来使用者看到你的网站时，轻轻一按，就可以轻易地将你的网站加入他使用浏览器的“我的最爱”(或是个人书签)。此外，最炫的是也可以自订“我的最爱”名称，以及“我的最爱”名称前会出现的小图示(一般IE中“我的最爱”前面的小图示都是IE的预设值，如果你有自己设计的小图示，那就炫多了)。注意，这项功能只支持用 IE 4.0以及更高版本的浏览器。只要选择“Windows”菜单里的“Behavior”面板，再到IE功能下拉菜单点选此项功能，即可轻松启动此酷炫功能。

秘诀12：超酷的图表

如果你想制作表格，还要自己花时间再逐字编写网页原代码吗?不需要了，已经有现成的了!

★具体做法：到Exchange下载“Form Builder extension”，就有现成的表格，可让你马上复制包含像：国家、性别、婚姻状况、年龄层及其他目录等的表格。到Exchange下载这个小巧(只有11K)的文件，然后由“Extension Manager”安装进来(Commands Manage Extensions, File Install Extension)。接着只要重新启动 Dreamweaver，点选“Insert FormBuilder”，就会在(Insert FormBuilder)中发现扩充功能。点选了之后这时会有一个对话框出现，会显示出所有可以套用的格式菜单，实在非常方便。
]]></description>
		</item>
		<item>
			<title>DW9技巧</title>
			<link>http://www.kingmx.com/article.php?id=14834</link>
			<pubDate>2006-12-22</pubDate>
			<description><![CDATA[

1，实现多个窗口的连接? 

　　面板设计一直是DW的一大特色，到了DW4版本，所用到的面板已经相当多了，那么我们如何才能更高效的利用它呢？ 

　　“窗口连接”就是一种方便大家自定义的技术功能，简单的说，就是可以根据需要将两个或更多个面板放到一个窗口中来。 

　　鼠标点击拖动一个面板的Tab栏到两一个面板上，当你看到一个黑色边框时，松开鼠标，这时两个面板已经合二为一了。 

2，如何在网页中隐藏一些内容？ 

　　在网页设计中，有时我们需要在里面插入一些不要求显示出来的内容，比如流量统计系统，用户访问分析系统等等，这时就要考虑如何把他们隐藏起来，当然还有个前提就是，它们的存在不会影响其他网页元素的布局。 

　　单击“Object”面板中的“Layers”按钮，鼠标拖动创建一个新的图层，将需要隐藏的内容全部放进去，单击图层左上的小方框，标定它为选中状态，同时切换到属性面板，将Vis值设定为“Hidden”，哇！所有的内容真的已经不见了。 

3，怎样创建一个简单下拉菜单？ 

　　下拉菜单是网页中再常见不过的了，由于它可以极大的节省网页空间，因而主要应用在需要进行多对象罗列的场合，比如友情连接列表，合作网站地址等等。 

　　DW中提供了一个再简单不过的制作方法，这样我们就不用写那些枯燥的代码啦！ 

　　进入“Object”面板的“Form”部分， 

　　单击“Insert Jump Menu”按钮，弹出“下拉菜单”设置窗口，

　　在“Text”中输入菜单项的名称；“Go To URL”中键入网址或使用“浏览”按钮选择。单击最上的“+”号可进行新菜单项的录入，所有项目都将在“Menu Items”中显示出来。 

4，如何制作一条宽度为1的细线？ 

　　在DW中，尽管水平线是以“Line”形式出现的，但在制作细线时，它表现的并不尽如人意，主要是过粗，没有需要的细腻感！ 

　　那么我们可以采取变通的方法以表格的应用来实现。 

　　在网页中插入一个1行1列的表格，将表格的“cellpadding”“cellspacing”都设置为“0”，同时将单元格的“bgcolor”设定为红色，当然你也可以使用其他的颜色来代替，“Height”设定高度为1。 

　　还有最关键的一步，查看源代码，将&lt;td&gt;&lt;/td&gt;中的“&amp;nbsp;”去掉即可。 

5，如何制作一个边框为1的方格？ 

　　很明显，我们现在还是要通过表格的设置来完成。 

　　或许你会说，这还不简单嘛！建立一个1行1列的表格，然后将它的“Border”值设为1不就可以了。实际上，用这种方法制作的表格根本不是所说的边框为1的方格，而是要“粗”的多！ 

　　同样先插入一个1行1列的表格，将表格的“border”、“cellpadding”设置为“0”，“cellspacing”设置为“1”。设定表格的“bgcolor”为红色（即为边框的颜色），同时设定单元格的“bgcolor”为白色（即同背景色），OK了。

6，怎样设置根据不同的浏览器，返回不同的页面？ 

　　浏览器不同，它所支持的技术和效果也不同。因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。这时一个判断浏览器的跳转就很必要了。 

　　当用户用不同类型或版本的浏览器打开时，可以返回不同的页面，以保证用户的正常浏览。 

　　单击快速启动板中的“Behavior”按钮，点“+”号，在下拉列表中选择“Check Browse”，按照不同的类型依次设置即可。 

7，网页中可以随便拖动的对象是怎么建立的？ 

　　访问网站时，经常能见到不少可以用鼠标拖动的元素，其中以图片居多，比如，一张广告图片挡住了你想浏览的内容，你完全可以用鼠标选中把它扔到一边去！ 

　　制作这种效果是通过图层的“Drag Layer”行为实现的，单击Behavior面板中“+”号，选择“Drag Layer”，当然之前你必要保证目标图层处于选中状态，进行简单设置后就OK了。 

8，如何为网页添加一个外部的风格样式表（CSS） 

　　风格样式表有内部，外部之分，前面我们对网页元素进行直接修饰的设定都属内部之列。外部CSS引用是通过&lt;LINK&gt;标签实现的。 

　　&lt;LINK&gt;标签包括HREF;TYPE;REL属性设定。其中HREF:用来标定风格页文件的地址URL；REL:标示CSS的可选性：stylesheet/altermate；TYPE:用于标示风格语言类型:text/css。 

9，设定网页的Base（基地址）有什么用途？ 

　　在“Object”面板的“Head”部分里有一个叫做“Base”的按钮，它就是用来设定网站基地址的，那么所谓的“基地址”究竟有什么作用呢？ 

　　大家都知道，在DW中我们使用的链接方式都是相对的，而不是绝对的，也就是说只要改变了根地址，所有的指向也将跟着自动变化，这样的好处就是可移植性强。 

　　然而，有些时候我们恰恰需要它不变化，即强制它使用固定的地址，单击“Base”按钮，如图： 

　　在“Href”中键入基地址的URL，单击“确定”有效。
]]></description>
		</item>
		<item>
			<title>DW实现网页表格特效</title>
			<link>http://www.kingmx.com/article.php?id=14727</link>
			<pubDate>2006-12-15</pubDate>
			<description><![CDATA[
在我们制作主页的过程中，用到表格的地方非常多，灵活运用表格技巧可以为我们的网页增色不少，这里我就详细介绍几中特效表格的制作方法。 

　　一、彩色虚线表格

＜style type="text/css"＞
＜!--
.tab1 {
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #00CC66;
border-right-color: #0099CC;
border-bottom-color: #FF0000;
border-left-color: #6699FF;
}
--＞
＜/style＞
＜table width="200" border="0" cellpadding="2" cellspacing="2" class="tab1"＞
＜tr＞ 
＜td＞＜div align="center"＞虚＜/div＞＜/td＞
＜td＞＜div align="center"＞线＜/div＞＜/td＞
＜/tr＞
＜tr＞ 
＜td＞＜div align="center"＞表＜/div＞＜/td＞
＜td＞＜div align="center"＞格＜/div＞＜/td＞
＜/tr＞
＜/table＞

　　二、鼠标指向单元格变色
&nbsp; 
onmouseout="this.style.backgroundColor=''" 鼠标离开效果onmouseover="this.style.backgroundColor='#FFcccc'"鼠标放上去的效果，
可以修改#FFcccc的值来改变颜色
＜table width="200" border="1" cellspacing="0" cellpadding="0"＞
＜tr＞ 
＜td onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#FFcccc'"＞&nbsp;＜/td＞
＜/tr＞
＜tr＞ 
＜td onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#FFccaa'"＞&nbsp;＜/td＞
＜/tr＞
＜/table＞
]]></description>
		</item>
		<item>
			<title>DW处理Word文档的技巧</title>
			<link>http://www.kingmx.com/article.php?id=14726</link>
			<pubDate>2006-12-15</pubDate>
			<description><![CDATA[
作为一个网页设计师，不知道各位是否有这样的经历：客户给你的网站材料很多都是Word文档，虽然阅读起来很方便，可要添加到网页中就不是很方便了。尤其是那种含有表格的Word文档，如果要一项一项地去添加，实在是费时又费力。虽然Word可以将文档存为Web页，但生成的废代码太多，文件体积实在太大。
　　不过还好，Dreamweaver已经为我们提供了很方便的命令，可以将word生成的html文件体积大幅度地减少，只是大家也许没有注意到它的应用。 
　　下面大家先打开Dreamweaver，点击命令菜单，仔细查看一下。会发现其中有这样的两项：清理HTML，清理Word的HTML，看来Dreamweaver已经为我们提供了处理word文档的命令。下面我们通过一个实例来让大家理解这个命令。

　　这里为大家提供了一个用word做的课程表，大家可以下载下来试用。下面我们将利用这个表格为实例一步一步地去将这个含表格的word文档转换成代码清晰的html文件。

　　step1:
　　Dreamweaver是处理不了doc文档的，因此，我们需要先利用word把这个文档另存为html的格式，这一步比较简单，在word里面选择“文件－另存为”，保存类型选择html即可。

　　step2:
　　观察一下另存出来的html文档，文档竟然有50多K！这仅仅是一个课程表！
　　用Dreamweaver打开这个html文件，选择代码视图，大家可以看到这里的代码简直糟糕透了！先用我们刚才提及的Dreamweaver的菜单“命令→清理word的HTML”，对文档处理一下。

　　这时候再看一下代码，比原来好得多了，但是还是有很多垃圾代码。再查看一下文档的大小，从原来的50多K迅速降到了不到20K。

　　step3:
　　仔细看一下代码，有很多标签我们都不需要，比如 ＜P＞,＜SPAN＞,＜DIV＞。其实我们完全可以删除它们。下面便用另外的一个菜单“命令→清理HTML”来对文档进行一番清理。选择菜单的“命令→清理HTML”，点选指定标签，把我们刚才看到的没有用的标签都填上。

　　格式是这样的：标签名,标签名。比如这里，我们就应该填上p,span,div（注意：中间用半角逗号“,”隔开）。然后点击确定。稍等一会，会发现我们的文档已经相当干净了。仔细看一下TD标签，会发现它的class属性已经没有意义了。下面我们将它删除。手工一个一个地删？当然不用！我们可以利用查找与替换的命令来把它们全部删除。好，开始行动。

　　step4:
　　打开查找与替换菜单（编辑→查找与替换，快捷键Ctrl+F）在查找内容前面的下拉框中，提供了四种方式。源代码、文本、文本高级、以及指定标签。在这里，可以用源代码的方式，或者是指定标签的方式来清理。这里我们用指定标签的方法来清理class属性，让大家了解一下它的用法。源代码的方式大家应该都比较了解，这里就不多罗嗦了。


　　上图中已经大概把这个面板的功能模块说了一下。不是很复杂，如果大家有不明白的地方，请点击面板上的帮助。在这里，参数设置如上图，然后点击替换全部。就完成了这个文档的处理。如果各位对TD的width属性不太满意，也可以用此方法，将它们全部删除。至此，处理工作全部完成。我们成功的把一个50多K的文档缩小到不到3K，并且也可以更方便地将它粘贴到我们要应用的页面中了。

　　查找与替换似乎是小儿科的东西，其实它的功能非常强大。大家在以后做网站的时候，如果遇到一个站点中有很多文件的某一个标签都需要修改，只要找到它们相同的规律便可以利用它来成批替换。还有高级文本的方式也不要忽略，都是些相当有用的工具。
]]></description>
		</item>
		<item>
			<title>使FrontPage与Dreamweaver亲密合作</title>
			<link>http://www.kingmx.com/article.php?id=14662</link>
			<pubDate>2006-12-12</pubDate>
			<description><![CDATA[作为一个网页设计初学者的时候，你是否曾经为选择一款好的设计软件而困惑?是不是有人向你推荐FrontPage，因为FrontPage是微软的王牌、网页制作的老前辈，应该使用FrontPage。但是又有人告诉你Dreamweaver是网页制作的当红小生，他对网页设计的影响谁也不能小瞧，应该使用Dreamweaver。 
　　许许多多的人为自己喜欢某个软件而争执不休。但是如果你仔细想一想，为什么不兼

　　而有之，发挥两者的长处呢?

　　我们可以从网页的各方面的构成来讲解FrontPage和Dreamweaver结合使用。

　　1、结构

　　网页结构的架构是网页设计是否成功的关键之一。就象一只美丽的风筝同样需要科学设计骨架一样。使用过FrontPage的朋友都知道虽然微软宣传所见即所得，但是经常会出现我们设计的结构很好但是预览时候却出现各个“零件”挪位的情况。而Dreamweaver在这方面做的要比FrontPage好的多。因此，在网页的整体设计阶段，我建议大家使用Dreamweaver。等到我们在构建结构的过程中临时改变主意决定要加一个图片的时候，那么小范围的框架就需要重新设计。如果再使用Dreamweaver，他只会增加或者删除一个网格，形不成错落有置的局面。这个时候，需要你使用FrontPage的“橡皮”和“画线”工具来帮助你。使你网页机构美观大方，设计合理。在结构的设计过程中，我们会常常遇到怎么设计表格更美观这一问题。如果使用FrontPage，我们必须不断地使用右键改变网格属性。如果使用Dreamweaver这样的事情就会避免发生，因为Dreamweaver的工具栏就浮现在我们的设计面板上，所以我们可以进行更改，免去了很多的麻烦。

　　2、源代码

　　我们都知道任何一个所见既所得的软件设计的网页都有其不合理的地方。一个网页设计师只懂得使用软件是不行的，还要学会编辑网页的源代码，这样的网页才能更美观大方。使用Dreamweaver的朋友都知道，Dreamweaver虽然设计的网页漂亮。但是他本身在制作网页的过程中形成的源代码界面非常模糊。如果这个时候使用FrontPage就可以避免这种现象。在FrontPage的源文件项中，当我们看网页源代码的时候，网页源代码是错落有置，而且各种不同的程序例如Javascript、Java、CSS等都呈现出各种不同的颜色。这样可以方便我们更改网页源代码。但是FrontPage在这个方面也有其缺点，比如在我们的网页中嵌入的ASP代码。如果在FrontPage编辑格式下看到是一片空白，让我们常常不知道要编辑代码的位置。在Dreamweaver编辑状态下我们就能够看到各种代码标记，一般显示为黄色的小标记。当我们选中它的时候在源文件状态下就可以方便地更改我们嵌入各种代码了。这是Dreamweaver和FrontPage在源代码更改时候结合使用的方法，建议大家灵活掌握。

　　3、修饰

　　访问经典网站建设类教程&gt;&gt;

　　每一个网页就象一件艺术品，他的后期工作应该是精雕细琢然后才能焕发出光彩。Dreamweaver在网页修饰方面远远不如FrontPage做的好。比如我们在网页制作中经常会使用插入搜索框、下拉框等。如果单纯使用效果很简单。如果使用一些必要的修饰，那么我们的网页就会奕奕生辉。使用FrontPage修饰边框要比Dreamweaver做出来的漂亮得多，也很有个性。每一个网页设计师都希望自己设计网页越小越好，如果他使用FrontPage，那么冗余代码就多，反之，Dreamweaver冗余代码相对较少。在网页的修饰的收尾阶段，建议大家使用Dreamweaver。

　　最后需要提醒大家：在Dreamweaver和FrontPage结合编辑一个文件的过程中，Dreamweaver经常会跳出提示，问你是否保存修改后文件，这个时候一定要看清楚了再决定呀!

　　每一个软件之所以受人喜爱并保持长久不衰都有其存在的理由。不要对使用Dreamweaver还是FrontPage而犹豫不绝了。在做网页的过程中，把二者都打开吧，你会发现他们都是你的好朋友!
]]></description>
		</item>
		<item>
			<title>DW8建立XSLT页可视化操作XML</title>
			<link>http://www.kingmx.com/article.php?id=14493</link>
			<pubDate>2006-11-28</pubDate>
			<description><![CDATA[

本文作者来自 缔吧-缔客论坛 { http://dw8.cn } 会员 cnbruce
版权归 {缔吧、蓝色理想、织梦幻影} 共同所有，转载请保留本信息.TKS/
标题：DW8新功能 之 建立XSLT页可视化操作XML数据
关键字：DW8，XSLT，可视化操作，XML
开言
DW8这个新的功能究竟好在哪里？这不得不先说了一些令初学者感到犯晕的多个技术名词。
但注意：本文主要是进行例题的过程说明，您可以按照步骤很轻松地完成本案项目。不过终究会在操作进行时会遇到一些概念，这里先预介绍，内容只做概要，相关具体内容可搜索参考详细。
先说XML
这是什么？越来越多的站点开始应用了XML，最常见的就是各个BLOG中存在RSS。
SO，现在出现了两个技术名词：XML和RSS。
· 请大家多动手，多看多观察如下几个站点的RSS
http://cnbruce.com/blog/rss2.asp
http://dw8.cn/common/dw8.xml
http://www.blueidea.com/tech/rss.xml

请仔细看，他们有没有共同点？
1，都是树型目录的结构
2，基本都有&lt;channel&gt;,&lt;item&gt;,&lt;title&gt;等相关标签
3，......................
其实，RSS就是一个特殊标准的XML文档，特殊在哪里？比如必要要声明 &lt;rss version="2.0"&gt; ， 比如以 &lt;channel&gt;,&lt;item&gt;,&lt;title&gt; 等固定的标签来包含并表示相关内容，随着RSS标准规范版本（如RSS1.0、RSS2.0）的不同，其将定义不近相同的标签来表示特定的内容。
所以说RSS是XML文档中的特殊一类。
· 接着是XML的认识
从刚才的RSS文档中可以了解到XML的结构是如此的简单。
简单之一：其标签都是首尾呼应对称的，比如&lt;channel&gt;和&lt;/channel&gt;，这和HTML标签是一回事。
简单之二：这些标签不象HTML标签已经固定死的，比如&lt;body&gt;、&lt;table&gt;、&lt;td&gt;。在XML中我可以任意定义标签，甚至是中文（当然使用中文必须在XML中预先声明：encoding="gb2312"）。
下面就可以动手书写一个XML文档：mysite.xml





&lt;?xml version="1.0" encoding="gb2312"?&gt;
&lt;我的站点&gt;
&nbsp;&nbsp; &lt;站点信息&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;建立时间&gt;10/29/2003&lt;/建立时间&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;站点地址&gt;http://www.cnbruce.com&lt;/站点地址&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;站点说明&gt;个人的BLOG站点，比较多的WEB相关的资料收集站&lt;/站点说明&gt;
&nbsp;&nbsp; &lt;/站点信息&gt;
&nbsp;&nbsp; &lt;站点信息&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;建立时间&gt;5/20/2005&lt;/建立时间&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;站点地址&gt;http://www.liury.com&lt;/站点地址&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;站点说明&gt;喜欢刘若英的歌，欣赏她这个人，所以想收集些她的东西，可惜一直没时间&lt;/站点说明&gt;
&nbsp;&nbsp; &lt;/站点信息&gt;
&nbsp;&nbsp; &lt;站点信息&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;建立时间&gt;7/20/2005&lt;/建立时间&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;站点地址&gt;http://www.dw8.cn&lt;/站点地址&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;站点说明&gt;爱好DW，恰MM的新版软件DW8的发行，于是有了这个站点&lt;/站点说明&gt;
&nbsp;&nbsp; &lt;/站点信息&gt;
&nbsp;&nbsp; &lt;站点信息&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;建立时间&gt;9/26/2005&lt;/建立时间&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;站点地址&gt;http://www.yzcheng.com&lt;/站点地址&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;站点说明&gt;扬州城，立足本土，建立扬州对外窗口站点，希望为扬州尽自己的绵力&lt;/站点说明&gt;
&nbsp;&nbsp; &lt;/站点信息&gt;
&lt;/我的站点&gt;




很简单，以&lt;我的站点&gt;...........&lt;/我的站点&gt;包括各类不同&lt;站点信息&gt;的内容
在记事本中输入（建议自己输入加深印象：）以上标签代码，保存为 mysite.xml 文件，并通过浏览器浏览。



]]></description>
		</item>
		<item>
			<title>用DW实现飘浮光球特效</title>
			<link>http://www.kingmx.com/article.php?id=14492</link>
			<pubDate>2006-11-28</pubDate>
			<description><![CDATA[
大家都知道，Dreamweaver是一款专业的网页设计工具，提供了许多方便、实用的功能，使得以前许多网页效果的实现从繁琐的代码中解脱出来，只要轻点鼠标即可实现。其中为网页图像增添特效就是其具有特色的功能之一，利用它可以为图像添加诸如阴影、运动、波浪、及淡入淡出等特效。这种特效不会增加图像的大小，当然也不会影响其下载速度。其具体的实现方法如下： 
1、在Dreamweaver编辑窗口中，点击菜单命令“Window/Css Styles”打开样式浮动面板，在浮动面板中点击右键菜单中的“New Style”选项或者点击右下角带“+”的按钮，打开新增样式对话框(如图1)，在“Name”栏中输入新增特效名称，并选择Type的第一个选项：“Make custom style”，然后点击“OK”按钮，并在出现的保存对话框中输入文件名保存样式文件。




图1 填上特效名称

2、在随即出现的样式定义设置对话框中，选择Category列表框中的最后一项“Extensions”选项(如图2)，打开扩展窗口参数设置窗口，其中“Page Break”选项用于设置样式应用前后的位置，可以不予设置，而“Visual Effect”下的“Cursor”则用于自定义鼠标指针形状，“Filter”用于选择效果的类型，共有16个选项。用户选择好效果类型以后，将其中有问号的地方改成自己希望的参数，点击“OK”即完成样式的定义。




图2 选择设置参数

3、击菜单“Insert/Image”打开图片，选择对话框插入希望应用特效的图像，然后在编辑窗口中选中该图像，并点击样式浮动面板中刚才创建的样式，按下“F12”键，在浏览器中即可看到特效显示的最终效果。如图3即为Filter类型为“Wave”，参数为：“Add=1，Freq=6，LightStrength=20，Phase=8，Strength=15”的样式在图片上应用以后的效果对比。




图3 最终效果

4、如果用户应用后对效果不很满意的话，可以在样式浮动面板中点击快捷菜单中“Edit”选项，重新打开样式定义窗口进行参数设置，直到满意为止。
]]></description>
		</item>
		<item>
			<title>Dreamweaver制作网页的图片应用技巧</title>
			<link>http://www.kingmx.com/article.php?id=14491</link>
			<pubDate>2006-11-28</pubDate>
			<description><![CDATA[加快图片下载速度 
　　如果网页中有过多的图片，就会影响浏览的速度。 Dreamweaver 可以轻松设置预载图片，加快图片下载速度，让站点以最快的速度出现在用户面前。

　　效果说明：建立文件，先预载图片，使图片预先下载到缓存中，加快图片下载速度。

　　创作思想：打开 Dreamweaver MX 2004 软件新建页面，再打开标签面板，在【行为】中选择【预先载入图像】选项，加快图片下载速度。 

　　操作步骤 

　　（ 1 ）新建文件，操作如图1 所示。 



　　（ 2 ）保存页面并插入图片。为了在插入图片时不提示相对路径，先保存页面为“ test1.htm ”。然后插入要预载的图片，如图 2 所示。 



　　（ 3 ）添加“预先载入图像”功能。使用 Dreamweaver 的行为面板添加“预先载入图像”功能，如图 3 所示。 



　　（ 4 ）选择要预载的图片，操作如图 4 所示。



　　提示：如果站点上有几张大图片，可以单击【预先载入图像】上方的【 + 】图标，添加多张预载图像，具体操作与图 4 所示相同。 

　　（ 5 ）保存文件完成操作。这样就可以加快图片的下载速度，让用户在浏览网页时不会等太久，这对于提高网站的效能具有非常重要的意义。

　　随机广告图片 

　　浏览者浏览网页时可以发现，网页中动态更新的广告图片比静态固定的图像更具有活力和吸引力。如何制作网页中的随机广告图片是本实例所要研究的问题。 　　 

　　效果说明：在浏览网页时，网页的 banner 区域将出现一张广告图片，随后每两秒更新一次广告图片，而且广告图片是以随机的方式出现的。

　　创作思想：通过使用 Macromedia 的扩展插件 Adv_Random_Images ，可以轻松地完成网页中随机广告图片的制作。 点击这里下载本教程所使用的插件

　　操作步骤：

　　（ 1 ）安装插件。使用菜单栏中的【命令】｜【扩展管理】命令调出【 Macromedia 扩展管理器】对话框，安装 Adv_Random_Images 扩展，如图&nbsp;1、2 所示。 





　　（ 2 ）调用命令。新建立一个HTML文件起名为 banner.htm 文件，将光标置于要插入广告的位置上，并调出【 Random Images 】命令，如图&nbsp;3 所示。 



　　（ 3 ） 设置图像。 在弹出的【 Random Images 】对话框中对图片变换属性进行设定，如图&nbsp;4 所示。



　　（ 4 ）添加图片。添加第一张广告图片，如图&nbsp;5 所示。 



　　（ 5 ）接着用同样的方法添加其他图片，添加完成后单击【 OK 】按钮确定操作。

　　（ 6 ）然后保存页面文件并进行预览，随机广告图片的效果就制作出来了。

　　本实例所讲的技术常用于各类的网站中，如国内几个较大的门户网站上，几乎在他们的每个页面中都可看到这些变换广告，读者可参考这些内容来多加练习。
]]></description>
		</item>
		<item>
			<title>DW8-在动态页中插入XSL片断显示远程XML</title>
			<link>http://www.kingmx.com/article.php?id=14490</link>
			<pubDate>2006-11-28</pubDate>
			<description><![CDATA[

为了更好的阅读并操纵本教程，请您先参看这篇文章：
&nbsp;DW8新功能&nbsp;之&nbsp;建立XSLT页可视化操作XML数据
http://www.phsky.com/webdesign/1/2006-11-27/14759.html

那么，本文的主要描述内容即是：在动态文档（如ASP）中插入XSL片断以显示远程的XML数据。
所需要的前提是：Dreamweaver&nbsp;8软件，XSL片断文件，远程XML数据地址以及动态网页文档。
那么下面来吧:&nbsp;
1，建立DW8的动态站点，新建文件，选择“基本页”的“XSLT片断”。注意，并非是XSLT整页，它们有很大区别。同时有关XSLT整页在我提示您阅读的网页中有介绍。
2，选择“定位&nbsp;XML&nbsp;源”，即输入远程XML数据的URL路径，如：&nbsp;http://www.cnbruce.com/blog/rss2.asp 



3，立即保存当前的XSLT片段文件到当前的DW站点内，为“cnbruce.xsl”。



4，在cnbruce.xsl文件内插入表格进行排版，并将相关XML数据插入其中。



5，为动态XML数据制作超级链接，选择“数据源”后选择相应的动态链接地址。



6，选择动态XML数据所在表格行，打开插入面板，选择XSLT标签，选择“重复区域”按钮，完成所有动态XML数据的显示。



7，在DW站点中新建动态ASP文档index.asp，打开“应用程序”的“服务器行为”面板，单击“+”选择“XSL转换”。
8，弹出窗口中选择“XSLT文件”，自动获得XML&nbsp;URL，确定完成。



9，完成。



调试地址：http://www.dw8.cn/2006/testxml/ 
视频地址：http://www.164.cc/2006/swf/txml01.swf 
另外，在第8步若添加相关参数及值，可在当前的动态文档中插入多个XSLT文件，也就是说在一个文档中显示多个XML数据，从而实现类RSS聚合的功能。
调试地址：www.dw8.cn/2006/testxml/bi.asp
视频地址：http://www.164.cc/2006/swf/txml02.swf 
]]></description>
		</item>
		<item>
			<title>在网页中插入Flv视频文件</title>
			<link>http://www.kingmx.com/article.php?id=14460</link>
			<pubDate>2006-11-27</pubDate>
			<description><![CDATA[
Flv视频文件的来源
首先说下这个Flash视频，也就是Flash Video。
为什么要用这个？很显然是需要在网页中播放视频。我们都知道一般的视频文件，要不就是asf格式、wmv格式使用mediaplayer进行播放，要不就是rm格式用RealPlayer播放。
这样的问题是，格式的不同就需要选择不同的播放器，这对于本地计算机没有安装相应播放器的用户来说，这些视频根本无法收看。
并且，还由于这些文件的容量过大，下载慢，查看也不很流畅。
所以，解决播放器和容量的问题，运用Flash有个方法：将各类视频文件转换成Flash视频文件。
播放器有嵌入在浏览器中的Flash播放器，这好像每个人的机器都有的吧，解决了其它一般视频文件需要挑选播放器的问题，当然这也就是Flash的优势。
容量方面，从FlashMX2004起就支持了转换为Flash视频的功能，经过相关设置后，可缩小原有视频的容量，最终转换的文件扩展名是FLV。
一句话：最终获得的是个FLV即Flash视频文件。
那么Flv文件如何在网页中显示呢？Flv文件也只是视频文件，它的播放同样是需要播放器的，而这个播放器就是FlashPlayer。
第一种方法：
将本地Flv文件导入部署到Flash软件中，以库中元素的形式而存在，将该元素拖入场景，调整位置后，发布为swf文件即可。
注意以上文件在本地测试没有问题，但上传到网络时，其他浏览者是无法查看的，因为当前的播放器调用的是本地Flv文件。
所以，需要调整路径。首先需要将Flv文件上传到某个网络空间，并且获得其准确的路径地址。
其次，打开Flash软件，选择Flv组件，Alt+F7打开“组件检查器”，将“ContentPath”中的路径由本地地址替换为网络绝对地址

再来将该Flash发布导出swf文件。这时候才可以任意使用该swf文件，如同插入其他一般Flash文件一样。
测试： http://www.cnbruce.com/flv/13.swf 
当然，此时还会有个播放器控制按钮相关的一个swf文件，记得要附带着。
第二种方式：
在第二种方式介绍之前，你有没有发觉第一种方式有点麻烦？因为我们是需要将视频插入到网页的，现在却需要先制作一个swf播放器文件，其中还有些曲折。然后再打开网页编辑器将swf文件插入。
正如我们在网页中插入Flash按钮一样，先要用Flash制作按钮，然后将该Flash插入到网页。但你有没有注意到Dreamweaver提供了直接插入Flash按钮的功能，也就是说：你不必去制作Flash按钮，直接通过DW中该途径就能很快完成自己的需要。
那么，同样，现在的Dreamweaver8支持了这一功能：插入Flash视频
你不需要去制作播放视频的swf文件，只需要提供一个Flv视频文件即可。这也就是我所要说的重点。
打开插入面板，选择常用类别，单击媒体按钮后的向下箭头，从下拉列表中选择“Flash视频”

弹出的对话框中，可使用网络上已经固定的Flv文件地址，还可以是选择浏览本地的Flv文件，但要注意该Flv文件应是你所定义的DW当前该站点中的，以获得相对路径，便于之后所有文件一起上传后，一样能寻找到该文件。
不出所料，设置完毕后，DW8自动生成了FLVPlayer_Progressive.swf播放器文件和Halo_Skin_3.swf控制器皮肤文件。
那么，最后你上传网页时就是4个文件一起上传。

OK，调试个地址看看：http://www.cnbruce.com/flv/ 
第三种方式：
如果你还是觉得文件比较的多，只要要一个播放器和一个Flv文件就了事。那么，借用下Google的这个swf播放器googleplayer.swf，自己只需要提供flv路径就可以了，除flv外，googleplayer.swf还支持mp3文件。
具体如何使用google的这个播放器，Danger同学介绍了个： http://www.dengjie.com/weblog/comments.asp?post_id=1066 
并且还提供了个在线工具 http://dengjie.com/temp/google_player_cn.swf 
以下显示的则是通过上面的工具设置的，采用的Google的播放器。



当然，毕竟这个播放器是Google的，只要通过URL的参数选项即可播放相应的该视频文件。
如果能脱离第一、第二种方式，使用第三种方法又不想使用Google的播放器，那只有自己来写一个swf播放器了。Danger似乎已经完成。
我的方法则是把google的该播放器下载了下来，然后放到自己的空间里面 ，接着就来使用了 http://www.cnbruce.com/flv/ googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%2Flaislabonita%2Eflv&amp;thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%2D2%2Ejpg&amp;playerMode=normal
]]></description>
		</item>
		<item>
			<title>用DW文件库更新网站</title>
			<link>http://www.kingmx.com/article.php?id=14459</link>
			<pubDate>2006-11-27</pubDate>
			<description><![CDATA[

往往我们在建立一个较为大型的网站的时候会有很多的副页面框架模式甚至一些小的细节元素都是相同的,但是令人困扰的是在更新它们时却要费些周折，要一遍遍的反复更新每一个页面中的元素。现在我们可以对那个时代说再见了，因为DW引入了"库"这个概念．我们可以利用它来批量的更新网站中相同的元素．大至整个页面框架，小至一个字符．
库的引入在DW３中还不很完善，但在DW４中以近完美．下面就让我们来看一下如何利用库来更新站点：
一，库文件的建立．
建立库文件有两种方法，一是在编辑状态下选定一个元素，然后打开库面板（F11键－在弹开的Assets中选择图标为翻开的书本样的标识）按下 ．那么DW就会自动的建立一个后缀名为＂.LIB＂的文件将该元素读到这个文件当中，同时会在本地站点中建立一个＂Library＂文件夹．它代表了每一个库文件都是独立的，当我们上传本地站点到远程服务器中时，要将该文件一并上传；第二种方法是打开库面板，在白色的文件记录区域点击右键，选择弹开的列表中的New Library Item（新的库项目），建立一个空白的库文件，然后双击打开进行编辑．第一种方法适用于文本＼图象＼链接等小元素的库文件建立．第二种方法适用于大规模的整篇幅的库文件的建立，绝大多数情况下，大规模库文件的建立都是和模板配合使用的．
二，库文件的应用与编辑．
首先看左图，



我们建立了一些简单的库文件，其中包括连接＼图象＼表格．它们每一个都可以被理解为一个单一的元素插入到编辑区使用，只要从库面板中直接拖拽它们到需要的地方就可以了．需要注意的是，插入的库文件是锁定状态的．它们的显示方式是淡黄色的．选定一个库文件查看代码，你会发现如下的标签＂&lt;!-- #BeginLibraryItem "/Library/image1.lbi" --&gt;＊＊＊&lt;!-- #EndLibraryItem --&gt;＂这代表了一个完整的库文件，有开始有结束．你可以更改标签的位置，但不要删除它们，那样的话该库文件就被破坏而返回到纯编辑状态．
编辑库文件的方法有两种，一是在库面板文件记录区中双击某个库文件进入编辑状态．二是选定一个库文件点击右键在弹开的列表中选择Open Library Item（打开库项目）进入编辑状态．当我们编辑完成并保存库文件后，处于编辑状态下的正在使用该文件的页面会自动更新．如果有其他的非编辑状态的页面也使用了该库文件，那么DW会自动的弹出一个提示框（见图２），



询问是否同步更新本地站点内所有使用该文件的页面．这个功能也就是库文件的最大优点．我们制作完成站点以后将所有文件连同库文件夹一并上传到远程服务器中，那么当我们在连接远程站点的状态下更改某个库文件时，同样的会得到DW的提示（见图３），



询问是否同步更新全部站点中使用了该库文件的所有页面．点击ok键，远程站点中的文件便得到了更新，完全不需要一点点的反复更新每一个文件．
到这里为止，我们对库的使用以有了一个梗概的了解．至于该功能的熟练使用就要靠自己多动手了．相信该功能会给您站点更新带来极大的方便．
]]></description>
		</item>
		<item>
			<title>保持网站流量 对网站改版方案建议</title>
			<link>http://www.kingmx.com/article.php?id=14361</link>
			<pubDate>2006-11-23</pubDate>
			<description><![CDATA[

看了不少的网站改版方案，发现目前大多网站在改版的时候，着重对网站的设计、功能、内容管理系统的投入，而忽略了对已有流量的保持，至于搜索引擎的可见度，几乎没有这个概念。
　　网站改版，如何改?如果只是设计、功能和栏目等的稍微变动，这些很简单，从技术上说并没有多少难度。只是对于网站本身的发展来说，没有多大的作用，尤其是一些存在很严重的对搜索引擎不友好问题的网站，没有针对性的改版，相当于只给网站换了一个外壳，治标不治本。我在博客“当网站的发展遭遇瓶颈该怎么办?”中曾提到过，网站遭遇发展瓶颈时候，是需要改版还是重新建设的问题。不管是改版还是重建，都需要先进行分析诊断，找出问题所在进行有效的优化改版，而不是盲目的去重新建设新的网站。事实上，倘若不是存在着很严重问题的网站，经过网站优化后，都能取得更好的发展。

　　对于国内很多没有经过优化的网站来说，网站改版相当于网站的二次重建。针对改版的策划方案，对于改版是否成功起着至关重要的作用。网站改版方案的策划，不仅仅要涵盖前台设计，功能模块设计，栏目设计，数据库设计，团队合作等各个环节，还需要把搜索引擎优化的思想结合在里面。使网站系统完善的同时，增加用户友好度和搜索引擎友好度。

　　以下是针对网站改版可能遇到的几种情况以及建议，仅做参考:

　　一、网站改版选择什么样的内容管理系统(CMS)

　　现在大多网站都带有后台管理系统(CMS)，这样能大量的节省编辑文章的时间，能使维护和管理简单化。即使是一个没有CMS的网站，要添加CMS也是极为容易的事情。一个好的CMS不仅仅是要求能管理维护好现有的网站内容，还要有弹性和可扩展性，能帮助你把网站建设得更好。

　　CMS能帮助我们更好的维护和管理网站，但是就目前而言，大多数CMS都缺乏搜索引擎友好性，难以适应搜索引擎规则。

　　评价一个CMS的搜索引擎友好度，你可以通过以下几点来评价:你在编辑和提交网页的时候，能否通过CMS为网页设置独立的title和meta，通过CMS生成的网页url是否具备搜索引擎友好性(如url是否做过静态化处理)，你能否更改编辑内容的方式，比如通过文本编辑和通过代码视图编辑;能否为文本内容添加链接;为产品设置的导航结构是否对搜索引擎友好……，如果你在乎你的网站在搜索结果页面的位置的话，这些都是很重要的。

　　二、更改管理系统(CMS)需要应对的情况

　　管理系统(CMS)改版后，文件名以及目录改变，网页URL的后缀可能由.html变为.asp和.php等，尽管内容还是以前的内容，但是已经是一个不同的新网页。

　　主要问题:旧网站已经被搜索引擎收录，有较高的PR值，并且在搜索引擎结果页有好的表现。改版后，旧的网页将从搜索引擎中消失，并且随之消失的是已有的高质量的流量。代替旧网页的新的网页需要重新被搜索引擎收录，并且从PR值为0开始。

　　如果你选择不删除旧网页，让它与新网页同时挂在网上，那么，你的网站将面临复制网页的状况，从而受到搜索引擎的惩罚。

　　解决办法:让搜索引擎知道你的旧网页已经改变成另一个新的网页，即设置301永久重定向页面， 告诉搜索引擎目前这个网页已经不再使用，并将它永久指向代替它的页面。那么，旧网页以前的链接广度以及PR值会逐渐的转移到新的网页上。

　　设置301页面的方法如下:在Unix/Linux 操作环境下，将重定向代码放到文件htaccess中，比如说你改版前的index.htm要指向网页index.asp，那么，代码可以这样写:Redirect 301 /index.html http://www.yourdomain.com/index.asp

　　在Microsoft IIS 环境下，你需要打开控制面板，选择主目录，再选择重定向URL。


三、网站内部导航的改版
　　大多数情况下，网站改版中需要考虑到网站内部导航的重新设计。很有可能旧网站使用的是超链接文字导航，或者是静态的图片链接做导航，而今为了使网站美观，运用flash或者JavaScript 技术使导航菜单具备动态效果。

　　对现有导航结构做任何改动，都有可能对搜索引擎产生影响。原因可能是多方面的:基于文字的导航转换到基于图片的导航，可能潜在的失去了原先导航中的关键词对所指向的内部页面pr值提升的帮助，使内部网页在搜索结果页的排名降低;JavaScript制作的导航，如果使用不恰当，会人为的致使搜索引擎无法识别导航中的内容，基于flash的导航也会使搜索引擎爬虫无法识别关键词和内容。

　　这些难道是技术本身的错?当然不是!你可以使用任何方法让你的网站更美观更受用户欢迎，只要使用恰当，便能化腐朽为神奇。

　　首先，你必须确定制作了一个完整的网站地图，地图中包括你的产品的所有类别和网站的每一个部分，尽量在导航以及网站地图中使用你的最优关键词，但是要避免为大量的关键词加上超链接，这样会有关键词作弊的嫌疑。

　　尽量避免使用flash导航，如果使用图片导航，确定你为每个导航菜单的图片设置了适当的alt属性描述文本。那样图片就不再仅仅是图片，可以有描述文字，可以对链接指向的页面进行描述说明，这能帮助搜索引擎了解图片链接的页面的中心主题。

　　四、改变域名

　　有可能我们会遇到这样的情况，由于多种原因，需要改变域名，那么，如何才能留住以前那些忠实稳定的客户以及固定的访问者呢?如何如在短期内使新域名的流量增加到旧域名的高度，成为一个棘手的问题。

　　解决的办法就是在新的域名使用的同时，旧域名最好同时保持在线，直到新的域名有一定的流量为止。当然这样一来，在保持流量的同时，也可能会遭遇复制页面的后果，这就需要把旧域名上的网站内容删除，如果旧的域名还打算使用的话，我们可以为旧的页面制作302重定向页面，这样就能短期的把旧域名上的流量转移到新的域名上。如果旧域名已经不打算再使用，那么，可以像前面所见的那样，可以设置301永久重定向页面。

　　需要说明一下，301为永久性重定向，实施301后，新网址完全继承旧网址，旧网址的排名等于完全清零。302是临时性重定向，实施302后，对旧网址没有影响，但新网址不会有排名。301重定向是网页更改地址后对搜索引擎友好的最好方法，只要不是暂时搬移的情况,都建议使用301来做转址。

　　由于302重定向曾被作为seo作弊的一种手段，目前搜索引擎友好性欠佳。所以对于搜索引擎迄今为止，能够对302重定向具备优异处理能力的只有Google。也就是说，在网站使用302重定向命令将其它域名指向主域时，只有Google会把其它域名的链接成绩计入主域，而其它搜索引擎只会把链接成绩向多个域名分摊，从而削弱主站的链接总量。既然作为网站排名关键因素之一的外链数量受到了影响，网站排名降低也是很自然的事情了。


五、网站改变设计时保留以前的优化结果

　　一个公司网站决定对前台设计改版，过去他们曾经请专业的SEO公司定时的对网站做优化，网站内部各个要素都已经达到搜索引擎优化最优。网站设计改版的过程中，设计师并没有考虑到搜索引擎优化，因此没有保留原有的优化效果。

　　网站改版结束，网站搜索引擎能见度大幅降低，最终也将影响到网站的流量。原因主要在于，在新的设计中，可能在改变时删除了图片的alt属性，或者把已有页面的title和meta删除了。网页的重新设计中，部分关键词以及链接会失去，最终使已有的优化效果大打折扣。

　　如果网站本身已经经过优化，那么，在改版中，一定要注意吧网站以前的优化基础带到新的网站上面来，如果你有合作的专业seo团队，最好能有他们参与网站的改版，如果网站在改版的时候文件名和结构导航都没有变化，是很容易在保留原来的优化基础的前提下，实现前台设计改版的。如果在改变设计的同时，对网站的文件目录以及结构做了修改，那样要回到以前的优化效果就比较难，当然并不是不可实现的，你需要把现有的网站源文件给网站优化公司，让它们帮助你恢复搜索引擎可见度，并且对已经更改url的网页进行301重定向。

　　六、慎用flash文件

　　毫无疑问，一个精彩的flash会使一个本来平淡的网站活色生香、魅力四射，对于美丽的事物，我们从来都很少人能从心里真正拒绝，喜欢设计的朋友大概都看过一个名为苹果树下的网站(http://appleshow.cc/)，那些画面真的是美不胜收，这个网站无疑是以设计取胜的很好范例。

　　网站改版中，使用flash当然也无可非议，但是问题也随之而来，网站打开速度慢了，信息也难以被搜索引擎抓取。有的网站所有的页面都是用整页的flash，只有网页下方的联系方式和版权声明用的是文字，而搜索引擎并不能识别没有加属性的flash，于是网站被判断为复制页面，从而受到搜索引擎惩罚。

　　网站在使用flash时，要适可而止，对于很多站长而言，网站目标并不是第二个苹果树，而是带有商业目的。甲之熊掌，乙之砒霜，flash只是一个装饰，使用不当无异于自己买砒霜吃。如果一定要使用flash的话，尽量采用体积小的flash，并且加上属性。

]]></description>
		</item>
		<item>
			<title>DW使用中的常见问题与解答</title>
			<link>http://www.kingmx.com/article.php?id=14360</link>
			<pubDate>2006-11-23</pubDate>
			<description><![CDATA[
1.如何在网页中插入空格 
　　我们在用Dreamweaver的所见即所得编辑模式下编辑中文网页时，往往需要在段落的开头空两格，但是Dreamweaver本身没有提供插入空格的功能，我们可以这样来做：先用Ctrl+Shift切换到中文输入法，比如微软拼音，然后按Shift+空格，此时输入字符变为全角模式，你现在就可以在Dreamweaver中按空格键轻松的插入空格了。另外一种方法是直接打开HTML源代码编辑窗口，在需要插入空格的地方输入&amp;nbs;，效果相当于前边的一个全角空格。另外插入半角空格的方法也很简单，在HTML中，对于字符的换行和间断，都被自动解释为一个半角空格，注意只是一个半角空格，不论空多少行。而在Dreamweaver中插入半角空格，只需直接按空格，但是只在前边有字符的情况下才起作用。

　　2.为何我定义的表格长宽和实际浏览效果不同

　　这有几种情况：

　　a、如果表格定义的高度低于12个像素的话，Dreamweaver仍然显示的是15像素的高度，因为在单元格中会自动产生一个&amp;nbs;，相当于一个看不到的字符，把表格给撑大了，解决的办法是在HTML编辑窗口中删去其中的&amp;nbs;即可。

　　b、如果表格定义的宽度低于6个像素的话，也会产生效果差异，同样是刚才的原因，解决方法见上。

　　c、有时候修改表格的长宽以后，但是表格却没有变化，那是因为在表格中的单元格已经定义了超出表格长宽的值，当然这样你无法把表格压缩了，解决方法是把鼠标放到单元格中，此时在属性栏中会显示此单元格的长宽，根据情况进行修改从而和表格的长宽相匹配就可以了。

　　d、有时候一不小心把设置好的表格给弄乱了，此时按Ctrl+Z虽然撤销了上一布操作，但是却无济于事，这时候只要把鼠标放到表格以外的区域点一下，表格就等于进行了一次刷新，又恢复到了从前的样子。

　　3.如何让网页紧贴顶部和左部

　　用鼠标右键点击网页中非表格区域，选择属性，然后可以看到左边距和上边距的设置，把他们设置为0即可。

　　4.如何插入特殊符号

　　打开物件（Objects）栏，选择字符（Character）标签，这是你可以看到里面有很多我们常见的符号，像注册商标符号、版权符号等等，点击它们便会在网页中自动生成它们对应的代码，此时虽然你在Dreamweaver的编辑窗口中看不到真正的符号，但是用浏览器打开后便可以看到，因为这些符号在HTML中没有直接的字符与之对应，只能用一些规定的关键词表示。

　　5.怎样在不同分辨率下精确层的位置

　　确定层的左上角在网页中出现的位置，在该位置插入表格，在表格中插入层，对层的属性进行设置，其中在左边距和上边距中设置为空（什么也不填写），这样层将以相对位置出现在网页中，无论用户怎么调整分辨率，层总是规规矩矩的定义在那里。

　　6.如何制作虚线表格

　　先用Photoshop制作一个3*1像素的图片和一个1*3像素的图片，在中间分别用画笔工具以一个像素的大小点一个黑点，保存为两张gif图片。然后插入一个三行一列的表格，长和宽分别为200和300，把第一行和第三行的单元格高度都定义为1，分别设置背景图片为3*1像素的图片，再把第二行拆分为三列，第一列和第三列的单元格宽度都定义为1，分别设置背景图片为1*3像素的图片，然后一定要在HTML编辑窗口中把这四个单元格中默认的&amp;nbs;删除。利用这种方法，大家可以发挥想象，制作出很多有个性的效果。

　　7.如何制作表格细边框

　　Dreamweaver虽然为用户提供了定义表格边框的属性Border，但是很多用户不喜欢用它，因为感觉它的样子很粗糙，达不到我们预期的效果。我们可以利用Dreamweaver的另外一个表格的属性CellSpace（单元格间距），把它设置为1，然后为表格设置一种背景颜色（就是细边框的颜色），然后把全部单元格选中，设置背景颜色为表格的前景颜色。
]]></description>
		</item>
		<item>
			<title>DW网页编辑常用表现的实现方法</title>
			<link>http://www.kingmx.com/article.php?id=14359</link>
			<pubDate>2006-11-23</pubDate>
			<description><![CDATA[
在我们制作网页的时候会经常碰到一些需求，如果不知道方法，说不定会困扰我们半天。其实实现它们都很简单，下面我们就一起来看看这些常用的网页编辑方法。
　　取消文本居中 

　　在编排网页文本时，你可能会遇到这样的问题：只想让一行字符居中，但其它行的字符却会跟着也变成居中了。其实，这是因为在Dreamweaver MX中进行居中、居右操作时，默认的区域是P、H1－H6、Div等格式标识符，如果你的语句没有用标识符隔开，Dreamweaver MX就会将整段文字均作居中处理。解决方法就是将想要居中的文本用〈P〉……〈/P〉隔开。

　　让链接文字有提示信息

　　当鼠标停留在链接上时，在光标的右下方有时会出现一个提示信息框，对该链接进行一定的注释说明。这样的效果在网页制作中也是很重要的。下面就来看看添加链接信息的方法。我们可以通过添加HTML代码来实现。
　　在＜a href=“”＞中添加“Title”属性，“Title”后面添加提示内容即可。

　　快速调用时间轴

　　使用Dreamweaver MX制作网页的朋友都知道，新安装的Dreamweaver MX在快速启动面板中没有时间轴，如果要急着用它的话该怎么办？这里有一个快速调用时间轴的方法，按下“Alt+F9”组合键，或是在软件主窗口中依次点击“窗口→其它→时间轴”。 
&nbsp; 
　　自动刷新页面

　　无论是重复刷新还是自动跳转，在设计中都是相当实用的操作。下面介绍一下它们的制作方法。选择Dreamweaver MX插入控件面板的“文件头”部分，然后点击“刷新”按钮，随即会跳出“刷新”对话框，然后输入框中键入刷新延迟的时间“300”（单位：秒），“操作”为刷新指定的目标URL。因为现在是刷新当前页面，直接选择“刷新此文档”选项即可。

　　定义网页关键字

　　当用户使用搜索引擎搜索内容合适的网页时，关键字起着不容忽视的作用。大多数搜索服务器会每隔一段时间自动探测网络中是否有新网页产生，并按关键字进行记录，以方便用户查询。这时关键字的定义就尤为重要了。选择Dreamweaver MX插入控件面板的“文件头”部分，点击“关键字”按钮，弹出定义窗口，录入需要逐个定义的关键字即可。注意每个关键字以“；”号隔开，数目没有限制。

　　制作“空链接”

　　“空链接”就是没有链接对象的链接，“空链接”中的目标URL是用“#”来表示的。也就是说制作链接时，只要在属性面板的链接输入框中录入#标记后，它就是个空链接了。在很多情况下都要用到空链接，比如一些没有定期完成的页面，或是为了保持链接样式与普通文字样式的一致性。

　　让文字和图片内容共处

　　在Dreamweaver MX中，图片对象往往是独占一行，那么文字内容只能在与其平行的位置上，怎么样才可以让文字围绕图片显示呢？方法如下：选中图片，在属性面板的右上方找到“对齐”的属性选单，选择“左对齐”，这时你就会发现文字已经整齐地排列在图片的右边了。 
　　以新窗口形式打开链接

　　要想在不覆盖当前窗口的前提下，打开一个新的浏览器窗口，你可以直接在链接代码＜a href=""＞中加入“Target=_blank”语句。也可以在Dreamweaver MX属性面板的“目标”下拉框中点击下拉菜单，选择“_blank”即可实现。
　　制作随意拖动的对象

　　访问网站时，经常能见到不少可以用鼠标拖动的元素，其中以图片居多。比如，一张广告图片挡住了你想浏览的内容，你可以用鼠标选中它把它扔到一边去！
　　制作这种效果是通过图层的“拖动层”行为实现的，单击行为面板中“+”号，选择“拖动层”，制作之前你应该保证目标图层处于选中状态，进行简单设置后就OK了。
　　调整表格高度

　　我们在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框，无论怎样拖动，等到松开鼠标时，表格却又恢复到原来的样子。这种情况的原因在于我们已经为表格提供了一个固定的高度。如何去除表格的高度设置呢？
　　简单方法是：首先我们需要选定表格，将光标移动到表格内，然后按“Ctrl+A”组合键，选中光标所在位置的最小表格，然后在属性框中点击“清除行高”图标，表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动的匹配高度。
　　修改表单属性为弹出窗口

　　想必大家在页面中都使用过表单，大多数表单被激活后，会在当前页面中打开，影响正常浏览。不如修改一下，如：〈form method=POST action=url target=_blank〉，其中"target=_blank"为控制在弹出窗口打开。
]]></description>
		</item>
		<item>
			<title>DW动态建站数据库连接路径用哪个好</title>
			<link>http://www.kingmx.com/article.php?id=14334</link>
			<pubDate>2006-11-20</pubDate>
			<description><![CDATA[
Dreamweaver&nbsp;MX&nbsp;动态建站数据库路径的使用方法中
一，不推荐使用Server.Mappath(相对文档路径地址的数据库文件)
虽然具有平台移植性，但对于不同层次，不同深度下的引用该数据库的文件，将不能完整地保证数据库路径的正确性。
举个例子：
1，数据库文件cnbruce.mdb，所在文件夹database（可http访问）
2，DW自动生成的连接数据库文件conn.asp，所在文件夹Connections
3，如果在DW中测试连接路径成功，则必须输入地址为Server.Mappath("../database/cnbruce.mdb")
但随后引用该数据库连接的文件必须保存在某文件夹中，该文件夹和database是同等的
即：




-&nbsp;database
&nbsp;&nbsp;-&nbsp;cnbruce.mdb
-&nbsp;Connections
&nbsp;&nbsp;-&nbsp;conn.asp
-&nbsp;某文件夹
&nbsp;&nbsp;-&nbsp;x1.asp

这种结构才能使用正常。但这就必须要求站点中，所有引用了连接数据库文件的文件，必须存放在站点的一级目录下。显然这是不合理的，比如这样的结构。




-&nbsp;x2.asp
-&nbsp;database
&nbsp;&nbsp;-&nbsp;cnbruce.mdb
-&nbsp;Connections
&nbsp;&nbsp;-&nbsp;conn.asp
-&nbsp;某文件夹
&nbsp;&nbsp;-&nbsp;某子文件夹
&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;x3.asp


则x2.asp和x3.asp均不能正常显示。

原理分析：无论conn.asp放在哪里，无论conn.asp的内容如何，最后都是取决于引用了conn.asp的文件的文件位置和数据库的位置关系。
解决办法：在conn.asp中进行判断当前路径，根据不同级别值给出不同链接路径……对于初学者来说，麻烦。
第二种解决方法就是采用相对根目录法，但也是不推荐使用。
二，不推荐使用Server.Mappath(相对根目录路径的数据库文件)
使用这种方法，首先需要将IIS默认站点调整到当前DW站点所在文件夹（XP系统），或建立一个站点指向该文件夹（2K等系统）。
反正一句话，就是当你输入&nbsp;http://localhost/&nbsp;&nbsp;时，显示的内容已不是默认的IIS首页，而是你所设置的DW站点文件夹中的默认首页文档。
那么在设置了该IIS站点之后
1，数据库文件cnbruce.mdb，所在文件夹database（可http访问）
2，DW自动生成的连接数据库文件conn.asp，所在文件夹Connections
3，如果在DW中测试连接路径成功，则输入地址为Server.Mappath("/database/cnbruce.mdb")
/database/cnbruce.mdb&nbsp;该方法就是相对根目录，高屋建瓴式的进行数据库路径的获得，无论哪个层次的，哪个目录下的站点文档均能正常显示。
但依然不推荐！原因如下：
在本地你可以自行修改IIS的站点，当上传到服务器或虚拟主机时，麻烦就来了。
1，如果你的虚拟主机服务商技术不过关，当在解析你网站根目录的时，不是指向到你的站点文件夹，而是指向服务器系统盘下的wwwroot文件夹。于是路径肯定错误。
2，如果你需要上传的并不是你的站点根目录，很显然，路径也肯定会发生解析错误。
所以，不推荐·！那么，该怎么办？
三，推荐使用(本地绝对物理路径的数据库文件)
很简单，这个数据库在本地你总会知道它所在的位置吧。在DW中创建时就直接使用该绝对物理路径地址。
OK，来上传了。当然不可能那么巧：上传到服务器上的数据库物理路径地址和本地数据库物理路径地址是一样的-__-!
所以，现在只需要获得上传到服务器空间上的数据库文件，在服务器上是处于什么物理地址就行了。
怎么获得？
1，建立一个path.asp文件，内容很简单





&lt;%=server.mappath("cnbruce.mdb")%&gt;


2，该文件和数据库文件cnbruce.mdb，共一文件夹，捆绑式一同上传。
3，在URL地址栏查看path.asp，得到cnbruce.mdb在服务器上的物理地址，拷贝该路径。
4，将本地的conn.asp中的物理路径，替换后再上传。一切OK！
特点：
1，虽然平台移植不很强，但全面支持所有站点中文件连接，况且也就是本地和服务器间两者间的移植。
2，防止%5c暴库间接获得数据库地址。
3，现在越来越多的空间建议将数据库文件放放到非Web访问目录中（当然具体的路径获得又是另外一种方法了），这就必须要求用户使用物理路径了。
所以，我的观点是：
Dreamweaver&nbsp;MX&nbsp;动态建站数据库路径的使用方法：
本地使用物理地址，上传服务器依然使用物理地址。
]]></description>
		</item>
		<item>
			<title>Dreamweaver实现MD5密码加密</title>
			<link>http://www.kingmx.com/article.php?id=14333</link>
			<pubDate>2006-11-20</pubDate>
			<description><![CDATA[
随着学习的深入，慢慢了解网站程序（比如深度学习整站程序）的爱好者，都会发现很多网站的数据库，保存密码的字段内并没有直接存储密码，而是由一长串莫名其妙的数字和字母组成，这是为什么呢？实际上这是通过MD5加密实现的密码保护。MD5的全称是Message-Digest 
Algorithm 5，在90年代初由MIT的计算机科学实验室和RSA Data Security 
Inc发明，经MD2、MD3和MD4发展而来。Message-Digest泛指字节串(Message)的Hash变换，就是把一个任意长度的字节串变换成一定长的大整数。请注意我使用了“字节串”而不是“字符串”这个词，是因为这种变换只与字节的值有关，与字符集或编码方式无关。MD5将任意长度的“字节串”变换成一个128bit的大整数，并且它是一个不可逆的字符串变换算法，换句话说就是，即使你看到源程序和算法描述，也无法将一个MD5的值变换回原始的字符串，从数学原理上说，是因为原始的字符串有无穷多个，这有点象不存在反函数的数学函数。
&nbsp;&nbsp;&nbsp; 
MD5还广泛用于加密和解密技术上，在很多网站系统中，用户的密码是以MD5值（或类似的其它算法）的方式保存的，用户Login的时候，系统是把用户输入的密码计算成MD5值，然后再去和系统中保存的MD5值进行比较。这样即使黑客得到数据库也不知道登录密码，确保了网站的安全。
&nbsp;&nbsp;&nbsp; 
在DW中是如何实现MD5密码加密，这里结合深度学习整站简述一下实现过程： 


登陆页设置：
1、在添加服务器行为前，现建立相应登陆表单，如图：



2、建立服务器行为-&gt;用户身份验证-&gt;登录用户 ，如图：






3、将deep_md5.asp拷贝到相应目录下。在相应位置输入如下
'===========================================================
&nbsp;&lt;!--#include 
file="路径/deep_md5.asp" 
--&gt;
'===========================================================



3. 
在登陆页适当位置找到：
'=========================================================
&nbsp; 
MM_rsUser.Source = MM_rsUser.Source &amp; " FROM tAdmin WHERE fUserName='" &amp; 
Replace(MM_valUsername,"'","''") &amp;"' AND 

fPassword='" &amp; 
(Replace(Request.Form("password"),"'","''")) &amp; 
"'"
'=========================================================

若为DW8自生成代码，将代码(Replace(Request.Form("password"),"'","''"))改为md5(Replace(Request.Form("password"),"'","''"))如下

：
'=========================================================&nbsp; 
MM_rsUser.Source = MM_rsUser.Source &amp; " FROM tAdmin WHERE fUserName='" &amp; 
Replace(MM_valUsername,"'","''") &amp;"' AND 

fPassword='" &amp; 
md5(Replace(Request.Form("password"),"'","''")) &amp; 
"'"
'=========================================================

修改密码
1. 将deep_md5.asp拷贝到相应目录下

2. 
在相应位置输入如下
'=========================================================
&nbsp;&lt;!--#include 
file="路径/deep_md5.asp" 
--&gt;
'=========================================================
3.在更新页找到：
'=========================================================

&nbsp; ' set the form values
&nbsp; For MM_i 
= LBound(MM_fields) To UBound(MM_fields) Step 2
&nbsp;&nbsp;&nbsp; 
MM_fields(MM_i+1) = CStr(Request.Form(MM_fields(MM_i)))
&nbsp; 
Next
'=========================================================

4.将代码CStr(Request.Form(MM_fields(MM_i)))改为CStr(md5(Request.Form(MM_fields(MM_i))))，如下：
'========================================================
&nbsp; 
' set the form values
&nbsp; For MM_i = LBound(MM_fields) To 
UBound(MM_fields) Step 2
&nbsp;&nbsp;&nbsp; MM_fields(MM_i+1) = 
CStr(md5(Request.Form(MM_fields(MM_i))))
&nbsp; 
Next
'========================================================


]]></description>
		</item>
		<item>
			<title>用Dreamweaver8搞定web标准</title>
			<link>http://www.kingmx.com/article.php?id=14164</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[译者序:这个系列原文一共8篇文章，从普及 Web Standards 入手，讲述如何用 Dreamweaver 8 来构建符合标准的 Web ，由于原作者的此篇文章是对《Build Your Own Standards Compliant We ite Using Dreamweaver 8 》(这篇文章是收费的)的摘录，所以我对内容进行了适当的删改，顺序与原文是一致的，但篇幅会有调整，特此告知。翻译水平有限，敬请谅解。 
　　如果您正在读这篇文章，您很可能是已经对 Web 标准有了一定的兴趣，并且对用 DW ( Dreamweaver 的简称)来构建的站点中标准的应用非常好奇。
　　或许您已经对 WS (Web Standards的简称)有了一定的了解，但是您并不知道如何用 DW 来编写可兼容的代码。或者您是一个 DW 用户，您很想遵从 WS ，更广泛的使用 C  ，并且可以制作出更有亲和力的文档。无论您是哪一种类型，这篇文章都会给您想要的答案:告诉您如何用 DW 来搞定 WS。
　　Web 标准的定义
　　就我们在整篇文章所关心的 WS 来说，让我们首先花一点时间来明确一下我们究竟在谈论些什么:
　　WS 是一些指导 Web 开发语言的规范，是由 W3C 所制定的。这些规范包含了多种语言，例如，HTML、XHTML 和 C  还有一些其他的相关语言，例如 MathML，用来表示数学中的方程，当你有这种特殊的需要的时候，或许会用得上。W3C 也颁布了“Web 内容亲和力指南”(Web Content Acce ibility Guidelines —— WCAG)——推广网页的可访问性(通过 WAI )
　　提示:直接获取这些规范
　　你可以在 W3C 的网站上阅读这些规范，尽管他们有时读起来还是有些困难的:
　　HTML 4.01
　　XHTML 1.0
　　C  1
　　C  2.1
　　WCAG 1.0
　　在本文中，我们将会用到 XHTML1.0、C 1 和 2.1、WCAG 1.0 等规范和建议，但是你一定很高兴知道我们其实不必过多的阅读 W3C 文档。
　　谁需要 WS ?
　　您可能只有一个含糊的概念:WS 是个好东西，但是许多网站——包括许多知名的站点——并不遵从 WS ，并且他们看起来的确管理得很好。所以，为什么我们要尽力去遵从 WS 呢?这么做会有什么真正的收益吗?谁需要 WS ?谁需要去关注 W3C 的规范与建议?
　　Web 开发者与设计者
　　需要关注 WS 的首类人群就是我们:网站建设的开发者与设计者。花费时间去学习如何用 WS 开发对于我们来说值得吗?
　　整洁的标记使 BUG 的修复速度加快。
　　如果您通过 W3C 校验您的页面，至少您会了解到不规范的标记并不是引起您曾经遇到过的错误的原因。有时，校验一个页面和修复已发现错误的过程，可以清除显示中遇到一些问题，这些问题是由标记(element)没有结束或标签(tag)拼写错误引起的。
　　即使校验您的文档并没有修正这些问题，至少你会知道这些问题存在于规范的文档中。既然你已经知道这个问题不是一个错误，那么你可以开始关注其他的问题了，例如在不同的浏览器中 C  处理差异问题。
　　遵从可访问性的需求很容易
　　如果你编写一个规范的 XHTML 标记，那么你就可以保证文档在语义上是无误的，并且您可以把文档中的内容与表现相分离，您将可以把大量的工作放在许多 WCAG1.0 中所列的可访问性的问题上。认识到可访问性并不是仅仅为残疾人设计的这一点也很重要。一个亲和力好的站点是可以被许多不同的设备访问的，例如移动电话和 PDA ，他们是不具备强大的处理能力去对付那些散乱而非标准的标记的。
　　向前兼容
　　如果您仅仅考虑到自己新开发的页面在当前的几个浏览器中的表现，那么你怎么才能保证它在未来的新浏览器中的表现呢?新浏览器或许会把您的页面显示的很糟糕，此时你只能去费力的寻找和修正那些恼人的问题。
　　遵从 WS 并不会完全根除这个问题;然而，标准的兼容使你的设计失败的风险大大减少，同样，如今的浏览器软件公司也开始支持标准。他们也许会偶然的错误解释了某部分规范，他们不可能完全不支持它。如果最坏的事情发生了，并且一个新的浏览器在你的标准化网站上产生了奇怪的效果，那么修复它要比修复一个不兼容的站点容易的多。如果你遇到一个问题，它同样会影响其他的标准可兼容网站。Web 社区的群体智慧会指出这个问题，并会写文章来解决这个问题。所以，大家集体讨论，在可兼容的文档里修正这个 BUG 也比在不兼容的文档里修正更加的容易。
　　更方便的重构
　　你曾经不得不从一个站点中剥离文字而对他进行重构过吗?而且一切都得从头开始。你曾经见过那些被字体标签和微小的表格单元(它使我们只能从头开始)弄得混乱不堪的标签吗?我只知道我曾经看过，这是一个漫长的过程，大量的时间和金钱都被这个站点的重构烧掉了。
　　分离文档的内容与表现将会使你体会到标准化兼容带来美妙:这意味着下次某个人想重构这个站点的时候，他们不必把 Web 文档中的拷贝出去。所有站点中的文本都将会被具有语义的 (X)HTML 所标记，所有的表现信息——这部分才是站长想更改的——都将被储存在一个可轻易替换的 C  文件中。
　　一些客户在开始要求你做一些改变之前是不会等待它去重构的，他们只会等到游览完猛犸象化石坑，然后就要求你说“把左边栏挪到右边就可以了。”对于一个标准化可兼容站点来说，全部页面都是由 C  控制的，你可以很方便移动页面中的标记，而不用在许多以复杂表格为结构的页面中想歪招了。这使得改变页面布局更加简单。
　　结构从表现中分离同样可以使增加新的元素变得更加容易，就像一个高对比度、小图片版本的站点或许对于某些浏览者更有吸引力。当您可以轻松的更换样式表时，为什么建立单独的纯文本版的页面呢?
　　浏览器软件公司
　　浏览器的软件公司开始对 WS 关注了。过去，浏览器软件公司添加他们私有的专属标签和属性到基本的语言中。但是现在，前所未有的，他们都开始遵从标准了，并且一些最新的浏览器已经可以确定，正在努力按照规范中所定义的(X)HTML 和 C  来显示它们。
　　在可遇见的未来中，浏览器都将能够显示大多数的不规范标记、代码，因为如果它们不这么做，成千上万的不规范站点都将无法正常显示——那么大众就很可能开始责备浏览器了，而不是责备 Web 设计者。然而，其他的设备(那些没有台式机强大处理功能的设备)将会更加依赖那些他们所遇到代码的标准化兼容性了。
　　创作工具软件厂商
　　创作工具软件厂商——例如 Macromedia , 它制作了 Dreamweaver ——也像Web设计者一样，开始遵从 WS 了，比如，它们越来越多的客户要求这些创作工具可以输出规范的标记。原本这些可视化的开发环境都没有太好的口碑，因为它们会生成混乱、不规范的标记;然而，最新的主要可视化开发环境都援引了标准化的兼容性和可访问性的元素，这也成为了主要的卖点。软件厂商一定要聆听，并回应市场的需求。
　　Web 用户
　　我们设计的网站的用户也从我们采用 WS 中获益，即使他们并没有认识到这一点!或许他们正无意识的使用那些专门针对当今流行浏览器而开发的站点。如果这些用户转用其他的浏览器，他们或许就会发现这个在线的体验就不再令人享受了，因为那些专属的标记是不会被新浏览器所接受的。一个标准化可兼容的站点在不同的浏览器中都有很好的表现，不论是在现有的，还是在未来的浏览器中都同样优秀。
　　此外，一个遵照可访问性建议的网站对那些发现浏览网页不如意的用户也是很有亲和力的。Web 应该给那些视觉有缺陷或其他的残疾人提供更方便的购物、阅读、搜索的条件。不应该因为用专属标记或者其他排它(指浏览器)技术的站点，使他们无法浏览。
　　使用 WS
　　我们怎么能确保正确使用WS呢?怎么做才能遵从标准呢?
　　首先，我们应该遵守规范。这意味着我们应该只使用那些规范中定义的元素与属性，避免使用某种浏览器的专有属性，例如 IE 的 marquee 标签和 Netscape 的blink 标签。同样也不要使用在早期规范中出现的元素(例如 HTML3.2)和被后来的规范所移除的元素。
　　创建一个规范的 XHTML 文档
　　在本文中，我们将使用 XHTML，所以，我们都将遵照 W3C 的 XHTML 1.0 的建议[按照 W3C 的意思，建议( Recommendation )就是规范(  ecification )的意思]。XHTML 基本上就是HTML的最新版本，它设计的目的是用来代替 HTML 这个网页标记语言的。尽管它是 XML 的一种 HTML 变形，但是 XHTML 与 HTML 几乎是完全一样的，在我们后面将讨论的《 XHTML 和语义》中有细微的差别。
　　你可以通过 Dreamweaver 中的新建文档对话框生成一个 XHTML 文档(文件>新建...)。确保基本页在类别列表里是被选中的，然后从基本页的列表中选择 HTML ，就像图2.1所示，“在 Dreamweaver 中创建一个新的 XHTML 文档”。然后你可以从文档类型的下拉列表中任意选择一项。
　　图2.1:在Dreamweaver中创建一个新的 XHTML 文档
600) {this.resized=true; this.width=600;}
}
}" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610135122000/0.jpeg');}" %26#111nmouseover="this.style.cursor='hand'" />
　　图2.2:在code视图中显示新的 XHTML 文档
600) {this.resized=true; this.width=600;}
}
}" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610135122000/1.jpeg');}" %26#111nmouseover="this.style.cursor='hand'" />
　　点击“创建”来生成一个新的文档。点击文档窗口顶部的 code 按钮，转到“ code 视图”，就可以清楚的看到在一个简单的 XHTML 文档中都包含了哪些代码。正如图2.2所示，“在 code 视图中显示新的 XHTML 文档”
　　文档的第一行将显示下面的内容
　　]]></description>
		</item>
		<item>
			<title>DW制作网页之图片应用技巧</title>
			<link>http://www.kingmx.com/article.php?id=14165</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[< an cla ="pg" id="xydwtext">
加快图片下载速度 
如果网页中有过多的图片，就会影响浏览的速度。 Dreamweaver 可以轻松设置预载图片，加快图片下载速度，让站点以最快的速度出现在用户面前。
效果说明：建立文件，先预载图片，使图片预先下载到缓存中，加快图片下载速度。
创作思想：打开 Dreamweaver MX 2004 软件新建页面，再打开标签面板，在【行为】中选择【预先载入图像】选项，加快图片下载速度。 
操作步骤 
（ 1 ）新建文件，操作如图1 所示。 
600) {this.resized=true; this.width=600;}
}" border="0" %26#111nmouseover="this.style.cursor='hand'" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610102110400/0.jpeg');}" />
（ 2 ）保存页面并插入图片。为了在插入图片时不提示相对路径，先保存页面为“ test1.htm ”。然后插入要预载的图片，如图 2 所示。 
600) {this.resized=true; this.width=600;}
}" border="0" %26#111nmouseover="this.style.cursor='hand'" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610102110400/1.jpeg');}" />
（ 3 ）添加“预先载入图像”功能。使用 Dreamweaver 的行为面板添加“预先载入图像”功能，如图 3 所示。 
600) {this.resized=true; this.width=600;}
}" border="0" %26#111nmouseover="this.style.cursor='hand'" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610102110400/2.jpeg');}" />
（ 4 ）选择要预载的图片，操作如图 4 所示。
600) {this.resized=true; this.width=600;}
}" border="0" %26#111nmouseover="this.style.cursor='hand'" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610102110400/3.jpeg');}" />
提示：如果站点上有几张大图片，可以单击【预先载入图像】上方的【 + 】图标，添加多张预载图像，具体操作与图 4 所示相同。 
（ 5 ）保存文件完成操作。这样就可以加快图片的下载速度，让用户在浏览网页时不会等太久，这对于提高网站的效能具有非常重要的意义。< an cla ="pg" id="xydwtext">
加快图片下载速度 
如果网页中有过多的图片，就会影响浏览的速度。 Dreamweaver 可以轻松设置预载图片，加快图片下载速度，让站点以最快的速度出现在用户面前。
效果说明：建立文件，先预载图片，使图片预先下载到缓存中，加快图片下载速度。
创作思想：打开 Dreamweaver MX 2004 软件新建页面，再打开标签面板，在【行为】中选择【预先载入图像】选项，加快图片下载速度。 
操作步骤 
（ 1 ）新建文件，操作如图1 所示。 
600) {this.resized=true; this.width=600;}
}" border="0" %26#111nmouseover="this.style.cursor='hand'" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610102110400/0.jpeg');}" />
（ 2 ）保存页面并插入图片。为了在插入图片时不提示相对路径，先保存页面为“ test1.htm ”。然后插入要预载的图片，如图 2 所示。 
600) {this.resized=true; this.width=600;}
}" border="0" %26#111nmouseover="this.style.cursor='hand'" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610102110400/1.jpeg');}" />
（ 3 ）添加“预先载入图像”功能。使用 Dreamweaver 的行为面板添加“预先载入图像”功能，如图 3 所示。 
600) {this.resized=true; this.width=600;}
}" border="0" %26#111nmouseover="this.style.cursor='hand'" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610102110400/2.jpeg');}" />
（4 ）选择要预载的图片，操作如图 4 所示。
600) {this.resized=true; this.width=600;}
}" border="0" %26#111nmouseover="this.style.cursor='hand'" %26#111nclick="{window.open('http://www.cnwe how.com/up/pic/0610102110400/3.jpeg');}" />
提示：如果站点上有几张大图片，可以单击【预先载入图像】上方的【 + 】图标，添加多张预载图像，具体操作与图 4 所示相同。 
（5 ）保存文件完成操作。这样就可以加快图片的下载速度，让用户在浏览网页时不会等太久，这对于提高网站的效能具有非常重要的意义。
]]></description>
		</item>
		<item>
			<title>创建自定义代码片段 提高CSS布局开发效率</title>
			<link>http://www.kingmx.com/article.php?id=14166</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[本文介绍的是如何在DW8中创建自定义的代码片段，以提高C 布局开发效率，文章末端有演示代码下载。
　　如何创建
　　在DW8的代码片段中新建一个文件夹，命名为:C  Navigation。
　　右键选中C  Navigation，新建个代码片段，命名为:Nav01。
　　
　　在对话框中写入代码。
　　
　　使用时只要把代码拖到需要的地方就可。
　　
上传的附件

7bd034f731b951a278ca7bcca42c719d.zi (911 ytes)

　　把C _Navigation文件夹放到C:Documents and Settings用户名A lication DataMacromediaDreamweaver 8Configuratio i ets下。
]]></description>
		</item>
	</channel>
 </rss>
