频道直达 - 学院 - 下载 - 交易 - 特效 - 字库 - 手册 -排名-工具- 繁體
网页教学网站开发 设为首页
加入收藏
联系我们
建站搜索: 常用广告代码   用户注册 | 用户登陆
您当前的位置:中国建站之家 -> 网站开发工具应用教程 -> DreamWeaver教程 -> Dreamweaver网页制作技巧全面接触(3)

Dreamweaver网页制作技巧全面接触(3)

作者:蓝色理想  来源:蓝色理想  发布时间:2007-1-9 11:06:17  发布人:圈圈

减小字体 增大字体

 然后选中文档中需要链接的文字,打开属性面版,将链接地址栏后的Point to File指向站点窗口中的目标文件即可,如下图:

  

  4、如何加入背景声音。在Dreamweaver中对于一些多媒体声音文件的插入,很多朋友都感到有些困惑,其实很简单,点击Dreamweaver 工作窗口最左下角的 标签,打开Behavior面板,在弹出的behavior窗口点+号,选择Play Sound,选择你需要的声音文件即可加入。在文档窗口中选中声音文件标识,在属性面板点击Parameters就可以自行设定背景音乐的循环次数、是否自动播放等属性了,如图:

  

  四、 美化篇

  美化各种网页元素是一件既耗时又不一定出效果的工作,下面我介绍的几个技巧也许能帮你一点忙。

  1、快速创建配色方案。我们经常需要设定链接各个状态的文字颜色,有些朋友感觉自己的色彩感不太好,总去寻找一些配色手册。其实Dreamweaver本身已经带了一些配色方案,打开Commands—Set Color Scheme命令,我们可以看到有许多成套的配色方案,每个都定义了背景色、文字色、链接各个状态的颜色,你只需选择一种即可,见下图:

  

  2、CSS链接样式技巧。文字链接一般有四个状态,link、hover、active、visited,我们通常都会对文字链接的各个状态定义不同的色彩和样式,但经常有朋友发现自己定义的样式在浏览时并未像设想的那样。主要原因是在样式表中对链接的定义顺序有一定的要求,正确的顺序是:A:link—A:visited—A:hover。对一般的朋友来说,其实很多时候只是想Hover状态有变化,有个小技巧就是不按上面的方法定义链接样式,而只需定义a和a:hover状态的样式即可,这样只有hover状态的样式与其他状态的不同。修改方法如下图;

  

  3、创建不同色彩的连接文字与下划线。普通的链接文字与链接下划线都是相同的色彩,其实我们也可以利用样式表中的Border属性来替代普通链接的划线,由于Border有更多的控制参数和样式,因此只要将Border的色彩和文字的色彩定义的不同即可实现我们的目的。例如我们可以将文字定义为黑色,而在Border选项中定义下划线为红色,如下图;

  

五、 提高效率技巧

  Dreamweaver还包含了许多可以极大提高工作效率的命令,包括库项目的建立、模板的运用、历史面板的功能及查找替换功能。这里我介绍几个小的技巧来演示这些命令的强大。

  1、清理Word文件技巧。我们经常需要将一些Word文件转换为HTML文件,但这种转换的结果是生成的HTML文件非常的大,里面包含了许多重复代码,综合利用Dreamweaver的几个功能可以方便的清理掉无用代码。首先打开Word生成的HTML文件,执行Commands菜单下Clean Up Word HTML命令,程序会自动识别原来Word的版本,并将无用的代码清除。但此时的文件仍就有许多重复代码,主要是包含了大量的和

  标签,我们可以再次执行Commands菜单下的Clean up HTML命令,在弹出的对话框中选定Specific Tag(s) 选项,并输入span 和p标签,中间用空格分开,执行命令后,所有的span和p标签都被清除掉。

  

  但此时文件中的每个图片属性中还包含了类似v:shapes="_x0000_i1025"的属性,我们还需将这些属性清除。打开查找替换面板,按下图的设置设定替换规则,执行后即可清除所有图片的这些属性。如图;

  

  2、快速替换文件标题。前面我介绍了可以在站点窗口替换文件标题,但是只能一次替换一个文件的标题,我们可以尝试着利用上一步介绍的查找替换命令一次替换多个文件的标题。通常我们新建的文件标题都是Untitled Document,可以打开Edit—Find And Replace命令,进行如下设置,将当前站点所有文件标题为Untitled Document的都替换为我们自己的标题。

  

  3、设置默认文档格式。上面的方法虽然快捷,但是我们每次新建一个文件时,默认的文件标题仍旧是Untitled Document。因为新建文档时,Dreamweaver会调用一个默认的页面作为缺省格式,这个文件是\Dreamweaver 4\Configuration\Templates\Default.html,这样我们就可以将我们站点中统一的一些格式设置好,如背景色、字体大小、文件标题等,然后将它保存覆盖上面的Default.html文件。在以后我们新建文件时,Dreamweaver会自动套用我们设定好的格式,这可以提高很大的工作效率。

  六、 后期维护篇

  好了,经过上面这么多的介绍,我们已经掌握了一些网页制作的技巧,但是您作完的页面是否不再包含错误?您的链接是否都正确的链接?您的页面在各种浏览器中是否都表现良好?您的站点中是否还有许多不再需要的文件?很多类似的问题都还存在着,这些都是属于站点后期检测和维护。这里我们再介绍几个后期检测方面的技巧。

  1、链接检测。执行菜单File—Check Links命令,Dreamweaver会自动检测当前站点中的所有链接,并检测出无效的链接,如下图:

  

  双击检测出的一个结果,会自动打开相应的页面并直接定位到错误的链接处,很方便我们修改链接错误。


将本文收藏到QQ书签与更多好友分享
[打 印]
[] [返回上一页] [收 藏]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
精彩推荐
热门文章
· 注册码大全二
· 注册码大全四
· 注册码大全一
· 要10G免费网络硬盘的请进..
· 通过google 赶快来赚美金..
· 注册码大全十
· 头像-qq头像(qq新头像)4..
· 让你轻松架设FTP服务器1..
· 注册码大全三
· 梦幻背景图片7
· 卡通动物图片6
· 网页制作素材-按钮素材2..
· 让你轻松架设FTP服务器5..
· 风景图片8
· 注册码大全九
· 让你轻松架设FTP服务器2..
关注此文读者还看过
· 教您如何向Dmoz目录提交..
· 在VS2005中创建并使用Ma..
· 2.5G传统SP业务下滑 SP渐..
· 反流氓软件联盟负责人:将..
· CSS在Dreamweaver中无效..
· java克隆详述2
· 美超级黑客网站被骇 首页..
· Flash透视技术之鸡蛋里面..
· PHP脚本的8个技巧(6)
· XML卷之实战锦囊(4):..
· 雅虎链接被判侵权赔21万..
· 用Photoshop绘制漂亮发饰..
· 快速邮票的扩展之半调滤..
· Bluefish--所见即所得的..
· 最管用的“眼球粘合剂”..
· 滑动门代码
相关文章
· Dreamweaver代码片断..
· CSS在Dreamweaver中无..
· Dreamweaver CS3 CPU..
· 用Dreamweaver制作网页中关..
· 充分利用Dreamweaver CS3的..
· Dreamweaver也能轻松制作Fl..
· 通过Dreamweaver设计网页时..
· Dreamweaver实例:随..
· Dreamweaver CS3 新功能描述..
· 入门:充分利用Dream..
· 使用Dreamweaver8在网页中轻..
· Dreamweaver8创建自定..
· 详解用Dreamweaver制..
· 在Dreamweaver8.0.2中..
· 深入DREAMWEAVER插件..
· 深入DREAMWEAVER插件..
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 人才招聘
网站合作、内容监督、商务咨询:QQ: 9576619
Copyright ? 2005--2008 中国建站之家版权所有
粤ICP备05092265号