第一篇：dreamweaver在线论坛制作
第10章
论
坛
内容导读
本章讲解论坛(BBS)的制作。本论坛的功能比较简单，没有设置用户的注册、登录，因为各种注册和登录的制作基本相同，在其他章节已经有所介绍，本章就省略了此功能。本论坛实现了管理员登录和管理员账号的管理、帖子的管理、发表主题、浏览主题、回复主题、按主题进行搜索功能。
本章详细讲解了论坛的系统分析和总体设计，各个模块的制作方法，使用Dreamweaver作为开发工具，采用ASP和Access技术来实现。
重点提示
BBS系统的模块设计
Dreamweaver中数据库表和字段的灵活使用
帖子主题的发表、回复与管理
10.1 系统分析与总体设计
论坛出现的时间较早，一般是作为大型网站的一个模块存在，发展至今，论坛的功能越来越丰富，出现了很多大型的论坛网站。本章介绍的论坛是典型的论坛，包括常见的功能，例如发表并显示帖子、回复并显示回复信息，管理模块包括注册和登录模块，帖子管理模块。
在使用Dreamweaver进行论坛模块的设计之前，我们的首要工作是对论坛做系统的规划，规划的工作包括论坛功能模块的确定、各网页的布局、数据库的设计。10.1.1 功能介绍
本章是要实现一个典型的论坛的基本功能，实际上更接近于前者。它在规模上比较小，但是具有论坛的基本功能。
论坛系统的基本功能包括注册与登录模块、帖子的发表与显示、论坛的管理模块，本章省略了用户的注册与登录。
(1)(2)(3)发表帖子 显示帖子 论坛管理
10.1.2 总体布局
本章论坛系统的总体布局如图10.1所示。
10.1.3 数据库结构及实现
(1)创建数据库
启动Access，新建空数据库文件，命名为forum.mdb。(2)passadmin数据表
创建一个新表，命名为passadmin，该数据表存储系统管理员信息，包括管理员的登录名和密码。其设计视图如图10.2所示。
(3)postMain数据表
创建新表，命名为postMain，它的设计视图如图10.3所示。
(4)postRe数据表
创建新表，命名为postRe，其设计视图如图10.4所示。
10.2 模 块 设 计
根据上一节的规划，我们采用Dreamweaver作为开发工具，使用ASP，结合Access技术实现所有的功能模块。
本节将详细讲解各模块的设计制作过程，读者跟随操练就能够很容易实现。10.2.1 首页(index.asp)设计
本论坛的首页为index.asp，它的浏览效果如图10.5所示。
下面详细讲解本页面的制作过程。
(1)该站点需要使用到数据库forum中的表postMain，在Dreamweaver的【应用程序】面板下的【数据库】选项卡中，单击加号(+)，选择【数据源名称(DSN)】命令，如图10.6所示。
(2)在Dreamweaver中，使用表格和预先设计好的图片等素材，设计主页的框架和显示效果，如图10.12所示。
(3)绑定记录集。单击“插入”工具栏中的“数据”选项卡，选择记录集按钮，设置记录集Recordset1的相关选项，如图10.13所示。
(4)绑定数据。将记录集Recordset1中的main_important字段绑定到标签，代码为：
> 设计情况如图10.14的A区所示。
(5)设置重复区域。
(6)如果论坛中还没有发表的帖子，应该显示没有帖子的提示信息，此时记录集Recordset1中没有记录。选中“暂时没有帖子！”文本，在“插入”工具栏中选择“数据”选项卡，选择“如果记录集为空则显示”命令，在弹出的对话框中选择【记录集】为Recordset1，如图10.17所示。
(7)添加导航条。将鼠标放置在重复区域的右下方的表格中，在“插入”工具栏中选择“数据”选项卡，单击“记录集导航条”工具按钮，在弹出的【记录集导航条】对话框中选择记录集“Recordset1”，设置【显示方式】为“文本”，如图10.18所示。
(8)添加超链接。
在主页上的图片“发表帖子”所链接的是发表帖子的页面add.asp，该页面的显示效果如图10.20所示。
10.2.2 发表帖子(add.asp)设计过程如下。
(1)在Dreamweaver中，使用表格和预先设计好的图片等素材，设计发表帖子的框架和显示效果，如图10.21所示。
(2)插入记录。选择“插入”工具栏中的“数据”选项卡，单击“插入记录”，在【插入记录】对话框中选中【连接】为“connection”，【插入到表格】为“postMain”表，设置插入后转到“index.asp”，从页面的“form1”表单获取数据，分别对应postMain表格的相应字段，如图10.25所示。
单击【确定】按钮。这样，当单击【提交】按钮时，就能够将页面表单form1的各元素插入到表格记录的相应字段中，从而实现了在index.asp页面显示发表的帖子。
10.2.3 浏览帖子和回复帖子
在首页上可以显示发表的帖子主题，并且帖子主题设置为超链接，链接到的浏览帖子页面为show.asp，该页面的显示效果如图10.26所示。
按照图10.26的效果，在Dreamweaver中使用已有素材图片、文本和表格设计该页面，设计视图如图10.27所示。
1．浏览帖子
操作步骤如下。(1)绑定记录集。在制作该区域的数据显示之前，需要首先绑定记录集Recordset1。Recordset1使用connection连接，选择【表格】为postMain，选定“全部”列，【筛选】使用main_id字段，使它等于URL传递的参数main_id，如图10.28所示。
(2)绑定数据。在浏览帖子区域绑定Recordset1的num_hits、main_subject、main_name、main_time、main_content到页面的相应位置，如图10.29所示。
(3)设置超链接。
2．回复帖子
(1)绑定数据。将Recordset1的main_subject字段绑定到回复帖子区域的【回复主题】右侧，如图10.30所示。
(2)插入记录。选择“插入”工具栏中的“数据”选项卡，单击“插入记录”，在【插入记录】对话框中选中【连接】为“connection”，插入表格为“postRe”表，设置插入后转到“show.asp”，从页面的“form1”表单获取数据，分别对应postRe表格的相应字段，如图10.31所示。
3．回复内容显示
(1)绑定记录集。在制作该区域的数据显示之前，需要首先绑定记录集Recordset2。Recordset2使用connection连接，选择表格为postRe，选定“全部”列，筛选使用m_id字段，使它等于URL传递的参数main_id，并根据re_time字段进行降序排列，如图10.32所示。
(2)(3)绑定数据。
设置重复区域。参照前面的操作，设置回复内容显示的区域为重复区域，设置如图10.34所示。
(4)添加导航条。参照前面的操作，在重复区域的右下方的表格中，添加记录集导航条，导航条设置如图10.35所示。
至此，回复内容显示部分的制作完毕，该区域的最终设计视图如图10.36所示。
10.2.4 帖子搜索(search.asp)在论坛的首页设置了帖子搜索功能，用户在文本框中输入要搜索的帖子的关键字，点击“搜索”按钮，则在搜索结果页面(search.asp)上显示出符合条件的相关的帖子条目。页面效果如图10.37所示。
操作步骤如下。
(1)设置表单。如图10.12所示，在主页中显示的已发表的帖子的下方插入一个表单，表单中设置一个文本框，一个按钮。
(2)绑定记录集。选择“插入”工具栏中的“数据”选项卡，单击按钮，绑定记录集Recordset1，设置【记录集】的相关选项，如图10.38所示。
(3)(4)绑定数据。设置超链接。
(5)设置记录集合不为空的显示效果。选择所设置的重复区域，选择“插入”工具栏中的“数据”选项卡，单击按钮，在下拉列表中选择“如果记录集不为空则显示”，在弹出的对话框中选择Recordset1，如图10.40所示。
(6)设置记录集合为空的显示效果。在显示搜索帖子信息的表格的下方添加文本“没有相关帖子，请重新查询！”。选择该文本，点击工具栏中的“显示区域”按钮，在下拉列表中选择“如果记录集为空则显示”。在弹出的对话框中选择记录集“Recordset1”，单击【确定】按钮即可，如图10.41所示。
10.2.5 论坛管理
1．管理员登录(login.asp)与退出
操作步骤如下。
(1)在Dreamweaver中新建login.asp页面，新建表单form1，在表单中设置两个文本框，一个设置为text，另一个为password，并设置两个按钮，一个类型设置为submit，另一个类型设置为reset，如图10.42所示。
(2)选择“插入”工具栏中“数据”选项卡，单击“用户身份验证：登录用户”，弹出【登录用户】
管理员登录成功，并进行管理完成后，应该可以实现退出登录。退出后使浏览器定位到论坛首页。
操作步骤如下。
(1)在登录成功后，浏览器转到管理账号页面(adminuser.asp)，在Dreamweaver中设计该页面，如图10.44所示。(2)选中文本“退出”，选择“插入”工具栏中“数据”选项卡，单击“用户身份验证：注销用户”，弹出【注销用户】对话框。在该对话框中选中“单击链接”时注销，链接到选中的文本“退出”，设置【在完成后，转到】为“index.asp”页面，单击【确定】按钮完成设置，如图
为了防止用户未登录或退出后为重新登录就进入管理页面，需要进行登录安全设置。操作步骤如下。
(1)在Dreamweaver中打开“应用程序”面板，切换到“绑定”选项卡，单击“+”按钮，选中“阶段变量”命令，在弹出的【阶段变量】对话框中，输入名称为“MM_Username”，单击【确定】按钮。
(2)切换到Dreamweaver的代码视图，输入以下代码：
<% If(Session(“MM_Username”)=“")Then Response.Redirect(”login.asp“)End If %>
2．管理员账号管理
(1)adminuser.asp页面的制作
登录成功后转到的页面adminuser.asp实现添加管理员账号和密码，显示数据库中已存的管理员账号和密码，并设置有修改和删除的超链接。该页面的设计如图10.44所示，它的预览效果如图10.47所示。①在Dreamweaver中按照如图10.44所示设计该页面，在页面设计一个表单，包括两个文本框，分别用于输入新建的用户名及其密码；两个按钮，分别是submit和reset类型；设计一个表格，用于显示已经添加的管理员账号和密码信息，以及修改和删除超链接。②绑定记录集。在本页绑定记录集Recordset1，如图10.48所示。③绑定数据。
④插入记录。
⑤设置超链接。
(2)adminuserxg.asp页面的制作
在adminuser.asp页面，当点击“修改”超链接时，转到adminuserxg.asp页，该页面的设计视图如图10.52所示。
① 绑定记录集1，使用usrname筛选URL传递的username参数，设置如图10.53所示。
② 打开【应用程序】面板，切换到【绑定】选项卡，单击“+”按钮，选择【请求变量】命令，在弹出的【请求变量】对话框中，【类型】选择“请求”，【名称】设置为“username”，单击【确定】按钮，如图10.54所示。
③ 绑定请求变量username到账号名称右侧的文本框，如图10.55所示。
④ 更新记录。
⑤ 同样，在该页面设置“注销用户”服务器行为，“管理员账号管理”和“帖子管理”的链接设置与前面内容设置相同。
(3)adminuserdel.asp页面的制作
在adminuser.asp页面，当点击“删除”超链接时，转到adminuserdel.asp页，该页面的设计视图如图10.57所示。
① 绑定记录集1，设置与图10.53一致。
② 删除记录。
③ 选中文本“返回”，与adminuserxg.asp相同，设置它的超链接代码为：
返回
3．帖子管理
(1)admingl.asp页面的制作
帖子管理主页面(admingl.asp的设计视图如图10.59所示。
该页面的制作步骤如下。
① 在Dreamweaver中设计页面的框架，页面顶端与adminuser.asp页面相同
② 绑定记录集Recordset1，设置如图10.60所示。
③ 绑定Recordset1的main_subject、main_name、main_time、num_hits到页面上
④ 选中绑定的数据所在的行标记，设置重复区域，每页显示10条记录，并设置记录集导航条。
(2)adminglxg.asp页面的制作
adminglxg.asp页面用来显示帖子的信息和回复信息，它与show.asp页面的设计基本相同，不同的是去掉了回复帖子的功能，而且在每条回复信息处添加一个“删除”链接，如图10.61所示。
(3)delreplay.asp页面的制作
该页面实现删除回复记录的功能，设计同删除账号页面adminuserdel.asp，如图10.62所示。
不同的是【记录集】和【删除记录】的参数设置不同，设置如图10.63所示。
4)hot.asp页面的制作
新建页面hot.asp，切换到代码视图，输入以下代码：
<%@LANGUAGE=”VBSCRIPT“ CODEPAGE=”936“%> <% Set Command1 = Server.CreateObject(”ADODB.Command“)Command1.ActiveConnection = MM_connection_STRING
Command1.CommandText = ”UPDATE postMain SET main_important=
'“&request.querystring(”image“)&”' WHERE main_id =“&request.querystring(”id“)Command1.CommandType = 1 Command1.CommandTimeout = 0 Command1.Prepared = true Command1.Execute()Response.Redirect(”admingl.asp“)%> 本页面的代码根据URL传递的id参数，筛选并定位到psotMain表格的main_id，从而确定记录条目，然后使用URL传递的imge参数更新psotMain表格的main_important字段。主要的代码是该段代码的粗体部分。
(5)admintzdel.asp页面的制作
在admingl.asp页面设置文本“删除”的链接为：
">
删除 admintzdel.asp页面实现删除帖子的功能，该页面的设计与删除账号页面adminuserdel.asp相同，如图10.64所示。
不同的是【记录集】和【删除记录】的参数设置不同，设置如图10.65所示。
10.3 小
结
本章详细地讲解了一个典型论坛的制作过程。该论坛使用Dreamweaver作为开发工具，采用ASP+Access模式，虽然功能比较简单，但是具有论坛的最基本的功能：发表帖子、回复帖子、搜索帖子、对帖子和回复等进行管理。
通过本章的学习，读者能够学到Dreamweaver的数据行为，以及各页面之间的参数传递方法，本章对一些与前面的章节重叠的内容只做了简单的介绍或略过，读者可以参考前面的相关章节。
学习完本章后，读者可以尝试为论坛添加其他的功能。
第二篇：Dreamweaver制作网页经典问题
Dreamweaver制作网页经典问题大整理(1)1> 在DW中，如何输入一个空格呢？
输入空格的问题，在DW似乎已成了一个老生常谈的问题，我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。
DW中对空格输入的限制是针对“半角”文字状态而言的，因此通过将输入法调整到全角模式就可以避免了，方法是：打开中文输入法（以人工智能ABC为例），按Shift+Space切换到全角状态，现在应该没问题了。此外，你还可以通过许多“变通”的方法达到录入空格的目的，比如常用的是：
直接在源代码中加入代表空格的HTML代码“ ”；输入一定长度的文字对象后，然后调整文字的颜色与当前的背景颜色相同等等，不过注意的是后者在一些浏览器中可能显示上有点问题。
2> 如何在浏览器地址栏前添加自定义的小图标？
你是不是记得有时在浏览网易网站的首页时，在地址www.feisuxs前会显示一个“易”字样的小图标。而默认情况下，这个图标是一个IE浏览器的指定图片。
其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。
这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“
”之间添加如下代码：
其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，即可自动识别！
3> 为什么，我本来设计很好的网页，在浏览器窗口最小化时会变的丑陋难堪？
这应该是个很值得大家注意的问题，也就是说，在全屏状态下浏览网页内容时，一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时，问题就慢慢出现了。网页内容会把当前窗口作为显示范围，依次下挫。举个例子，和在记事本中有“自动换行”和“没换行”的差别是完全一样的。解决这个问题，我们必须从网页的布局说起，一般情况下，网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。你可能已经注意到了，在表格的高宽设定选择上提供了两种不同的类型，百分比和像素。其中百分比的使用将会产生前面说到的那个毛病，将其全部更正为Pixels单位的实际大小就可以了。
4> 如何改变网页显示时，最顶部的提示信息？
浏览网页时，顶部的提示信息往往代表了网页内容的关键所在，有助于访问者提前了解网页内容。在DW4前，没有在功能上直接提供该操作，我们往往通过在源代码中应用“title”属性来完成。进入DW4就简单多了。
直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。
·Dreamweaver制作网页经典问题大整理(2)5> 怎么样，才能为图片添加指定颜色的边框？
对于没有边框的图片而言，直接插入到网页中，在显示效果上是相当差的。记得在微软的FP中要给图片添加满意的边框还是相当麻烦的。不过在DW中就显得容易多了，因为这里有一个“Border”属性，可以让你直接设置边框的宽度。
宽度设好了，你一定会问，颜色呢？面板上并没有提供颜色的选择呀！呵呵，其实这里有一个技巧问题，用鼠标选择图片对象，注意不是点击选中，而是拖动选择。象设定文字颜色一样进行就可以了。
6> 如何添加图片及链接文字的提示信息？
在我们浏览网页时，当鼠标停留在图片对象或链接上时，在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。
下面先看看图片提示信息的添加，选中图片对象，在属性面板里你会发现有个“Alt”输入框。默认情况下，该输入框是空白的。在这里录入需要的提示内容就可以了。
那么链接提示的制作就没这么简单了。因为DW中没有直接提供该功能，因此我们需要通过添加HTML代码来实现。
在中添加“title”属性。title=提示内容即可。
7> 如何把自己的ZIP或其他类型的文件供别人下载?
在不少初级网页制作者看来,好象通过鼠标单击完成下载是件很“神秘”的事,实际上远非如此.在DW中凡是不被浏览器识别的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作为链接目标时,默认的操作都是下载.这时你只需要,把要浏览者下载的文件名写好,然后制作一个到目标文件的链接.注意目录一定不要搞错.8> 怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?
大家都知道,在IE浏览器的功能设置中，有一个可以自由设置窗口内容字体大小的功能，这样由于不同访问者的习惯问题，呈现在他们面前的网页有时也会不同。
比如你可能本来设计时用的是2号字体，结果由于用户对浏览器的额外设定，变的更大了，这时显示效果上就出问题了。
那么解决的办法就是将网页内容定性的强制在某个合适的大小上。即不容许他变化。通过CSS样式表对字体进行强制性控制就可以实现这个要求了。
·Dreamweaver制作网页经典问题大整理(3)
9> 以新窗口的形式打开目标链接？
以新窗口打开，顾名思义，也就是在不覆盖当前窗口的前提下，另外打开一个浏览器窗口。你可以直接在连接代码中加入“Target=_blank”。
如果你的HTML比较差的话，在DW属性面板上同样提供了这个设置，当你在Link输入框中键入www.feisuxsmon的“内容”。
单击上面的“Refresh”按钮，其中“Delay”输入框中键入刷新延迟的时间（单位：秒），“Action”为刷新指定的目标URL。因为现在是刷新当前页面，直接选单选项“Refresh This Document”即可。
·Dreamweaver制作网页经典问题大整理(4)
13> 如何定义网页的关键字（Keyname）？
当用户使用搜索引擎search合适内容的网页时，关键字起着一个不容忽视的作用。大多的搜索服务器会每隔一段时间自动探测网络中是否有新网页产生，并把他们按关键字进行记录，以方便用户查询。
你当然想让你的网页出现在搜索引擎的查询返回列表中了，这时关键字的定义就尤为重要了。
同样在“Head”面板部分，单击“Keywords”按钮，录入需要逐个定义的关键字即可，注意每个关键字以“；”号隔开，数目没有限制。
14> 如何在编辑窗口中，隐藏一些不必要的标签？
当用户在网页中插入了太多的不可见元素时，在编辑窗口的最上面就会显示一排相应的标示标签，用来方便用户随时能找到它们。虽然这些标签本身并不影响浏览器里的显示效果，但多了以后，往往使网页内容不得不错位，从而一定程度上妨碍网页视觉上的调整，那么怎么样才能把这些东东去掉呢？
进入“Preperence”面板，列表中选择“Invisibel Elements”，勾掉你不想显示的项目前的“对号”即可，比如Scripts等
15>安排不支持“框架”的浏览器的显示内容？
我们知道，目前的浏览器类型很多，因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢？”。框架就是一个例子！
不过避免开这点，很简单，你只需要在源代码中加入下面的内容就可以了。
< BODY><![CDATA[---本网页中包含有框架结构，如果您不能正常显示的话，请下载新的浏览器版本或更换主流浏览器---< /noframes></ BODY></p><p>16> 如何避免别人把你的网页放在框架中？</p><p>一些居心不良的人，经常偷着窃取别人的劳动成果，比如把别人精心制作的网页以子页的形式放到自己的框架中。</p><p>那么怎样避免自己的网页内容被“盗用”呢？</p><p>你只需要在网页源代码的<head></head>之间加入以下代码内容： <script language=“javascript”><!--if(self!=top)-->< /script></p><p>17> 怎样加入注释内容？</p><p>注释内容，顾名思义只是作为说明内容出现的，因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示，以更方便快捷的找到。</p><p>进入“Object”面板的“Invisibel”部分（即不可见元素），选择插入“Comment”按钮，在“Comment”中键入必要的信息。这时如果你返回到源代码中，会看到这些操作添加的不过是下面格式的一段代码：</p><p><！--这是需要填写的注释内容--> ·Dreamweaver制作网页经典问题大整理(5)</p><p>18> 水平线，为什么不能设置颜色？</p><p>在DW中，当通过菜单“Insert”-“Horizonal Rule”插入水平线时，在属性面板中你会发现并没有提供关于水平线颜色的设置，因为最早NC中不支持标签<hr>（水平线的HTML代码）的COLOR属性，所以DW也没有关于它的设置。</p><p>看来需要的话，我们只能直接进入源文件更改了。<hr color=”对应颜色的代码“></p><p>19> 如何设置可以关闭当前窗口的功能？</p><p>这里我们可以先输入用来标示的文字“关闭窗口”，用鼠标拖动选中它，在“Link”输入框中键入“/”，同时切入源代码窗口，在链接代码中键入该事件-onclick=“javascript:window.close();return false;”。</p><p>完整的代码为：关闭窗口< /a></p><p>当然你也可以将文字“关闭窗口”换成其他的对象，比如图片，按钮等等！</p><p>20> 定时自动关闭的窗口又是怎样的呢？</p><p>上面提到了个关闭窗口的功能，那么现在的自动关闭又是怎么实现的呢？</p><p>在源代码<body>后加入下面的代码： < script LANGUAGE=“javascript”> <!--setTimeout('window.close();', 10000);--> < /script></p><p>其中的set Timeout是一个用来设定延迟时间的函数，这里10000表示10秒钟</p><p>21> 如何更改浏览器中鼠标的”形状"?</p><p>一般情况下，鼠标在浏览器中以“箭头”的样式出现，那么我们能不能把它更改为自己喜欢的其他样式类型呢？</p><p>改变鼠标形状在DW中是通过“CSS样式表”来实现的。</p><p>菜单“文字（Text）”-“CSS样式表（CSS style）”-“Edit style sheet”，弹出样式表的编辑窗口，也可以单击快速启动板中的CSS style按钮找到，单击“New”按钮，选择默认的“Make custom style”，同时在下面的Define中使该样式只应用到当前网页文档，“This document only”。</p><p>在“样式定义”窗口的左边列表项中选择“Extensing”（扩展项），相应右边设置</p><p>在“Cursor”（鼠标）中，下拉选择合适的形状即可，确定后返回，按F12在浏览器中观察效果，不满意的话，还可以对样式进行修改。</p><p>22>如何去除掉链接文字下面的下划线？</p><p>在我们完成链接制作后，链接文字内容往往被自动在下面添加一条下划线，用来标示该内容包含超级链接。当一个网页中链接比较多时，就显得有些杂乱的感觉了，其实我们可以很方便的把它去掉。</p><p>同样进入“Edit style sheet”窗口，单击“New”确立新样式，这里的Type（类型）中，需要选择的是“Redefine HTML Tag”，同时在具体的标记Tag中选中代表超级链接的“a”，单击OK。</p><p>编辑该样式，左边列表中选“Type”，勾取“Decoration”（修饰）中的“None”复选框，这时所有网页中的链接文字下划线都被清除掉了。</p><p>·Dreamweaver制作网页经典问题大整理(6)</p><p>23> 怎样让鼠标在链接文字上方“悬停”时，产生变色，变形等效果？</p><p>访问网站时，我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了，所谓的“鼠标悬停响应”表现在链接文字上，就包括改变颜色，修饰效果（下划线，中划线）等多种选择。</p><p>由于这种效果很好的起到了对目标内容的强调作用，因此无论是个人网站还是一些大的商业网站（如新浪，搜狐，网易等）都有应用。</p><p>在上个问题中，你已经知道了去除掉链接下划线的方法，这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。</p><p>同样进入“Edit style sheet”窗口，单击“New”确立新样式，不同的是现在的Type类型中选择最后的一项-“Use CSS selector”，“Selector”选单中选择“a:hover” OK，进入编辑样式窗口，设定“Type”项中的文字颜色为“红色”，当然你还可以添加鼠标悬停时出现下划线的效果。</p><p>24>如何让网页的背景图片不跟随内容滚动？</p><p>背景图片是很多网页设计者经常添加的东西，当网页内容超出一屏时，拉动滚动条背景图片会与内容相对静止的一起滚动，那么能否锁定背景不跟随滚动呢？当然可以进入“Edit style sheet”窗口，单击“New”确立新样式，在TYpe中选择“Redefine HTML Tag”，同时Tag选单选中“Body”，在左边列表中选择“Background”。设定“Attachment”（附件）为“fixed”。其中scroll代表默认使用的滚动显示。</p><p>25> 背景音乐你一定知道吧，怎么添加呢？</p><p>在微软的网页工具-Frontpage中，有关于背景音乐的设置功能，那么DW显然没有作到这点，因此要使用的话，只能在源代码中手动添加了。</p><p>在使用前，提醒大家一点，使用背景音乐一定要注意网页文件的大小，不能顾此失彼。</p><p>代码如下：</p><p>< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”></p><p>其中src指定音乐文件的位置，autostart为音乐文件上传后的动作，true表示自动开始播放，false不播放（默认值）。</p><p>27> 如何自动加入网页更改后的日期？</p><p>只需要在源文件<body></p><h2>第三篇：dreamweaver制作留言板步骤</h2><p>一、安装与调试</p><p>常听朋友感叹ASP程序难学不易懂，不过我起初学习这门技术的时候也有过这样的感悟。从今天开始，我将以我学ASP的经验来做一个简单的ASP留言本，这个留言本用了Access数据库，所以务必请大家要跟我一起做的朋友都安装好Office软件，相信各位自己的电脑上都有了。好了，开始。</p><p>创建ASP的运行环境（安装IIS）</p><p>IIS(Internet Information Service)是构建ASP站点所必须的，所以，我们应该先确认自己的电脑已安装了IIS信息服务，如果没有安装好的话，请按以下步骤：</p><p>1、打开“控制面板”</p><p>2、双击“添加/删除程序”</p><p>3、单击“添加/删除Windows组件”，打开添加/删除Windows组件对话框：</p><p>3、从下拉的列表中选择“Internet 信息服务(IIS)”单击“下一步”：</p><p>4、出现组件安装进度窗口，如弹出需要安装盘的话，放入Windows2000安装盘，按提示操作即可。直至最后安装完毕。</p><p>二、设计数据库</p><p>ASP程序本身并不能储存数据，众所周知，留言本有以下信息需要保存：留言者姓名、联系方式、留言内容等等。因为ASP并不能储存数据，所以数据库在这种环境之下就产生了。数据库的种类也很多，针对不同的程序也有适用于它的数据库，比如Access和Ms SQL就比较适用ASP和ASP.net程序，至于其它的数据库和程序，就不属于本文所讨论的问题了，有兴趣的朋友可以查看其它一些资料。</p><p>那么既然Access和MS SQL都适用ASP，那么具体又如何来选择呢？我们可以打一个比方：比如钉一枚小钉子，聪明的人一定不会用一个大的棒槌，而是选择小的铁锤，虽然用大的棒槌也一样的可以把钉子钉进去，可是没有人愿意这样做。</p><p>数据库也一样：Access比较适用小型的应用，而MS SQL则适用于大中型的数据库应用，所以要做一个留言本，理所当然是选择Access更好一些，但是如果你决心使用MS，没有人会极力阻止你。好了，废话少说，切入正题，下面开始创建数据库。</p><p>Access是微软office办公软件中的其中一个，默认的安装Office是有这个Access的，好了，打开程序，开始了,GO!</p><p>进入实战了。打开程序后，出现一个对话框，这里我们选择第一个选项”空Access数据库”点击确定，弹出一个新建数据库的文件框，选择你上次你建的站点目录，起个data的文件名，点击创建，OK!双击”使用设计器创建表”打开表创建窗口”如图 创建表的结构如下表：</p><p>字段名称 数据类型 备注(笔者注释)</p><p>id 自动编号 设置“自动编号” user 文本 留言者姓名</p><p>qq 数字 留言者的QQ，因为QQ号是由数字组成email 文本 留言者的电子邮件</p><p>content 备注 留言内容</p><p>data 日期/时间 留言时间，设定默认值为Now()</p><p>数据库设计好了以后，可以直接在数据库里添加两条记录，以后测试时候用！</p><p>三、连接数据库</p><p>在上一节，我们已经为我们的程序创建了一个数据库，在这一节中，我们来用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。</p><p>一起看以下代码，这就是ASP程序中常用的连接数据库的代码： <% set conn=server.createobject(“adodb.connection”)connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb”)conn.open connstr %></p><p>解释一下以上代码： <% 这是ASP程序的起始</p><p>set conn=server.createobject(“adodb.connection”)在服务器上创建了一个连接数据库的对象</p><p>connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb”)告诉ASP数据库的接接方法以及路径</p><p>conn.open connstr 创建了对象后就用来打开数据库进行连接 %> 一切OK了!结束ASP程序</p><p>将上面的代码另存为conn.asp文件，放在服务器目录下面就可以了。怎么样，简单吧？</p><p>四、制作留言本首页</p><p>前面我们已经连接好了数据库，就要让它在这里发挥一下作用了，这一节将讲述如何将数据库里的数据用ASP读取出来，在页面中显示出来，这样就等于是查看留言本了。</p><p>利用DW制作如下页面（这里我就不讲如何去做这个页面了，最后我将会给出HTML代码下载）</p><p>将制作好的文件存为index.asp，下面就创建数据记录集，用来显示数据库的数据到这个页面中：</p><p>用记事本打开index.asp，在页头加入以下代码： <%@LANGUAGE=“VBScript” codepage=“936”%> <% set rs=server.createobject(“adodb.recordset”)sql=“select user,qq,email,content,data from main order by id desc” rs.open sql,conn,1,1 %> 代码拷贝框</p><p><%@LANGUAGE=“VBScript” codepage=“936”%> <% set rs=server.createobject(“adodb.recordset”)sql=“select user,qq,email,content,data from main order by id desc” rs.open sql,conn,1,1 %> [Ctrl+A 全部选择 然后拷贝]</p><p>解释一下：</p><p>第一行，表明ASP使用的是VB脚本</p><p>第二行，是用include包含文件，这里包含的是数据库连接文件。第三行，ASP程序开始</p><p>第四行，利用Server内置对象创建一个记录集</p><p>第五行, SQL语句，这里的意思是选择数据库中的user,qq,email,content,data字段，指定该数据表的名称是“main”数据的排列顺序是倒序。</p><p>第六行，用刚才创建的名为rs的记录集打开数据库，设置属性为只读（1,1为只读数据,1,3为插入数据，2,3是修改数据。</p><p>这样就打开了数据库，接下来就可以显示了。</p><p>将“留言人”代替为“<%=rs(“user”)%> “时间”代替为“<%=rs(“data”)%> “留言内容在此”代替为“<%=rs(“content”)%></p><p>“QQ”链接到：http://search.tencent.com/cgi-bin/friend/user_show_info?ln=<;%=rs(“qq”)%> “邮件”链接到：mailt<%=rs(“email”)%> 最后将“填写留言”链接 add.asp “管理留言”链接 admin.asp</p><p>好了，再次保存，浏览看看！</p><p>怎么了？只显示一条记录？原来我们在数据库里添加了两条记录的哦！还有一条呢？别急，因为我们没有指定ASP循环显示，所以就只有一条啦。。</p><p>在刚才的代码后面添加一行 <%do while not rs.eof%> 并在页面的第一个表格的末尾加上</p><p><% rs.movenext loop %> 上面的代码就是说用rs记录集指针一条一条往下一条移动，直到末尾，loop是循环的意思。哈哈，再次浏览这个文件</p><p>看明白了吗，这样就可以让数据库中的数据全部显示在页面中了。</p><p>五、制作添加留言页面，实现留言功能</p><p>我们是做的一个留言本，实现留言的功能就十分重要了，要不然就算不上留言本了，接下来就一起来实现这个功能。</p><p>用DW制作以下这样的页面：</p><p>设置表单的属性如下：</p><p>姓名：设置为单行文本域，名称为“user” QQ号：设置为单行文本域，名称为“qq” 邮件：设置为单行文本域，名称为“email” 内容：设置为多行文本域，名称为“content”</p><p>最后将表单的“Action”动作指向addsave.asp就可以了。</p><p>保存文档名为add.asp，OK！下一步！</p><p>表单是做好了，但是还需要后台程序的支持，一起来使用ASP编写一个添加留言处理程序，添加留言代码：</p><p><%@LANGUAGE=“VBScript” codepage=“936”%></p><p>表明ASP使用的是VB脚本 </p><p>是用include包含文件，这里包含的是数据库连接文件 <% set rs=server.createobject(“adodb.recordset”)</p><p>利用Server内置对象创建一个记录集 sql=“select user,qq,email,content,data from main”</p><p>SQL语句，上节有详解</p><p>rs.open sql,conn,1,3</p><p>用刚才创建的名为rs的记录集打开数据库，设置属性为插入数据 rs.addnew</p><p>用记录集新添加一条数据</p><p>user=request.form(“user”)</p><p>请求表单的变量，定义变量为user，这里request.form是请求表单的意思 qq=request.form(“qq”)</p><p>请求表单的变量，定义变量为qq，这里request.form是请求表单的意思 email=request.form(“email”)</p><p>请求表单的变量，定义变量为email，这里request.form是请求表单的意思</p><p>content=request.form(“content”)</p><p>请求表单的变量，定义变量为content，这里request.form是请求表单的意思 rs(“user”)=user</p><p>将请求到的表单值传向记录集中代表user字段的名称 rs(“qq”)=qq</p><p>将请求到的表单值传向记录集中代表qq字段的名称 rs(“email”)=email</p><p>将请求到的表单值传向记录集中代表email字段的名称 rs(“content”)=content</p><p>将请求到的表单值传向记录集中代表content字段的名称 rs.update</p><p>更新一下数据库中的数据。rs.close</p><p>关闭记录集 set rs=nothing</p><p>销毁记录集 conn.close</p><p>关闭数据库连接 set rs=nothing</p><p>销毁数据库连接 %></p><p>代码拷贝框</p><p><%@LANGUAGE=“VBScript” codepage=“936”%></p><p>表明ASP使用的是VB脚本 </p><p>是用include包含文件，这里包含的是数据库连接文件 <% set rs=server.createobject(“adodb.recordset”)</p><p>利用Server内置对象创建一个记录集 sql=“select user,qq,email,content,data from main”</p><p>SQL语句，上节有详解</p><p>rs.open sql,conn,1,3</p><p>用刚才创建的名为rs的记录集打开数据库，设置属性为插入数据 rs.addnew</p><p>用记录集新添加一条数据</p><p>user=request.form(“user”)</p><p>请求表单的变量，定义变量为user，这里request.form是请求表单的意思 qq=request.form(“qq”)</p><p>请求表单的变量，定义变量为qq，这里request.form是请求表单的意思 email=request.form(“email”)</p><p>请求表单的变量，定义变量为email，这里request.form是请求表单的意思</p><p>content=request.form(“content”)</p><p>请求表单的变量，定义变量为content，这里request.form是请求表单的意思</p><p>rs(“user”)=user</p><p>将请求到的表单值传向记录集中代表user字段的名称 rs(“qq”)=qq</p><p>将请求到的表单值传向记录集中代表qq字段的名称 rs(“email”)=email</p><p>将请求到的表单值传向记录集中代表email字段的名称 rs(“content”)=content</p><p>将请求到的表单值传向记录集中代表content字段的名称 rs.update</p><p>更新一下数据库中的数据。rs.close</p><p>关闭记录集 set rs=nothing</p><p>销毁记录集 conn.close</p><p>关闭数据库连接 set rs=nothing</p><p>销毁数据库连接 %></p><p>[Ctrl+A 全部选择 然后拷贝]</p><p>将以上文件存为addsave.asp，测试下！咦？怎么填好提交以后就出现空白了，为什么？这是因为在addsave.asp中没有设置数据成功提交好后的转向页面，这里不用做那么复杂的，只要做一个刷新页面就行了，在程序的后面加上：</p><p><meta http-equiv=“refresh” content=“2;URL=index.asp”> 然后在页面中添加提示信息，比如：“您的留言已经成功提交，2秒钟后将自动返回留言本首页” 好了，这个留言的功能总算实现了，最后再测试下，看看效果！</p><p>OK！</p><p>六、制作管理登陆页面</p><p>留言本的管理功能对于留言本来说就不言而喻了，像论坛的登陆功能就是一个很好的例子，不过我们做留言本基本上有删除功能就行了，写这个教程是为了更多的ASP入门者更好的了解ASP，所以旨在学习用，当然也可以在这基础上添加更多的功能，比如回复留言者。</p><p>好了，开始了，还是按照以前的，用Dreamweaver做一个登陆页面，如下图：</p><p>把用户名的表单名称设置为admin，密码的表单名称设为password，把动作指向checkpass.asp，存admin.asp这样登陆页面就好了，下面就做检测密码的ASP程序了，看以下代码解释：</p><p> 把conn.asp包含进来连接数据库 <% ASP起始</p><p>admin=request.form(“admin”)定义admin的值是表单传过来的用户名域名称admin password=request.form(“password”)定义admin的值是表单传过来的用户名域名称admin if admin=“" or password=”“ then 这句的意思是假如用户名和密码没有输入的话那么执行下一句</p><p>response.Write(”<script language=javascript>alert(请填写完整!);history.go(-1)</script>“)用javascript脚本提示用户 end if 结束if语句</p><p>sql=”select * from admin where admin=“&admin&” and password=“&password&”“ 这句很重要，我们放到后面讲</p><p>set rs=conn.execute(sql)设定记录集rs，用conn执行SQL语句 if rs.eof or rs.bof then 当没有符合筛选结果时，则执行下面的句子 response.write ”<script language=javascript>“ response.write ”alert(用户或密码不对!);“ response.write ”javascript:history.go(-1);“ response.write ”</script>“ 用javascript脚本提示用户 else 如果符合条件的时候</p><p>session(”admin“)=admin 新建session，值等于表单传来的用户名 response.redirect ”mymanage.asp“ 转向到mymanage.asp，进入管理页 end if 结束if语句 %> ASP结束</p><p>代码拷贝框</p><p> 把conn.asp包含进来连接数据库 <% ASP起始</p><p>admin=request.form(”admin“)定义admin的值是表单传过来的用户名域名称admin password=request.form(”password“)定义admin的值是表单传过来的用户名域名称admin if admin=”“ or password=”“ then 这句的意思是假如用户名和密码没有输入的话那么执行下一句</p><p>response.Write(”<script language=javascript>alert(请填写完整!);history.go(-1)</script>“)用javascript脚本提示用户 end if 结束if语句</p><p>sql=”select * from admin where admin=“&admin&” and password=“&password&”“ 这句很重要，我们放到后面讲</p><p>set rs=conn.execute(sql)设定记录集rs，用conn执行SQL语句 if rs.eof or rs.bof then 当没有符合筛选结果时，则执行下面的句子 response.write ”<script language=javascript>“ response.write ”alert(用户或密码不对!);“ response.write ”javascript:history.go(-1);“ response.write ”</script>“ 用javascript脚本提示用户 else 如果符合条件的时候</p><p>session(”admin“)=admin 新建session，值等于表单传来的用户名 response.redirect ”mymanage.asp“ 转向到mymanage.asp，进入管理页 end if 结束if语句 %> ASP结束</p><p>[Ctrl+A 全部选择 然后拷贝]</p><p>将以上代码保存为checkpass.asp</p><p>这样，用户在admin.asp页面中输入用户名和密码后，就把用户名和密码值传给checkpass.asp处理，当用户名和密码的值和数据库中的字段相匹配时，就进入mymanage.asp这个管理页面，同时建一个session，这个session的会话变量将在后面起作用，七、制作管理页面</p><p>上节中讲的是制作登陆页面和检测用户，当用户名和密码正确时就转到管理页面，好了，开始实现它。其实这个留言本的管理页面和用户直接看到的首页没有多大的区别，只是用了Session会话变量用作保护和增加了一个删除链接，当点击这个链接的时候，就会自动删除这条留言，好了，其本的目的知道了，那就GO！</p><p>刚才讲了，这个页面和首页的index.asp相似，那么就先复制就行了，然后再改一下</p><p>首先找到下面这句：</p><p>sql=”select user,qq,email,content,data from main order by id desc“ 把它改为</p><p>sql=”select id,user,qq,email,content,data from main order by id desc“ 这样，就选取到了id这个自动编号的值，以便删除留言时锁定这个id。</p><p>然后在“邮件”这个链接后面增加一个链接“删除”，链接：del.asp?id=<%=rs(”id“)，修改代码后为“ onclick=”return confirm(是否确定删除本留言？);“>删除 这样，待会我们做del这个页的时候，就会知道为什么了！改过后存为mymanage.asp</p><p>现在打开浏览器看看！</p><p>怎么不用输入用户名和密码都可进入呀？别急，上节中，我们不是建了一个session的会话变量，这时就派上用场了，直接用记事本打开。在<%@LANGUAGE=”VBScript“ codepage=”936“%>这句的后面加上<%if session(”admin“)<>”“ then%>这句，在末尾写上： <% else response.Redirect(”admin.asp“)end if%> 下面来讲解一下。</p><p><%if session(”admin“)<>”“ then%> 就是说如果session这个(”admin“)的值不是空的话就执行。<% else response.Redirect(”admin.asp“)end if%> 为空的话就转向登陆页，重新登陆，这样的话，直接输入网址的话就会跳到admin.asp，简单吧！</p><p>八、删除留言</p><p>上节我们增加了一个删除留言的链接，以下是这个del.asp的代码</p><p> <% set rs=server.createobject(”adodb.recordset“)id=Request.QueryString(”id“)sql=”select * from main where id=“&id rs.open sql,conn,2,3 rs.delete rs.update %> 很明了吧，才几句，第1、2、3句都不用我解释了，大家都在上几节中明白了。</p><p>第4句：</p><p>id=Request.QueryString(”id“)用id取值字符串中传的id，回头看一下删除的链接：del.asp?id=<%=rs(”id“)%> 就是这个链接才把id的值传来的，<%=rs(”id")%>是读取数据库中的自动编号字段中的id。</p><p>第5句：</p><p>用sql定义SQL语句，这里的*是通配符，表示所有，而Where有点像我们汉语中的“当”，整句话的意思是选择所有来自表名为main的字段，它的条件是当数据库中的id字段是字串所传来的id。如果这个没有的话这个一时间不明白也不要紧，慢慢接触就知道了。第6句是打开符合条件的记录，确切的讲不应该叫记录集了，因为经过我们这样筛选的话，记录绝对是一条，2，3指定可以对数据库中的数据进入修改。</p><p>第7、8句</p><p>rs.delete 看了就明白了，原来这才是整个程序的精髓，就是执行删除了。rs.update 这是更新数据库中的表，删除后就更新。</p><p>最后大家自己用rs.close和conn.close释放。</p><h2>第四篇：dreamweaver网页制作教案</h2><p>dreamweaver网页制作教案</p><p>（Dreamweaver MX）</p><p>一、Dreamweaver MX中文版建站初步</p><p>建立一个网站，首先要在本地机器上做好网站，再传到网上的虚拟空间上。现在免费的网页空间很少了，在http://。</p><p>◇使用属性检查器：选中示例中的图像，也可以是文字，点击属性面板中的“浏览文件”图标。</p><p>◇选中一个文件。会出现一个文件相对于“文档”，“站点根目录的选择”。文档相对路径是最适合用于本地链接的路径类型，适合绝大多数Web站点，推荐使用。</p><p>◇根相对路径：如果在一个使用多台服务器的大型Web站点或一台服务器上有多个站点的情况下工作，可能需要使用这种类型的路径。很少用到这种路径。如果没有服务器的控制权限，不要使用这种方式！</p><p>◇绝对路径：完整的URL，称作绝对路径。例如在链接域输入http://vip.5dmedia.com/fuguotao</p><p>◇从打开文档的选取中创建链接：选中文字，按Shift键，拖动出现“指向文件”图标，把“指向文件”图标拖向目标文件，就会建立链接。</p><p>◇选择被链接文档要打开的位置：</p><p>若要使被链接文档不出现在当前窗口或框架中，从属性面板的“目标”弹出式菜单选取一个选项。</p><p>_blank 在新的未命名的浏览器窗口中加载链接文档。</p><p>_parent 在父框架页或包含该链接的框架窗口中加载链接文档。如果包含链接的框架不是嵌套的，则链接文档将加载到整个浏览器窗口中。_self 将链接文档加载到与链接相同的框架或窗口中，该目标是默认值，所以通常您不需要指定它。</p><p>_top 将在整个浏览器窗口中加载链接文件，同时移除所有框架。</p><p>一个网站中，第一级链接或者导航链接选择_self，第二级链接和友情链接选择_blank。</p><p>第二部分：使用锚</p><p>简明步骤：选中文本→在目标文档中插入锚标记→命名→拖动“指向文件”图标到文本。◇链接到文档中的指定位置：在需要插入锚的地方，点一下光标，然后单击常用面板上的命名锚记工具。</p><p>键入锚记名称，一个站点中的锚记名称只可以是唯一的，否则会出现错误。</p><p>在文档中选取要创建链接的文本，打开您需要链接的命名锚记所在文档，不一定要是当前文档，可以是站点中的其它文档，点击属性面板中的“指向文件”图标，并将它拖动到您需要链接的锚记处。</p><p>第三部分：使用空链接</p><p>使用空链接可以为页面上的对象或文本附加行为。创建步骤： 1.在文档窗口中，选中要设置链接的文本、图像或其他对象。2.在属性面板的链接框中，只输入一个“#”号。3.如果单击这种地址为一个“#”的链接，无论当前你处于文档的什么地方，都会自动跳转到文档的开头位置。很多人非常讨厌这种情况，因此出现很多插件。可以用“###”来代替“#”，单击这样的链接的时候，会保持当前页面的浏览位置。4.还可以在属性面板的链接框中输入javascript:;创建空链接。第四部分：创建javascript脚本链接 1.在文档窗口中选取文本，图象或对象</p><p>2.在“属性”检查器的“链接”栏中键入javascript:，其后紧接JavaScript代码或函数调用。</p><p>例如在链接栏中键入javascript:alert('哈哈你上当了')创建一个链接，点击链接后就会出现一个警告框</p><p>第五部分：创建电子邮件链接</p><p>方法一：选取需要创建链接的文本或者图像，点击常用面板中的“电子邮件链接”工具，输入邮件地址。方法二：选取需要创建链接的文本或者图像，在属性面板中的链接栏输入mailto:邮件地址。</p><p>第六部分：创建跳转菜单，例如制作一个友情链接。</p><p>首先将插入点放在要插入链接的位置。点击表单面板中的跳转工具</p><p>在插入跳转菜单对话框中，点添加项添加新链接。</p><p>在属性面板中选择类型为“菜单”。</p><p>在浏览器中发布如图：</p><p>在属性面板中选择类型为“列表”高度为3。</p><p>在浏览器中发布如图：</p><p>点击属性面板中的列表值，可以修改列表值。</p><p>第七部分：给链接增加提示，给链接增加快捷键。首先将插入点放在要插入链接的位置。点击常用面板上的超级链接工具。</p><p>设置链接参数。</p><p>标题是指当指向链接会出现提示。</p><p>访问键是指按键盘上的快捷键会选中链接。例如在实例中按Alt+D键会选中5D多媒体。</p><h2>第五篇：Dreamweaver网页制作技巧心得体会</h2><p>Dreamweaver网页制作技巧心得体会</p><p>熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。</p><p>一、活用Format Table命令</p><p>在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令，在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。</p><p>二、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。</p><p>三、不给文件起中文名称</p><p>大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。</p><p>四、巧妙设置字体分辨率</p><p>我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。</p></div>
<div class="morebg"></div>
<div class="read"><span class="progress" style="display:none;"></span><span class="read-more" onclick="showMore()" id="show-more-btn" style="display: none;">展开阅读全文 ∨</span></div>
<script>
function showMore() {
var content = document.querySelector('.content');
var showMoreBtn = document.querySelector('#show-more-btn');
var progress = document.querySelector('.progress');
content.style.maxHeight = 'none';
showMoreBtn.style.display = 'none';
progress.style.display = 'none';
}
var content = document.querySelector('.content');
var showMoreBtn = document.querySelector('#show-more-btn');
var moreBg = document.querySelector('.morebg');
var progress = document.querySelector('.progress');
if (content.scrollHeight > 1800) {
showMoreBtn.style.display = 'inline-block';
moreBg.style.display = 'block';
progress.style.display = 'inline-block';
var totalHeight = content.scrollHeight;
var visibleHeight = content.clientHeight;
var remainingHeight = totalHeight - visibleHeight;
var percentage = Math.round((remainingHeight / totalHeight) * 100);
progress.innerHTML = '剩余 ' + percentage + '% 未读';
}
</script>
<div id="ad6"></div>
</div>
</div>
<ul class="btn w4">
<div class="tzt-panel bg">
<div class="tzt-panel_bd">
<p><strong>版权声明：</strong>此文自动收集于网络，若有来源错误或者侵犯您的合法权益，您可通过邮箱与我们取得联系，我们将及时进行处理。</p>
<p><strong>本文地址：</strong>https://www.feisuxs.com/wenku/jingpin/14/2291249.html</p>
</div>
</div>
<div class="nextlog">
<div class="prev"><span>上一篇：</span><a href='https://www.feisuxs.com/wenku/jingpin/14/2291248.html'>酒桌上的客套话5篇</a></div>
<div class="next"><span>下一篇：</span><a href='https://www.feisuxs.com/wenku/jingpin/14/2291250.html'>中国历代电影导演5篇</a></div>
</div>
</ul>
</div>
<div class="m-tit2">
<h3><span>相关内容</span></h3>
</div>
<div class="logbox">
<div class="link-box">
<ul class="rexlist">
</ul>
</div>
</div>
</div>
<!--content end-->
<div class="zd-sidebar" id="zd-sidr">
<div class="zd-box">
<div class="zd-sdc">
<ul class="zd-btn w3">
<li><a class="" href="/wenku">全部</a>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/1/">1号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/2/">2号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/3/">3号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/4/">4号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/5/">5号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/6/">6号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/7/">7号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/8/">8号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/9/">9号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/10/">10号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/11/">11号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/12/">12号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/13/">13号文库</a></li>
<li><a class="cur" href="https://www.feisuxs.com/wenku/jingpin/14/">14号文库</a></li>
<li><a class="" href="https://www.feisuxs.com/wenku/jingpin/15/">15号文库</a></li>
</ul>
</div>
</div>
<dl class="function" id="cead">
<dd class="function_c">
<div id="ad1"></div>
</dd>
</dl>
<dl class="function" id="divPrevious">
<dt class="function_t">热门阅读</dt>
<dd class="function_c">
<ul>
</ul>
</dd>
</dl>
<dl class="function" id="cead">
<dd class="function_c">
<div id="ad2">
</div>
</dd>
</dl>
<div class="zd-box">
<div class="zd-sdc">
<h3>最新更新</h3>
<ul class="zd-btn w3">
</ul>
</div>
</div>
<dl class="function" id="cead">
<dd class="function_c">
<div id="ad3">
</div>
</dd>
</dl>
<dl class="function" id="divPrevious">
<dt class="function_t">随机推荐</dt>
<dd class="function_c">
<ul>
</ul>
</dd>
</dl>
<dl class="function" id="cead">
<dd class="function_c">
<div id="ad4">
</div>
</dd>
</dl>
</div> <!--sidebar end-->
</div><!--main end-->
<div class="zd-footer">
<p>世界看中国，中国有成语！学成语，传文化！</p>
<p>Copyright © 2018-2023 <a href="/" target="_blank">成语大全</a> | <a href="http://beian.miit.gov.cn/" target="_blank">鲁ICP备2020040657号-2</a> | <span class="gaba"><a href="https://beian.mps.gov.cn/#/query/webSearch?code=37028302000876" rel="noreferrer" target="_blank"><img src="/images/foot-ga.png">鲁公网安备37028302000876号</a></span></p>
</div>
<!--mseach start-->
<div class="zd-m-search-wrap none" id="zd-m-nav-search">
<div class="zd-m-search-input">
<a href="javascript:void(0)" onclick="switchSearch();return false;"><span class="zd-m-back-btn">返回</span></a>
<div class="zd-m-input-box">
<form method="post" name="searchform" class="zd-m-search-form" action="https://www.feisuxs.com/e/search/index.php">
<input type="hidden" name="tbname" value="cy">
<input type="hidden" name="show" value="title">
<input type="hidden" name="tempid" value="1">
<input name="keyboard" autocomplete="off" autocorrect="off" id="kw" type="text" placeholder="输入要查询的成语" autocomplete="off">
<div class="zd-m-searchbtn"><input type="submit" value="搜索" class="zd-m-s-btn"></div>
</form>
</div>
</div>
<div class="zd-index-hint">
<h4><span>历史搜索</span></h4>
<div class="zd-hint-box zd-index-history">
<a href='https://www.feisuxs.com/e/search/result/?searchid=3065' target=_blank>耐人寻味</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3064' target=_blank>冰心</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3063' target=_blank>蛇</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3062' target=_blank>风 浪</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3061' target=_blank>花花</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3060' target=_blank>润</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3059' target=_blank>野</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3058' target=_blank>小可</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3057' target=_blank>绿油油</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3056' target=_blank>战场</a><br></div>
</div>
<div class="zd-index-hint">
<h4><span>大家都在搜</span></h4>
<div class="zd-hint-box">
<a href='https://www.feisuxs.com/e/search/result/?searchid=12' target=_blank>小说</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=588' target=_blank>随笔</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=922' target=_blank>余</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=803' target=_blank>主题教育</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=27' target=_blank>飘飘欲仙</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=127' target=_blank>小说</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=16' target=_blank>妈妈</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=868' target=_blank>花</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=790' target=_blank>瀑布</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=31' target=_blank>爱</a><br></div>
</div>
</div>
<a id="zd-gotop" href="javascript:void(0)"></a>
<script type="text/javascript" src="https://www.feisuxs.com/js/jquery.min.js"></script>
<script type="text/javascript" src="https://www.feisuxs.com/js/jquery.sidr.min.js"></script>
<script type="text/javascript" src="https://www.feisuxs.com/js/common.js?v=20220310"></script>
<script type="text/javascript" src="https://www.feisuxs.com/js/mnjc-pay.1.5.3.min.js?dsd253344555"></script>
</body>
</html>]]>
