最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

Dreamweaver 网页制作集锦

日期:05-29    来源:网页设计秀收集整理|    作者:

随着网页制作热潮的兴起,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.htmOpenWithListDreamweaver]
  [HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
  [HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
  [HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
  @="C:Program filesMacromediaDreamweaver 3dreamweaver.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+鼠标双击,便可跳转至该链接的编辑页面,非常快捷。