网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > Dreamweaver > 基础教程 > Dreamweaver 网页制作集锦  

Dreamweaver 网页制作集锦

2006-04-13  作者:中国网管联盟  来源:BitsCN.com整理  点评 投稿 收藏

  随着网页制作热潮的兴起,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\"> 便可使背景图像不会随着页面滚动 。 网管联盟bitsCN@com

  四、设置命令来关闭窗口
  代码:<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> 网管联盟bitsCN_com
  其中:
  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]
网管下载dl.bitscn.com

  [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=\" \" 文字移动的动作 网管联盟bitsCN_com
  \"scroll\":循环移动;\"slide\":仅移动一次;\"alternate\":来回不停地移动
  3. loop=\" \" 指定文字移动次数
  4. scrollamount=\" \" 加快移动速度
    scrolldelay=\" \" 减慢移动速度 
  5. bgcolor=\" \" 移动文字16进制背景色,如\"#ff0000\"、\"#0066cc\"
  6. onMouseOver=this.stop() 鼠标移至停止移动
    onMouseOut=this.start() 鼠标离开继续移动
  还可定义文字的样式、对齐方式、超链接等各种特效。

  十、编辑页面的跳转
  在 Dreamweaver 制作的超级链接处,键入CTRL+鼠标双击,便可跳转至该链接的编辑页面,非常快捷。

TAGs   集锦   网页制作   移动   Dreamweaver   代码   网页   文字   制作      
 上一篇:Dreamweaver 初学解惑   下一篇:Dreamweaver 图像特效制作技法
Dreamweaver 网页制作集锦 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: