dreamweaver制作简单网页 怎样用dreamweaver制作网页优秀

格式:DOC 上传日期:2023-04-14 18:52:15
dreamweaver制作简单网页 怎样用dreamweaver制作网页优秀
时间:2023-04-14 18:52:15     小编:zdfb

在日常学习、工作或生活中,大家总少不了接触作文或者范文吧,通过文章可以把我们那些零零散散的思想,聚集在一块。大家想知道怎么样才能写一篇比较优质的范文吗?接下来小编就给大家介绍一下优秀的范文该怎么写,我们一起来看一看吧。

dreamweaver制作简单网页 怎样用dreamweaver制作网页篇一

网页设计是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。本文特意为大家收集整理了dreamweaver制作网页技巧20则,希望大家喜欢!

dreamweaver 安装程序会在上下文选单增加一个“ edit with dreamweaver ”命令,我们还可以修改 windows 的注册表使它与 ie 集成。就象 ms word 、 frontpage 和 notepad 一样,通过 ie 工具栏的编辑按钮来调用 dreamweaver 打开当前网页。

将下面文本的最后一行要改为你自己的 dreamweaver 安装路径,把它们保存为一个 *.reg 文件,双击它将信息添加到注册表即可。

regedit4

[nwithlistdreamweaver]

[nwithlistdreamweavershell]

[nwithlistdreamweavershelledit]

[nwithlistdreamweavershelleditcommand]

@="c:program filesmacromediadreamweaver %1"

如果要设置为 ie 缺省的编辑器,打开 ie 的“internet 选项”,在程序标签指定。

因为浏览器以为链接到同一页,可它又找不到定义的书签( anchor ),于是停留在页面的顶端。用“ javascript:void(null) ”替换空链接的“ # ”,解决这个问题。

在对不同浏览器的兼容方面, dreamweaver 作得不错,但绝不意味用 dreamweaver 作出的网页在 ie 和 netscape 中完全一样。通常情况下,用不同的浏览器浏览同一个网页的外观不可能完全一样,这是不同厂家的浏览器本身决定的。

一般要尽量注意以下问题:

不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内;

内联式的 css 在 netscape navigator 中经常会出现问题,使用链式或内嵌式;

有时需要在空层插入表格或者透明图片,以保证在 netscape navigator 里的效果。对于只有几个像素宽度或高度的层,改用图片来实现;

避免使用 w3c 组织不推荐的排版属性,用 css 代替。

dreamweaver 复制和粘贴文本有二种类别,标准的方式将对象连同对象的属性一起复制,把剪贴板的内容作为 html 代码;另一种方式仅复制或粘贴文本,复制时忽视 html 格式,粘帖时则把 html 代码作为文本粘贴。多按一个“ shift ”( ctrl shift c/ctrl shift v )键即按后一种方式操作。

请检查代码。因为用所见所得编辑器反复修改页面的某些部分,有时会留下一些多余的代码,比如多余的链接,这些代码在 dreamweaver 的文档窗口看不到, ie 会忽视它们。但是 netscape navigator 对代码要求更严格,预览时就出现不可思议的现象。

netscape navigator 的书签是大小写敏感的。在 navigator 中,多层嵌套的表格里面的书签会丢失,把书签放到表格外面。

一个 800x600 分辩率的屏幕对于 dreamweaver 来说确实小了些,不过即便是 1024x768 ,也放不下所有的面板。关键是好好组织。

关闭那些在编辑中暂时用不到的`面板,把常用的面板放在一起,节省屏幕空间;

除非现在要用,否则关闭“ html source inspector ”,它除开占用屏幕空间,还占用相当的系统资源;

按 f4 隐藏所有打开的面板,一览文档的全貌,再按一下,显示面板;

在“ windows ”选单有个“ arrange floating palettes ”命令,使用这个命令将所有打开的面板放在窗口四周,并互不重叠。

多用快捷键并熟练掌握是很好的提高工作效率的方法。

当添加不可见的对象时,dreamweaver会在文档窗口的页面顶部加上相应的图标,如果图标太多,可能妨碍编辑。可以按“ctrl shift i ”(主选单 view|invisible elements )来隐藏和显示它们。也可以设定不出现这些图标,不过不建议这样作,因为它们能帮助选择对象,便于编辑。

可以。有一种非常直观的方式,按“ ctrl shift w ”(主选单 view|head content ),在文档窗口主选单栏下出现一行图标,点击这些图标修改。

在表格的单元格中点击,然后按下“ shift ”键,用箭头键移动即可选择。

也可先选定表格单元(按下 ctrl 键,用鼠标点击相应单元)或者层,然后在“ html source inspector ”面板中选择高亮代码中的 < img src="..."> ,返回文档窗口,图片即被选择。

按“ ctrl f10 ”打开“ frames ”面板,点击最外面的框,按“ ctrl j ”(主选单 modify|page properties )。

事件设定文件放在 dreamweaver 安装目录下的“ configurationbehaviorsevents ”文件夹,比如对于 4.0 以上版本浏览器,打开文件“ 4.0 and later ”。

< a onclick="*" ondblclick="" onkeydown="" onkeypress="" onkeyup="" onmousedown="" onmouseout="" onmouseover="" onmouseup="">

将“ onclick="*" ”中的“*”移到“ onmouseover="" ”中,改为: < a onclick="" ondblclick="" onkeydown="" onkeypress="" onkeyup="" onmousedown="" onmouseout="" onmouseover="*" onmouseup="">

重新启动 dreamweaver ,该类缺省事件即变为“onmouseover ”。其他类推。

能,不用写一行代码。在“ behaviors ”面板使用内置的“ open browser window ”脚本,设定页面、窗口大小、属性。如图:

这是 dreamweaver 自动生成的,不要删除它。如果表格单元里没有任何东西, netscape navigator 将不显示该单元。

用“ html source inspector ”面板在模板文档的“ < /head> ”前加入可编辑标记,如下:

< !-- #begineditable "javascript" -->

< script language="javascript">

< /script>

< !-- #endeditable -->

check in/check out 是 dreamweaver 内部使用的一种管理机制,它与文件的属性无关。“ check out ”意味着该文件正被我使用,别人不能编辑它;“ check in ”则表示该文件可以被别的同事 check out 及编辑,本地的文件就会变成只读,防止自己改变它的内容。

dreamweaver 通过在本地和远程服务器上产生相应的 “.lck” 文件来实现 check in/check out 功能,这些文件在“ site ”窗口不显示, dreamweaver 能够读这些文件,它只对 dreamweaver 有效。并没有为文件加上什么属性。如果用别的 ftp 工具和编辑器,仍旧可以打开它们。

如果图片的大小不符,在属性面板,它的值会变成显目的粗体。按面板上的“ refresh ”按钮,就可恢复成真实大小。

最直接的方法就是为该链接建立一个框架系。

用 dreamweaver 的“ go to url ” behavior 更简单。对话框显示所有的框架,在下面的“ url ”栏填入相应的页面就是。

以前遇到这种情况,我一般在文本旁边插入一张图片,把需要的 behavior 加在图片上。然后再编辑代码,移到文本上,并去掉图片。

上面的作法较繁琐,便捷的方式是将文本链接到“ javascript:void(null) ”,那些 behavior 就老老实实显露出来了。

用模板来作。

制作 flash 网页时,人们习惯使用 dreamweaver 的“ check plugin” behavior 来重定向。但是有时它会错报,明明安装了插件,却说没有。下面介绍一种稳妥的方法来重定向。

制作一个新的首页作为重定向的页面。用“ head ”对象面板的“ insert refresh ”定向到未使用 flash 技术的网页,如图。它会在页面头部加上如下代码: < meta http-equiv="refresh" content="4;url=">

另作一个很小的 flash 影片,在第一帧加上一个“ get url ”行为,指向使用 flash 技术的页面。把这个小影片嵌入到用来定向的首页。

显然,这个重定向的页面是非常可靠的。

s("content_relate");

【dreamweaver制作网页技巧20则】相关文章:

dreamweaver网页设计制作技巧

09-11

提高 dreamweaver网页设计制作技巧

11-15

dreamweaver网页设计制作的技巧

10-04

dreamweaver制作网页实用技巧

09-10

dreamweaver定义模板批量制作网页技巧

09-15

制作网页dreamweaver13个技巧

09-14

dreamweaver怎么制作网页

09-24

dreamweaver怎样制作网页模板

09-16

制作网页,dreamweaver的基本步骤

07-22

制作dreamweaver的技巧

07-29

【本文地址:http://www.xuefen.com.cn/zuowen/2619721.html】

全文阅读已结束,如果需要下载本文请点击

下载此文档