专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Dreamweaver » dreamweaver技巧:使用Dreamweaver便捷技巧方法十六则 »正文

dreamweaver技巧:使用Dreamweaver便捷技巧方法十六则

来源: 发布时间:星期四, 2009年2月12日 浏览:80次 评论:0


1、灵活运用样式熟悉网页设计网友就知道Style思路方法很多我们可以单击鼠标右键选择Custon Style来Style标准也可以在状态栏中元素列表上单击右键来Style.虽然区别思路方法达到效果看似但实际上产生HTML代码则完全区别比如用Custon Style来Style标准在网页代码中就生成个〈span〉标签这样标签多就会使文件十分臃肿而且影响浏览器解析速度所以我们应尽量使用状态栏中元素列表来Style.

2、活用Format Table命令

在复杂网页设计中表格应用是最多利用表格可以自由地控制文本和图象在网页上出现具体位置从而使整个网页看上去紧凑统Dreamweaver在这方面也不甘落后我们可以使用其中“Format Table”(格式化表格)命令来快速地对表格应用预先设计好样式要使用预先设计好样式先将光标置于表格任意个单元格内再选择“Command”→“Format Table”命令 在随后出现对话框中从左边列表中选择个设计方案按“Apply” 键来查看效果如果不满意还可以重新设置或者修改部分参数如边界粗细背景颜色等等

3、同时链接到两个网页

我们都知道超级链接次只能连到个页面如果我们要想次在区别框架页中打开文档可以使用“Go To URL”JavaScript 行为打开个有框架网页选择文字或图象然后从行为面板中选择“Go To URL”我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用框架选择其中个我们想链接框架并输入相应URL后再选择另个框架并输入另个URL.

4、不给文件起中文名称

大家在制作好了网页后通常会给网页起个具有代表性中文名称来能使人看文件名就能大概了解文件所包含内容 2来能够方便各个超级链接的间相互但如果你在Dreamweaver中这样做就会发现Dreamweaver对中文文件名支持得不是太好经常会有页面不正确现象发生所以我们以后在Dreamweaver中保存网页时候尽量用英文或者数字作为文件名称这样就可以避免上面出错现象

5、巧妙设置字体分辨率

我们在制作网页时候经常有这种体会那就是制作好网页在本地计算机上浏览时很正常但在另外台计算机上浏览时发现原本漂亮网页变得歪歪扭扭了这是为什么呢?原来各个计算机分辨率要使你主页在区别分辨率下都能正常显示在 Dreamweaver中得到了较好解决在文档窗口右下角Dreamweaver 显示当前文档被设计成分辨率大小单击哪个数字在弹出式菜单中可以为当前页面指定显示分辨率通过修改可以使你主页更具灵活性使区别分辨率显示器都能较好地显示

6、巧妙隐藏标签

如果在网页中插入了不可见元素时Dreamweaver会自动在页面上添加个和的相应元素标签以便于我们选择不可见元素但这并不全是件好事比如我们在个有很多层页面中行便插入个表格就会发现由于首行排列了太多层元素标签而使得表格自动退到了页面第 2行虽然在浏览时并不影响效果但这确确实实会阻碍我们工作所以当我们觉得某个元素标签碍手碍脚时就索性将的屏蔽掉思路方法是按Ctrl+U打开Preferences面板在Category中选中Invisibel Elements在面板右边将会出现所有元素标签只要将不需要元素标签前勾去掉以后它就保证不会再出现了

7、善用拖放窍门技巧

我们在使用Dreamweaver编辑网页时候经常需要插入些图象什么假设要插入图象很多按照常规思路方法来操作就显得非常麻烦我们可以利用拖放窍门技巧来很好地解决这个问题首先我们把Dreamweaver操作窗口变成活动窗口以腾出空间来显示Explorer窗口找到要插入图象文件后把它们用鼠标拖动到网页适当部位Dreamweaver将自动把这些图象url添加到文件HTML代码中当然这里要求被拖动图象文件必须是g、jpg等web图象格式文件对于已经在网页中图象也是直接拖过来就可以了但如果被拖动图象上有超级链接就不可以再使用拖动技术了那时拖过来仅仅是超级链接地址

8、自动设置更新时间

我们知道个网页要想获得更多回头率个很重要条就是要不断更新但对于我们这些个人网页来说要天天及时更新恐怕不是很容易事情因此我们希望网页能自动更新下面笔者就提供个能自动更新修改时间源代码我们只要把这段源代码添加到…< /BODY>的间就能实现更新时间了:< Script Language=\"JavaScript\"> < /style>; 2是用鼠标依次单击Dreamweaver中Text/Custom Style/Edit/Style Sheet/New/Re HTML Tag并从中选择a然后在decoration中选中none最后单击确定就成功了

12、巧妙复制文字

在几个区别应用中间相互复制文字是我们在实际工作中可能要常做事情但是如果我们从Dreamweaver中复制编辑区中文字到另外个应用时候HTML代码和文字将起被复制过去了那么我们该如何才能只把编辑区中文字复制下来呢?我们知道通常复制时都用快捷键 Ctrl - C 来操作如果我们在复制时候多按个C键那么Dreamweaver将只会复制选中文字了

13、善用快捷键

为了提高操作效率我们可以在Dreamweaver中使用快捷键例如使用Ctrl-B或Ctrl-I来为文字应用黑体或斜体格式也可以使用以下些键盘快捷键来为选中文本应用HTML格式:Ctrl-0: 无格式   Ctrl-T: 段落   Ctrl-1: 标题 1  Ctrl-2: 标题 2 Ctrl-3: 标题 3   Ctrl-4: 标题 4   Ctrl-5: 标题 5   Ctrl-6: 标题 6



14、自动关闭网页

如果我们希望自己网页在指定时间内能自动关闭不妨在网页源代码中标签后面加入如下代码: < script LANGUAGE=\"JavaScript\"> < /script>其中代码中3000表示3秒钟它是以毫秒为单位

15、巧妙设置对象名称

我们在用Dreamweaver来制作非常复杂效果时有可能需要经常重复地使用某个或者多个对象例如我们经常需要定位某个特定表格、图象等如果我们没有给某个网页中多个对象取名那么在重复应用这些对象时候可能很麻烦或者容易出错为了能够方便这些对象我们应该在每创建个新对象时都记得给它取个有代表性而且比较容易记忆名称在给这些对象命名时我们可以通过对象“属性”面板来操作就行了

16、为图象链接增加动态效果

有时我们为了要达到种逼真效果希望鼠标移动到某个链接上时能有动感产生使用Dreamweaver可以很容易实现这种效果设计时我们首先需要准备两幅图象幅是原始图象第 2幅是鼠标移动上去后图象接着用鼠标单击第幅图在属性面板中链接栏中填上要链接文件然后单击键盘上F8键在弹出Behaviors窗口中单击“+”号随后选择“swap image”在接着出现窗口中选择第 2幅图象最后单击确定就可以了





0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: