转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
Dreamweaver 网页制作集锦         ★★★★

Dreamweaver 网页制作集锦

作者:闵涛 文章来源:闵涛的学习笔记 点击数:569 更新时间:2009/4/23 12:26:27
随着网页制作热潮的兴起,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+鼠标双击,便可跳转至该链接的编辑页面,非常快捷。


[网页制作]Dreamweaver MX打造弹出“向导”  [网页制作]使FrontPage与Dreamweaver亲密合作
[网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(2)  [网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(1)
[网页制作]Dreamweaver CS3集成Spry效果试用  [网页制作]Dreamweaver cs3 彩蛋
[网页制作]体验Adobe Dreamweaver CS3新特性  [网页制作]Dreamweaver 批量做web网页
[网页制作]Dreamweaver MX进阶教程:制作虚线  [网页制作]Dreamweaver MX建站攻略:创建样式表
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台