Dreamweaver网页制作集锦

2008-02-23 06:03:08来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  随着网页制作热潮的兴起,Dreamweaver 的威名也到处传播。Dreamweaver 是由 Macromedia 出品的优秀 可视化网页制作工具,制作网页很轻松,并且容易上手。内置的多项强大功能,让您很轻松地做出各种交互 式的网页和动态效果。现在已渐渐成为众多网页设计师的最好选择工具。

  在制作网页过程中,笔者积累了一些经验技巧,特列举如下:

  一、将网站主页添加至收藏夹

  在需要建立终极链接处使用: javascript:window.external.AddFavorite('http://www.webjx.com/','网页教学网') 代码,点击后便会将您的主页添加至收藏夹中了。

  二、将主页设为浏览器的默认首页

  能够使用如下代码:<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.webjx.com/')>将本站设为首页</a>

  三、让背景图像不随网页滚动

  使用代码:<BODY Background="bgound.gif" Bgproperties="fixed"> 便可使背景图像不会随着页面滚动 。

  四、配置命令来关闭窗口

  代码:<a href="javascript:window.close()">关闭窗口</a>

  五、水平线的配置

  如何在 Dreamweaver 中将水平线配置成为一根红色的、并且没有阴影的细线条呢?只要在源代码中,将默认的代码改为 <hr color="#ff0000" size="1" noshade> 即可。

  六、制作鼠标指到表格,表格背景变色的特效

  这个特效用的是表格样式表,要达到此效果您只需在<td>代码中加入

  onmouseout="this.style.backgroundColor='' "

  onmouseover="this.style.backgroundColor='#FFcccc'"

  其中"#ffccc"是您鼠标指到表格上要变的颜色,您可根据需要配置其他的颜色。

  七、制作电子邮件的终极链接

  使用代码:

  <a href="mailto:web@webjx.com?Subject=申请友情链接&CC=web@webjx.com&BCC=tslxg@hotmail.com&body=想和“网页教学网”建立网站的友情链接!">友情链接申请</a>

  其中:

  Subject:邮件的标题

  CC:抄送地址

  BCC:密件抄送地址

  body:邮件内容

  请看特效:友情链接申请

  八、将 Dreamweaver 集成至 Internet Explorer 浏览器

  Dreamweaver 安装程式会在上下文选单增加一个“ Edit with Dreamweaver ”命令,我们还能够修改 Windows 的注册表,使他和 IE 集成。就象Frontpage 和 Notepad 相同,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。

  1.新建一个Drw.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"

  将文档的最后一行改为 Dreamweaver 安装路径,双击他将信息添加到注册表,并打开 IE 的“Internet 选 项”,在程式标签指定"HTML 编辑器"即可。

  九、制作会移动的文字

  基本代码:<marquee>需要移动的文字</marquee>

  其中使用的各种参数如下:

  1. direction=" " 文字移动的方向

  "up":向上移动;"down":向下移动;"right":向右移动;"left":向左移动

  2. bihavior=" " 文字移动的动作

  "scroll":循环移动;"slide":仅移动一次;"alternate":来回不停地移动

  3. loop=" " 指定文字移动次数

  4. scrollamount=" " 加快移动速度

  scrolldelay=" " 减慢移动速度

  5. bgcolor=" " 移动文字16进制背景色,如"#ff0000"、"#0066cc"

  6. onMouseOver=this.stop() 鼠标移至停止移动

  onMouseOut=this.start() 鼠标离开继续移动

  还可定义文字的样式、对齐方式、超链接等各种特效。

  十、编辑页面的跳转

  在 Dreamweaver 制作的终极链接处,键入CTRL 鼠标双击,便可跳转至该链接的编辑页面,很快捷。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Dreamweaver快捷键大全

下一篇: Dreamweaver构建Blog全程实录用户注册的实现