中的，所以hongen又将显示出中定义的滤镜属性来。最终的结果就如同图2一样。 图1中的效果也是用很简单的CSS语句实现的，只是运用了CSS中的滤镜属性而已。 通过上面的讲解，我们可以看到用很简单的CSS语句就可以实现许多需要专业软件才可以达到的效果。利用属性可以设置字体、颜色、背景等页面格式；利用定位可以使页面布局更加规范、好看；利用滤镜可以使页面产生多媒体效果。 怎么样，CSS的功能是不是很强大，在下面的教程中我们将对它进行详细的讲解。
Dreamweaver进阶:标签选择器的妙用
Dreamweaver作为优秀的可视化网页编辑工具，为我们提供了一整套可视化网页制作平台，让你的网站开发效率得到极大提升。今天我们来讲讲“标签选择器”的应用，通过Dreamweaver内置的强大标签库，你会发现自己将远离枯燥的代码书写了。
“标签选择器”带来的最直接好处，就是我们不必熟记那么多纯代码的参数定义了，别人需要手工大量书写代码才能实现的效果，我们通过它就能轻松完成。
插入iframe
iframe框架，虽然在浏览器兼容性上谈不上非常友好，但它的应用的确广泛。我们可以将它嵌在网页中的任意部分，这样对于提高网页排版的灵活性还是非常有好处。当然，iframe相关代码的书写还是令许多人头痛的，今天我们就通过Dreamweaver的标签选择器来插入一个iframe框架，不需要你手工写一句代码的方法。
点击菜单“插入”→“标签”，进入“标签选择器”。鼠标在左侧标签分类列表中依次选择“标记语言标签”→“HTML标签”→“页元素”，在右侧标签列表中选择“iframe”，点击“插入”按钮完成，如图1。
![](https://wkrtcs.bdimg.com/rtcs/image?w=480&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"480","h":"398.26666666667","dataType":"jpeg","c":"word/media/image10.png","imgOriW":480,"imgOriH":398})
图1
系统会自动转入“标签编辑器”，接下来，忘记烦人的手工书写代码吧，你要做的就是根据提示填写所需的iframe参数。如果你对于某些选项还不是非常熟悉，可以点击对话框下的“标签信息”，软件内容详尽的标签帮助应该可以给你权威的解释，如图2。
![](https://wkrtcs.bdimg.com/rtcs/image?w=597.86666666667&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"597.86666666667","h":"462.86666666667","dataType":"jpeg","c":"word/media/image11.png","imgOriW":598,"imgOriH":463})
图2
熟练使用“标签编辑器”的好处是显而易见到，只要是标准的HTML标签都能找到，虽然程序没有做到所有的插入标签都采用可视化操作，不过我们可以通过下面介绍的“标签检查器”来弥补。快速定义水平线
Dreamweaver还提供了一个强大的标签参数设置功能——“标签检查器”面板。下面我们就来实际体会一下“标签检查器”的用处，我们来定义水平线的值。
在Dreamweaver中插入水平线是非常容易的，不过软件提供的默认属性设置实在有限，连水平线的颜色都不能自由设置，难道还需要我们手工添加代码吗？
当然不必这么麻烦，鼠标在编辑区选择水平线，打开“标签检查器”面板（快捷键F9调用），切换到“属性”选项卡。“属性”选项卡提供的资料类似于“属性面板”，不过可比它强大了许多。
软件提供了这样一些基本定义：“常规”、“浏览器特定的”、“CSS/辅助功能”、“未分类”。我们选择不同的网页标签，“属性”中的参数是完全不同的，都是针对每一个标签的定义参数。
本例，选择了一个水平线，我们可以在“属性”的“浏览器特定的”下找到color参数，这不是颜色设置吗？呵呵，赶紧通过内置的颜色选择器为水平线设置所需颜色吧，如图3。
![](https://wkrtcs.bdimg.com/rtcs/image?w=298.46666666667&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"298.46666666667","h":"320.33333333333","dataType":"jpeg","c":"word/media/image12.png","imgOriW":298,"imgOriH":320})
图3
我们上面说过了“标签检查器”可以作为“标签编辑器”的有益补充，例如我们制作滚动字幕经常用到的“marquee”标签，我们使用“标签编辑器”插入“marquee”标签，系统并不会如“iframe”标签那样提供可视化的参数设置界面，仅仅在代码中插入简单的代码“”，呵呵，令人抓狂吧。其实不必担心，现在“标签检查器”就派上用场了，选中“marquee”标签后，“标签检查器”会提供详细的设置参数供选择，如图4。
![](https://wkrtcs.bdimg.com/rtcs/image?w=478.06666666667&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"478.06666666667","h":"317.46666666667","dataType":"jpeg","c":"word/media/image13.png","imgOriW":480,"imgOriH":317})
图4
固态硬盘：最新SSD固态硬盘解析
SSD是何方神圣
SSD主要分为以下两种类别：
基于闪存的SSD：采用FLASH芯片作为存储介质，这也是我们通常所说的SSD。它的外观可以被制作成多种摸样，例如：笔记本硬盘、微硬盘、存储卡、优盘等样式。这种SSD固态硬盘最大的优点就是可以移动，而且数据保护不受电源控制，能适应于各种环境，但是使用年限不高，适合于个人用户使用。
基于DRAM的SSD：采用DRAM作为存储介质，目前应用范围较窄。它仿效传统硬盘的设计、可被绝大部分操作系统的文件系统工具进行卷设置和管理，并提供工业标准的PCI和FC接口用于连接主机或者服务器。应用方式可分为SSD硬盘和SSD硬盘阵列两种。它是一种高性能的存储器，而且使用寿命很长，美中不足的是需要独立电源来保护数据安全。
由于采用FLASH存储介质，它内部没有机械结构，因此没有数据查找时间、延迟时间和寻道时间。众所周知，一般硬盘的机械特性严重限制了数据读取和写入的速度，而SSD固态硬盘在操作系统中就是一个普通的盘符，用户可以完全把它作为存储介质来使用。
（小资料：可能部分读者会联想到之前的“混合硬盘”这个概念，其实它与本文的主角完全不同。混合硬盘主要指硬盘厂商在机械硬盘内部额外增添的大容量闪存芯片以达到快速读取的目的，它始终未能脱离机械部件，这点是它与固态硬盘的最大区别。）
二、SSD的过人之处
第一，数据存取速度快。根据相关媒体测试：在同样配置的笔记本电脑下，运行大型图像处理软件时能明显感觉到SSD固态硬盘无论在保存还是在打开文件时都更快。当按下笔记本电脑的电源开关时，搭载SSD固态硬盘的笔记本从开机到出现桌面一共只用了18秒，而搭载传统硬盘的笔记本总共用时31秒，差距还是相当大的。
（小资料：微软新一代操作系统Windows Vista支持一项名为ReadyBoost的技术.。这项技术能通过闪存减少常用软件从较慢的机械硬盘中调用的次数，把读取延误减至最低。这项技术可以说就是为SSD准备的。）
第二，经久耐用、防震抗摔。因为全部采用了闪存芯片，所以SSD固态硬盘内部不存在任何机械部件，这样即使在高速移动甚至伴随翻转倾斜的情况下也不会影响到正常使用，而且在笔记本电脑发生意外掉落或与硬物碰撞时能够将数据丢失的可能性降到最小。
第三，SSD固态硬盘工作时非常安静，没有任何噪音产生。得益于无机械部件及闪存芯片较小的发热量小、散热快等特点，SSD固态硬盘因为没有机械马达和风扇，工作噪音值为0分贝。
第四，SSD固态硬盘比常规1.8英寸硬盘重量轻20-30克，可千万别小看这些重量，在笔记本电脑、卫星定位仪等随身移动产品上，更小的重量有利于便携。此外，重量的减轻也使得笔记本搭载多块SSD固态硬盘成为可能。
如果从最早研发开始计算，SSD固态硬盘的发展已经有20多年的历史，固态硬盘在早期的大部分时间里，主要用在军用嵌入系统中，或者高性能计算的研究实验室中。随着科技的进步，如今固态存储技术已成为一个民用标准，三星、SanDisk、铼德、pqi和威刚等国际存储大厂分别发布了自己的相关产品，目前最高设计容量已经达到128GB，而且还有SATA接口的，主要针对笔记本电脑领域。
如今，SSD固态硬盘市场已经从存储市场中细分出来，技术逐步成熟和完善，而且已经在笔记本电脑及大型主机等领域得到应用。商业领域也已经涉及到金融、电信、医疗、电力、航空、邮电等行业。随着SSD固态硬盘的应用逐步扩大，各个领域也开始应用相关产品。
（小资料：国外著名调查报告曾显示：2004年，全球增长速度最快的存储厂商中(年收入增长高于31%的公司)中，有30%是SSD固态硬盘的制造商。这预示着SSD固态硬盘时代即将到来。）
三、SSD当前的困境
目前阻碍SSD固态硬盘普及的最主要因素就是产品售价，以32GB为例，最便宜的产品价格也在2000元人民币以上。其次，SSD固态硬盘的容量还无法完全满足用户的需求，以笔记本电脑为例，主流产品均配备了250GB硬盘，而SSD固态硬盘最高容量仅为128GB。再次，缺乏终端设备的支持也是SSD固态硬盘所面临的另一大问题。
总结：随着SSD固态硬盘的规格不断升级，让我们看到了未来电脑存储市场的新希望。与传统的硬盘相比，固态硬盘所带来的性能提升可以用质变来形容。虽然目前固态硬盘还受着成本、容量等因素的制约（目前每GB SSD固态硬盘的成本约为240元人民币），不过我们有理由相信，随着Vista操作系统的问世，固态硬盘的关注度以及发展速度将进一步加快，拥有一块不再脆弱的硬盘已为时不远了。
45个Dreamweaver常见问题整理
1> 在DW中，如何输入一个空格呢？
输入空格的问题，在DW似乎已成了一个老生常谈的问题，我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。
DW中对空格输入的限制是针对“半角”文字状态而言的，因此通过将输入法调整到全角模式就可以避免了，方法是：打开中文输入法（以人工智能ABC为例），按Shift+Space切换到全角状态，现在应该没问题了。
此外，你还可以通过许多“变通”的方法达到录入空格的目的，比如常用的是：
直接在源代码中加入代表空格的HTML代码“ ”；输入一定长度的文字对象后，然后调整文字的颜色与当前的背景颜色相同等等，不过注意的是后者在一些浏览器中可能显示上有点问题。
2> 如何在浏览器地址栏前添加自定义的小图标？
你是不是记得有时在浏览网易网站的首页时，在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下，这个图标是一个IE浏览器的指定图片。
其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。
这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“”之间添加如下代码：
其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，即可自动识别！
3> 为什么，我本来设计很好的网页，在浏览器窗口最小化时会变的丑陋难堪？
这应该是个很值得大家注意的问题，也就是说，在全屏状态下浏览网页内容时，一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时，问题就慢慢出现了。网页内容会把当前窗口作为显示范围，依次下挫。举个例子，和在记事本中有“自动换行”和“没换行”的差别是完全一样的。
解决这个问题，我们必须从网页的布局说起，一般情况下，网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。
请看下面一个表格的属性面板显示：
你可能已经注意到了，在表格的高宽设定选择上提供了两种不同的类型，百分比和像素。其中百分比的使用将会产生前面说到的那个毛病，将其全部更正为Pixels单位的实际大小就可以了。
4> 如何改变网页显示时，最顶部的提示信息？
浏览网页时，顶部的提示信息往往代表了网页内容的关键所在，有助于访问者提前了解网页内容。在DW4前，没有在功能上直接提供该操作，我们往往通过在源代码中应用“title”属性来完成。进入DW4就简单多了。
直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。
5> 怎么样，才能为图片添加指定颜色的边框？
对于没有边框的图片而言，直接插入到网页中，在显示效果上是相当差的。记得在微软的FP中要给图片添加满意的边框还是相当麻烦的。
不过在DW中就显得容易多了，因为这里有一个“Border”属性，可以让你直接设置边框的宽度。
宽度设好了，你一定会问，颜色呢？面板上并没有提供颜色的选择呀！呵呵，其实这里有一个技巧问题，用鼠标选择图片对象，注意不是点击选中，而是拖动选择。象设定文字颜色一样进行就可以了。
6> 如何添加图片及链接文字的提示信息？
在我们浏览网页时，当鼠标停留在图片对象或链接上时，在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。
下面先看看图片提示信息的添加，选中图片对象，在属性面板里你会发现有个“Alt”输入框。默认情况下，该输入框是空白的。在这里录入需要的提示内容就可以了。
那么链接提示的制作就没这么简单了。因为DW中没有直接提供该功能，因此我们需要通过添加HTML代码来实现。
在中添加“title”属性。title=提示内容即可。
7> 如何把自己的ZIP或其他类型的文件供别人下载?
在不少初级网页制作者看来,好象通过鼠标单击完成下载是件很"神秘"的事,实际上远非如此.在DW中凡是不被浏览器识别的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作为链接目标时,默认的操作都是下载.
这时你只需要,把要浏览者下载的文件名写好,然后制作一个到目标文件的链接.注意目录一定不要搞错.
8> 怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?
大家都知道,在IE浏览器的功能设置中，有一个可以自由设置窗口内容字体大小的功能，这样由于不同访问者的习惯问题，呈现在他们面前的网页有时也会不同。
比如你可能本来设计时用的是2号字体，结果由于用户对浏览器的额外设定，变的更大了，这时显示效果上就出问题了。
那么解决的办法就是将网页内容定性的强制在某个合适的大小上。即不容许他变化。通过CSS样式表对字体进行强制性控制就可以实现这个要求了。
9> 以新窗口的形式打开目标链接？
以新窗口打开，顾名思义，也就是在不覆盖当前窗口的前提下，另外打开一个浏览器窗口。你可以直接在连接代码中加入“Target=_blank”。
如果你的HTML比较差的话，在DW属性面板上同样提供了这个设置，当你在Link输入框中键入WWW网址时，后面的Target下拉框同时也被激活了。
选择最上的“blank”就可以了。
10> 如何让网页载入时，象许多商业网站那样，弹出一个广告窗口
这在不少大型商业网站中，是时常见到的。在DW中可以轻松通过Behavior行为实现。
既然是载入时，我们可以把整个网页内容视为事件对象。在DW编辑窗口中鼠标点击左下角的“”标签，这时你能注意到全部网页内容已经选中了。
单击“快速启动板”中的“Behavior”按钮，进入行为面板，
选择“Open Browse Window”项，这时你还可以对窗口样式进行自定义，比如大小，工具按钮的保留等等。另外还有一点就是别忘了对应的事件是“Onload”.
11> 我的快速启动板中没有"Timelines"，怎么办？
DW从升级到4版本后，在快速启动板中增添了几个新的项目，比如Assets等等。这时原来在上面的Timelins（时间线）按钮被挤了下去。
当然如果你急于现在就使用它的话，仍然可以通过菜单“Windows”-“Timelines”找到。不过毕竟不如放在启动板中方便，这时我们能通过设置把它添加进来！
“Edit”-“Preference”进入窗口，在左边的项目列表中选择“panels”（面板），
单击上面的“+”号按钮，从下拉列表中选择“Timelines”。这时时间线已经自动添加到当前的“Show in Launcher”列表内容里，OK。更改后的“Launcher”面板
同时你还可以根据自己的需要自由的选择面板中出现的按钮选项，以提高工作效率。
12> 作一个网页让它可以每隔5分钟自动刷新一次，如何实现？
上网浏览时，我们经常会遇到一些网页。在隔一段时间没有响应时，它会自动刷新一次。除了可以起到提醒访问者的目的外，当新的刷新地址不是当前URL时，实现的就是自动跳转的功能。
无论是重复刷新，还是自动跳转。在网页设计中，都是相当实用的操作。下面我们来介绍下它们的制作方法。
选择DW“Object”面板的“Head”部分，注意默认情况下，显示的是Common的“内容”。
单击上面的“Refresh”按钮，
其中“Delay”输入框中键入刷新延迟的时间（单位：秒），“Action”为刷新指定的目标URL。因为现在是刷新当前页面，直接选单选项“Refresh This Document”即可。
13> 如何定义网页的关键字（Keyname）？
当用户使用搜索引擎search合适内容的网页时，关键字起着一个不容忽视的作用。大多的搜索服务器会每隔一段时间自动探测网络中是否有新网页产生，并把他们按关键字进行记录，以方便用户查询。
你当然想让你的网页出现在搜索引擎的查询返回列表中了，这时关键字的定义就尤为重要了。
同样在“Head”面板部分，
单击“Keywords”按钮，
录入需要逐个定义的关键字即可，注意每个关键字以“；”号隔开，数目没有限制。
14> 如何在编辑窗口中，隐藏一些不必要的标签？
当用户在网页中插入了太多的不可见元素时，在编辑窗口的最上面就会显示一排相应的标示标签，用来方便用户随时能找到它们。虽然这些标签本身并不影响浏览器里的显示效果，但多了以后，往往使网页内容不得不错位，从而一定程度上妨碍网页视觉上的调整，那么怎么样才能把这些东东去掉呢？
进入“Preperence”面板，列表中选择“Invisibel Elements”，
勾掉你不想显示的项目前的“对号”即可，比如Scripts等
15>安排不支持“框架”的浏览器的显示内容？
我们知道，目前的浏览器类型很多，因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢？”。框架就是一个例子！
不过避免开这点，很简单，你只需要在源代码中加入下面的内容就可以了。
< BODY><![CDATA[ ---</span><span class='_16'>本网页中包含有框架结构，如果您不能正常显示的话，请下载新的浏览器版本或更换主流浏览器</span><span class='_16'>--- < /noframes></ BODY></span></p><p location='227510' printLevel='0' pTotal='146' tablevel='0' class='_16'><span class='_16'>16> </span><span class='_16'>如何避免别人把你的网页放在框架中？</span></p><p location='227843' printLevel='0' pTotal='147' tablevel='0' class='_16'><span class='_16'>一些居心不良的人，经常偷着窃取别人的劳动成果，比如把别人精心制作的网页以子页的形式放到自己的框架中。</span></p><p location='228346' printLevel='0' pTotal='148' tablevel='0' class='_16'><span class='_16'>那么怎样避免自己的网页内容被</span><span class='_16'>“</span><span class='_16'>盗用</span><span class='_16'>”</span><span class='_16'>呢？</span></p><p location='229056' printLevel='0' pTotal='149' tablevel='0' class='_16'><span class='_16'>你只需要在网页源代码的</span><span class='_16'><head></head></span><span class='_16'>之间加入以下代码内容：</span><br class='_16'></br><span class='_16'><script language=“javascript”><!--</span><br class='_16'></br><span class='_16'>if (self!=top){top.location=self.location;} </span><br class='_16'></br><span class='_16'>-->< /script> </span></p><p location='229337' printLevel='0' pTotal='150' tablevel='0' class='_16'><span class='_16'>17> </span><span class='_16'>怎样加入注释内容？</span></p><p location='229727' printLevel='0' pTotal='151' tablevel='0' class='_16'><span class='_16'>注释内容，顾名思义只是作为说明内容出现的，因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示，以更方便快捷的找到。</span></p><p location='230409' printLevel='0' pTotal='152' tablevel='0' class='_16'><span class='_16'>进入</span><span class='_16'>“Object”</span><span class='_16'>面板的</span><span class='_16'>“Invisibel”</span><span class='_16'>部分（即不可见元素），选择插入</span><span class='_16'>“Comment”</span><span class='_16'>按钮，</span></p><p location='230873' printLevel='0' pTotal='153' tablevel='0' class='_16'><span class='_16'>在</span><span class='_16'>“Comment”</span><span class='_16'>中键入必要的信息。这时如果你返回到源代码中，会看到这些操作添加的不过是下面格式的一段代码：</span></p><p location='231320' printLevel='0' pTotal='154' tablevel='0' class='_16'><span class='_16'><</span><span class='_16'>！</span><span class='_16'>--</span><span class='_16'>这是需要填写的注释内容</span><span class='_16'>--></span></p><p location='231616' printLevel='0' pTotal='155' tablevel='0' class='_16'><span class='_16'>18> </span><span class='_16'>水平线，为什么不能设置颜色？</span></p><p location='233037' printLevel='0' pTotal='156' tablevel='0' class='_16'><span class='_16'> </span><span class='_16'>在</span><span class='_16'>DW</span><span class='_16'>中，当通过菜单</span><span class='_16'>“Insert”-“Horizonal Rule”</span><span class='_16'>插入水平线时，在属性面板中你会发现并没有提供关于水平线颜色的设置，因为最早</span><span class='_16'>NC</span><span class='_16'>中不支持标签</span><span class='_16'><hr></span><span class='_16'>（水平线的</span><span class='_16'>HTML</span><span class='_16'>代码）的</span><span class='_16'>COLOR</span><span class='_16'>属性，所以</span><span class='_16'>DW</span><span class='_16'>也没有关于它的设置。</span></p><style>.s_r_0_17{font-family:Times New Roman,宋体;}.s_r_1_17{font-size:14px;}.s_p_2_17{text-align:justify;}.s_sn_3_rId_a_17{styleName:Normal;}.s_r_4_rId_a_17{font-size:14px;}.s_p_5_rId_a_17{text-align:justify;}.s_sn_6_rId_1_17{styleName:heading 1;}.s_r_7_rId_1_17{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_17{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_17{styleName:heading 2;}.s_r_10_rId_2_17{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_17{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_17{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_17{styleName:Normal Table;}.s_tbl_14_rId_a1_17{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_17{styleName:标题 1 Char;}.s_r_16_rId_1Char_17{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_17{styleName:标题 2 Char;}.s_r_18_rId_2Char_17{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_17{styleName:Hyperlink;}.s_r_20_rId_a3_17{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_17{styleName:Normal (Web);}.s_r_22_rId_a4_17{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_17{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_17{styleName:hui912;}.s_r_25_rId_hui912_17{font-family:Times New Roman;}.s_sn_26_rId_t18_17{styleName:t18;}.s_r_27_rId_t18_17{font-family:Times New Roman;}.s_sn_28_rId_a5_17{styleName:Strong;}.s_r_29_rId_a5_17{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_17{styleName:p2;}.s_r_31_rId_p2_17{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_17{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_17{styleName:Emphasis;}.s_r_34_rId_a6_17{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_17{styleName:header;}.s_r_36_rId_a7_17{font-size:12px;}.s_p_37_rId_a7_17{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_17{styleName:页眉 Char;}.s_r_39_rId_Char_17{font-size:12px;}.s_sn_40_rId_a8_17{styleName:footer;}.s_r_41_rId_a8_17{font-size:12px;}.s_p_42_rId_a8_17{text-align:left;}.s_sn_43_rId_Char0_17{styleName:页脚 Char;}.s_r_44_rId_Char0_17{font-size:12px;}</style><p location='233286' printLevel='0' pTotal='157' tablevel='0' class='_17'><span class='_17'>看来需要的话，我们只能直接进入源文件更改了。</span></p><p location='233602' printLevel='0' pTotal='158' tablevel='0' class='_17'><span class='_17'> <hr color="</span><span class='_17'>对应颜色的代码</span><span class='_17'>"></span></p><p location='233904' printLevel='0' pTotal='159' tablevel='0' class='_17'><span class='_17'>19> </span><span class='_17'>如何设置可以关闭当前窗口的功能？</span></p><p location='234985' printLevel='0' pTotal='160' tablevel='0' class='_17'><span class='_17'>这里我们可以先输入用来标示的文字</span><span class='_17'>“</span><span class='_17'>关闭窗口</span><span class='_17'>”</span><span class='_17'>，用鼠标拖动选中它，在</span><span class='_17'>“Link”</span><span class='_17'>输入框中键入</span><span class='_17'>“/”</span><span class='_17'>，同时切入源代码窗口，在链接代码中键入该事件</span><span class='_17'>-onclick=“:window.close(); return false;”</span><span class='_17'>。</span></p><p location='235474' printLevel='0' pTotal='161' tablevel='0' class='_17'><span class='_17'>完整的代码为：</span><span class='_17'>< a href=“/”onclick=“:window.close(); return false;”></span><span class='_17'>关闭窗口</span><span class='_17'>< /a> </span></p><p location='236016' printLevel='0' pTotal='162' tablevel='0' class='_17'><span class='_17'>当然你也可以将文字</span><span class='_17'>“</span><span class='_17'>关闭窗口</span><span class='_17'>”</span><span class='_17'>换成其他的对象，比如图片，按钮等等！</span></p><p location='236318' printLevel='0' pTotal='163' tablevel='0' class='_17'><span class='_17'>20> </span><span class='_17'>定时自动关闭的窗口又是怎样的呢？</span></p><p location='236597' printLevel='0' pTotal='164' tablevel='0' class='_17'><span class='_17'>上面提到了个关闭窗口的功能，那么现在的自动关闭又是怎么实现的呢？</span></p><p location='236961' printLevel='0' pTotal='165' tablevel='0' class='_17'><span class='_17'>在源代码</span><span class='_17'><body></span><span class='_17'>后加入下面的代码：</span></p><p location='237353' printLevel='0' pTotal='166' tablevel='0' class='_17'><span class='_17'>< script LANGUAGE=“javascript”> <!--</span><br class='_17'></br><span class='_17'>setTimeout('window.close();', 10000); </span><br class='_17'></br><span class='_17'>--> < /script> </span></p><p location='238019' printLevel='0' pTotal='167' tablevel='0' class='_17'><span class='_17'>其中的</span><span class='_17'>set Timeout</span><span class='_17'>是一个用来设定延迟时间的函数，这里</span><span class='_17'>10000</span><span class='_17'>表示</span><span class='_17'>10</span><span class='_17'>秒钟。</span></p><p location='242717' printLevel='0' pTotal='168' tablevel='0' class='_17'><span class='_17'> </span><span class='_17'>21> </span><span class='_17'>如何更改浏览器中鼠标的</span><span class='_17'>"</span><span class='_17'>形状</span><span class='_17'>"? </span><br class='_17'></br><span class='_17'> 一般情况下，鼠标在浏览器中以</span><span class='_17'>“</span><span class='_17'>箭头</span><span class='_17'>”</span><span class='_17'>的样式出现，那么我们能不能把它更改为自己喜欢的其他样式类型呢？</span><span class='_17'> </span><br class='_17'></br><span class='_17'> 改变鼠标形状在</span><span class='_17'>DW</span><span class='_17'>中是通过</span><span class='_17'>“CSS</span><span class='_17'>样式表</span><span class='_17'>”</span><span class='_17'>来实现的。</span><span class='_17'> </span><br class='_17'></br><span class='_17'> 菜单</span><span class='_17'>“</span><span class='_17'>文字（</span><span class='_17'>Text</span><span class='_17'>）</span><span class='_17'>”-“CSS</span><span class='_17'>样式表（</span><span class='_17'>CSS style</span><span class='_17'>）</span><span class='_17'>”-“Edit style sheet”</span><span class='_17'>，弹出样式表的编辑窗口，也可以单击快速启动板中的</span><span class='_17'>CSS style</span><span class='_17'>按钮找到，单击</span><span class='_17'>“New”</span><span class='_17'>按钮，选择默认的</span><span class='_17'>“Make custom style”</span><span class='_17'>，同时在下面的</span><span class='_17'>Define</span><span class='_17'>中使该样式只应用到当前网页文档，</span><span class='_17'>“This document only”</span><span class='_17'>。在</span><span class='_17'>“</span><span class='_17'>样式定义</span><span class='_17'>”</span><span class='_17'>窗口的左边列表项中选择</span><span class='_17'>“Extensing”</span><span class='_17'>（扩展项），相应右边设置在</span><span class='_17'>“Cursor”</span><span class='_17'>（鼠标）中，下拉选择合适的形状即可，确定后返回，按</span><span class='_17'>F12</span><span class='_17'>在浏览器中观察效果，不满意的话，还可以对样式进行修改。</span><span class='_17'> </span></p><style>.s_r_0_18{font-family:Times New Roman,宋体;}.s_r_1_18{font-size:14px;}.s_p_2_18{text-align:justify;}.s_sn_3_rId_a_18{styleName:Normal;}.s_r_4_rId_a_18{font-size:14px;}.s_p_5_rId_a_18{text-align:justify;}.s_sn_6_rId_1_18{styleName:heading 1;}.s_r_7_rId_1_18{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_18{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_18{styleName:heading 2;}.s_r_10_rId_2_18{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_18{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_18{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_18{styleName:Normal Table;}.s_tbl_14_rId_a1_18{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_18{styleName:标题 1 Char;}.s_r_16_rId_1Char_18{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_18{styleName:标题 2 Char;}.s_r_18_rId_2Char_18{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_18{styleName:Hyperlink;}.s_r_20_rId_a3_18{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_18{styleName:Normal (Web);}.s_r_22_rId_a4_18{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_18{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_18{styleName:hui912;}.s_r_25_rId_hui912_18{font-family:Times New Roman;}.s_sn_26_rId_t18_18{styleName:t18;}.s_r_27_rId_t18_18{font-family:Times New Roman;}.s_sn_28_rId_a5_18{styleName:Strong;}.s_r_29_rId_a5_18{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_18{styleName:p2;}.s_r_31_rId_p2_18{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_18{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_18{styleName:Emphasis;}.s_r_34_rId_a6_18{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_18{styleName:header;}.s_r_36_rId_a7_18{font-size:12px;}.s_p_37_rId_a7_18{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_18{styleName:页眉 Char;}.s_r_39_rId_Char_18{font-size:12px;}.s_sn_40_rId_a8_18{styleName:footer;}.s_r_41_rId_a8_18{font-size:12px;}.s_p_42_rId_a8_18{text-align:left;}.s_sn_43_rId_Char0_18{styleName:页脚 Char;}.s_r_44_rId_Char0_18{font-size:12px;}</style><p location='249881' printLevel='0' pTotal='169' tablevel='0' class='_18'><span class='_18'> </span><span class='_18'>22></span><span class='_18'>如何去除掉链接文字下面的下划线？</span><span class='_18'> </span><br class='_18'></br><span class='_18'> 在我们完成链接制作后，链接文字内容往往被自动在下面添加一条下划线，用来标示该内容包含超级链接。当一个网页中链接比较多时，就显得有些杂乱的感觉了，其实我们可以很方便的把它去掉。同样进入</span><span class='_18'>“Edit style sheet”</span><span class='_18'>窗口，单击</span><span class='_18'>“New”</span><span class='_18'>确立新样式，这里的</span><span class='_18'>Type</span><span class='_18'>（类型）中，需要选择的是</span><span class='_18'>“Redefine HTML Tag”</span><span class='_18'>，同时在具体的标记</span><span class='_18'>Tag</span><span class='_18'>中选中代表超级链接的</span><span class='_18'>“a”</span><span class='_18'>，单击</span><span class='_18'>OK</span><span class='_18'>。</span><span class='_18'> </span><br class='_18'></br><span class='_18'> 编辑该样式，左边列表中选</span><span class='_18'>“Type”</span><span class='_18'>，勾取</span><span class='_18'>“Decoration”</span><span class='_18'>（修饰）中的</span><span class='_18'>“None”</span><span class='_18'>复选框，这时所有网页中的链接文字下划线都被清除掉了。</span><span class='_18'> </span><br class='_18'></br><span class='_18'> </span><span class='_18'>23> </span><span class='_18'>怎样让鼠标在链接文字上方</span><span class='_18'>“</span><span class='_18'>悬停</span><span class='_18'>”</span><span class='_18'>时，产生变色，变形等效果？</span><span class='_18'> </span><br class='_18'></br><span class='_18'> 访问网站时，我们遇到的最平常不过的一种效果就是</span><span class='_18'>“</span><span class='_18'>鼠标悬停响应</span><span class='_18'>”</span><span class='_18'>了，所谓的</span><span class='_18'>“</span><span class='_18'>鼠标悬停响应</span><span class='_18'>”</span><span class='_18'>表现在链接文字上，就包括改变颜色，修饰效果（下划线，中划线）等多种选择。</span><span class='_18'> </span><br class='_18'></br><span class='_18'> 由于这种效果很好的起到了对目标内容的强调作用，因此无论是个人网站还是一些大的商业网站（如新浪，搜狐，网易等）都有应用。</span><br class='_18'></br><span class='_18'> 在上个问题中，你已经知道了去除掉链接下划线的方法，这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。</span><span class='_18'> </span><br class='_18'></br><span class='_18'> 同样进入</span><span class='_18'>“Edit style sheet”</span><span class='_18'>窗口，单击</span><span class='_18'>“New”</span><span class='_18'>确立新样式，不同的是现在的</span><span class='_18'>Type</span><span class='_18'>类型中选择最后的一项</span><span class='_18'>-“Use CSS selector”</span><span class='_18'>，</span><span class='_18'>“Selector”</span><span class='_18'>选单中选择</span><span class='_18'>“a:hover”</span><span class='_18'> </span><span class='_18'>OK</span><span class='_18'>，进入编辑样式窗口，设定</span><span class='_18'>“Type”</span><span class='_18'>项中的文字颜色为</span><span class='_18'>“</span><span class='_18'>红色</span><span class='_18'>”</span><span class='_18'>，当然你还可以添加鼠标悬停时出现下划线的效果。</span><span class='_18'> </span></p><p location='252396' printLevel='0' pTotal='170' tablevel='0' class='_18'><span class='_18'> </span><span class='_18'>24></span><span class='_18'>如何让网页的背景图片不跟随内容滚动？</span><span class='_18'> </span><br class='_18'></br><span class='_18'> 背景图片是很多网页设计者经常添加的东西，当网页内容超出一屏时，拉动滚动条背景图片会与内容相对静止的一起滚动，那么能否锁定背景不跟随滚动呢？当然可以进入</span><span class='_18'>“Edit style sheet”</span><span class='_18'>窗口，单击</span><span class='_18'>“New”</span><span class='_18'>确立新样式，在</span><span class='_18'>TYpe</span><span class='_18'>中选择</span><span class='_18'>“Redefine HTML Tag”</span><span class='_18'>，同时</span><span class='_18'>Tag</span><span class='_18'>选单选中</span><span class='_18'>“Body”</span><span class='_18'>，在左边列表中选择</span><span class='_18'>“Background”</span><span class='_18'>。 设定</span><span class='_18'>“Attachment”</span><span class='_18'>（附件）为</span><span class='_18'>“fixed”</span><span class='_18'>。其中</span><span class='_18'> scroll</span><span class='_18'>代表默认使用的滚动显示。</span><span class='_18'> </span></p><style>.s_r_0_19{font-family:Times New Roman,宋体;}.s_r_1_19{font-size:14px;}.s_p_2_19{text-align:justify;}.s_sn_3_rId_a_19{styleName:Normal;}.s_r_4_rId_a_19{font-size:14px;}.s_p_5_rId_a_19{text-align:justify;}.s_sn_6_rId_1_19{styleName:heading 1;}.s_r_7_rId_1_19{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_19{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_19{styleName:heading 2;}.s_r_10_rId_2_19{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_19{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_19{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_19{styleName:Normal Table;}.s_tbl_14_rId_a1_19{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_19{styleName:标题 1 Char;}.s_r_16_rId_1Char_19{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_19{styleName:标题 2 Char;}.s_r_18_rId_2Char_19{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_19{styleName:Hyperlink;}.s_r_20_rId_a3_19{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_19{styleName:Normal (Web);}.s_r_22_rId_a4_19{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_19{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_19{styleName:hui912;}.s_r_25_rId_hui912_19{font-family:Times New Roman;}.s_sn_26_rId_t18_19{styleName:t18;}.s_r_27_rId_t18_19{font-family:Times New Roman;}.s_sn_28_rId_a5_19{styleName:Strong;}.s_r_29_rId_a5_19{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_19{styleName:p2;}.s_r_31_rId_p2_19{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_19{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_19{styleName:Emphasis;}.s_r_34_rId_a6_19{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_19{styleName:header;}.s_r_36_rId_a7_19{font-size:12px;}.s_p_37_rId_a7_19{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_19{styleName:页眉 Char;}.s_r_39_rId_Char_19{font-size:12px;}.s_sn_40_rId_a8_19{styleName:footer;}.s_r_41_rId_a8_19{font-size:12px;}.s_p_42_rId_a8_19{text-align:left;}.s_sn_43_rId_Char0_19{styleName:页脚 Char;}.s_r_44_rId_Char0_19{font-size:12px;}</style><p location='254869' printLevel='0' pTotal='171' tablevel='0' class='_19'><span class='_19'> </span><span class='_19'>25> </span><span class='_19'>背景音乐你一定知道吧，怎么添加呢？</span><span class='_19'> </span><br class='_19'></br><span class='_19'> 在微软的网页工具</span><span class='_19'>-Frontpage</span><span class='_19'>中，有关于背景音乐的设置功能，那么</span><span class='_19'>DW</span><span class='_19'>显然没有作到这点，因此要使用的话，只能在源代码中手动添加了。</span><span class='_19'> </span><br class='_19'></br><span class='_19'> 在使用前，提醒大家一点，使用背景音乐一定要注意网页文件的大小，不能顾此失彼。代码如下：</span><span class='_19'> </span><br class='_19'></br><span class='_19'>< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”> </span><br class='_19'></br><span class='_19'> 其中</span><span class='_19'>src</span><span class='_19'>指定音乐文件的位置，</span><span class='_19'>autostart</span><span class='_19'>为音乐文件上传后的动作，</span><span class='_19'>true</span><span class='_19'>表示自动开始播放，</span><span class='_19'>false</span><span class='_19'>不播放（默认值）。</span></p><p location='255282' printLevel='0' pTotal='172' tablevel='0' class='_19'><span class='_19'> </span><span class='_19'>27> </span><span class='_19'>如何自动加入网页更改后的日期？</span></p><p location='255701' printLevel='0' pTotal='173' tablevel='0' class='_19'><span class='_19'> 只需要在源文件</span><span class='_19'><body></body></span><span class='_19'>之间添加如下代码即可。</span></p><p location='256090' printLevel='0' pTotal='174' tablevel='0' class='_19'><span class='_19'>< Script Language=“javascript”><!--</span><br class='_19'></br><span class='_19'>document.write(“Last Updated:”+document.lastModified);</span><br class='_19'></br><span class='_19'>-->< /Script> </span></p><p location='256896' printLevel='0' pTotal='175' tablevel='0' class='_19'><span class='_19'> 在浏览器中的显示样式为：</span><span class='_19'>“Last Updated</span><span class='_19'>：</span><span class='_19'>2001/8/19</span><span class='_19'>”</span></p><p location='257426' printLevel='0' pTotal='176' tablevel='0' class='_19'><span class='_19'> </span><span class='_19'>28> </span><span class='_19'>怎样控制弹出</span><span class='_19'>POPUP</span><span class='_19'>信息？</span></p><p location='257981' printLevel='0' pTotal='177' tablevel='0' class='_19'><span class='_19'> 有时，当我们点击链接时，会出现一些着重性说明的提示信息，也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时，就可以应用</span><span class='_19'>POPUP</span><span class='_19'>信息解释一下。</span></p><p location='258497' printLevel='0' pTotal='178' tablevel='0' class='_19'><span class='_19'> 在网页中合适位置输入链接文字，选中，在属性面板中制作链接。在仍保持选中状态的前提下，单击快速启动板中的</span><span class='_19'>“Behavior”</span><span class='_19'>按钮，</span></p><p location='259086' printLevel='0' pTotal='179' tablevel='0' class='_19'><span class='_19'> 点击左上的</span><span class='_19'>“+”</span><span class='_19'>号，从列表中选中</span><span class='_19'>“Popun message”</span><span class='_19'>，在随后的窗口中输入需要提示的信息，</span></p><p location='259656' printLevel='0' pTotal='180' tablevel='0' class='_19'><span class='_19'> 设定该动作的鼠标事件（</span><span class='_19'>Events</span><span class='_19'>）为点击（</span><span class='_19'>onclick</span><span class='_19'>）。在浏览器中预览效果如下</span></p><p location='260211' printLevel='0' pTotal='181' tablevel='0' class='_19'><span class='_19'> </span><span class='_19'>29> </span><span class='_19'>隐藏浏览器中状态栏的</span><span class='_19'>URL</span><span class='_19'>地址信息的方法？</span></p><p location='260891' printLevel='0' pTotal='182' tablevel='0' class='_19'><span class='_19'> 浏览网页，当鼠标停留在链接上方时，在下面的状态栏中会自动显示该链接目标地址，考虑到安全方面的问题，有时我们需要把它重置为</span><span class='_19'>“</span><span class='_19'>零</span><span class='_19'>”</span><span class='_19'>，即设为空白。</span></p><style>.s_r_0_20{font-family:Times New Roman,宋体;}.s_r_1_20{font-size:14px;}.s_p_2_20{text-align:justify;}.s_sn_3_rId_a_20{styleName:Normal;}.s_r_4_rId_a_20{font-size:14px;}.s_p_5_rId_a_20{text-align:justify;}.s_sn_6_rId_1_20{styleName:heading 1;}.s_r_7_rId_1_20{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_20{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_20{styleName:heading 2;}.s_r_10_rId_2_20{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_20{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_20{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_20{styleName:Normal Table;}.s_tbl_14_rId_a1_20{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_20{styleName:标题 1 Char;}.s_r_16_rId_1Char_20{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_20{styleName:标题 2 Char;}.s_r_18_rId_2Char_20{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_20{styleName:Hyperlink;}.s_r_20_rId_a3_20{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_20{styleName:Normal (Web);}.s_r_22_rId_a4_20{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_20{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_20{styleName:hui912;}.s_r_25_rId_hui912_20{font-family:Times New Roman;}.s_sn_26_rId_t18_20{styleName:t18;}.s_r_27_rId_t18_20{font-family:Times New Roman;}.s_sn_28_rId_a5_20{styleName:Strong;}.s_r_29_rId_a5_20{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_20{styleName:p2;}.s_r_31_rId_p2_20{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_20{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_20{styleName:Emphasis;}.s_r_34_rId_a6_20{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_20{styleName:header;}.s_r_36_rId_a7_20{font-size:12px;}.s_p_37_rId_a7_20{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_20{styleName:页眉 Char;}.s_r_39_rId_Char_20{font-size:12px;}.s_sn_40_rId_a8_20{styleName:footer;}.s_r_41_rId_a8_20{font-size:12px;}.s_p_42_rId_a8_20{text-align:left;}.s_sn_43_rId_Char0_20{styleName:页脚 Char;}.s_r_44_rId_Char0_20{font-size:12px;}</style><p location='261167' printLevel='0' pTotal='183' tablevel='0' class='_20'><span class='_20'> 现在只需要在链接代码中作些手脚就可以实现了，</span></p><p location='261758' printLevel='0' pTotal='184' tablevel='0' class='_20'><span class='_20'> </span><span class='_20'>< a href=http://tech.163.com/school onMouseOver="window.status='none';return true"></span><span href='http://tech.163.com/school/' dataType='hyperlink' class='s_sn_19_rId_a3_20 s_r_20_rId_a3_20 s_sn_12_rId_a0_20'>网易学院</span><span class='_20'>< /a></span></p><p location='262146' printLevel='0' pTotal='185' tablevel='0' class='_20'><span class='_20'> </span><span class='_20'>30></span><span class='_20'>如何改变状态栏里的提示文字？</span></p><p location='262491' printLevel='0' pTotal='186' tablevel='0' class='_20'><span class='_20'> 默认情况下，当网页被载入时，在状态栏里将显示该网页的地址等信息。想不想让它变的更有魅力呢？</span></p><p location='263334' printLevel='0' pTotal='187' tablevel='0' class='_20'><span class='_20'> 在</span><span class='_20'>DW“Behavior”</span><span class='_20'>行为板中，单击</span><span class='_20'>“+”</span><span class='_20'>号选择</span><span class='_20'>“Set Text Set”</span><span class='_20'>下的</span><span class='_20'>“Text Of Status Bar”</span><span class='_20'>选项，</span></p><p location='264309' printLevel='0' pTotal='188' tablevel='0' class='_20'><span class='_20'> 在</span><span class='_20'>“Set Text of Status Bar”</span><span class='_20'>窗口中输入类似</span><span class='_20'>“</span><span class='_20'>欢迎你光临本网站</span><span class='_20'>--</span><span class='_20'>网管留言</span><span class='_20'>”</span><span class='_20'>等</span><span class='_20'>Message</span><span class='_20'>信息。</span></p><p location='264652' printLevel='0' pTotal='189' tablevel='0' class='_20'><span class='_20'>31> </span><span class='_20'>如何建立电子邮件的表单处理方式</span><span class='_20'>?</span></p><p location='265138' printLevel='0' pTotal='190' tablevel='0' class='_20'><span class='_20'>表单应该是网页交互功能中必不可少的元素，表单的功能缘于信息的交互，因此表单的处理往往涉及到网络高级编程语言的使用，你或许说，哇！我不会编程呀！没关系，其实对于一些简单的表单内容处理靠电子邮件也可以实现。</span></p><p location='265390' printLevel='0' pTotal='191' tablevel='0' class='_20'><span class='_20'> </span><span class='_20'>先看下面的代码：</span></p><p location='265753' printLevel='0' pTotal='192' tablevel='0' class='_20'><span class='_20'> <form name="content" method="post" action="</span><span class='_20'>需要使用的处理程序</span><span class='_20'>" ></form></span></p><p location='266906' printLevel='0' pTotal='193' tablevel='0' class='_20'><span class='_20'>上面是一个典型的表单的</span><span class='_20'>HTML</span><span class='_20'>源代码，其中</span><span class='_20'>METHOD</span><span class='_20'>决定采用方式，包括</span><span class='_20'>POST</span><span class='_20'>和</span><span class='_20'>GET</span><span class='_20'>两种。</span><span class='_20'>ACTION</span><span class='_20'>也就是咱们上面说的处理程序，一般可通过</span><span class='_20'>ASP/PHP/CGI</span><span class='_20'>实现。</span></p><p location='267675' printLevel='0' pTotal='194' tablevel='0' class='_20'><span class='_20'>那么用电子邮件怎么实现呢？</span><span class='_20'>action=mailto:XXX@163.com</span><span class='_20'>，这样当点击提交按钮后，就会弹出一个提示窗口，单击</span><span class='_20'>“</span><span class='_20'>确定</span><span class='_20'>”</span><span class='_20'>表单内容会发送到指定的邮箱中。</span></p><p location='267975' printLevel='0' pTotal='195' tablevel='0' class='_20'><span class='_20'> 32> </span><span class='_20'>怎样制作规范的电子邮件链接？</span></p><p location='268562' printLevel='0' pTotal='196' tablevel='0' class='_20'><span class='_20'>所谓的</span><span class='_20'>“</span><span class='_20'>电子邮件链接</span><span class='_20'>”</span><span class='_20'>即是当我们点击它时，浏览器会自动调用默认使用的邮件客户端程序发送电子邮件。</span></p><p location='269257' printLevel='0' pTotal='197' tablevel='0' class='_20'><span class='_20'>输入</span><span class='_20'>“</span><span class='_20'>有问题</span><span class='_20'>MAIL ME”</span><span class='_20'>字样，鼠标拖拉选中，切换到属性面板，在</span><span class='_20'>LINK</span><span class='_20'>输入框中键入如下命令：</span></p><p location='270904' printLevel='0' pTotal='198' tablevel='0' class='_20'><span class='_20'> Mailto</span><span class='_20'>：</span><span href='mailto:XXX@163.com' dataType='hyperlink' class='s_sn_19_rId_a3_20 s_r_20_rId_a3_20 s_sn_12_rId_a0_20'>XXX@163.com</span><span class='_20'>？</span><span class='_20'>Subject=</span><span class='_20'>网友来信</span><span class='_20'>&bc=</span><span class='_20'>其他电子邮件地址</span><span class='_20'>&bcc=</span><span class='_20'>其他电子邮件地址。其中</span><span class='_20'>Mailto</span><span class='_20'>为邮件链接的协议，</span><span class='_20'>Subject </span><span class='_20'>为邮件的标题，</span><span class='_20'>bc</span><span class='_20'>是同时抄送的邮件地址，</span><span class='_20'>bcc</span><span class='_20'>代表的也就是暗送了。</span></p><style>.s_r_0_21{font-family:Times New Roman,宋体;}.s_r_1_21{font-size:14px;}.s_p_2_21{text-align:justify;}.s_sn_3_rId_a_21{styleName:Normal;}.s_r_4_rId_a_21{font-size:14px;}.s_p_5_rId_a_21{text-align:justify;}.s_sn_6_rId_1_21{styleName:heading 1;}.s_r_7_rId_1_21{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_21{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_21{styleName:heading 2;}.s_r_10_rId_2_21{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_21{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_21{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_21{styleName:Normal Table;}.s_tbl_14_rId_a1_21{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_21{styleName:标题 1 Char;}.s_r_16_rId_1Char_21{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_21{styleName:标题 2 Char;}.s_r_18_rId_2Char_21{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_21{styleName:Hyperlink;}.s_r_20_rId_a3_21{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_21{styleName:Normal (Web);}.s_r_22_rId_a4_21{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_21{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_21{styleName:hui912;}.s_r_25_rId_hui912_21{font-family:Times New Roman;}.s_sn_26_rId_t18_21{styleName:t18;}.s_r_27_rId_t18_21{font-family:Times New Roman;}.s_sn_28_rId_a5_21{styleName:Strong;}.s_r_29_rId_a5_21{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_21{styleName:p2;}.s_r_31_rId_p2_21{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_21{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_21{styleName:Emphasis;}.s_r_34_rId_a6_21{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_21{styleName:header;}.s_r_36_rId_a7_21{font-size:12px;}.s_p_37_rId_a7_21{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_21{styleName:页眉 Char;}.s_r_39_rId_Char_21{font-size:12px;}.s_sn_40_rId_a8_21{styleName:footer;}.s_r_41_rId_a8_21{font-size:12px;}.s_p_42_rId_a8_21{text-align:left;}.s_sn_43_rId_Char0_21{styleName:页脚 Char;}.s_r_44_rId_Char0_21{font-size:12px;}</style><p location='271450' printLevel='0' pTotal='199' tablevel='0' class='_21'><span class='_21'> 33> </span><span class='_21'>如何制作</span><span class='_21'>“</span><span class='_21'>空链接</span><span class='_21'>”</span><span class='_21'>？</span></p><p location='272369' printLevel='0' pTotal='200' tablevel='0' class='_21'><span class='_21'>空链接也就是，没有链接对象的链接，在空链接中，目标</span><span class='_21'>URL</span><span class='_21'>是用</span><span class='_21'>“#”</span><span class='_21'>来表示的。也就是说制作链接时，只要在属性板的</span><span class='_21'>LINK</span><span class='_21'>输入框中录入</span><span class='_21'>#</span><span class='_21'>标记，它就是个空链接了。</span></p><p location='272756' printLevel='0' pTotal='201' tablevel='0' class='_21'><span class='_21'>空链接的出现涉及到多方面的因素，比如一些没有定期完成的页面，又为了保持页面显示上的一致（链接样式与普通文字样式的不同），就可以使用它了。</span></p><p location='273081' printLevel='0' pTotal='202' tablevel='0' class='_21'><span class='_21'> 34> </span><span class='_21'>点击空链接时，页面往往重置到页首端，如何处理？</span></p><p location='273441' printLevel='0' pTotal='203' tablevel='0' class='_21'><span class='_21'>在浏览器里，当我们点击空链接时，它会自动将当前页面重置到首端，从而影响用户正常的阅读内容，我们当然希望它能保持不动了。</span></p><p location='274004' printLevel='0' pTotal='204' tablevel='0' class='_21'><span class='_21'>这时，你能够用代码</span><span class='_21'>“:void(null)”</span><span class='_21'>代替原来的</span><span class='_21'>“#”</span><span class='_21'>标记，回头看看，这个问题已经解决了。</span></p><p location='274311' printLevel='0' pTotal='205' tablevel='0' class='_21'><span class='_21'> 35> </span><span class='_21'>如何定制可自由在页面内跳转的链接？</span></p><p location='275272' printLevel='0' pTotal='206' tablevel='0' class='_21'><span class='_21'>如果你经常在网上订阅一些免费的电子杂志，一定对这种</span><span class='_21'>“</span><span class='_21'>标签链接</span><span class='_21'>”</span><span class='_21'>不陌生了，通过一个类似目录的列表，可方便的跳转到页面内的任何部分，无疑它的使用是专门为</span><span class='_21'>“</span><span class='_21'>超长内容</span><span class='_21'>”</span><span class='_21'>网页设计的。</span></p><p location='276462' printLevel='0' pTotal='207' tablevel='0' class='_21'><span class='_21'>先确定链接指向的位置，即屏幕跳转后停留的位置。进入</span><span class='_21'>“Object”</span><span class='_21'>面板的</span><span class='_21'>“Invisibles”</span><span class='_21'>部分，选中目标文本，单击</span><span class='_21'>“Insert Named Anchor”</span><span class='_21'>按钮，在</span><span class='_21'>“Anchor Name”</span><span class='_21'>中键入标签名称，</span><span class='_21'>OK</span><span class='_21'>，这时在文本下面会自动出现红色虚线以区别开普通的文本内容，注意它们在浏览器中不会出现。</span></p><p location='277257' printLevel='0' pTotal='208' tablevel='0' class='_21'><span class='_21'>然后就可以制作链接了，在属性板的</span><span class='_21'>LINK</span><span class='_21'>输入框录入</span><span class='_21'>“#nchor Name</span><span class='_21'>（刚才的名字）</span><span class='_21'>”</span><span class='_21'>。当然如果你想指向另外一页中的某个位置，也是可以的，把这个小尾巴放过去就行了。</span></p><p location='277575' printLevel='0' pTotal='209' tablevel='0' class='_21'><span class='_21'>36> </span><span class='_21'>同时在一个图片上，作很多个链接，怎么办？</span></p><p location='278681' printLevel='0' pTotal='210' tablevel='0' class='_21'><span class='_21'>这个问题也就是我们平常说的</span><span class='_21'>“</span><span class='_21'>图片热点</span><span class='_21'>”</span><span class='_21'>（</span><span class='_21'>Image HOT</span><span class='_21'>）了，当然在</span><span class='_21'>DW</span><span class='_21'>里还有另外一个名字叫</span><span class='_21'>“</span><span class='_21'>图象热区域</span><span class='_21'>”</span><span class='_21'>。</span></p><p location='279497' printLevel='0' pTotal='211' tablevel='0' class='_21'><span class='_21'>选中图片，这时在属性面板左下的位置，有一个</span><span class='_21'>“Map”</span><span class='_21'>工具栏，其右边是三个用来圈定不同区域的按钮，以其中的矩形工具为例，选中后，鼠标停留在图片上会以一种</span><span class='_21'>“+”</span><span class='_21'>的形状显示出来，代表可以左右拖拉，完成后依次你可以完成多个热点区域的链接制作。注意各区域不可重叠。</span></p><style>.s_r_0_22{font-family:Times New Roman,宋体;}.s_r_1_22{font-size:14px;}.s_p_2_22{text-align:justify;}.s_sn_3_rId_a_22{styleName:Normal;}.s_r_4_rId_a_22{font-size:14px;}.s_p_5_rId_a_22{text-align:justify;}.s_sn_6_rId_1_22{styleName:heading 1;}.s_r_7_rId_1_22{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_22{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_22{styleName:heading 2;}.s_r_10_rId_2_22{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_22{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_22{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_22{styleName:Normal Table;}.s_tbl_14_rId_a1_22{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_22{styleName:标题 1 Char;}.s_r_16_rId_1Char_22{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_22{styleName:标题 2 Char;}.s_r_18_rId_2Char_22{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_22{styleName:Hyperlink;}.s_r_20_rId_a3_22{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_22{styleName:Normal (Web);}.s_r_22_rId_a4_22{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_22{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_22{styleName:hui912;}.s_r_25_rId_hui912_22{font-family:Times New Roman;}.s_sn_26_rId_t18_22{styleName:t18;}.s_r_27_rId_t18_22{font-family:Times New Roman;}.s_sn_28_rId_a5_22{styleName:Strong;}.s_r_29_rId_a5_22{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_22{styleName:p2;}.s_r_31_rId_p2_22{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_22{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_22{styleName:Emphasis;}.s_r_34_rId_a6_22{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_22{styleName:header;}.s_r_36_rId_a7_22{font-size:12px;}.s_p_37_rId_a7_22{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_22{styleName:页眉 Char;}.s_r_39_rId_Char_22{font-size:12px;}.s_sn_40_rId_a8_22{styleName:footer;}.s_r_41_rId_a8_22{font-size:12px;}.s_p_42_rId_a8_22{text-align:left;}.s_sn_43_rId_Char0_22{styleName:页脚 Char;}.s_r_44_rId_Char0_22{font-size:12px;}</style><p location='279807' printLevel='0' pTotal='212' tablevel='0' class='_22'><span class='_22'> 37> </span><span class='_22'>怎样制作可以响应鼠标事件的翻转图片？</span></p><p location='280472' printLevel='0' pTotal='213' tablevel='0' class='_22'><span class='_22'>在许多网页中，我们经常会看到一些栏目标题，当鼠标滑过时，能变成另外的样子。其实它们中很多是通过两张不同的图片来实现的，也就是所谓的</span><span class='_22'>“</span><span class='_22'>翻转图片</span><span class='_22'>”</span><span class='_22'>效果。</span></p><p location='282170' printLevel='0' pTotal='214' tablevel='0' class='_22'><span class='_22'>当然首先你要提前准备两张大小完全一样的图片，以确保翻转时不会有什么视觉上的不适，单击</span><span class='_22'>“Object”</span><span class='_22'>面板上的</span><span class='_22'>“Rollover Image”</span><span class='_22'> 弹出</span><span class='_22'>“</span><span class='_22'>翻转图片设置</span><span class='_22'>”</span><span class='_22'>窗口，分别单击</span><span class='_22'>“Browse”</span><span class='_22'>按钮确定</span><span class='_22'>“Original image”</span><span class='_22'>和</span><span class='_22'>“Rollover image”</span><span class='_22'>的地址，注意一定要选中下面的</span><span class='_22'>“Preload Rollover image”</span><span class='_22'>复选框，否则在鼠标滑过的瞬间，会产生一定的下载延迟而影响效果。</span></p><p location='282728' printLevel='0' pTotal='215' tablevel='0' class='_22'><span class='_22'> 38> </span><span class='_22'>如何制作</span><span class='_22'>“</span><span class='_22'>漫天飞舞</span><span class='_22'>”</span><span class='_22'>的图片？</span></p><p location='283362' printLevel='0' pTotal='216' tablevel='0' class='_22'><span class='_22'>在许多大型商业网站的首页中，你经常会看到不少来回飘来飘去的广告图片，点击后可以链接到指定的地址，在</span><span class='_22'>DW</span><span class='_22'>中这点是通过</span><span class='_22'>Timelines</span><span class='_22'>来实现的。</span></p><p location='284847' printLevel='0' pTotal='217' tablevel='0' class='_22'><span class='_22'> </span><span class='_22'>首先在网页中插入目标图片，同时选中它，单击快速启动板中的</span><span class='_22'>“Timelins”</span><span class='_22'>按钮进入</span><span class='_22'>“</span><span class='_22'>时间线</span><span class='_22'>”</span><span class='_22'>窗口，在时间轴</span><span class='_22'>1frame</span><span class='_22'>的位置鼠标右击，选择</span><span class='_22'>“Add Object”,</span><span class='_22'>这时时间轴上会出现一兰色色条（默认</span><span class='_22'>1-15frame</span><span class='_22'>），将镜头停在</span><span class='_22'>15frame</span><span class='_22'>处，同时移动页面内图片到运动的终点位置。</span></p><p location='285375' printLevel='0' pTotal='218' tablevel='0' class='_22'><span class='_22'> </span><span class='_22'>现在一个简单的运动动画已经完成了，你可以通过在中间添加</span><span class='_22'>keyframe</span><span class='_22'>的方法调整路径的曲折度。单击上方的右箭头按钮预览效果。</span></p><p location='285945' printLevel='0' pTotal='219' tablevel='0' class='_22'><span class='_22'> 39> </span><span class='_22'>怎样制作在页面中</span><span class='_22'>“</span><span class='_22'>静态悬浮</span><span class='_22'>”</span><span class='_22'>的图片？</span></p><p location='286861' printLevel='0' pTotal='220' tablevel='0' class='_22'><span class='_22'> </span><span class='_22'>所谓的</span><span class='_22'>“</span><span class='_22'>静态悬浮</span><span class='_22'>”</span><span class='_22'>也就是图片总是试图停留在网页中的某个位置，因此在视觉上有种跟着页面</span><span class='_22'>“</span><span class='_22'>走</span><span class='_22'>”</span><span class='_22'>的感觉，象悬浮着一样。</span></p><p location='287520' printLevel='0' pTotal='221' tablevel='0' class='_22'><span class='_22'> </span><span class='_22'>该效果的实现是通过</span><span class='_22'>javascript</span><span class='_22'>来完成的，一般要求有一定的编程能力。好在</span><span class='_22'>DW</span><span class='_22'>提供了制作该效果的固定插件，因此就显得简单多了。</span></p><p location='288884' printLevel='0' pTotal='222' tablevel='0' class='_22'><span class='_22'> </span><span class='_22'>首先你必须先下载</span><span class='_22'>stav</span><span class='_22'>插件</span><span class='_22'>,</span><span class='_22'>将里面的两个文件</span><span class='_22'>(</span><span class='_22'>其中包括图片文件</span><span class='_22'>Cross Browser Static Division.gif</span><span class='_22'>和网页文件</span><span class='_22'>Cross Browser Static Division.htm)</span><span class='_22'>都拷贝到</span><span class='_22'>DW</span><span class='_22'>安装目录</span><span class='_22'>Configuration\Objects\Common</span><span class='_22'>下。</span></p><style>.s_r_0_23{font-family:Times New Roman,宋体;}.s_r_1_23{font-size:14px;}.s_p_2_23{text-align:justify;}.s_sn_3_rId_a_23{styleName:Normal;}.s_r_4_rId_a_23{font-size:14px;}.s_p_5_rId_a_23{text-align:justify;}.s_sn_6_rId_1_23{styleName:heading 1;}.s_r_7_rId_1_23{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_23{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_23{styleName:heading 2;}.s_r_10_rId_2_23{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_23{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_23{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_23{styleName:Normal Table;}.s_tbl_14_rId_a1_23{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_23{styleName:标题 1 Char;}.s_r_16_rId_1Char_23{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_23{styleName:标题 2 Char;}.s_r_18_rId_2Char_23{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_23{styleName:Hyperlink;}.s_r_20_rId_a3_23{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_23{styleName:Normal (Web);}.s_r_22_rId_a4_23{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_23{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_23{styleName:hui912;}.s_r_25_rId_hui912_23{font-family:Times New Roman;}.s_sn_26_rId_t18_23{styleName:t18;}.s_r_27_rId_t18_23{font-family:Times New Roman;}.s_sn_28_rId_a5_23{styleName:Strong;}.s_r_29_rId_a5_23{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_23{styleName:p2;}.s_r_31_rId_p2_23{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_23{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_23{styleName:Emphasis;}.s_r_34_rId_a6_23{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_23{styleName:header;}.s_r_36_rId_a7_23{font-size:12px;}.s_p_37_rId_a7_23{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_23{styleName:页眉 Char;}.s_r_39_rId_Char_23{font-size:12px;}.s_sn_40_rId_a8_23{styleName:footer;}.s_r_41_rId_a8_23{font-size:12px;}.s_p_42_rId_a8_23{text-align:left;}.s_sn_43_rId_Char0_23{styleName:页脚 Char;}.s_r_44_rId_Char0_23{font-size:12px;}</style><p location='290245' printLevel='0' pTotal='223' tablevel='0' class='_23'><span class='_23'> </span><span class='_23'>重新启动</span><span class='_23'>DW,</span><span class='_23'>在</span><span class='_23'>Object(</span><span class='_23'>对象</span><span class='_23'>)</span><span class='_23'>面板中</span><span class='_23'>,</span><span class='_23'>你会看到最底部已经多了</span><span class='_23'>SI</span><span class='_23'>项</span><span class='_23'>,</span><span class='_23'>选中它在弹出的窗口中设定浮动层到上边和左边的距离</span><span class='_23'>,</span><span class='_23'>然后在图层中插入指定的内容（这里为图片）即可。</span></p><p location='290540' printLevel='0' pTotal='224' tablevel='0' class='_23'><span class='_23'> 40> </span><span class='_23'>如何使文字和图片内容共处？</span></p><p location='291038' printLevel='0' pTotal='225' tablevel='0' class='_23'><span class='_23'>我们都知道，在</span><span class='_23'>DW</span><span class='_23'>中，图片对象往往是独占一行的，那么文字内容只能在与其平行的一行的位置上，怎么样才可以让文字围绕着图片显示呢？</span></p><p location='291658' printLevel='0' pTotal='226' tablevel='0' class='_23'><span class='_23'>选中图片，在属性面板的右上方你能看到一个</span><span class='_23'>“Align”</span><span class='_23'>的属性选单，选择</span><span class='_23'>“Left”</span><span class='_23'>，这时你会发现文字已经均匀的排列在图片的右边了。</span></p><p location='293411' printLevel='0' pTotal='227' tablevel='0' class='_23'><span class='_23'> </span><span class='_23'>41> </span><span class='_23'>实现多个窗口的连接</span><span class='_23'>? </span><br class='_23'></br><span class='_23'> 面板设计一直是</span><span class='_23'>DW</span><span class='_23'>的一大特色，到了</span><span class='_23'>DW4</span><span class='_23'>版本，所用到的面板已经相当多了，那么我们如何才能更高效的利用它呢？</span><span class='_23'> “</span><span class='_23'>窗口连接</span><span class='_23'>”</span><span class='_23'>就是一种方便大家自定义的技术功能，简单的说，就是可以根据需要将两个或更多个面板放到一个窗口中来。鼠标点击拖动一个面板的</span><span class='_23'>Tab</span><span class='_23'>栏到两一个面板上，当你看到一个黑色边框时，松开鼠标，这时两个面板已经合二为一了。</span></p><p location='294014' printLevel='0' pTotal='228' tablevel='0' class='_23'><span class='_23'> </span><span class='_23'>42> </span><span class='_23'>如何制作一条宽度为</span><span class='_23'>1</span><span class='_23'>的细线？</span><span class='_23'> </span></p><p location='294711' printLevel='0' pTotal='229' tablevel='0' class='_23'><span class='_23'> 在</span><span class='_23'>DW</span><span class='_23'>中，尽管水平线是以</span><span class='_23'>“Line”</span><span class='_23'>形式出现的，但在制作细线时，它表现的并不尽如人意，主要是过粗，没有需要的细腻感！</span><span class='_23'> </span></p><p location='295055' printLevel='0' pTotal='230' tablevel='0' class='_23'><span class='_23'> 那么我们可以采取变通的方法以表格的应用来实现。</span><span class='_23'> </span></p><p location='296971' printLevel='0' pTotal='231' tablevel='0' class='_23'><span class='_23'> 在网页中插入一个</span><span class='_23'>1</span><span class='_23'>行</span><span class='_23'>1</span><span class='_23'>列的表格，将表格的</span><span class='_23'>“cellpadding”“cellspacing”</span><span class='_23'>都设置为</span><span class='_23'>“0”</span><span class='_23'>，同时将单元格的</span><span class='_23'>“bgcolor”</span><span class='_23'>设定为红色，当然你也可以使用其他的颜色来代替，</span><span class='_23'>“Height”</span><span class='_23'>设定高度为</span><span class='_23'>1</span><span class='_23'>。</span><span class='_23'> </span><br class='_23'></br><span class='_23'>还有最关键的一步，查看源代码，将</span><span class='_23'>< td>< /td></span><span class='_23'>中的</span><span class='_23'>“ ”</span><span class='_23'>去掉即可。</span></p><p location='297552' printLevel='0' pTotal='232' tablevel='0' class='_23'><span class='_23'> </span><span class='_23'>43></span><span class='_23'>如何制作一个边框为</span><span class='_23'>1</span><span class='_23'>的方格？</span><span class='_23'> </span></p><p location='297893' printLevel='0' pTotal='233' tablevel='0' class='_23'><span class='_23'> 很明显，我们现在还是要通过表格的设置来完成。</span><span class='_23'> </span></p><p location='299316' printLevel='0' pTotal='234' tablevel='0' class='_23'><span class='_23'> 或许你会说，这还不简单嘛！建立一个</span><span class='_23'>1</span><span class='_23'>行</span><span class='_23'>1</span><span class='_23'>列的表格，然后将它的</span><span class='_23'>“Border”</span><span class='_23'>值设为</span><span class='_23'>1</span><span class='_23'>不就可以了。实际上，用这种方法制作的表格根本不是所说的边框为</span><span class='_23'>1</span><span class='_23'>的方格，而是要</span><span class='_23'>“</span><span class='_23'>粗</span><span class='_23'>”</span><span class='_23'>的多！</span><span class='_23'> </span></p><style>.s_r_0_24{font-family:Times New Roman,宋体;}.s_r_1_24{font-size:14px;}.s_p_2_24{text-align:justify;}.s_sn_3_rId_a_24{styleName:Normal;}.s_r_4_rId_a_24{font-size:14px;}.s_p_5_rId_a_24{text-align:justify;}.s_sn_6_rId_1_24{styleName:heading 1;}.s_r_7_rId_1_24{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_24{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_24{styleName:heading 2;}.s_r_10_rId_2_24{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_24{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_24{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_24{styleName:Normal Table;}.s_tbl_14_rId_a1_24{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_24{styleName:标题 1 Char;}.s_r_16_rId_1Char_24{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_24{styleName:标题 2 Char;}.s_r_18_rId_2Char_24{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_24{styleName:Hyperlink;}.s_r_20_rId_a3_24{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_24{styleName:Normal (Web);}.s_r_22_rId_a4_24{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_24{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_24{styleName:hui912;}.s_r_25_rId_hui912_24{font-family:Times New Roman;}.s_sn_26_rId_t18_24{styleName:t18;}.s_r_27_rId_t18_24{font-family:Times New Roman;}.s_sn_28_rId_a5_24{styleName:Strong;}.s_r_29_rId_a5_24{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_24{styleName:p2;}.s_r_31_rId_p2_24{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_24{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_24{styleName:Emphasis;}.s_r_34_rId_a6_24{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_24{styleName:header;}.s_r_36_rId_a7_24{font-size:12px;}.s_p_37_rId_a7_24{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_24{styleName:页眉 Char;}.s_r_39_rId_Char_24{font-size:12px;}.s_sn_40_rId_a8_24{styleName:footer;}.s_r_41_rId_a8_24{font-size:12px;}.s_p_42_rId_a8_24{text-align:left;}.s_sn_43_rId_Char0_24{styleName:页脚 Char;}.s_r_44_rId_Char0_24{font-size:12px;}</style><p location='301133' printLevel='0' pTotal='235' tablevel='0' class='_24'><span class='_24'> 同样先插入一个</span><span class='_24'>1</span><span class='_24'>行</span><span class='_24'>1</span><span class='_24'>列的表格，将表格的</span><span class='_24'>“border”</span><span class='_24'>、</span><span class='_24'>“cellpadding”</span><span class='_24'>设置为</span><span class='_24'>“0”</span><span class='_24'>，</span><span class='_24'>“cellspacing”</span><span class='_24'>设置为</span><span class='_24'> “1”</span><span class='_24'>。设定表格的</span><span class='_24'>“bgcolor”</span><span class='_24'>为红色（即为边框的颜色），同时设定单元格的</span><span class='_24'>“bgcolor”</span><span class='_24'>为白色（即同背景色），</span><span class='_24'>OK</span><span class='_24'>了。</span></p><p location='301629' printLevel='0' pTotal='236' tablevel='0' class='_24'><span class='_24'> </span><span class='_24'>44> </span><span class='_24'>怎样设置根据不同的浏览器，返回不同的页面？</span><span class='_24'> </span></p><p location='302117' printLevel='0' pTotal='237' tablevel='0' class='_24'><span class='_24'> 浏览器不同，它所支持的技术和效果也不同。因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。这时一个判断浏览器的跳转就很必要了。</span><span class='_24'> </span></p><p location='303100' printLevel='0' pTotal='238' tablevel='0' class='_24'><span class='_24'> 当用户用不同类型或版本的浏览器打开时，可以返回不同的页面，以保证用户的正常浏览。</span><span class='_24'> </span><span class='_24'>单击快速启动板中的</span><span class='_24'>“Behavior”</span><span class='_24'>按钮，点</span><span class='_24'>“+”</span><span class='_24'>号，在下拉列表中选择</span><span class='_24'>“Check Browse”</span><span class='_24'>。</span></p><p location='303590' printLevel='0' pTotal='239' tablevel='0' class='_24'><span class='_24'> </span><span class='_24'>45> </span><span class='_24'>网页中可以随便拖动的对象是怎么建立的？</span><span class='_24'> </span></p><p location='304075' printLevel='0' pTotal='240' tablevel='0' class='_24'><span class='_24'> 访问网站时，经常能见到不少可以用鼠标拖动的元素，其中以图片居多，比如，一张广告图片挡住了你想浏览的内容，你完全可以用鼠标选中把它扔到一边去！</span><span class='_24'> </span></p><p location='305158' printLevel='0' pTotal='241' tablevel='0' class='_24'><span class='_24'> 制作这种效果是通过图层的</span><span class='_24'>“Drag Layer”</span><span class='_24'>行为实现的，单击</span><span class='_24'>Behavior</span><span class='_24'>面板中</span><span class='_24'>“+”</span><span class='_24'>号，选择</span><span class='_24'>“Drag Layer”</span><span class='_24'>，当然之前你必要保证目标图层处于选中状态，进行简单设置后就</span><span class='_24'>OK</span><span class='_24'>了。</span></p><p location='305389' printLevel='0' pTotal='242' tablevel='0' class='_24'><span class='_24'>科学与艺术兼顾的有效网页视觉设计</span></p><p location='305830' printLevel='0' pTotal='243' tablevel='0' class='_24'><span class='_24'> 总的来说视觉设计是一个很大的范畴，囊括了我们身边很多产品的再创作设计，比如工业产品设计，广告设计，新媒体设计，服饰设计，还有我们这里要讨论的网页视觉设计。</span></p><p location='306291' printLevel='0' pTotal='244' tablevel='0' class='_24'><img w='387.8' h='375.46666666667' dataType='jpeg' imgOriW='388' imgOriH='375' src='https://wkrtcs.bdimg.com/rtcs/image?w=387.8&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"387.8","h":"375.46666666667","dataType":"jpeg","c":"word/media/image14.png","imgOriW":388,"imgOriH":375}' class='_24'></img></p><p location='307310' printLevel='0' pTotal='245' tablevel='0' class='_24'><span class='_24'> </span><span class='_24'> 上面是来自澳洲</span><span class='_24'> </span><span href='http://www.hiser.com.au/' dataType='hyperlink' class='s_sn_19_rId_a3_24 s_r_20_rId_a3_24 s_sn_12_rId_a0_24'>Hiser Group</span><span class='_24'> </span><span class='_24'>的网页视觉设计元素归纳图示，他把网页中可能涉及的视觉设计分成了屏幕布局，图形用户界面和品牌形象三个模块。但是根据考虑角度的不同，我个人觉得应该稍微调整一下，可以把网页视觉设计简单分为两个类型：基于科学考虑的功能性图形设计和基于视觉艺术考虑的视觉冲击设计。</span></p><p location='307675' printLevel='0' pTotal='246' tablevel='0' class='_24'><span class='_24'> </span><span class='_24'> </span><span class='_24'>理性</span></p><p location='308252' printLevel='0' pTotal='247' tablevel='0' class='_24'><span class='_24'> 基于科学考虑的功能性图形设计也就是我们经常讨论的</span><span class='_24'>GUI</span><span class='_24'>，它主要服务于系统化平台的交互系统，协助、指导用户顺利完成期望的任务流程，一般我们接触到的视觉设计元素包括：</span></p><style>.s_r_0_25{font-family:Times New Roman,宋体;}.s_r_1_25{font-size:14px;}.s_p_2_25{text-align:justify;}.s_sn_3_rId_a_25{styleName:Normal;}.s_r_4_rId_a_25{font-size:14px;}.s_p_5_rId_a_25{text-align:justify;}.s_sn_6_rId_1_25{styleName:heading 1;}.s_r_7_rId_1_25{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_25{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_25{styleName:heading 2;}.s_r_10_rId_2_25{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_25{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_25{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_25{styleName:Normal Table;}.s_tbl_14_rId_a1_25{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_25{styleName:标题 1 Char;}.s_r_16_rId_1Char_25{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_25{styleName:标题 2 Char;}.s_r_18_rId_2Char_25{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_25{styleName:Hyperlink;}.s_r_20_rId_a3_25{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_25{styleName:Normal (Web);}.s_r_22_rId_a4_25{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_25{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_25{styleName:hui912;}.s_r_25_rId_hui912_25{font-family:Times New Roman;}.s_sn_26_rId_t18_25{styleName:t18;}.s_r_27_rId_t18_25{font-family:Times New Roman;}.s_sn_28_rId_a5_25{styleName:Strong;}.s_r_29_rId_a5_25{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_25{styleName:p2;}.s_r_31_rId_p2_25{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_25{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_25{styleName:Emphasis;}.s_r_34_rId_a6_25{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_25{styleName:header;}.s_r_36_rId_a7_25{font-size:12px;}.s_p_37_rId_a7_25{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_25{styleName:页眉 Char;}.s_r_39_rId_Char_25{font-size:12px;}.s_sn_40_rId_a8_25{styleName:footer;}.s_r_41_rId_a8_25{font-size:12px;}.s_p_42_rId_a8_25{text-align:left;}.s_sn_43_rId_Char0_25{styleName:页脚 Char;}.s_r_44_rId_Char0_25{font-size:12px;}</style><p location='308515' printLevel='0' pTotal='248' tablevel='0' class='_25'><span class='_25'>图片按钮；</span><span class='_25'> </span></p><p location='308778' printLevel='0' pTotal='249' tablevel='0' class='_25'><span class='_25'>导航设计；</span><span class='_25'> </span></p><p location='309099' printLevel='0' pTotal='250' tablevel='0' class='_25'><span class='_25'>Banner</span><span class='_25'>动画或静态设计；</span><span class='_25'> </span></p><p location='309368' printLevel='0' pTotal='251' tablevel='0' class='_25'><span class='_25'>表单样式设计；</span><span class='_25'> </span></p><p location='309655' printLevel='0' pTotal='252' tablevel='0' class='_25'><span class='_25'>表格、数据、文字表现设计；</span><span class='_25'> </span></p><p location='309956' printLevel='0' pTotal='253' tablevel='0' class='_25'><span class='_25'>logo</span><span class='_25'>设计</span><span class='_25'> </span></p><p location='310269' printLevel='0' pTotal='254' tablevel='0' class='_25'><span class='_25'>以及图形化不强的页面文字排版、空白布局设计</span><span class='_25'> </span></p><p location='311384' printLevel='0' pTotal='255' tablevel='0' class='_25'><img w='499.93333333333' h='611.2' dataType='png' imgOriW='500' imgOriH='611' src='https://wkrtcs.bdimg.com/rtcs/image?w=499.93333333333&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"499.93333333333","h":"611.2","dataType":"png","c":"word/media/image15.png","imgOriW":500,"imgOriH":611}' class='_25'></img><br class='_25'></br><span class='_25'>上图是来自</span><span href='http://www.rokey.net/' dataType='hyperlink' class='s_sn_19_rId_a3_25 s_r_20_rId_a3_25 s_sn_12_rId_a0_25'>Rokey</span><span class='_25'>的</span><span class='_25'>Verycd </span><span class='_25'>设计原型</span></p><p location='312376' printLevel='0' pTotal='256' tablevel='0' class='_25'><span class='_25'> 也是因为这种类型的设计附属与功能和需求，所以可以说它偏理性考虑，更何况经过长期的运用开发，人们已经总结出不少经历实践验证的</span><span href='http://www.google.com/search?q=gui+principles&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a' dataType='hyperlink' class='s_sn_19_rId_a3_25 s_r_20_rId_a3_25 s_sn_12_rId_a0_25'>理论原则</span><span class='_25'>，可供我们后人参考。所以这类型的设计核心是以</span><span class='_25'>UCD</span><span class='_25'>为指导思想，设计偏重实用性和有效性，设计目的是促成交互操作的顺利完成，并获得满意的任务反馈。</span></p><p location='313327' printLevel='0' pTotal='257' tablevel='0' class='_25'><span class='_25'> 以前零碎的和一些朋友讨论过类似的话题，感兴趣的可以查看一下：</span><span class='_25'>“</span><span href='http://www.moond.com/lab/?p=231' dataType='hyperlink' class='s_sn_19_rId_a3_25 s_r_20_rId_a3_25 s_sn_12_rId_a0_25'>容易被点击的按钮调查</span><span class='_25'>”</span><span class='_25'>和</span><span class='_25'>“</span><span href='http://www.moond.com/lab/?p=231' dataType='hyperlink' class='s_sn_19_rId_a3_25 s_r_20_rId_a3_25 s_sn_12_rId_a0_25'>设计友善的表单</span><span class='_25'>”</span></p><p location='313701' printLevel='0' pTotal='258' tablevel='0' class='_25'><span class='_25'> </span><span class='_25'> </span><span class='_25'>感性、个性</span></p><p location='314310' printLevel='0' pTotal='259' tablevel='0' class='_25'><span class='_25'> 再说说基于视觉艺术考虑的视觉冲击设计，这类型的设计自由空间大，没有太多理论约束，更多体现出个性元素的概念，其多运用于概念产品、时尚产品、游戏娱乐等独立站点或个人</span><span class='_25'>Portfolio Gallery</span><span class='_25'>站点里。</span></p><p location='315065' printLevel='0' pTotal='260' tablevel='0' class='_25'><img w='400.13333333333' h='231' dataType='jpeg' imgOriW='400' imgOriH='231' src='https://wkrtcs.bdimg.com/rtcs/image?w=400.13333333333&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"400.13333333333","h":"231","dataType":"jpeg","c":"word/media/image16.png","imgOriW":400,"imgOriH":231}' class='_25'></img><br class='_25'></br><span class='_25'>上图是来自</span><span class='_25'>http://www.rhythmoflines.co.uk/ </span></p><p location='315452' printLevel='0' pTotal='261' tablevel='0' class='_25'><span class='_25'> 尽管我们不断推崇务实的简约设计概念，但是另类的创新艺术表现还是不时的冲击着我们不断变化的行业趋势。这类设计的好处在于：</span></p><p location='315745' printLevel='0' pTotal='262' tablevel='0' class='_25'><span class='_25'>容易创新出新型的交互设计模式；</span><span class='_25'> </span></p><p location='316207' printLevel='0' pTotal='263' tablevel='0' class='_25'><span class='_25'>增加产品自身的品牌价值，也就是我们所说的</span><span class='_25'>“</span><span class='_25'>化腐朽为神奇</span><span class='_25'>” </span></p><p location='316512' printLevel='0' pTotal='264' tablevel='0' class='_25'><span class='_25'>深刻的视觉冲击，有利于品牌形象的传播；</span><span class='_25'> </span></p><p location='316805' printLevel='0' pTotal='265' tablevel='0' class='_25'><span class='_25'>具有艺术收藏性，树立流派典范；</span><span class='_25'> </span></p><p location='317089' printLevel='0' pTotal='266' tablevel='0' class='_25'><span class='_25'>激励不同类型的设计尝试；</span><span class='_25'> </span></p><p location='317380' printLevel='0' pTotal='267' tablevel='0' class='_25'><span class='_25'> 不过如果从实用性来考虑，它可能也会存在下面的不利之处：</span></p><p location='317706' printLevel='0' pTotal='268' tablevel='0' class='_25'><span class='_25'>生存周期相对较短，也就是高投入未必能带来长期利用率；</span><span class='_25'> </span></p><p location='318053' printLevel='0' pTotal='269' tablevel='0' class='_25'><span class='_25'>浏览文件大，需要更多下载时间，如果平衡的不好，很容易起到负面效果；</span><span class='_25'> </span></p><p location='318367' printLevel='0' pTotal='270' tablevel='0' class='_25'><span class='_25'>兼容性考虑不够，比如插件要求，分辨率要求等；</span><span class='_25'> </span></p><p location='318642' printLevel='0' pTotal='271' tablevel='0' class='_25'><span class='_25'>目标群体的局限性；</span><span class='_25'> </span></p><p location='319256' printLevel='0' pTotal='272' tablevel='0' class='_25'><span class='_25'> 总的来说，根据具体运用和项目的商业策略的不同，我们在设计管理上也应该做相应的平衡，是提高有效的视觉传达？还是个性品牌的冲击？</span><span class='_25'> </span><span class='_25'>这就如同我们在科学与艺术直接需要平衡点一样。</span></p><style>.s_r_0_26{font-family:Times New Roman,宋体;}.s_r_1_26{font-size:14px;}.s_p_2_26{text-align:justify;}.s_sn_3_rId_a_26{styleName:Normal;}.s_r_4_rId_a_26{font-size:14px;}.s_p_5_rId_a_26{text-align:justify;}.s_sn_6_rId_1_26{styleName:heading 1;}.s_r_7_rId_1_26{font-family:宋体;font-size:11.333333333333px;}.s_p_8_rId_1_26{text-align:left;outlineLvl:0;}.s_sn_9_rId_2_26{styleName:heading 2;}.s_r_10_rId_2_26{font-family:Arial,黑体;font-size:21.333333333333px;}.s_p_11_rId_2_26{line-height:173.33333333333%;padding-bottom:17.333333333333px;padding-top:17.333333333333px;outlineLvl:1;}.s_sn_12_rId_a0_26{styleName:Default Paragraph Font;}.s_sn_13_rId_a1_26{styleName:Normal Table;}.s_tbl_14_rId_a1_26{margin-left:0px;cellpadding:0px 7px 0px 7px;}.s_sn_15_rId_1Char_26{styleName:标题 1 Char;}.s_r_16_rId_1Char_26{font-weight:700;font-size:29.333333333333px;}.s_sn_17_rId_2Char_26{styleName:标题 2 Char;}.s_r_18_rId_2Char_26{font-weight:700;font-size:21.333333333333px;}.s_sn_19_rId_a3_26{styleName:Hyperlink;}.s_r_20_rId_a3_26{font-family:Times New Roman;color:#2C7E04;text-decoration:underline;}.s_sn_21_rId_a4_26{styleName:Normal (Web);}.s_r_22_rId_a4_26{font-family:宋体;font-size:16px;}.s_p_23_rId_a4_26{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_24_rId_hui912_26{styleName:hui912;}.s_r_25_rId_hui912_26{font-family:Times New Roman;}.s_sn_26_rId_t18_26{styleName:t18;}.s_r_27_rId_t18_26{font-family:Times New Roman;}.s_sn_28_rId_a5_26{styleName:Strong;}.s_r_29_rId_a5_26{font-family:Times New Roman;font-weight:700;}.s_sn_30_rId_p2_26{styleName:p2;}.s_r_31_rId_p2_26{font-family:宋体;font-size:16px;}.s_p_32_rId_p2_26{padding-bottom:.5em;padding-top:.5em;text-align:left;}.s_sn_33_rId_a6_26{styleName:Emphasis;}.s_r_34_rId_a6_26{font-family:Times New Roman;font-style:italic;}.s_sn_35_rId_a7_26{styleName:header;}.s_r_36_rId_a7_26{font-size:12px;}.s_p_37_rId_a7_26{border-bottom:1px solid #000000;text-align:center;}.s_sn_38_rId_Char_26{styleName:页眉 Char;}.s_r_39_rId_Char_26{font-size:12px;}.s_sn_40_rId_a8_26{styleName:footer;}.s_r_41_rId_a8_26{font-size:12px;}.s_p_42_rId_a8_26{text-align:left;}.s_sn_43_rId_Char0_26{styleName:页脚 Char;}.s_r_44_rId_Char0_26{font-size:12px;}</style><p location='319397' printLevel='0' pTotal='273' tablevel='0' class='_26'><span class='_26'> </span></p><p location='320201' printLevel='0' pTotal='274' tablevel='0' class='_26'><span class='_26'> 最后想补充一个话题，记得之前白鸦曾疑惑为什么现在有很多</span><span class='_26'>GUI</span><span class='_26'>都想转行做</span><span class='_26'>UI</span><span class='_26'>或</span><span class='_26'>ID(interaction design)</span><span class='_26'>，而忽视视觉设计的价值？我觉得这里面有下面几个原因：</span></p><p location='321196' printLevel='0' pTotal='275' tablevel='0' class='_26'><span class='_26'>市场恶性竞争，促使视觉审美下降，从而导致创意制作的贬值。所以，除去个别优秀的视觉设计师，处于中间或下层的设计师很容易失去自我价值的鼓舞而放弃自己的初衷，希望能够寻觅一个新的行业方向。而根据现在的市场需求，</span><span class='_26'>UI</span><span class='_26'>、</span><span class='_26'>ID</span><span class='_26'>应该是一个比如容易切入的方向，毕竟通过理论的补充，可以在很短时间内有效的提高设计师自身的设计理念而适应新的行业需求。</span><span class='_26'> </span></p><p location='321831' printLevel='0' pTotal='276' tablevel='0' class='_26'><span class='_26'>还有一个原因也是上面提到的市场需求决定了设计师对可用性和用户体验的关注，目前大多数设计师都服务于综合性媒体的网络公司，这样也就局限了他们创意设计的需求，取而代之的更多是对实用性，高效性的页面设计要求，所以学习相关的理论知识以适应公司发展需求是非常容易理解的，</span><span class='_26'> </span></p><p location='322748' printLevel='0' pTotal='277' tablevel='0' class='_26'><span class='_26'>最后就是设计师本身的自我定位，据我所知，国内目前并没有一个很好的针对网页视觉设计或用户中心设计的专业培训，所以，入行的设计师未必都有很好教育背景，大多都是因为兴趣爱好或市场需求而不断调整自己在整个行业中的角色，就业的需求，再加上诸如</span><span class='_26'>UCDCHINA</span><span class='_26'>理论资源的不断涌入，让很多本就不成熟或说对自己职业方向不明确的设计师，看到新的适合空间，所以这样的转行也是完全可以理解的。</span><span class='_26'> </span></p><p location='323446' printLevel='0' pTotal='278' tablevel='0' class='_26'><span class='_26'> 其实无论什么类型的设计师，热衷于自己所服务的人群，能从中获得职业成就，并得到人群的认可就应该算一种成功了。设计的好处就在于能让我们身边的生活更</span><span class='_26'>“</span><span class='_26'>美好</span><span class='_26'>”</span><span class='_26'>。</span></p><p location='323537' printLevel='0' pTotal='279' tablevel='0' class='_26'></p> <script type="text/javascript">s();</script>
<div id="bdleft">
<script type="text/javascript">s();</script>
</div>
<div>
<script type="text/javascript">s();</script>
</div>
</div>
<style>
.ls-radius-btn {
border-radius: 3px;
}
.ls-blue-white-btn {
background-color: #fff;
border: 1px solid #3395f6;
}
.line-h-2-6 {
line-height: 2.6;
}
.ls-h-huge-padding {
padding-left: 30px;
padding-right: 30px;
}
.display-i-block {
display: inline-block;
}
</style>
<div class="gradient-mask" id="gradientMask" style="padding-top: 20px;padding-bottom: 20px;" align="center">
<a class="ls-radius-btn ls-blue-white-btn ls-h-huge-padding line-h-2-6 display-i-block" id="readAll">阅读全文</a>
</div>
<script>
//阅读全部
$('#readAll').click(function () {
$('#contents').removeClass('hid-section');
$('#gradientMask').hide()
});
</script>
<div class="answer_content">
<div></div>
</div>
</div>
<div class="down">
<h3>
<img src="/Public/Home/images/save.png" alt="免费下载" border="0" align="absmiddle" />
Word文档免费下载：
<a href="javascript:void(0);" title="颜色代码大全" id="download_id2">颜色代码大全</a>
</h3>
</div>
<div class="about">
<h2>
<a href="#">TOP</a>热门搜索
</h2>
<ul class="clearfix">
<li><a href="/content/id/5895fda6bed126fff705cc1755270722192e59cf" title="胶质母细胞瘤常用化疗方案的疗效和安全性比较" target="_blank">胶质母细胞瘤常用化疗方案的疗效和安全性比较</a></li>
<li><a href="/content/id/e2fd500bdc88d0d233d4b14e852458fb770b38e4" title="吉林一中2013届高三数学系列复习资料 数学模拟题三资料" target="_blank">吉林一中2013届高三数学系列复习资料 数学模拟题三资料</a></li>
<li><a href="/content/id/33eb4361571810a6f524ccbff121dd36a22dc421" title="SLon磁选机在淮北煤系高岭土提纯中的研究与应用" target="_blank">SLon磁选机在淮北煤系高岭土提纯中的研究与应用</a></li>
<li><a href="/content/id/5ce53f95591b6bd97f192279168884868762b8fd" title="2019最新人教版物理八年级上册学案2、3 声的利用 导学案" target="_blank">2019最新人教版物理八年级上册学案2、3 声的利用 导学案</a></li>
<li><a href="/content/id/ef32473baa956bec0975f46527d3240c8547a114" title="瑞舒伐他汀短期强化治疗对急性冠状动脉综合征患者血脂、炎症因子" target="_blank">瑞舒伐他汀短期强化治疗对急性冠状动脉综合征患者血脂、炎症因子</a></li>
<li><a href="/content/id/df70fa240a4e767f5acfa1c7aa00b52acfc79c21" title="九年级数学上册《22.2 解一元二次方程巩固练习》课件 人教新课标版" target="_blank">九年级数学上册《22.2 解一元二次方程巩固练习》课件 人教新课标版</a></li>
<li><a href="/content/id/2b5c8c46a0c7aa00b52acfc789eb172ded6399fc" title="湖北省武汉市七一中学九年级数学下学期3月考试题（无答案）" target="_blank">湖北省武汉市七一中学九年级数学下学期3月考试题（无答案）</a></li>
<li><a href="/content/id/ea8cf2a0326c1eb91a37f111f18583d048640fb0" title="2020版高中全程复习方略配套课件：8.8曲线与议程（含轨迹问题）（北师大版·数学理）.ppt" target="_blank">2020版高中全程复习方略配套课件：8.8曲线与议程（含轨迹问题）（北师大版·数学理）.ppt</a></li>
<li><a href="/content/id/b69545822379168884868762caaedd3383c4b5b9" title="《学习强国》考试题库100题CTG[含答案]" target="_blank">《学习强国》考试题库100题CTG[含答案]</a></li>
<li><a href="/content/id/f94163b766ec102de2bd960590c69ec3d5bbdbce" title="2019初中数学学业考试中的试题对效果信度与区分度的认识 ppt" target="_blank">2019初中数学学业考试中的试题对效果信度与区分度的认识 ppt</a></li>
</ul>
</div>
</div>
<div class="category">
<div class="ad_d">
<script type="text/javascript">s();</script>
</div>
<h2 class="navname">
相关推荐：
</h2>
<ul class="lista">
<p><a href="/content/id/9f0c25d5ce22bcd126fff705cc17552706225e11" title="导尿管留置时间对腹腔镜辅助阴式子宫切除术患者排尿结果的影响" target="_blank">导尿管留置时间对腹腔镜辅助阴式子宫切除术患者排尿结果的影响</a></p>
<p><a href="/content/id/13d118c2ce84b9d528ea81c758f5f61fb6362802" title="Unit 4 A Lets learn 2019春学期小学英语(PEP)四年级下册教学课件" target="_blank">Unit 4 A Lets learn 2019春学期小学英语(PEP)四年级下册教学课件</a></p>
<p><a href="/content/id/174868bc5222aaea998fcc22bcd126fff6055d09" title="上海市七年级下学期第二次段考道德与法治试题(I)卷" target="_blank">上海市七年级下学期第二次段考道德与法治试题(I)卷</a></p>
<p><a href="/content/id/6dd51dacf342336c1eb91a37f111f18582d00c8d" title="一1班微信群规章制度" target="_blank">一1班微信群规章制度</a></p>
<p><a href="/content/id/a5b231573086bceb19e8b8f67c1cfad6195fe9a8" title="退休支部党建工作自查报告" target="_blank">退休支部党建工作自查报告</a></p>
<p><a href="/content/id/badafb8c17fc700abb68a98271fe910ef02dae3e" title="生化实验室规章制度" target="_blank">生化实验室规章制度</a></p>
<p><a href="/content/id/543ca07e534de518964bcf84b9d528ea80c72fd2" title="春季湖北省黄冈中学鄂南高中高一物理期末联考试题" target="_blank">春季湖北省黄冈中学鄂南高中高一物理期末联考试题</a></p>
<p><a href="/content/id/a9ca666f3b68011ca300a6c30c2259010302f309" title="机器人的未来即对人类的影响课题研究" target="_blank">机器人的未来即对人类的影响课题研究</a></p>
<p><a href="/content/id/4336400bf7335a8102d276a20029bd64783e62d7" title="[资料]退行性腰椎侧弯长节段固定融合至l5与s1对比汇编" target="_blank">[资料]退行性腰椎侧弯长节段固定融合至l5与s1对比汇编</a></p>
<p><a href="/content/id/b1def6d3eef9aef8941ea76e58fafab068dc44ef" title="初中数学九年级《二次函数与一元二次方程》公开课教学设计" target="_blank">初中数学九年级《二次函数与一元二次方程》公开课教学设计</a></p>
</ul>
<div class="ad_d">
<script type="text/javascript">s();</script>
</div>
<h2 class="navname">
<a href="/tag/t/岁月静好的完整诗句是">岁月静好的完整诗句是</a>
</h2>
<ul class="lista">
<p><a href="/content/id/35128f232dc58bd63186bceb19e8b8f67d1cef33" title="岁月静好的完整诗句是" target="_blank">岁月静好的完整诗句是</a></p>
<p><a href="/content/id/ccf7c6856337ee06eff9aef8941ea76e59fa4a6a" title="关于岁月静好的唯美句子大全" target="_blank">关于岁月静好的唯美句子大全</a></p>
<p><a href="/content/id/790257260875f46527d3240c844769eae109a333" title="关于岁 静好的唯美句子大全 " target="_blank">关于岁 静好的唯美句子大全 </a></p>
<p><a href="/content/id/eb7b08117e192279168884868762caaedc33ba78" title="岁月静好的经典句子大全" target="_blank">岁月静好的经典句子大全</a></p>
<p><a href="/content/id/6cf07ed411a6f524ccbff121dd36a32d7375c7b7" title="关于岁月静好的唯美句子大全 " target="_blank">关于岁月静好的唯美句子大全 </a></p>
<p><a href="/content/id/1264901009a1284ac850ad02de80d4d8d05a01db" title="关于岁月静好的句子大全" target="_blank">关于岁月静好的句子大全</a></p>
<p><a href="/content/id/19457753fbb069dc5022aaea998fcc22bcd14385" title="[实用参考]关于岁月静好的唯美句子大全" target="_blank">[实用参考]关于岁月静好的唯美句子大全</a></p>
<p><a href="/content/id/5fa9825357270722192e453610661ed9ad5155a1" title="关于岁静好的唯美句子大全" target="_blank">关于岁静好的唯美句子大全</a></p>
<p><a href="/content/id/9597c8db814d2b160b4e767f5acfa1c7ab008215" title="描写岁月静好的唯美句子" target="_blank">描写岁月静好的唯美句子</a></p>
<p><a href="/content/id/456811df74c66137ee06eff9aef8941ea66e4b3d" title="岁月静好的唯美句子" target="_blank">岁月静好的唯美句子</a></p>
<p><a href="/content/id/2460ba152d60ddccda38376baf1ffc4ffe47e239" title="八首静美诗词:愿光阴含笑,岁月静好" target="_blank">八首静美诗词:愿光阴含笑,岁月静好</a></p>
<p><a href="/content/id/9cbffd3ffac75fbfc77da26925c52cc58ad69024" title="岁月静好唯美句子" target="_blank">岁月静好唯美句子</a></p>
<p><a href="/content/id/0234198e0e22590102020740be1e650e52eacfd3" title="岁月静好 浅笑安然 唯美句子" target="_blank">岁月静好 浅笑安然 唯美句子</a></p>
<p><a href="/content/id/0dd37ba97a3e0912a21614791711cc7930b77896" title="关于岁月静好的唯美句子大全_图文" target="_blank">关于岁月静好的唯美句子大全_图文</a></p>
<p><a href="/content/id/6a71ca09cc2f0066f5335a8102d276a201296015" title="描写时光易逝岁月静好的句子_图文" target="_blank">描写时光易逝岁月静好的句子_图文</a></p>
<p><a href="/content/id/7be5a4d2fd00bed5b9f3f90f76c66137ef064f57" title="岁月静好人世安稳的唯美句子大全" target="_blank">岁月静好人世安稳的唯美句子大全</a></p>
<p><a href="/content/id/9868f2a5df80d4d8d15abe23482fb4daa58d1d8e" title="关于岁月静好唯美句子" target="_blank">关于岁月静好唯美句子</a></p>
<p><a href="/content/id/cba134ce473610661ed9ad51f01dc281e43a5632" title="关于岁月静好的短句子精辟的句子,太绝了_图文" target="_blank">关于岁月静好的短句子精辟的句子,太绝了_图文</a></p>
<p><a href="/content/id/407bd8470d22590102020740be1e650e53eacf51" title="岁月诗句" target="_blank">岁月诗句</a></p>
<p><a href="/content/id/63b862e3e0bd960590c69ec3d5bbfd0a7856d573" title="岁月静好唯美句子" target="_blank">岁月静好唯美句子</a></p>
</ul>
</div>
</div>
<!-- huiyuan--start -->
<div class="info_mask"></div>
<div class="charging_box">
<div class="charging_box_c">
<div class="banner_bg">
<div class="closed_b fr" onclick="guanbi();">
<img src="/Public/Home/user/images/closed_p.png" alt="" />
</div>
<div class="clear">
</div>
<div class="member_n">
<dl>
</dl>
</div>
</div>
</div>
<div class="option">
<ul id="zhengchang_viplist">
<li class="active v_pay_item" v="2">
<div>
<span>
<p>
<i>￥</i>29.8
</p>
<del>
￥45
</del>
<u>
每天只需1.0元
</u>
</span>
</div>
<em>
<i>1个月</i>
</em>
<strong>
推荐
</strong>
</li>
<li class="v_pay_item" v="1">
<div>
<span>
<p>
<i>￥</i>9.9
</p>
<del>
￥15
</del>
</span>
</div>
<em>
<i>1天</i>
</em>
</li>
<li class="v_pay_item" v="3">
<div>
<span>
<p>
<i>￥</i>59.8
</p>
<del>
￥90
</del>
</span>
</div>
<em>
<i>3个月</i>
</em>
</li>
</ul>
</div>
<div class="pay">
<h3>
选择支付方式
</h3>
<ul>
<li class="active" v="1">
<img src="/Public/Home/user/images/wechat.png" />
<span>
微信付款
</span>
</li>
</ul>
<input type="hidden" name="hidbuytype" id="hidbuytype" value="2" />
<input type="hidden" name="hidpaytype" id="hidpaytype" value="1" />
<input type="button" onclick="submitbuy('14abd20158fafab068dc0221')" value="立即支付" id="input_submitbuy" />
</div>
<div class="a_box">
<a href="#" target="_blank">
会员须知
</a>
<a href="#" target="_blank">
联系在线客服
</a>
<span id="concat">
<a href="/login/login" target="_blank" class="denglu">登录账号</a>
</span>
</div>
<div class="pupop_small">
郑重提醒：支付后，系统自动为您完成注册
</div>
</div>
<div class="wxpay_area" id="wxpay">
<div class="closed fr">
<a onclick="hidewxpay()">
</a>
</div>
<div class="clear">
</div>
<div class="zf_content">
<h3>
请使用微信扫码支付(元)
</h3>
<dl>
<dd id="wxprice">
</dd>
<dt>
<img id="wxcode" src="" style="height:194px;width:194px;" />
</dt>
</dl>
<p>
订单号：
<span id="wxorder">
</span>
<br />
支付后，系统自动为您完成注册
<br />
遇到问题请联系
<a href="#" target="_blank">
在线客服
</a>
</p>
</div>
</div>
<div class="finish" id="paySuccess" style="display:none;">
<div class="fin_mask">
</div>
<div class="fin_con">
<img src="/Public/Home/user/images/ts_colse.png" class="ts_close" alt="" onclick="hidepayS()">
<div class="fin_top">
<div class="fin_top_con">
<img src="/Public/Home/user/images/confirm.png" class="top_bg" alt="">
<p class="fin_top_p">
<span class="top_span">
恭喜您 !
</span>
<br>
<span class="top_span">
购买会员成功
</span>
</p>
</div>
</div>
<div class="fin_account">
<div class="fin_form">
<p class="fin_form_p">
<span class="fin_form_s">
账 号
</span>
<span class="fin_form_t" id="uname">
</span>
</p>
<p class="fin_form_p">
<span class="fin_form_s">
密 码
</span>
<span class="fin_form_t" id="userpwd">
</span>
</p>
</div>
</div>
<p class="fin_btn">
<!-- <a class="fin_btn_edit" onclick="updatepwd()" style="cursor:pointer;">
绑定手机
</a> -->
<a href="/user/orderlist" target="_blank" class="fin_btn_edit" style="cursor:pointer;">
绑定手机
</a>
<a href="javascript:void(0);" target="_blank" class="fin_btn_save" onclick="hidepayS()">
保存账号
</a>
<!-- <a href="/user/orderlist" target="_blank" class="fin_btn_save">
自动登录
</a> -->
</p>
<p class="fin_tips">
温馨提示：请截图保存您的账户信息，以方便日后登录使用。
</p>
</div>
</div>
<div class="account_number" id="updatepwd">
<div class="closed fr">
<a onclick="hideuppwd()">
</a>
</div>
<div class="h10">
</div>
<div class="modify_password">
<dl>
<dd>
常用手机号：
</dd>
<dt>
<input name="txtEmail" type="text" id="txtEmail" class="modify_input"
/>
</dt>
<dd>
<span class="remind_p">
用于找回密码
</span>
</dd>
</dl>
<dl>
<dd>
图片验证码：
</dd>
<dt>
<input name="txtVerify4" type="text" id="txtVerify4" class="modify_input"
style="width:120px" autocomplete="off" onfocus="checktxtNew(this)" onblur="checktxtsNew(this,0)"
maxlength="4" placeholder="请输入计算结果" />
<a class="comput">
<img class="vcimg" id="imgVerify4" style="height:40px;vertical-align:bottom;"
src="" alt="看不清？点击更换" onclick="this.src=this.src+'?'" />
</a>
</dt>
</dl>
<dl>
<dd>
短信验证码：
</dd>
<dt>
<input name="smsCode3" type="text" id="smsCode3" class="modify_input"
style="width:120px" onfocus="checktxtNew(this)" onblur="checktxtsNew(this,1)"
maxlength="6" placeholder="请输入手机验证码" />
<input type="button" id="btnSenSMS3" value="获取验证码" class="get_yzm" style="height: 40px;line-height: 40px;width: 111px;border: 1px solid #ccc;"
/>
</dt>
</dl>
<dl>
<dd>
新密码：
</dd>
<dt>
<input name="txt_newPwd" type="password" id="txt_newPwd" class="modify_input"
/>
</dt>
</dl>
<dl>
<dd>
</dd>
<dt>
<input id="Button6" type="button" class="modify_btn" onclick="checkuppwd()"
value="确认绑定" />
</dt>
<dd style="width:180px;">
<span class="remind_p">
绑定后可用手机号登录
</span>
</dd>
</dl>
</div>
</div>
<div class="account_number" id="alipay" style="height: 180px;">
<div class="complete_p">
<dl>
<dd style="font-size: 16px;">
请不要关闭本页面，支付完成后请点击【支付完成】按钮
</dd>
</dl>
<ul style="width: 300px;">
<li>
<input type="button" class="cha_btn" value="支付完成" onclick="ajaxstatus(0)"
/>
</li>
<li>
<input type="button" class="cha_btn" style="background:#999;" value="取消支付"
onclick="location.reload();" />
</li>
</ul>
<div class="clear">
</div>
<dl>
<dd style="font-size: 12px; color: #333;">
遇到问题请联系
<a href="#" target="_blank">
在线客服
</a>
</dd>
</dl>
</div>
</div>
<!-- 底部 -->
<!-- huiyuan-end -->
<div class="footer">
<p>
<a href="#" target="_blank">侵权投诉</a>
© 2013-2019 http://www.tcm999.cn
<a href="/sitemap.html">站点地图</a> |
<a href="http://m.tcm999.cn">手机版</a>
<script type="text/javascript">tj();</script>
</p>
<p>本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈</p>
</div>
</div>
<script type="text/javascript">
//$(".charging_box").css("display","block");
//$("#wxpay").css("display","block");
//判断用户是否登录，如果已经登录并且处于会员期内，则显示全部答案；否则显示弹窗要求付费
var username="";
var user_vip="";
var user_vip_time="";
//alert(user_vip_time);
var now_time="1714566934";
//alert(now_time);
//alert(user_vip_time);
//alert(parseInt(user_vip_time)>parseInt(now_time));
//alert(username);
if(username && user_vip=='1' && (parseInt(user_vip_time)>parseInt(now_time))){
//if(1){
//$(".answer_content").css("display","block");
//$(".s_mess2_m").html("");
//$(".answer_content").html("<img style='float:left' src='/Public/Home/images/doc.gif'><strong>该篇</strong>，全文共有个字。聪明文档网为全国文档知名网站，下载全文稍作修改便可使用，即刻完成写稿任务。下载全文：<a href='' class='zjbtn' id='zjbtn'>下载word文档!</a>");
//设置顶部下载链接
//$("#download_id").attr("href","");
//如果已经登录下，则对登录账号进行充值，否则自动生成随机账号发给用户
}else{
//$(".answer_content").html("<img style='float:left' src='/Public/Home/images/doc.gif'><strong>该篇</strong>，全文共有个字。聪明文档网为全国文档知名网站，下载全文稍作修改便可使用，即刻完成写稿任务。下载全文：<a class='zjbtn' id='zjbtn'>下载word文档</a>");
//$("#zjbtn").click(function(){
//$(".charging_box").css("display","block");
//$('.info_mask').show();
//});
//复制文字功能
document.body.oncopy=function(){
$(".charging_box").css("display","block");
$('.info_mask').show();
}
//a链接下载点击弹窗
//$("#download_id").click(function(){
//$(".charging_box").css("display","block");
//$('.info_mask').show();
//});
}
//***点击效果
//点击效果,获取金额
$(".v_pay_item").click(function(){
/*点击效果*/
$(".v_pay_item").removeClass("active");
$(this).addClass("active");
/*赋值购买方式123*/
$("#hidbuytype").val($(this).attr("v"));
/*获取金额*/
//var money=$(this).find(".v_item_price span").text();//获取点击金额
//$(".vip_price span").text(money);//将金额放到底部订单金额：
/*获取有效期*/
//var effective_time=$(this).find(".v_item_expire").text();//获取
//$(".vip_effective_time").text(effective_time);//赋值
//alert(effective_time);
});
//点击效果end
//***函数调用
//关闭大窗口
function guanbi()
{
$(".charging_box").css("display","none");
$('.info_mask').hide();
}
//关闭付款窗口
function hidewxpay() {
var qq = '';
if (confirm("如您已完成付款，请不要关闭本页面，耐心等待系统为您分配账号。如长时间未完成分配，请联系客服。")) {
$('.info_mask').hide();
$("#wxpay").hide();
}
}
//关闭账号窗口
function hidepayS() {
//$("#paySuccess").css("display","none");
//location.href = "/14abd20158fafab068dc0221.html";
window.open("/content/id/14abd20158fafab068dc0221");
}
//查询订单是否支付成功,id是用户手机号,order订单号
var flags = 0;
function ajaxstatus(id,order,money) {
var askid = "14abd20158fafab068dc0221";
if (flags == 0) {
$.ajax({
url: "/Ajax/weixin_pay_ok?type=2&id=" + askid + "&buyid=" + id +'&order='+ order+'&money='+money + '&t=' + new Date().getTime(),
type: "GET",
dataType: "text",
data: "",
success: function(data) {
if (data == 1 || data == 2) {
location.href = "/content/id/" + askid;
}
else if (data == 0) {
}
else {
flags = 1;
$("#uname").html(data.split('|')[0]);
$("#userpwd").html(data.split('|')[1]);
$('#alipay').hide();
$('#wxpay').hide();
//$(".zda_win").hide();
$('#paySuccess').show();
$(".info_mask").show();
}
},
error: function() {
//alert("请求订单状态出错");
}
});
}
}
//立即支付
function submitbuy(id) {
//hidebuymember(0);
var buytype = $("#hidbuytype").val();
var paytype = $("#hidpaytype").val();
//alert(buytype);
//alert(paytype);
if (paytype == 1) {
$.ajax({
url: "/Ajax/weixin_pay?id=" + id + "&type=0&buytype=" + buytype + '&t=' + new Date().getTime(),
type: "GET",
dataType: "text",
success: function(data) {
if (data == 2) {
alert("您已经开通了会员，不需要重复开通");
window.location.href = "//www.tcm999.cn/content/id/" + id;
}
else {
//alert(data);
$(".charging_box").css("display","none");
var winHeight = $(window).height();
if (winHeight < 388) {
$("#wxpay").css("top", "0");
}
else {
$("#wxpay").css("top", (winHeight - 388) / 2 + "px");
}
$('#wxpay').show();
$(".info_mask").show();
var s = data.split('|');
$("#wxorder").html(s[1]);
$("#wxprice").html(s[2]);
$("#wxcode").attr("src", s[3]);
setInterval("ajaxstatus('"+s[0]+"','"+s[1]+"','"+s[2]+"')", 3000);
//setInterval("ajaxstatus('18695793071','123')", 1000);
//setInterval("ajaxstatus(" + s[0] + ")", 1000);
}
},
error: function() {
//alert("请求订单状态出错");
}
});
}
}
</script>
<script>
//判断字符是否为空的方法
function isEmpty(obj){
if(typeof obj == "undefined" || obj == null || obj == ""){
return true;
}else{
return false;
}
}
/******文档下载业务******/
/*1、完成下载功能*/
//获取用户昵称
var username="";
//alert(username);
//获取laiyuanid
var id="14abd20158fafab068dc0221";
//alert(id);
//拼接url
var url="/k/doc/"+id+".html";
//alert(url);
//没有付费下载时文章内容底部的显示
$(".answer_content").html("<img style='float:left' src='/Public/Home/images/doc.gif'><strong>该篇</strong>，全文共有204149个字。聪明文档网为全国文档知名网站，下载全文稍作修改便可使用，即刻完成写稿任务。下载全文：<a class='zjbtn' id='zjbtn'>下载word文档</a>");
//下载word公用方法
function downloadWord(){
/*2、完成付费下载功能*/
//判断用户是否登录
//未登录
if(isEmpty(username)){
alert("请登录");
//附带来源地址
window.open("/login/login?sourceUrl="+window.location.pathname);
//已登录
}else{
/*判断当前用户下载币是否剩余*/
//获取当前用户下载币
var user_downcurrency="";
//user_downcurrency=1;
//console.log(user_downcurrency);
//alert(user_downcurrency);
//return false;
//充值下载币入库失败下载扣币失败，先做后面
//未充值
if(isEmpty(user_downcurrency) || user_downcurrency<=0){
//提示充值
alert("请充值");
window.open("/user/userdeposit");
//已充值
}else{
var downConfirm=confirm("下载本文档扣除10个下载币");
if(downConfirm==true){
$.ajax({
url: "//www.dyhzdl.cn/wenkucms/index.php/Home/index/ajaxGetWenku",
type: "POST",
data: {url:url},
dataType:"text",
//缓存true/false
//cache: false,
success: function (data) {
//console.log(data);
//alert(data);
var download_url=data;
//alert(download_url);
//$(".jhcdown").attr('href',download_url);
//$('.jhcdown').trigger("click");
window.location.href = download_url;
}
});
//下载完成后进行下载币扣币10币
$.ajax({
url: "/ajaxdown/ajaxDecDownCurrency",
type: "POST",
data: {url:id,title:document.title},
dataType:"json",
//缓存true/false
//cache: false,
success: function (data) {
//console.log(data);
}
});
}
}
}
}
//a链接下载点击弹窗
$("#download_id").click(function(){
downloadWord();
});
$("#download_id2").click(function(){
downloadWord();
});
$("#download_id3").click(function(){
downloadWord();
});
$("#zjbtn").click(function(){
downloadWord();
});
</script>
</body>
</html>]]>
![](https://wkrtcs.bdimg.com/rtcs/image?w=552.26666666667&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"552.26666666667","h":"367.86666666667","dataType":"jpeg","c":"word/media/image1.png","imgOriW":552,"imgOriH":368})
![](https://wkrtcs.bdimg.com/rtcs/image?w=554.13333333333&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"554.13333333333","h":"367.86666666667","dataType":"jpeg","c":"word/media/image2.png","imgOriW":554,"imgOriH":368})
![](https://wkrtcs.bdimg.com/rtcs/image?w=550.33333333333&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"550.33333333333","h":"368.8","dataType":"jpeg","c":"word/media/image3.png","imgOriW":550,"imgOriH":369})
![](https://wkrtcs.bdimg.com/rtcs/image?w=380.2&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"380.2","h":"327.93333333333","dataType":"png","c":"word/media/image4.png","imgOriW":382,"imgOriH":329})
![](https://wkrtcs.bdimg.com/rtcs/image?w=365&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"365","h":"126.4","dataType":"png","c":"word/media/image5.png","imgOriW":365,"imgOriH":126})
![](https://wkrtcs.bdimg.com/rtcs/image?w=410.6&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"410.6","h":"272.8","dataType":"png","c":"word/media/image6.png","imgOriW":411,"imgOriH":273})
![](https://wkrtcs.bdimg.com/rtcs/image?w=538.93333333333&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"538.93333333333","h":"448.66666666667","dataType":"jpeg","c":"word/media/image7.png","imgOriW":539,"imgOriH":449})
![](https://wkrtcs.bdimg.com/rtcs/image?w=150.2&md5sum=b2dbb50c7fa10cfc9d529be01cffa1e0&sign=035579dd04&rtcs_flag=1&rtcs_ver=3.1&l=webapp&bucketNum=49&ipr={"t":"img","w":"150.2","h":"136.86666666667","dataType":"png","c":"word/media/image8.png","imgOriW":150,"imgOriH":137})