dreamweaver下html保存地址,Dreamweaver你该掌握的小技巧(一)

1. 同时链接两个网页

通常在网页中设置的超链接一次只能链接到一个网页中, 如果需要在不同的框架页中打开新页面,可以使用“转到 URL”行为来实现。打开一个有框架的网页,选择页面中的需要设置链接的文字或图像,单击“行为”面板上的“添加行为”菜单命令,在弹出菜单中选择“转到 URL”选项,弹出“转到 URL”对话框,在该对话框中显示所有可用的框架,选择其中一个需要设置链接的框架并输入相应的链接地址后再选择另一个框架并输入另一个链接地址。

2. 不要为网页文件使用中文名称

在制作网页时,初学者起一个容易记忆的中文名称作为文件名,这种做法是不正确的。因为Dreamweaver 对中文文件名称支持得不是太好,经常会有页面调用不正确的现象发生,所以在 Dreamweaver 中保存网页的时候,尽量使用英文或者数字作为文件名称,这样就可以避免上面的出错现象。

3. 设置不同分辨率

制作好的网页在本地计算机上浏览时很正常, 但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了。这主要是因为每台计算机的分分辨率不同所导致的,为了使所制作的网页在不同分辨率的计算机上都能正常显示,在  Dreamweaver 中得到了较好的解决,在文档窗口的右下角,Dreamweaver  显示当前文档被设计成的分辨率大小。单击数字,在弹出式菜单中可以为当前的页面指定显示分辨率,通过修改可以使设计的网页更具灵活性,使不同分辨率的显示器都能较好地显示。

4. 图像拖放技巧

在使用 Dreamweaver 编辑网页的时候,经常需要插入一些图像什么的,如果要插入的图像很多, 按照常规方法来操作就显得非常麻烦。 可以利用拖放技巧来很好地解决这个问题。可以打开“文件”面板,在本地站点中的找到图片文件夹,在该文件夹中将图片一一拖入页面中相应的位置,Dreamweaver 将自动把这些图像的路径地址添加到文件的 HTML代码中。

5. 巧妙复制文字

如果从 Dreamweaver 中复制编辑区中的文字到另外一个应用程序的时候,HTML 代码和文字将一起被复制过去了, 那么该如何才能只把编辑区中的文字复制下来呢?通常复制时都使用快捷键  Ctrl+C 来操作,如果在复制的时候多按一个 C 键,那么 Dreamweaver 将只会复制选中的文字了。

6. 使用快捷键

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

7. 同时编辑多个 HTML 文档 在Dreamweaver 中,可以同时对多个HTML文档进行编辑,只要执行“文件>新建”或“文件>打开”菜单命令,就可以在不退出当前文档的情况下,新建或打开另一个HTML文档进行编辑。

8. 输入连续空格

在每段的开头,一般都要空两个格,而直接用空格键只能输入一个关角空格,然后无论如何键入空格都不起作用。可以通过下面两个方法来实现输入空格。l 切换到中文输入状态, 把标点状态设置为全角中文,就可以随心所欲地输入全角空格了。l 光标定位需要输入空格的位置,转换到代码视图中,在HTML源文档中输入“ ”代码。

9. HTML 源代码下工作

单击 “文档” 工具栏上的“代码” 按钮 ,转换到代码视图中, 可以在这里进行HTML

标签及内容的输入。还可以单击“折分”按钮 ,Dreamweaver 折分为代码视图和设计

视图两个部分,可以同时输入HTML标签和网页内容。

10.  HTML 标签的作用范围

HTML标签需要在 HTML源代码状态下输入才有效, 例如在编辑区直接输入“ ”,显示在编辑区屏幕上的主是“ ”字符串,而在HTML源代码中输入“ ” ,在编辑区屏幕上没有任何显示,在浏览时则是一个半角空格。

11. 特殊字符在编辑区中的显示

在编辑状态下, 特殊字符并不显示为最终的样子。 而是有两种情况,一是什么也不显示,一是显示特殊字符的代码,如版权符显示为: “©”。

12. 插入特殊字符的方法

这些代码是直接写到 HTML 代码中去的,而直接在编辑区中输入的则只显示为普通字符。

13. 输入其他字符

在“插入”栏上的“文本”选项卡中的最后一个按钮是“字符”按钮,单击该按钮,在弹出菜单中选择“其他字符”选项,弹出“插入其他字符”对话框,在该对话框中列出了英文中所有的特殊字符,用户可以从中选择所需要的字符。

14. 经常保存

在进行到一个比较确定的步骤时,建议保存文件。这样做有两个好处:一是可以防止忽然断电等原因引起的数据丢失;二是可以清除不必要的撤消步骤,释放内存。

15. 标签选择器

安位于状态栏的最左边,标签选择器中显示的是光标所在位置周围的 HTML 标签,当选择其中一个 HTML标签时,这个HTML标签及其中的内容都将被选中。在许多情况下,例如在表格嵌套时,如果嵌套的表格边框和空白都设置为0 时,通过鼠标几乎不可能准确地选中每个表格,此时利用标签选择器就可以轻松快捷地进行选择。

16. 剪切

“剪切”命令的作用类似于复制,不同的是,“剪切”命令在复制内容后,把原来的内容删除。所以在想把一部分内容移到另一部分去的时候,可以先剪切原内容,然后在新加内容的地方进行粘贴。

17. 通过鼠标拖放进行复制与粘贴

选中要复制的文字后,把鼠标移到选择区上,然后可以直接拖动将它移到新的位置,如果按下Ctrl键,则相当于复制后粘贴。

18. 从 Word 获取大量文本内容

Word 是常用的文字处理软件,可能网页中许多内容需要从 Word 中获取。直接通过粘贴的方法需要手工进行分段,而通过作为文本粘贴的方法则需要手工删除多余的换行标签,而且这两种方法都将丢失文字属性的信息。

常用的方法是,先把 Word 文档保存为 HTML 格式,然后通地 Dreamweaver 打开,再执行“命令>清理Word生成的HTML”菜单命令进行代码优化。

19. 在两个 HTML 文档之间工作

利用 Dreamweaver 可以同时对多个HTML文档进行编辑,经常会需要把一个HTML文档的文字复制到别一个文档中,此时需要注意两种情况,如果想连同文字格式(例如大小、字体、颜色等)原封不动地直接复制到另一个HTML文档中,可采用常规的“拷贝”和“粘贴”方法。如果只需要文字内容,而不需要复制文字的格式,这时可以通过“拷贝”和“粘贴HTML”的方法进行。

20. 个人词典

有一些专有名词 Dreamweaver 不认识,可以把它们加入个人词典,这样在拼写检查时Dreamweaver 就不会对这些单词报错了。

21. 插入的图像地址

在 HTML 文档中插入图像其实只是写入一个图像链接地址,而不是真的把图像插入到文档中。

22. 使用相对地址和绝对地址的方法

在网页中插入图像,在弹出的“选择图像源”对话框中,如果在“相对于”下拉列表中选择“文档”选项是使用相对地址;而选择“站点根目录”选项是使用绝对地址。

23. 图像文本说明的作用

图像的文本说明起到两个作用。第一是当鼠标移动到这些图片上时,如果给图像加上了说明文本,浏览器可以在鼠标指针右下方弹出一个黄底的说明框,为浏览者提供提示。第二是当浏览器禁止显示图片时,如果给图像加上了说明文本,可以在图片的位置显示出这些文本。

24. 低分辨率图像与图像渐进

在浏览网页时,会碰到这样的一种情况:图像首先非常模糊,然后会渐渐变得清晰。这种情况叫图像渐时。

图像渐进是在保存图像时进行设置的,无论是 GIF和 JPEG都可以设成渐进模式。它和低分辨率图像不同的是,它并没有一个专门的缩略图文件,所以它的下载时间小于低分辨率图像加原图像的下载时间。

在多数情况下,推荐采用图像渐进的方法来角决浏览者等待的情况。

25. 为鼠标经过图像加入超链接

可以在“插入鼠标经过图像”对话框中的“按下时,前往的 URL”文本框中输入它的超链接,也可以单击鼠标经过图像后,在“属性”面板上的“链接”文本框中输入它的超链接。

26. 改变导航按钮的顺序

在导航条插入完毕后,如果对导航按钮的顺序不满意,可以通过“插入导航条”对话框中的向上或向下三角按钮进行调节。

27. 修改导航条

导航条插入完毕后,如果还想对它进行修改,可以参照下面的方法进行。

再次单击“插入”栏上的“常用”选项卡中的“导航条”按钮,此时会弹出一个提示框,提示每页只能有一个导航条, 而本页已经有一个导航条了, 是否需要对它进行修改。 单击“确定”按钮就可以调出“修改导航条”对话框对导航条进行修改。

28. 理解 URL

URL(Uniform Resource Locator,统一资源定位符)是对文件名的扩展。在单机系统中,定位一个文件需要路径和文件名称,对于遍布全球的 Internet 网,显然还需要知道文件存放在哪个网络的哪台主机中才行。在单机系统中,所有的文件都由统一的操作系统管理,因而不必给出访问该文件的方法;而在 Internet 中,各个网络、各台主机的操作系统可能不一样,因此必须指定访问该文件的方法。

29. 标题的作用

标题经常被网页初学者忽略,因为它对网页中的内容不产生任何影响。其实在我们浏览网页时,会在浏览器的标题栏和状态栏中看到网页的标题,在进行多个浏览器窗口切换时,它可以很明白地提示当前网页信息。而且,当浏览者收藏一个网页时,也会把网页的标题列在收藏夹中。

如果不对网页标题进行任何设置,Dreamweaver 会自动给网页加上一个“无标题文档”,这会给人一种不专业的感觉,所以在制作网页时,应该加上标题。

30. 跟踪图像

跟踪图像是网页排版的一种辅助手段,主要是用来进行图像的对位,它只在网页编辑时有效,对HTML文档并不产生任何影响。

本文由职坐标整理发布,更多相关内容,请关注职坐标常用软件Dreamweaver频道!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值