网页设计与制作常见问题

Posted 2020-10-11 小平头~

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，这在保持图像全貌的情况下，非常方便访问者浏览，网页下载速度也会明显提高。
18. 我想把网页中的Flash背景设置为透明，该如何解决？
使用Dreamweaver可以在网页中插入Flash动画，利用在标记内插入代码wmode=transparent可以设置透明Flash背景。
19. 为什么改变不了表格的高度呢？
在使用Dreamweaver制作网页时往往需要改变表格的高度，然而有时拖动表格的边框，无论怎样拖动，等到放下鼠标，表格却又恢复到原来的样子。出现这种情况的原因在于已经为表格提供了一个固定的高度，当要改变表格的高度，尤其是压缩表格的时候，表格的高度仍然保持原来的设定值，其直接表现就是无论怎样拖动表格的边框，表格的高度都不会变化。在这种情况下，只需要清除表格的高度，然后拖动表格的边框即可。
那么应该如何去除表格的高度设置呢？首先需要选定表格。选定了表格以后，在【表格】属性面板中单击【清除行高】图标，表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动匹配高度。当然，清除表格高度的方法不止上述一种方法，也可以选中表格，在表格的属性框中直接删除表格的高度值。同样，该方法也适用于改变表格宽度的情况，不过，当选定了表格以后，删除的不是行的高度，而是列的宽度。这样，就可以轻松进行调整表格的高度与宽度了。
由此可以看出，清除行高与列宽的主要作用是创建规则的表格。可以用清除行高与列宽命令，将表格缩到最小，然后再通过属性面板上的【高】选项，重新设置表格的高度，这时一个规则、均匀的表格就出现了。
20. 创建表格的技巧
创建表格时，如果开始不能确定它的属性，可以使用默认值，然后再通过【表格】属性面板进行修改。此外，关于表格宽度的设定，一般来说，大表格往往采用绝对尺寸，表格中所嵌套的表格采用相对尺寸，这样定位出来的网页才不会随着显示器分辨率的差异而引起混乱。
21. 表格的背景颜色
表格的背景颜色设置既可以是整个表格也可以是某个单元格。一般来说，大表格用一种颜色，某个或某些单元格用另外的颜色。灵活设置往往可以创建出别具一格的网页配色。
22. 选择不同的框架或框架集的技巧
要在当前选定内容的同一层次级别上选择下一框架（框架集）或前一框架（框架集），在按住【Alt】键的同时按下左箭头或右箭头键，使用这些键，可以按照框架和框架集在框架集文件中定义的顺序依次选择这些框架和框架集；要选择父框架集（包含当前选定内容的框架集）在按住【Alt】键的同时按上箭头键；要选择当前选定框架集的第一个子框架或框架集（即按在框架集文件中定义顺序中的第一个），按住【Alt】键的同时按下箭头键。
23．为什么我设置的背景图像不显示？
在表格中的单元格中单击鼠标左键，从【属性】面板中可以看到设置的背景图文件，而且在Dreamweaver中显示也是正常的，启动IE浏览这个页面，背景图却看不到。
这时返回到Dreamweaver中，查看光标所在处的代码，会发现background设置在

标签中。在IE中表格的背景不能设置在中，只能放在

中。将背景代码移到

中，保存文档后，再浏览，背景图就能正常显示。 24. 复制表单要注意 在网页上经常可以看到一些很不错的表单，如跳转菜单为主的表单，其中有很多关于友情链接的地址，可能正好适合自己的网页，如果直接复制过来，则省去了输入的工作。可是有时会发现，从其他网页复制下来的表单无法使用，其主要原因是该表单使用了表格，而复制过来时，仅仅复制了表格，而标签却被忽略了。当表单中使用表格时，要确保所有的table标签都位于两个标签之间，表单才能正常提交。 25. 怎样快速插入多个复选框或单选按钮？ 在网页上插入复选框或单选按钮时，有时需要插入多个。一个快捷的操作方法是先插入一个复选框或单选按钮，然后选取复选框或单选按钮，按住【Ctrl】键的同时拖动鼠标，则所选复选框或单选按钮被复制。 26. 访问者填写好表单提交后如何检查各数据的正确性？ 选中表单，选择菜单中的【窗口】|【行为】命令，打开【行为】面板，在面板中单击 按钮，在弹出的菜单中选择【检查表单】选项，弹出【检查表单】对话框，在对话框中可以设置各表单对象的数据。 27. 怎样显示表单中的红色虚线框？ 显示表单中的红色虚线框很简单，在插入表单的文档中，选择菜单中的【查看】|【可视化助理】|【不可见元素】命令，可以看到文档中插入的红色虚线表单。 28. 怎样在网页中自动加入“最后修改日期”？ 要在网页中自动加入“最后修改日期”，可在源代码中的…之间加入如下代码：