dreamweaver制作留言板步骤

时间:2019-05-13 12:21:30下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《dreamweaver制作留言板步骤》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《dreamweaver制作留言板步骤》。

第一篇:dreamweaver制作留言板步骤

一、安装与调试

常听朋友感叹ASP程序难学不易懂,不过我起初学习这门技术的时候也有过这样的感悟。从今天开始,我将以我学ASP的经验来做一个简单的ASP留言本,这个留言本用了Access数据库,所以务必请大家要跟我一起做的朋友都安装好Office软件,相信各位自己的电脑上都有了。好了,开始。

创建ASP的运行环境(安装IIS)

IIS(Internet Information Service)是构建ASP站点所必须的,所以,我们应该先确认自己的电脑已安装了IIS信息服务,如果没有安装好的话,请按以下步骤:

1、打开“控制面板”

2、双击“添加/删除程序”

3、单击“添加/删除Windows组件”,打开添加/删除Windows组件对话框:

3、从下拉的列表中选择“Internet 信息服务(IIS)”单击“下一步”:

4、出现组件安装进度窗口,如弹出需要安装盘的话,放入Windows2000安装盘,按提示操作即可。直至最后安装完毕。

二、设计数据库

ASP程序本身并不能储存数据,众所周知,留言本有以下信息需要保存:留言者姓名、联系方式、留言内容等等。因为ASP并不能储存数据,所以数据库在这种环境之下就产生了。数据库的种类也很多,针对不同的程序也有适用于它的数据库,比如Access和Ms SQL就比较适用ASP和ASP.net程序,至于其它的数据库和程序,就不属于本文所讨论的问题了,有兴趣的朋友可以查看其它一些资料。

那么既然Access和MS SQL都适用ASP,那么具体又如何来选择呢?我们可以打一个比方:比如钉一枚小钉子,聪明的人一定不会用一个大的棒槌,而是选择小的铁锤,虽然用大的棒槌也一样的可以把钉子钉进去,可是没有人愿意这样做。

数据库也一样:Access比较适用小型的应用,而MS SQL则适用于大中型的数据库应用,所以要做一个留言本,理所当然是选择Access更好一些,但是如果你决心使用MS,没有人会极力阻止你。好了,废话少说,切入正题,下面开始创建数据库。

Access是微软office办公软件中的其中一个,默认的安装Office是有这个Access的,好了,打开程序,开始了,GO!

进入实战了。打开程序后,出现一个对话框,这里我们选择第一个选项”空Access数据库”点击确定,弹出一个新建数据库的文件框,选择你上次你建的站点目录,起个data的文件名,点击创建,OK!双击”使用设计器创建表”打开表创建窗口”如图 创建表的结构如下表:

字段名称 数据类型 备注(笔者注释)

id 自动编号 设置“自动编号” user 文本 留言者姓名

qq 数字 留言者的QQ,因为QQ号是由数字组成email 文本 留言者的电子邮件

content 备注 留言内容

data 日期/时间 留言时间,设定默认值为Now()

数据库设计好了以后,可以直接在数据库里添加两条记录,以后测试时候用!

三、连接数据库

在上一节,我们已经为我们的程序创建了一个数据库,在这一节中,我们来用ASP把程序和数据库连接起来,以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。

一起看以下代码,这就是ASP程序中常用的连接数据库的代码: <% set conn=server.createobject(“adodb.connection”)connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb”)conn.open connstr %>

解释一下以上代码: <% 这是ASP程序的起始

set conn=server.createobject(“adodb.connection”)在服务器上创建了一个连接数据库的对象

connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb”)告诉ASP数据库的接接方法以及路径

conn.open connstr 创建了对象后就用来打开数据库进行连接 %> 一切OK了!结束ASP程序

将上面的代码另存为conn.asp文件,放在服务器目录下面就可以了。怎么样,简单吧?

四、制作留言本首页

前面我们已经连接好了数据库,就要让它在这里发挥一下作用了,这一节将讲述如何将数据库里的数据用ASP读取出来,在页面中显示出来,这样就等于是查看留言本了。

利用DW制作如下页面(这里我就不讲如何去做这个页面了,最后我将会给出HTML代码下载)

将制作好的文件存为index.asp,下面就创建数据记录集,用来显示数据库的数据到这个页面中:

用记事本打开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 %> 代码拷贝框

<%@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 全部选择 然后拷贝]

解释一下:

第一行,表明ASP使用的是VB脚本

第二行,是用include包含文件,这里包含的是数据库连接文件。第三行,ASP程序开始

第四行,利用Server内置对象创建一个记录集

第五行, SQL语句,这里的意思是选择数据库中的user,qq,email,content,data字段,指定该数据表的名称是“main”数据的排列顺序是倒序。

第六行,用刚才创建的名为rs的记录集打开数据库,设置属性为只读(1,1为只读数据,1,3为插入数据,2,3是修改数据。

这样就打开了数据库,接下来就可以显示了。

将“留言人”代替为“<%=rs(“user”)%> “时间”代替为“<%=rs(“data”)%> “留言内容在此”代替为“<%=rs(“content”)%>

“QQ”链接到:http://search.tencent.com/cgi-bin/friend/user_show_info?ln=<;%=rs(“qq”)%> “邮件”链接到:mailt<%=rs(“email”)%> 最后将“填写留言”链接 add.asp “管理留言”链接 admin.asp

好了,再次保存,浏览看看!

怎么了?只显示一条记录?原来我们在数据库里添加了两条记录的哦!还有一条呢?别急,因为我们没有指定ASP循环显示,所以就只有一条啦。。

在刚才的代码后面添加一行 <%do while not rs.eof%> 并在页面的第一个表格的末尾加上

<% rs.movenext loop %> 上面的代码就是说用rs记录集指针一条一条往下一条移动,直到末尾,loop是循环的意思。哈哈,再次浏览这个文件

看明白了吗,这样就可以让数据库中的数据全部显示在页面中了。

五、制作添加留言页面,实现留言功能

我们是做的一个留言本,实现留言的功能就十分重要了,要不然就算不上留言本了,接下来就一起来实现这个功能。

用DW制作以下这样的页面:

设置表单的属性如下:

姓名:设置为单行文本域,名称为“user” QQ号:设置为单行文本域,名称为“qq” 邮件:设置为单行文本域,名称为“email” 内容:设置为多行文本域,名称为“content”

最后将表单的“Action”动作指向addsave.asp就可以了。

保存文档名为add.asp,OK!下一步!

表单是做好了,但是还需要后台程序的支持,一起来使用ASP编写一个添加留言处理程序,添加留言代码:

<%@LANGUAGE=“VBScript” codepage=“936”%>

表明ASP使用的是VB脚本

是用include包含文件,这里包含的是数据库连接文件 <% set rs=server.createobject(“adodb.recordset”)

利用Server内置对象创建一个记录集 sql=“select user,qq,email,content,data from main”

SQL语句,上节有详解

rs.open sql,conn,1,3

用刚才创建的名为rs的记录集打开数据库,设置属性为插入数据 rs.addnew

用记录集新添加一条数据

user=request.form(“user”)

请求表单的变量,定义变量为user,这里request.form是请求表单的意思 qq=request.form(“qq”)

请求表单的变量,定义变量为qq,这里request.form是请求表单的意思 email=request.form(“email”)

请求表单的变量,定义变量为email,这里request.form是请求表单的意思

content=request.form(“content”)

请求表单的变量,定义变量为content,这里request.form是请求表单的意思 rs(“user”)=user

将请求到的表单值传向记录集中代表user字段的名称 rs(“qq”)=qq

将请求到的表单值传向记录集中代表qq字段的名称 rs(“email”)=email

将请求到的表单值传向记录集中代表email字段的名称 rs(“content”)=content

将请求到的表单值传向记录集中代表content字段的名称 rs.update

更新一下数据库中的数据。rs.close

关闭记录集 set rs=nothing

销毁记录集 conn.close

关闭数据库连接 set rs=nothing

销毁数据库连接 %>

代码拷贝框

<%@LANGUAGE=“VBScript” codepage=“936”%>

表明ASP使用的是VB脚本

是用include包含文件,这里包含的是数据库连接文件 <% set rs=server.createobject(“adodb.recordset”)

利用Server内置对象创建一个记录集 sql=“select user,qq,email,content,data from main”

SQL语句,上节有详解

rs.open sql,conn,1,3

用刚才创建的名为rs的记录集打开数据库,设置属性为插入数据 rs.addnew

用记录集新添加一条数据

user=request.form(“user”)

请求表单的变量,定义变量为user,这里request.form是请求表单的意思 qq=request.form(“qq”)

请求表单的变量,定义变量为qq,这里request.form是请求表单的意思 email=request.form(“email”)

请求表单的变量,定义变量为email,这里request.form是请求表单的意思

content=request.form(“content”)

请求表单的变量,定义变量为content,这里request.form是请求表单的意思

rs(“user”)=user

将请求到的表单值传向记录集中代表user字段的名称 rs(“qq”)=qq

将请求到的表单值传向记录集中代表qq字段的名称 rs(“email”)=email

将请求到的表单值传向记录集中代表email字段的名称 rs(“content”)=content

将请求到的表单值传向记录集中代表content字段的名称 rs.update

更新一下数据库中的数据。rs.close

关闭记录集 set rs=nothing

销毁记录集 conn.close

关闭数据库连接 set rs=nothing

销毁数据库连接 %>

[Ctrl+A 全部选择 然后拷贝]

将以上文件存为addsave.asp,测试下!咦?怎么填好提交以后就出现空白了,为什么?这是因为在addsave.asp中没有设置数据成功提交好后的转向页面,这里不用做那么复杂的,只要做一个刷新页面就行了,在程序的后面加上:

然后在页面中添加提示信息,比如:“您的留言已经成功提交,2秒钟后将自动返回留言本首页” 好了,这个留言的功能总算实现了,最后再测试下,看看效果!

OK!

六、制作管理登陆页面

留言本的管理功能对于留言本来说就不言而喻了,像论坛的登陆功能就是一个很好的例子,不过我们做留言本基本上有删除功能就行了,写这个教程是为了更多的ASP入门者更好的了解ASP,所以旨在学习用,当然也可以在这基础上添加更多的功能,比如回复留言者。

好了,开始了,还是按照以前的,用Dreamweaver做一个登陆页面,如下图:

把用户名的表单名称设置为admin,密码的表单名称设为password,把动作指向checkpass.asp,存admin.asp这样登陆页面就好了,下面就做检测密码的ASP程序了,看以下代码解释:

把conn.asp包含进来连接数据库 <% ASP起始

admin=request.form(“admin”)定义admin的值是表单传过来的用户名域名称admin password=request.form(“password”)定义admin的值是表单传过来的用户名域名称admin if admin=“" or password=”“ then 这句的意思是假如用户名和密码没有输入的话那么执行下一句

response.Write(”“)用javascript脚本提示用户 end if 结束if语句

sql=”select * from admin where admin=“&admin&” and password=“&password&”“ 这句很重要,我们放到后面讲

set rs=conn.execute(sql)设定记录集rs,用conn执行SQL语句 if rs.eof or rs.bof then 当没有符合筛选结果时,则执行下面的句子 response.write ”“ 用javascript脚本提示用户 else 如果符合条件的时候

session(”admin“)=admin 新建session,值等于表单传来的用户名 response.redirect ”mymanage.asp“ 转向到mymanage.asp,进入管理页 end if 结束if语句 %> ASP结束

代码拷贝框

把conn.asp包含进来连接数据库 <% ASP起始

admin=request.form(”admin“)定义admin的值是表单传过来的用户名域名称admin password=request.form(”password“)定义admin的值是表单传过来的用户名域名称admin if admin=”“ or password=”“ then 这句的意思是假如用户名和密码没有输入的话那么执行下一句

response.Write(”“)用javascript脚本提示用户 end if 结束if语句

sql=”select * from admin where admin=“&admin&” and password=“&password&”“ 这句很重要,我们放到后面讲

set rs=conn.execute(sql)设定记录集rs,用conn执行SQL语句 if rs.eof or rs.bof then 当没有符合筛选结果时,则执行下面的句子 response.write ”“ 用javascript脚本提示用户 else 如果符合条件的时候

session(”admin“)=admin 新建session,值等于表单传来的用户名 response.redirect ”mymanage.asp“ 转向到mymanage.asp,进入管理页 end if 结束if语句 %> ASP结束

[Ctrl+A 全部选择 然后拷贝]

将以上代码保存为checkpass.asp

这样,用户在admin.asp页面中输入用户名和密码后,就把用户名和密码值传给checkpass.asp处理,当用户名和密码的值和数据库中的字段相匹配时,就进入mymanage.asp这个管理页面,同时建一个session,这个session的会话变量将在后面起作用,七、制作管理页面

上节中讲的是制作登陆页面和检测用户,当用户名和密码正确时就转到管理页面,好了,开始实现它。其实这个留言本的管理页面和用户直接看到的首页没有多大的区别,只是用了Session会话变量用作保护和增加了一个删除链接,当点击这个链接的时候,就会自动删除这条留言,好了,其本的目的知道了,那就GO!

刚才讲了,这个页面和首页的index.asp相似,那么就先复制就行了,然后再改一下

首先找到下面这句:

sql=”select user,qq,email,content,data from main order by id desc“ 把它改为

sql=”select id,user,qq,email,content,data from main order by id desc“ 这样,就选取到了id这个自动编号的值,以便删除留言时锁定这个id。

然后在“邮件”这个链接后面增加一个链接“删除”,链接:del.asp?id=<%=rs(”id“),修改代码后为“ onclick=”return confirm(是否确定删除本留言?);“>删除 这样,待会我们做del这个页的时候,就会知道为什么了!改过后存为mymanage.asp

现在打开浏览器看看!

怎么不用输入用户名和密码都可进入呀?别急,上节中,我们不是建了一个session的会话变量,这时就派上用场了,直接用记事本打开。在<%@LANGUAGE=”VBScript“ codepage=”936“%>这句的后面加上<%if session(”admin“)<>”“ then%>这句,在末尾写上: <% else response.Redirect(”admin.asp“)end if%> 下面来讲解一下。

<%if session(”admin“)<>”“ then%> 就是说如果session这个(”admin“)的值不是空的话就执行。<% else response.Redirect(”admin.asp“)end if%> 为空的话就转向登陆页,重新登陆,这样的话,直接输入网址的话就会跳到admin.asp,简单吧!

八、删除留言

上节我们增加了一个删除留言的链接,以下是这个del.asp的代码

<% 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句都不用我解释了,大家都在上几节中明白了。

第4句:

id=Request.QueryString(”id“)用id取值字符串中传的id,回头看一下删除的链接:del.asp?id=<%=rs(”id“)%> 就是这个链接才把id的值传来的,<%=rs(”id")%>是读取数据库中的自动编号字段中的id。

第5句:

用sql定义SQL语句,这里的*是通配符,表示所有,而Where有点像我们汉语中的“当”,整句话的意思是选择所有来自表名为main的字段,它的条件是当数据库中的id字段是字串所传来的id。如果这个没有的话这个一时间不明白也不要紧,慢慢接触就知道了。第6句是打开符合条件的记录,确切的讲不应该叫记录集了,因为经过我们这样筛选的话,记录绝对是一条,2,3指定可以对数据库中的数据进入修改。

第7、8句

rs.delete 看了就明白了,原来这才是整个程序的精髓,就是执行删除了。rs.update 这是更新数据库中的表,删除后就更新。

最后大家自己用rs.close和conn.close释放。

第二篇:Dreamweaver 8.0制作简易留言板图文教程

用ASP和Dreamweaver 8.0制作简易留言板

目录

一、ASP原理..................................................................................................................................2

二、网页制作步骤...........................................................................................................................3

1、建立数据库.........................................................................................................................3

(1)、利用ACCESS新建空数据库db_message.mdb.....................................................3(2)、建立数据表t_message.............................................................................................3(3)、建立所需字段..........................................................................................................3

2、建立留言页面.....................................................................................................................4

(1)、打开Dreamweaver 8.0 新建 ASP VBScript,建立留言页面message.Asp。....4(2)、建立数据库连接conn.............................................................................................4(3)、利用插入记录表单向导创建页面..........................................................................4

3、建立留言板首页.................................................................................................................6

(1)、用Dreamweaver新建ASP VBScript,创建留言板首页index.asp。...............6(2)、建立一个记录集message........................................................................................6(3)、插入一个4行4列的表格......................................................................................7(4)、绑定记录集到表格中..............................................................................................8(5)、添加重复区域........................................................................................................10

三、网页制作结果.........................................................................................................................11

四、总结.........................................................................................................................................12

五、致谢.........................................................................................................................................12

六、参考文献.................................................................................................................................13

摘要:随着因特网的迅猛发展,网络已深入到世界的各个角落,作为因特网的主要组成部分的网站,其数量和质量都在快速发展。网站与用户的交互主要使用动态网页来实现,为了简化和方便动态网页的开发,Web领域的主要开发商相继推出了多种Web开发技术,ASP(Active Server Pages)就是其中的典型代表。利用ASP和Dreamweaver 8.0快速创建充满动感的交互网页,而无需或只需要少量的手写代码,同时还能非常方便地编辑和管理站点,这是动态网页初学者进行网站开发的最好方式。用ASP、Dreamweaver 8.0以及Access作为后台数据库可以简单快捷的设计一个留言板,达到留言板的基本功能。

关键字:ASP、Dreamweaver、留言板、交互网页、Access

一、ASP原理

ASP是一个编程环境,在其中,可以混合使用HTML、脚本语言以及组件来创建服务器端功能强大的Internet应用程序。如果你以前创建过一个站点,其中混合了HTML、脚本语言以及组件,你就可以在其中加入ASP程序代码。组件可以被脚本程序调用,也可以由其他的组件调用。ASP网页需要相应的Web服务器的支持,才能正常运行,其WEB服务器主要是PWS和IIS。安装IIS后,设置相应配置,便可使用ASP。

网页文件均是存放在Web服务器中的,当在客户端浏览器的地址栏键入某个网址并按回车时,便向服务器触发了一个HTTP请求,服务器将根据所请求网页的扩展名,来决定响应的方式。ASP网页是运行于服务器端的,在客户端所查看到的网页源代码,是ASP动态生成的页面源代码,并非ASP网页本身的代码,因此,ASP网页具有较高的保密性,另外,由于ASP输出的是标准格式的HTML页面,故不存在浏览器不支持的问题。HTML运行于客户端浏览器,由浏览器解释执行,从而显示出最终的页面内容。ASP能根据代码执行的结果,动态形成页面内容,故ASP页面又称为动态网页。

当在Web站点中融入ASP功能后,通常将发生以下结果:

1、用户调出站点内容,默认页面的扩展名是.asp。

2、浏览器从服务器上请求ASP文件。

3、服务器端脚本开始运行ASP。

4、ASP文件按照从上到下的顺序开始处理,执行脚本命令,执行HTML页面内容。

5、页面信息发送到浏览器。

二、网页制作步骤

1、建立数据库

(1)、利用ACCESS新建空数据库db_message.mdb(2)、建立数据表t_message(3)、建立所需字段

留言人:t_name 留言内容:t_message 留言时间:t_time

2、建立留言页面

(1)、打开Dreamweaver 8.0 新建 ASP VBScript,建立留言页面message.Asp。(2)、建立数据库连接conn,用以下程序:

“Provider=Microsoft.Jet.oLEDB.4.0;Data Source=E:webdb_message.mdb”

(3)、利用插入记录表单向导创建页面,各配置如图

列t_time的标签改为留言时间,显示为隐藏域,提交为日期,默认值写 <%= Now()%> 设置完记录表单向导后,会自动生成表单

打开浏览器,输入http://localhost/message.asp 出现留言页面,输入留言内容

由于留言板主页并未制作,所以不会出现连接,但是Access数据库中有留言内容

3、建立留言板首页

(1)、用Dreamweaver新建ASP VBScript,创建留言板首页index.asp。(2)、建立一个记录集message

(3)、插入一个4行4列的表格

(4)、绑定记录集到表格中

在浏览器地址输入http://localhost/index.asp就会出现留言板主页,并且显示以前留言

重新在浏览器地址输入http://localhost/message.asp

提交新留言

留言板主页只显示当前最新留言,以前留言并不显示,要改进就要添加重复区域

9(5)、添加重复区域

需要修改代码

在浏览器输入地址http://localhost/index.asp显示结果有全部留言

三、网页制作结果

四、总结

这次实训是做一个简易的留言板,对然简单,但能实现基本功能。利用ASP、Dreamweaver 8.0、Access制作留言板,减少了写繁多代码的麻烦,便可制作出最基本、简便的留言板。在制作过程中,首先了解了ASP的运行与原理,其次,再利用Dreamweaver 8.0制作网页的过程中,对该软件有了初步的认识与了解,并会运用其中一些功能,利用Access制作简单的数据库,简便快捷。

在使用软件的过程中,由陌生到逐步了解、熟悉,在配置各种设置的过程中了解使用原理,一步一步做出所需要的留言板,在过程中学会知识,在结果中收获喜悦。通过本次实训,让我对学了的知识进行了巩固并且学到了许多新的知识,知道如何将书本上的知识转化为实际操作并且得到所要的结果,五、致谢

感谢老师的指导,为我们解决了许多疑难困惑。

六、参考文献

[1] 吴鹏,李国娟,贾艳萍.Dreamweaver网页设计与制作案例教程.北京大学出版社,2010.[2] 张玉孔.ASP动态网页开发案例教程.北京航空航天大学出版社,2009.[3] 石志国,李颖.ASP程序设计.清华大学出版社,2005.[4] 邹婷.Dreamweaver 8 标准教程.中国青年出版社,2006.

第三篇:留言板的制作

实验十二

一、实训目的

1、掌握制作校园留言板;

2、掌握制作留言板数据库。

二、实训内容

注意:以下各题,保存在D: 09通信学号XX文件名中。

1、设计添加留言板数据库(课本P113-114)。(40分)

2、设计留言板主页(index.asp)(课本P120-125)(60分)

第四篇:Dreamweaver制作网页经典问题

Dreamweaver制作网页经典问题大整理(1)1> 在DW中,如何输入一个空格呢?

输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。

DW中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打开中文输入法(以人工智能ABC为例),按Shift+Space切换到全角状态,现在应该没问题了。此外,你还可以通过许多“变通”的方法达到录入空格的目的,比如常用的是:

直接在源代码中加入代表空格的HTML代码“ ”;输入一定长度的文字对象后,然后调整文字的颜色与当前的背景颜色相同等等,不过注意的是后者在一些浏览器中可能显示上有点问题。

2> 如何在浏览器地址栏前添加自定义的小图标?

你是不是记得有时在浏览网易网站的首页时,在地址www.xiexiebang.com前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个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.xiexiebang.common的“内容”。

单击上面的“Refresh”按钮,其中“Delay”输入框中键入刷新延迟的时间(单位:秒),“Action”为刷新指定的目标URL。因为现在是刷新当前页面,直接选单选项“Refresh This Document”即可。

·Dreamweaver制作网页经典问题大整理(4)

13> 如何定义网页的关键字(Keyname)?

当用户使用搜索引擎search合适内容的网页时,关键字起着一个不容忽视的作用。大多的搜索服务器会每隔一段时间自动探测网络中是否有新网页产生,并把他们按关键字进行记录,以方便用户查询。

你当然想让你的网页出现在搜索引擎的查询返回列表中了,这时关键字的定义就尤为重要了。

同样在“Head”面板部分,单击“Keywords”按钮,录入需要逐个定义的关键字即可,注意每个关键字以“;”号隔开,数目没有限制。

14> 如何在编辑窗口中,隐藏一些不必要的标签?

当用户在网页中插入了太多的不可见元素时,在编辑窗口的最上面就会显示一排相应的标示标签,用来方便用户随时能找到它们。虽然这些标签本身并不影响浏览器里的显示效果,但多了以后,往往使网页内容不得不错位,从而一定程度上妨碍网页视觉上的调整,那么怎么样才能把这些东东去掉呢?

进入“Preperence”面板,列表中选择“Invisibel Elements”,勾掉你不想显示的项目前的“对号”即可,比如Scripts等

15>安排不支持“框架”的浏览器的显示内容?

我们知道,目前的浏览器类型很多,因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢?”。框架就是一个例子!

不过避免开这点,很简单,你只需要在源代码中加入下面的内容就可以了。

< BODY>---本网页中包含有框架结构,如果您不能正常显示的话,请下载新的浏览器版本或更换主流浏览器---< /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 href=“/”onclick=“javascript:window.close();return false;”>关闭窗口< /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><a name="5" >第五篇:dreamweaver网页制作教案</a></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> </div> </article> <a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow"> <img class="download_card_pic" src="//static.xiexiebang.com/skin/default/images/icon_word.png" alt="下载dreamweaver制作留言板步骤word格式文档"> <div class="download_card_msg"> <div class="download_card_title" style="text-decoration:none;">下载dreamweaver制作留言板步骤.doc</div> <div class="download_card_tip">将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。</div> </div> <div class="download_card_btn"> <img src="//static.xiexiebang.com/skin/default/images/icon_download.png"> <div class="downlod_btn_right"> <div>点此处下载文档</div> <p>文档为doc格式</p> </div> </div> </a> <div class="post-tags mt20 mb30"><span>相关专题</span> <a href="/tag/dwlybzz/" target="_blank">dw留言板制作</a> <a href="/tag/lybzzbz/" target="_blank">留言板制作步骤</a> <a href="/tag/ydwzzlybxt/" target="_blank">用dw制作留言板系统</a> </div> <div class="single-info mb40"><span class="hidden-xs ">网址:https://www.xiexiebang.com/a6/2019051312/9b769e6773def916.html</span><br>声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。 </div> <div class="single-xg mb40"> <div class="con-title"> <h3><a name="6"></a>相关范文推荐</h3> </div> <div class="sticky mb20"> <ul><h2 class="mb20"><a href="/a13/2019051422/285f89602e0ac451.html" target="_blank">网页制作《Dreamweaver》制作要点小结</a></h2><p>网页制作 一、准备工作 1、站点的管理(创建、修改和删除站点) 2、网站与网页的关系:首页+子页=网站 index.htmlp1.htmlp2.htmlp3.html 3、网页的页面属性:“修改”——“页面属性”......</p><h2 class="mb20"><a href="/a5/2019051223/83d0d06c7300179a.html" target="_blank">Dreamweaver网页制作教案[推荐五篇]</a></h2><p> 认识Dreamweaver 一、学习目的 了解Dreamweaver,学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可......</p><h2 class="mb20"><a href="/a1/2019051213/aa40c40930db2ea4.html" target="_blank">Dreamweaver网页制作技巧心得体会</a></h2><p>Dreamweaver网页制作技巧心得体会 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右......</p><h2 class="mb20"><a href="/a4/2019051222/d48f511e225ca2ef.html" target="_blank">《Dreamweaver网页制作》考核方案</a></h2><p>《Dreamweaver网页制作》课程考核方案 一:《Dreamweaver网页制作》课程的期末考试形式 基于本课程操作性较强的特点,在本学期对该课程实行上机设计考试,给出考试要求,提供操作素......</p><h2 class="mb20"><a href="/a6/2019051313/a87e890994a6bda0.html" target="_blank">java l留言板的制作</a></h2><p>package com.cfxy.wwl.java.shixun; import java.awt.BorderLayout; import java.awt.GridLayout; import java.awt.event.ActionEvent; import java.awt.event.ActionList......</p><h2 class="mb20"><a href="/jiaoxue/kejian/90929eca5cb9ce98.html" target="_blank">语文课件制作步骤</a></h2><p>语文课件制作步骤 第一步:1.点右键——新建——PPT演示文稿;2.重命名——YW201101卢雪莲《桃花心木》(6下);3.双击打开——单击此处打开第一张幻灯片——内容版式(空白)——复制左......</p><h2 class="mb20"><a href="/a6/201905136/f5ad351944c71998.html" target="_blank">简单易学的ASP留言板制作教程</a></h2><p>ASP留言本教程(1) 时间:2010-04-09 22:53 点击:17次 作者: 来源:网页教学网 二、设计数据库 ASP程序本身并不能储存数据,众所周知,留言本有以下信息需要保存:留言者姓名、联系方......</p><h2 class="mb20"><a href="/a11/201905142/1a4991f5271c38e9.html" target="_blank">Dreamweaver中(网页)如何制作圆角边框总结(定稿)</a></h2><p>酷题(K-Tii) 海量试题下载 http://www.xiexiebang.com 初步介绍 当然,我知道现在有成千上万个关于 用CSS处理圆角 的教程,但不管怎么说,我仍然想把这篇文章展示给您。也希望您会......</p></ul> </div> </div> </div> </div> <div class="right-content-box wow fadeInRight delay300 right-content"> <script src="/e/member/login/loginjs.php"></script> <div class="sidebar"> <div id="sidebar" role="complementary"> <aside id="recent-posts-3" class="widget widget_recent_entries"> <h3 class="widget-title">猜你喜欢</h3> <ul class="new-list"><li><a href="/a6/2019051319/9d419238e543d5fa.html" title="用dreamweaver制作网页的实践报告" target="_blank">用dreamweaver制作网页的实践报告</a></li><li><a href="/a1/201905128/790720af333e80a1.html" title="留言板" target="_blank">留言板</a></li><li><a href="/a12/2019051323/876402825fd6247c.html" title="留言簿的制作步骤" target="_blank">留言簿的制作步骤</a></li><li><a href="/a2/2019051218/36dd4b16f2123612.html" title="蛋糕制作步骤总结" target="_blank">蛋糕制作步骤总结</a></li><li><a href="/jiaoxue/kejian/55af13288fb10223.html" title="PPT课件制作步骤" target="_blank">PPT课件制作步骤</a></li><li><a href="/a15/2019051423/9e38596413779bd9.html" title="3Dmax电视机制作步骤" target="_blank">3Dmax电视机制作步骤</a></li><li><a href="/a1/2019051214/ad37b6b2db7e4cf6.html" title="制作投标书的步骤" target="_blank">制作投标书的步骤</a></li><li><a href="/a13/201905157/5237cdb7dac21dfb.html" title="管理信息系统网页制作步骤" target="_blank">管理信息系统网页制作步骤</a></li><li><a href="/a2/2019051220/61f4738da0fa6bbd.html" title="员工手册制作步骤[★]" target="_blank">员工手册制作步骤[★]</a></li><li><a href="/a5/2019051310/7688331448629f7e.html" title="制作个人简历操作步骤(★)" target="_blank">制作个人简历操作步骤(★)</a></li></ul> </aside> </div> </div> </div> </div> </div> </section> <section id="footer" class="p30"> <div class="container"> <div class="footer-top clearfix"> <div class="copyr"> <div class="footer-menu clearfix mb10"> <ul class="footer-menu-con"> <li><a href="/a1/">1号文库</a></li><li><a href="/a2/">2号文库</a></li><li><a href="/a3/">3号文库</a></li><li><a href="/a4/">4号文库</a></li><li><a href="/a5/">5号文库</a></li><li><a href="/a6/">6号文库</a></li><li><a href="/a7/">7号文库</a></li><li><a href="/a8/">8号文库</a></li><li><a href="/a9/">9号文库</a></li><li><a href="/a10/">10号文库</a></li><li><a href="/a11/">11号文库</a></li><li><a href="/a12/">12号文库</a></li><li><a href="/a13/">13号文库</a></li><li><a href="/a14/">14号文库</a></li><li><a href="/a15/">15号文库</a></li> </ul> </div> <p>Copyright © 2018 <a href="/">写写帮文库</a> All Rights Reserved &nbsp;&nbsp;<a target="_blank" href="http://www.beian.miit.gov.cn" rel="nofollow"> 浙ICP备11058632号</a>&nbsp;&nbsp; <script type="text/javascript" src="//static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div> </div> </div> </section> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script> <div class="right_bar hidden-xs "> <ul> <li class="rtbar_li1" style="left: 0px;"><a><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li> <li class="rtbar_li2"> <a href="javascript:void(0);"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a> <div class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二维码" src="//static.xiexiebang.com/skin/default/images/wechat.png"> </div> </li> <li class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&amp;Menu=yes"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 点击咨询 </a> </li> <li class="rtbar_li5"><a href="#1">第一篇</a></li> <li class="rtbar_li6"><a href="#2">第二篇</a></li> <li class="rtbar_li7"><a href="#3">第三篇</a></li> <li class="rtbar_li8"><a href="#4">第四篇</a></li> <li class="rtbar_li9"><a href="#5">第五篇</a></li> <li class="rtbar_li10"><a href="#6">更 多</a></li> <li class="rtbar_li4 gotop"> <a href=""><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li> </ul> </div> </body> </html>