网页设计与制作常见问题

1. 为什么网站的首页文件名一般命名为index.htm或index.asp？

网站的首页文件名为index.htm或index.asp，这是一种网站首页命名规范。在浏览器地址栏输入网址，即使不输入index.htm或index.asp，浏览器也能正确找到该文件并正确显示出来，因为Web服务器默认的首页文件名是index.htm或index.asp。此外，通过设置，Web服务器常用的默认首页文件名格式有index.htm、default.htm、index.asp、default.asp等。

2. 巧妙设置分辨率

在制作网页时，有时会发现，制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时却发现网页的布局乱套了，这是因为各个计算机的分辨率不同所致。在Dreamweaver文档窗口中的右下角，显示当前文档的分辨率大小。单击当前分辨率数字，在弹出的菜单中可以为当前的页面指定显示分辨率，通过修改可以使网页更具灵活性。

3. 打开文件及插入网页图像的快速方法

在Dreamweaver里，进行网页编辑时，不必通过菜单栏里的【打开】命令来打开文件，一个更快的方法是利用【文件】面板，打开相关文件，直接用鼠标拖动文件到文档编辑窗口即可；同样，要在网页上插入图像等元素，也可直接通过【文件】面板将图像文件拖动到网页上。

4. 怎样仅仅复制文字而不想要其格式？

当从Dreamweaver中复制文字到另一个应用程序中时，HTML代码和文字一起被复制过去了。此时一般都用快捷键【Ctrl＋C】来复制，如果在复制的时候多按一个【C】键则只复制选中的文字。从外部文档中粘贴时，如果只要文字而不想要其格式，可以选择菜单中的【编辑】︱【粘贴文本】命令，不要直接用快捷键【Ctrl＋V】。

5. 如何巧妙隐藏标签？

如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于选择不可见元素。但如果不想显示时，也可以隐藏标签，方法是按【Ctrl＋U】键打开【选参数】对话框，在【分类】中选中【不可见元素】，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就不会再出现了。

6. Dreamweaver自动创建样式功能

文本属性面板可以设置当前所选文本的样式和格式。使用属性面板设置文本样式和格式时，Dreamweaver将跟踪为每个文本元素指定的格式属性，并使用命名约定为每个元素指定一个标签：Style1、Style2、Style3、……、Stylen。如果将同一格式属性指定给两个或更多文本元素，Dreamweaver将使用相同的标题标记这些元素，消除冗余的样式名称。

7. 字体【格式】与【大小】有什么区别？

在【文本】属性面板中，【格式】与【大小】都可以设置字体大小，但二者有一定的区别，选择【格式】，字体改变大小的同时变为粗体；如果只想改变文字大小，而不想让字体变为粗体，可以用【大小】属性。此外，【大小】只对选中文本起作用，而【格式】对整段文字起作用。

8．为何我无法在文字中输入多个空格字符？

在做网页的时候，有时需要输入空格，但在有些时候却无法输入，导致无法正确输入空格的原因可能是输入法的错误，只有正确使用输入法才能够解决这个问题。解决的方法有以下几种。

●切换到代码视图，在需要添加空格的位置，输入代码 ，就会出来空格，输入几次代码就会出来几个空格。

●如果使用智能ABC输入法，按Shift+空格键，这时输入法的属性栏上的半月形就变成了圆形，然后再按空格键，空格就出来了。

●切换到【文本】插入栏，在【字符】下拉列表选择【不换行空格】选项，就可直接输入空格。

9. 为什么在Dreamweaver中按Enter键换行时，与上一行的距离却很大？

在Dreamweaver中按Enter键换行时，与上一行的距离却很远这是因为按下Enter键时默认的是一个段落，而不是一般的单纯的换行所造成的。因此若要换行，则先按下Shift键不放，然后再按下Enter键，这样两行间的距离就不会差一大段了。

10. 怎样设置字体系列？

什么叫字体系列呢？是指对文字设置几个字体，当遇到第一个不能显示的字体时会自动用系列中的第二个字体或后面的字体显示。Dreamweaver内置了6个系列的英文字体，一般英文字体用“Verdana，Arial，Helvetica，sans-serif”这个系列比较好看。如果不用这些字体系列，就需要自己编辑字体系列，可以通过下拉列表最下面的【编辑字体列表】来创建的字体系列，也可以直接在下拉列表中输入字体名，字体之间用逗号隔开，中文网页默认字体是宋体，一般空着，不要选择任何字体。

11. 如何使用3种类型的CSS样式？

CSS样式表在网页制作中一般有3种方式的用法，那么具体在使用时该采用哪种用法呢？当有多个网页要用到CSS，采用外联CSS文件的方式，这样网页的代码大大减少，修改起来非常方便；只在单个网页中使用的CSS，采用文档头部方式；只在一个网页一两个地方才用到的CSS，采用行内插入方式。

12. 关于冲突的CSS样式

将两个或更多的CSS样式应用于同一文本时，这些样式可能发生冲突并产生意外的结果。浏览器根据以下规则应用样式属性；如果将两种样式应用于同一文本，浏览器显示这两种样式的所有属性除非特定的属性发生冲突。如一种样式可能将蓝色指定为文本颜色，而另一种样式可能指定红色作为文本颜色。如果应用于同一文本的两种样式的属性发生冲突，则浏览器显示最里面的样式（离文本本身最近的样式）的属性。因此，如果外部样式表和内联CSS样式同时影响文本元素，则内联样式为其中所应用的那一个。

如果有直接冲突，则CSS样式（使用class属性应用的样式）中的属性将取代HTML标签样式中的属性。

例如，hl定义的样式可以指定所有hl段落的字体、大小和颜色，但应用于该段落的自定义CSS样式.Blue将取代hl样式中的颜色设置；另一个自定义CSS样式.Red将取代.Blue，因为它位于.Blue样式的内部。

13. 文档相对路径的表示方法

对于文档相对路径省略对于当前文档和所链接的文档都相同的绝对URL部分。如果要链接的目标文件与当前文档位于同一文件夹中，输入文件名；如果位于子文件夹中，则提供子文件夹的名称，后跟正斜杠“/”，然后输入文件名；如果位于父文件夹中，则在文件名前添加“../”（其中“..”表示文件夹层次结构的上一级目录）。

14. 解决跳转菜单可能出现的问题

选择跳转菜单项后，如果再次导航回到该页面，或者如果在【插入跳转菜单】对话框的【打开URL于】文本框中指定了一个框架，则无法重新选择此菜单项。解决此问题有两个途径：

● 使用菜单选择提示（如类别）或用户说明（如“选择其中一项：”）。在选择每个菜单之后将自动重新选择菜单选择提示。

● 使用【前往】按钮，该按钮允许重新访问当前所选链接。

需要注意的是：由于这些选项应用于整个跳转菜单，因此在【插入跳转菜单】对话框中，每个跳转菜单只能选择这些选项中的一项。

15. 善用拖放

在使用Dreamweaver编辑网页时，经常需要插入一些图像，如果要插入的图像很多，按照常规方法来操作就显得非常麻烦。可以利用拖动技巧来很好地解决这个问题。首先把Dreamweaver的操作窗口变成活动窗口，找到要插入的图像文件后，把它们一一用鼠标拖动到网页的适当部位，Dreamweaver将自动把这些图像的URL添加到文件的HTML代码中，这里要求被拖动的图像文件必须是GIF、JPEG等Web图像格式的文件。对于已经在网页中的图像也是一样，直接拖过来即可，但如果被拖动的图像上有超链接，就不可以再使用拖动技术了，因为那时拖过来的仅仅是超链接地址。

16. 怎样为图像添加指定颜色的边框？

在Dreamweaver的【图像】属性面板中，有一个【边框】属性，可以直接设置边框的宽度。宽度设好了，可是没有颜色，那么如何才能为图像的边框加上不同的颜色呢？可以利用CSS样式表来实现。在【图像】属性面板中一个【类】选项，通过【类】列表框选择【管理样式】，创建一种新的样式，打开【CSS样式定义】窗口，选择【边框】项，为边框设置所需要的颜色。只要把这种样式应用到有边框的图像即可。

14. 利用图像编辑中【重新取样】功能制作缩略图

一个很大的图像，完全载入时要花很多时间，访问网页的速度是很慢的，而且网页上显示的所有图像并非对每个人都有浏览价值。解决这个问题的好办法是在网页上制作图像的缩略图。缩略图与图像之间保持一种链接关系，当需要时，才由浏览者单击观看原图。Dreamweaver在图像编辑中的【重新取样】功能，极大地方便了人们制作尺寸可自由控制的缩略图，如一副图像原图50KB，通过缩小重新取样，可以达到1～5KB，这在保持图像全貌的情况下，非常方便访问者浏览，网页下载速度也会明显提高。