Dreamweaver开发疑难解答与技巧 - CSDN文库

PDF文件

155KB | 更新于2024-09-01 | 111 浏览量 | 举报收藏

立即下载

在Dreamweaver开发过程中，开发者可能会遇到各种小问题。本文将针对三个常见问题进行详细解答，帮助提升开发效率。首先，关于在Dreamweaver中输入空格的问题，由于DW对半角输入法有特定限制，导致可能出现问题。解决办法是将输入法切换到全角模式，比如使用Shift+Space键。此外，也可以利用HTML代码" "插入空格，或者输入文字后调整颜色与背景色一致，但这可能在某些浏览器中显示不完美。在编码时，了解这些技巧能避免不必要的困扰。其次，如何在浏览器地址栏前添加自定义小图标，这是个常见的美化技巧。制作一个16*16像素的ICO图标，上传到网站目录，然后在HTML `<head>`部分使用`<Link>`标签，设置`Rel="SHORTCUTICON"`属性指向图标文件地址。对于IE5及以上版本，只需将图片放在网站根目录，浏览器就能自动识别。这种个性化设置可以提升品牌形象和用户体验。最后，当设计的网页在浏览器窗口最小化时显得丑陋不堪，通常是因为网页布局依赖于表格。当窗口尺寸变化时，表格的适应性不足导致内容错乱。为解决这个问题，开发者需要检查表格的宽度和高度设置，选择适应性强的类型，例如百分比宽度而不是固定像素值。同时，考虑使用CSS布局代替表格，如Flexbox或Grid，这样可以更好地响应不同屏幕尺寸，确保网页在任何窗口大小下都能保持美观和功能性。总结来说，熟练掌握这些Dreamweaver开发中的技巧和注意事项，能够有效避免常见问题，提高网页设计和开发的效率与质量。通过调整输入法、使用自定义图标以及优化表格布局，开发者可以创建出更适应各种环境的优秀网页作品。

Dreamweaver开发中常见问题整理开发中常见问题整理

dreamweaver中常见问题整理，方便解决开发过程中碰到的一些小问题。

1> 在dw中，如何输入一个空格呢？

　　输入空格的问题，在DW似乎已成了一个老生常谈的问题，我们可能在许多介绍DW使用方面的书籍或文章中看到过N

次。

　　DW中对空格输入的限制是针对“半角”文字状态而言的，因此通过将输入法调整到全角模式就可以避免了，方法是：打开

中文输入法（以人工智能ABC为例），按Shift+Space切换到全角状态，现在应该没问题了。

　　此外，你还可以通过许多“变通”的方法达到录入空格的目的，比如常用的是：

　　直接在源代码中加入代表空格的HTML代码“&nbsp”；输入一定长度的文字对象后，然后调整文字的颜色与当前的背景颜

色相同等等，不过注意的是后者在一些浏览器中可能显示上有点问题。

2> 如何在浏览器地址栏前添加自定义的小图标？

　　你是不是记得有时在浏览网易网站的首页时，在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下，

这个图标是一个IE浏览器的指定图片。

　　其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。

　　这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文

件“<head></head>”之间添加如下代码：

　　<Link Rel="SHORTCUT ICON" href="http://图片的地址（注意与刚才的目录对应）">

　　其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传

到网站根目录下，即可自动识别！

3> 为什么，我本来设计很好的网页，在浏览器窗口最小化时会变的丑陋难堪？

　　这应该是个很值得大家注意的问题，也就是说，在全屏状态下浏览网页内容时，一点问题也没有。当我们使用窗口的最小

化命令或手动的调整窗口的大小时，问题就慢慢出现了。网页内容会把当前窗口作为显示范围，依次下挫。举个例子，和在记

事本中有“自动换行”和 “没换行”的差别是完全一样的。

　　解决这个问题，我们必须从网页的布局说起，一般情况下，网页内容的定位大多是通过表格来实现的。因此问题的“毛

病”也就出在表格上。

　　请看下面一个表格的属性面板显示：

　　你可能已经注意到了，在表格的高宽设定选择上提供了两种不同的类型，百分比和像素。其中百分比的使用将会产生前面

说到的那个毛病，将其全部更正为Pixels单位的实际大小就可以了。

4> 如何改变网页显示时，最顶部的提示信息？

　　浏览网页时，顶部的提示信息往往代表了网页内容的关键所在，有助于访问者提前了解网页内容。在DW4 前，没有在功

能上直接提供该操作，我们往往通过在源代码中应用“title”属性来完成。进入DW4就简单多了。

　　直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。

5> 怎么样，才能为图片添加指定颜色的边框？

　　对于没有边框的图片而言，直接插入到网页中，在显示效果上是相当差的。记得在微软的FP中要给图片添加满意的边框

还是相当麻烦的。

　　不过在DW中就显得容易多了，因为这里有一个“Border”属性，可以让你直接设置边框的宽度。

　　宽度设好了，你一定会问，颜色呢？面板上并没有提供颜色的选择呀！呵呵，其实这里有一个技巧问题，用鼠标选择图片

对象，注意不是点击选中，而是拖动选择。象设定文字颜色一样进行就可以了。

6> 如何添加图片及链接文字的提示信息？

　　在我们浏览网页时，当鼠标停留在图片对象或链接上时，在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注

释说明。在一些场合，它的作用是很重要的。

下载后可阅读完整内容，剩余6页未读，继续阅读

开通会员，免费下载（低至0.43元/天)

left

成为会员后, 你将解锁

right

下载资源随意下

优质VIP博文免费学

优质文库回答免费看

付费资源9折优惠

weixin_38725531

粉丝: 5

最新资源