在本文中,我们将为您详细介绍如何用dreamwaver制作动态网页的相关知识,并且为您解答关于dream网页制作的疑问,此外,我们还会提供一些关于20个dreamweaver中制作网页的小技巧、Dre
在本文中,我们将为您详细介绍如何用dreamwaver制作动态网页的相关知识,并且为您解答关于dream 网页制作的疑问,此外,我们还会提供一些关于20个dreamweaver中制作网页的小技巧、Dreamweaver制作带有列表值的下拉菜单、dreamweaver制作的网页怎么打开、dreamweaver制作网页怎么保存的有用信息。
本文目录一览:- 如何用dreamwaver制作动态网页(dream 网页制作)
- 20个dreamweaver中制作网页的小技巧
- Dreamweaver制作带有列表值的下拉菜单
- dreamweaver制作的网页怎么打开
- dreamweaver制作网页怎么保存
如何用dreamwaver制作动态网页(dream 网页制作)
dreamwaver主要是用作制作静态网页,即基本的页面布局,这所以这样说是因为它的可视化编程可以让你轻松的实现布局,还有标签和属性的颜色差别能让你的代码看起来有层次感,避免最基本的代码错误。虽然有这么多优点,但是不能检测出网页错误(比如JS和CSS),更不用说你的动态程序错误了,至今Adobe Dreamweaver CS5的实时视图可以检测到JS错误了,编写的同时给予提示(但是只是检测出语法错误,耍不能检测出逻辑错误),简单说DW就只是一个工具,方便代码编写,而要实现动态网页,就是要有数据交互,是需要环境的,所以与DW基本上无关,如果你强的话,用记事本一样可以写!
怎么做网站动态显示?
你说的功能用简单的编程就能搞好
下面我就以网站在线人数统计为例解释说明一下
利用HttpSessionListener实现网站在线人数统计功能
在网站中经常需要进行在线人数的统计。过去的一般做法是结合登录和退出功能,即当用户输入用户名密码进行登录的时候计数器加1,然后当用户点击退出按钮退出系统的时候计数器减1。这种处理方式存在一些缺点,例如:用户正常登录后,可能会忘记点击退出按钮,而直接关闭浏览器,导致计数器减1的操作没有及时执行;网站上还经常有一些内容是不需要登录就可以访问的,在这种情况下也无法使用上面的方法进行在线人数统计。
我们可以利用Servlet规范中定义的事件监听器(Listener)来解决这个问题,实现更准确的在线人数统计功能。对每一个正在访问的用户,J2EE应用服务器会为其建立一个对应的HttpSession对象。当一个浏览器第一次访问网站的时候,J2EE应用服务器会新建一个HttpSession对象,并触发HttpSession创建事件,如果注册了HttpSessionListener事件监听器,则会调用HttpSessionListener事件监听器的sessionCreated方法。相反,当这个浏览器访问结束超时的时候,J2EE应用服务器会销毁相应的HttpSession对象,触发HttpSession销毁事件,同时调用所注册HttpSessionListener事件监听器的sessionDestroyed方法。
可见,对应于一个用户访问的开始和结束,相应的有sessionCreated方法和sessionDestroyed方法执行。这样,我们只需要在HttpSessionListener实现类的sessionCreated方法中让计数器加1,在sessionDestroyed方法中让计数器减1,就轻松实现了网站在线人数的统计功能。
下面就是利用HttpSessionListener实现在线人数统计的一个例子,这个例子已经在中创软件的J2EE应用服务器InforWeb中测试通过。
首先,编写一个简单的计数器,代码如下:
package gongfei.cmc.articles.onlinecounter;
public class OnlineCounter {
private static long online = 0;
public static long getOnline() {
return online;
}
public static void raise(){
online++;
}
public static void reduce(){
online--;
}
}
然后,编写HttpSessionListener实现类,在这个实现类的sessionCreated方法中调用OnlineCounter的raise方法,在sessionDestroyed方法中调用OnlineCounter的reduce方法,代码如下:
package gongfei.cmc.articles.onlinecounter;
import javax.servlet.http.HttpSessionEvent;
import javax.servlet.http.HttpSessionListener;
public class OnlineCounterListener implements HttpSessionListener {
public void sessionCreated(HttpSessionEvent hse) {
OnlineCounter.raise();
}
public void sessionDestroyed(HttpSessionEvent hse) {
OnlineCounter.reduce();
}
}
再然后,把这个HttpSessionListener实现类注册到网站应用中,也就是在网站应用的web.xml中加入如下内容:
…… gongfei.cmc.articles.example.OnlineCounterListener ……
OK,在线人数统计功能已经实现,只要在JSP页面中加入下面这样的脚本就能显示但前在线人数了:
<%@ page language=java pageEncoding=GB2312 %>
<%@ page import=gongfei.cmc.articles.onlinecounter.OnlineCounter %>
On Line Counert
On line:<%=OnlineCounter.getOnline()%>
20个dreamweaver中制作网页的小技巧
本篇文章给大家介绍20个dreamweaver中制作网页的小技巧。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
相关推荐:《dreamweaver教程》
使用Dreamweaver制作网页的20个技巧。希望对您有所帮助。
1)怎样将 Dreamweaver 集成到 IE 浏览器?
Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令,我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。
将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径,把它们保存为一个 *.reg 文件,双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要设置为 IE 缺省的编辑器,打开 IE 的“Internet 选项”,在程序标签指定。
2)为了使用某些脚本,经常要为图形或文本加上空链接,但是浏览时点击有空链接的对象时,会跳到页面的顶端,如何避免?
因为浏览器以为链接到同一页,可它又找不到定义的书签( anchor ),于是停留在页面的顶端。用“ javascript:void(null) ”替换空链接的“ # ”,解决这个问题。
3)使用 CSS 、层的时候,在不同浏览器的效果不一样,有时甚至出现错位现象,怎样解决?
在对不同浏览器的兼容方面, Dreamweaver 作得不错,但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下,用不同的浏览器浏览同一个网页的外观不可能完全一样,这是不同厂家的浏览器本身决定的。
一般要尽量注意以下问题:
不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内;
内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式;
有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层,改用图片来实现;
避免使用 W3C 组织不推荐的排版属性,用 CSS 代替。
4)为何从别的文档拷贝文本到 Dreamweaver ,所有的段落会挤成一团,而在 Dreamweaver 内部又带有格式代码?
Dreamweaver 复制和粘贴文本有二种类别,标准的方式将对象连同对象的属性一起复制,把剪贴板的内容作为 HTML 代码;另一种方式仅复制或粘贴文本,复制时忽视 html 格式,粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift ”( Ctrl Shift C/Ctrl Shift V )键即按后一种方式操作。
5)为什么网页用 IE 浏览正常,用 Netscape Navigator 却不符合要求甚至出错,而且在 Dreamweaver 的文档窗口老是修改不好?
请检查代码。因为用所见所得编辑器反复修改页面的某些部分,有时会留下一些多余的代码,比如多余的链接,这些代码在 Dreamweaver 的文档窗口看不到, IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格,预览时就出现不可思议的现象。
6)在 Netscape Navigator 中,有些书签( anchor )不起作用,有些好象消失了?
Netscape Navigator 的书签是大小写敏感的。在 Navigator 中,多层嵌套的表格里面的书签会丢失,把书签放到表格外面。
7) Dreamweaver 文档窗口布满了各种各样的面板,为了编辑文档,不得不扒开一个个空隙,太累,如何是好?
一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些,不过即便是 1024X768 ,也放不下所有的面板。关键是好好组织。
关闭那些在编辑中暂时用不到的面板,把常用的面板放在一起,节省屏幕空间;
除非现在要用,否则关闭“ HTML Source Inspector ”,它除开占用屏幕空间,还占用相当的系统资源;
按 F4 隐藏所有打开的面板,一览文档的全貌,再按一下,显示面板;
在“ Windows ”选单有个“ Arrange Floating Palettes ”命令,使用这个命令将所有打开的面板放在窗口四周,并互不重叠。
多用快捷键并熟练掌握是很好的提高工作效率的方法。
当添加不可见的对象时,Dreamweaver会在文档窗口的页面顶部加上相应的图标,如果图标太多,可能妨碍编辑。可以按“Ctrl Shift I ”(主选单 View|Invisible Elements )来隐藏和显示它们。也可以设定不出现这些图标,不过不建议这样作,因为它们能帮助选择对象,便于编辑。
8) Head 对象面板只能添加内容,能在文档窗口修改 标记的内容吗?
可以。有一种非常直观的方式,按“ Ctrl Shift W ”(主选单 View|Head Content ),在文档窗口主选单栏下出现一行图标,点击这些图标修改。
9)如何选择表格、层里面那些非常小的,比如 1X1px 的图片?
在表格的单元格中点击,然后按下“ Shift ”键,用箭头键移动即可选择。
也可先选定表格单元(按下 Ctrl 键,用鼠标点击相应单元)或者层,然后在“ HTML Source Inspector ”面板中选择高亮代码中的 ,返回文档窗口,图片即被选择。
10)怎样编辑一个框架系的名字(Title)?
按“ Ctrl F10 ”打开“ Frames ”面板,点击最外面的框,按“ Ctrl J ”(主选单 Modify|Page Properties )。
11)如何改变“behaviors”的缺省事件?
事件设定文件放在 Dreamweaver 安装目录下的“ \Configuration\Behaviors\Events\ ”文件夹,比如对于 4.0 以上版本浏览器,打开文件“ 4.0 and Later Browsers.htm ”。
将“ onClick="*" ”中的“*”移到“ onMouseOver="" ”中,改为:
重新启动 Dreamweaver ,该类缺省事件即变为“onMouseOver ”。其他类推。
12)在打开一个页面时,同时打开一个小窗口,用 Dreamweaver 能够实现吗?
能,不用写一行代码。在“ behaviors ”面板使用内置的“ Open Browser Window ”脚本,设定页面、窗口大小、属性。如图:
图片1
13)插入表格时,在表格单元中老是有个空格( ),怎样才能不让它产生?
这是 Dreamweaver 自动生成的,不要删除它。如果表格单元里没有任何东西, Netscape Navigator 将不显示该单元。
14)模板文档的 标记里,除了网页主题外不能编辑,怎样才能将 behaviors 加入到基于该模板的网页?
用“ HTML Source inspector ”面板在模板文档的“ ”前加入可编辑标记,如下:
15)在合作开发和管理网站时,使用 Dreamweaver 的登记/检查系统,是否为远程服务器的网站的相关文件加上了不同的访问权限?
check in/check out 是 Dreamweaver 内部使用的一种管理机制,它与文件的属性无关。“ check out ”意味着该文件正被我使用,别人不能编辑它;“ check in ”则表示该文件可以被别的同事 check out 及编辑,本地的文件就会变成只读,防止自己改变它的内容。
Dreamweaver 通过在本地和远程服务器上产生相应的 “.lck” 文件来实现 check in/check out 功能,这些文件在“ Site ”窗口不显示, Dreamweaver 能够读这些文件,它只对 Dreamweaver 有效。并没有为文件加上什么属性。如果用别的 Ftp 工具和编辑器,仍旧可以打开它们。
16)作网页时,鼠标飞舞,经常改变了设置好的图片的大小。能够不重新查看图片就纠正吗?
如果图片的大小不符,在属性面板,它的值会变成显目的粗体。按面板上的“ Refresh ”按钮,就可恢复成真实大小。
17)如何才能单击一个链接,同时改变多个框架?
最直接的方法就是为该链接建立一个框架系。
用 Dreamweaver 的“ Go to URL ” behavior 更简单。对话框显示所有的框架,在下面的“ URL ”栏填入相应的页面就是。
18)想给文本加上 behavior ,可是 behavior 面板上的项目都是灰暗的,不可选的,怎么办?
以前遇到这种情况,我一般在文本旁边插入一张图片,把需要的 behavior 加在图片上。然后再编辑代码,移到文本上,并去掉图片。
上面的作法较繁琐,便捷的方式是将文本链接到“ javascript:void(null) ”,那些 behavior 就老老实实显露出来了。
19)把使用了 behaviors 的层放进 Library 时, Dreamweaver 不让层的 behaviors 跟着走,怎么办?
用模板来作。
20)检查 Flash 插件并重定向的脚本有时不正常,还有别的方法吗?
制作 Flash 网页时,人们习惯使用 Dreamweaver 的“ check plugin” behavior 来重定向。但是有时它会错报,明明安装了插件,却说没有。下面介绍一种稳妥的方法来重定向。
制作一个新的首页作为重定向的页面。用“ head ”对象面板的“ Insert Refresh ”定向到未使用 Flash 技术的网页,如图。它会在页面头部加上如下代码:
另作一个很小的 Flash 影片,在第一帧加上一个“ Get url ”行为,指向使用 Flash 技术的页面。把这个小影片嵌入到用来定向的首页。
显然,这个重定向的页面是非常可靠的。
使用Dreamweaver制作网页的20个技巧到此结束,感谢阅读。
更多编程相关知识,请访问:编程学习!!
以上就是20个dreamweaver中制作网页的小技巧的详细内容,更多请关注php中文网其它相关文章!
Dreamweaver制作带有列表值的下拉菜单
网制作网页的时候,需要选择男女,所以需要添加下拉菜单,今天我们就来看看dw制作下拉菜单的教程。
软件名称:
Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解补丁) 64位
软件大小:
758MB
更新时间:
2016-11-05
1、先打开Dreamweaver,如果你事先有做好的网页源文件,可以的直接点击文件——打开,打开你的网页源文件,如果没有,就点击文件——新建,新建一个新的网页源文件。
2、新建的类型默认就可以了,如果有其它需要,可以自己选择页面类型和布局等等,让点击创建按钮。
3、新建好网页之后,在设计页面,点击插入——表单——选择(列表/菜单),这样就可以插入一个可选择的下拉表单了。
4、或者在菜单栏下方有个表单选项的图标,鼠标放上去显示“选择(列表/菜单)”然后点击,也可以插入下拉菜单。
5、然后跳出需要输入标签辅助功能属性的界面,ID填写英文或者数字,标签就是你的下拉菜单的对应的数据标题,比如地址,性别等等,这里填写“性别:”,然后点击确定。
6、跳出是否添加表单标签的提示,就选择是,就可以了。
7、这时,下拉菜单插入到页面中了,点击下方的列表值,给你的下拉菜单添加内容。
8、跳出列表值的界面,在项目标签上填写下拉菜单选项,比如我这里要做一个性别选择的下拉菜单,这里就在值和项目标签填写男。
9、接着点击加号,添加新的下面标签和值,都填上女。然后点击确定按钮。
10、点击界面上箭头所指的小图标,选择一个浏览器,点击它,可以在浏览器上看到预览效果。
11、这时会提示是否保存网页文件的更改,选择是,保存一下即可。
12、然后就可以在浏览器上看到你做好的下拉菜单的样子了,鼠标点击一下下拉小箭头是不是可以选择了,很简单吧,动手试试吧。
以上就是Dreamweaver制作带有列表值的下拉菜单的详细内容,更多请关注php中文网其它相关文章!
dreamweaver制作的网页怎么打开
使用 dreamweaver 打开网页:启动 dreamweaver。点击“文件”>“打开”。浏览并选择网页文件 (.html 或 .htm)。点击“打开”。dreamweaver 将在编辑窗口中打开网页。
如何使用 Dreamweaver 打开网页
Dreamweaver 是 Adobe 广受欢迎的网页设计和开发应用程序。要打开已使用 Dreamweaver 创建的网页,请按照以下步骤操作:
- 启动 Dreamweaver
- 在您的计算机上启动 Dreamweaver 应用程序。
- 打开文件选项
- 点击菜单栏上的“文件”选项。
- 从下拉菜单中选择“打开”。
- 浏览并选择网页
- 在打开对话框中,浏览并找到您要打开的网页文件。
- 网页文件通常以 “.html” 或 “.htm” 为扩展名。
- 选择文件
- 选择要打开的网页文件,然后点击“打开”按钮。
- 查看网页
- Dreamweaver 将打开网页文件并在其编辑窗口中显示。您可以立即开始查看和编辑网页。
提示:
- 您可以使用键盘快捷键 Ctrl+O(Windows)或 Cmd+O(Mac)直接打开文件。
- 如果您看到一个名为“未命名”的选项卡,则表示您打开了尚未保存的网页。
- 确保您拥有对网页文件的编辑权限,否则您可能无法对其进行更改。
以上就是
dreamweaver制作网页怎么保存
在 dreamweaver 中保存网页的步骤:点击文件菜单,选择保存或另存为。指定保存位置和文件名。选择保存格式(html、html5、xhtml、asp)。点击保存。
Dreamweaver 中保存网页的步骤
在 Dreamweaver 中保存网页非常简单,只需以下几个步骤:
1. 单击“文件”菜单
2. 选择“保存”或“另存为”
- 保存:将当前文件保存到其原始位置和名称。
- 另存为:将当前文件保存到一个新的位置和/或名称。
3. 指定保存位置和文件名
- 在“另存为”对话框中,选择要保存文件的位置。
- 为文件输入一个文件名。
4. 选择保存格式
- Dreamweaver 支持多种网页格式,包括 HTML、HTML5、XHTML 和 ASP。
- 从“保存类型”下拉菜单中选择所需的格式。
5. 单击“保存”
- Dreamweaver 将把文件保存到指定的位置和名称。
其他提示:
- 通过按快捷键 Ctrl+S (Windows) 或 Cmd+S (Mac) 可以快速保存文件。
- 定期保存您的工作以防止
数据丢失。 - 如果您正在使用远程服务器,您需要在上传文件之前先将其保存在本地计算机上。
以上就是
我们今天的关于如何用dreamwaver制作动态网页和dream 网页制作的分享已经告一段落,感谢您的关注,如果您想了解更多关于20个dreamweaver中制作网页的小技巧、Dreamweaver制作带有列表值的下拉菜单、dreamweaver制作的网页怎么打开、dreamweaver制作网页怎么保存的相关信息,请在本站查询。
本文标签: