网页设计与制作常见问题.doc

6Chapter创建与管理站点 附录C网页设计与制作常见问题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代码和文字一起被复制过去了。此时一般都用快捷键【CtrlC】来复制，如果在复制的时候多按一个【C】键则只复制选中的文字。从外部文档中粘贴时，如果只要文字而不想要其格式，可以选择菜单中的【编辑】【粘贴文本】命令，不要直接用快捷键【CtrlV】。5. 如何巧妙隐藏标签？如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于选择不可见元素。但如果不想显示时，也可以隐藏标签，方法是按【CtrlU】键打开【首选参数】对话框，在【分类】中选中【不可见元素】，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就不会再出现了。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，通过缩小重新取样，可以达到15KB，这在保持图像全貌的情况下，非常方便访问者浏览，网页下载速度也会明显提高。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. 怎样在网页中自动加入“最后修改日期”？要在网页中自动加入“最后修改日期”，可在源代码中的之间加入如下代码：29. 怎样一次链接到两个网页？一般来说，超链接一次只能链接到一个网页。要想一次在不同的框架网页中打开文档，可以使用【转到URL】行为。具体操作方法是：打开一个有框架的网页，选择文字或图像，然后从行为面板中选择【转到URL】。此时Dreamweaver会在【转到URL】对话框中显示所有可用的框架。选择其中一个想做链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL，这样就可实现一次链接到两个网页。30. 如何防止别人另存我的网页？有时自己辛辛苦苦设计的网页不希望别人保存，使用下面的方法可以防止别人保存网页。打开代码视图，在与之间相应的位置输入以下代码。31如何为页面设置访问口令？利用脚本语言可以为页面设置访问口令，这样可以限制一些不必要的人访问，具体操作步骤如下。打开代码视图，在与之间相应的位置输入以下代码。32. 怎样实现定时自动关闭窗口？利用JavaScript实现定时自动关闭窗口的方法如下。打开代码视图，在与之间相应的位置输入以下代码。0)setTimeout(clock();,1000);else self.close();var i=10clock();/-33如何将站点设为首页？利用JavaScript将站点设为首页的具体方法如下。打开代码视图，在与之间相应的位置输入以下代码。设为首页34 如何将站点加入收藏夹？利用JavaScript将网页加入收藏夹的具体操作步骤如下。打开代码视图，在与之间相应位置输入代码。收藏本网站35. 创建数据库连接一定要在服务器端设置DSN吗？创建数据库连接有两种方法，一种是通过DSN建立连接，另一种不用DSN建立连接，而是通过DSN连接数据库需要服务器的系统管理员在服务器的【控制面板】中的ODBC中设置一个DSN，如果没有在服务器上设置DSN，只需要知道数据库或者数据源名就可以访问数据库，直接提供连接所需的参数即可。连接代码如下。set conn=server.createobject(adodb.connection)connpath=dbq=&server.mappath(db1.mdb)conn.open drivermicrosoft access driver （.mdb）; &connpathset rsconn.execute（select from authors）36. 在制作网页时，什么时候用GIF，什么时候用JPG?通常讲，颜色层次比较丰富细腻的图片就用JPG，如人物照片，在存储JPG时会有压缩强度的选择，当然压的越少文件越大，但失真也较少，反之。而颜色比较少，以平涂形式描绘的图形通常就用GIF，如一些文字及几何图形。GIF是以颜色的数量来决定文件的大小的，在把RGB Color转成Indexed Color时就可以进行选择适中的颜色数量。37. 矢量图形和位图图形有什么区别，各有什么特点?位图图形是由一个个像素来组成的图形，局部放大图形所看到马赛克就是像素，点阵图形能记录下图像无规律的微妙层次变化，通常是一些纪实的照片。而矢量图形的图像是以曲线及节点来标示图形，可以无限放大而不影响其精度，如Coreldraw、Freehand及Flash所画出来的图形均属此类，照片要变成矢量图形就必须经过处理。38. 在Photoshop中，每次打开一副图都是背景锁定的，如何去除？Photoshop里打开的每一副图片，其背景层都是锁住不能删除的，但是可以双击它，把它变成普通层。这样就可以对它进行编辑。39. 动作和滤镜有什么区别？动作只是Photoshop的宏文件，它是由一步步的Photoshop操作组成的，虽然它也能实现一些滤镜的功能，但它并不是滤镜。而滤镜本质上是一个复杂的数学运算法则，也就是说，原图中每个像素和滤镜处理后的对应像素之间有一个运算法则。40. 在PS中输入文字，怎样选取文字的一部分?把文字层转换成图层，然后在层面板上按住CTRL，用鼠标单击转换成图层的文字层就能选中全部文字，然后按住Alt键，就会出现+_的符号，然后选中不需要的文字，那么留下的就是需要的文字。41. 如何快速打开文件？双击Photoshop的背景空白处，即可打开选择文件的浏览窗口。42. 【选框】工具中Shift和Alt键的使用方法 当用【选框】选取图片时，想扩大选择区，这时按住Shift键，光标“+”会变成“十+”，拖动光标，这样就可以再原来选取的基础上扩大你所需的选择区域。或是在同一副图片中同时选取两个或两个以上的选取框。 当用【选框】选取图片时，想在【选框】中减去多余的图片，这时按住Alt键，光标“+”会变成“十-”，拖动光标，这样就可以留下你所需要的图片。 当用【选框】选取图片时，想得到两个选取框叠加的部分，这时按住Shift+Alt快捷键，光标“+”会变成“十”，拖动光标，这样就你想要的部分。 想得到【选框】中的正圆或正方形时，按住Shift键，就可以。43. Shift+Ctrl+Alt+T是什么？自由变换的一种组合键，意思是复制并按规律变换，可以新建一个图层，随意画一个小色块，先做一次自由变换（可以设定好角度、变形位移等），然后用组合键体会一下。44.如何避免自己的图片被其他站点使用?为图片起一个很怪的名字，这样可以避免被搜索到。除此之外，还可以利用Photoshop的水印功能加密。当然也可以在自己的图片上加上一段版权文字，如标明自己的名字，这样一来，除非使用人截取图片，不然就是侵权了。45. 在Flash中使用选择工具有哪些操作技巧？选取【选择】工具后，工具箱中的【选项】选项区将出现3个按钮，分别是【贴紧至对象】、【平滑】和【伸直】。利用这3个按钮，可以实现以下功能。 贴紧至对象：可以启动自动捕捉功能，这样在绘制或移动线条时，一旦接近对象的边缘，就会像磁铁一样被自动吸引。 平滑：可以改进图像边界的圆滑程度，使图像变得平滑，单击该按钮的次数越多，边缘就会变得越平滑。 伸直：可以改变图像边缘的尖锐程度，使图像变得平直。46. 静态文本、动态文本和输入文本有何区别？Flash的文本工具能够生成3种不同类别的文本，分别是【静态文本】、【动态文本】和【输入文本】，在【属性】面板中可以设置文本的类别。 静态文本为具有确定内容和外观的、不随命令变化的文本，又称静态文本块。它在Flash影片中将会以背景呈现在浏览者面前，不可以选择或更改。 动态文本一般被赋予了一定的变量值，通过函数运算使文本动态更新（如体育得分、投票报价或头新闻），因此能够实现动态效果，又称动态文本字段。 输入文本又称输入文本字段，允许用户为表单、调查或其他目的输入文本，相当于Dreamweaver中的表单文本框。47. 什么是帧延迟当前文档中动画播放一次的时间是由帧数以及每帧播放的时间决定的。帧的播放时间称为帧的延迟时间，以百分之几秒为单位，在默认情况下，每一帧的延迟都设置为7，即7秒。如果要设置帧延迟时间为1秒，则需要设置为100。【帧】选项卡中的延迟时间列上显示了每一帧当前的延迟时间。48. 如何隐藏不需要导出的动画中的帧在默认情况下，所有的帧在播放动画时都被显示出来并被导出。如果在生成最终的动画文件时不需要包括某一部分帧，可以将该部分帧隐藏起来。隐藏部分帧的方法如下：在【帧】选项卡中选择要隐藏的一个或多个帧，双击所选帧的延迟时间列，将弹出一个面板，取消选择【导出时包括】复选框，按【Enter】键或单击面板外的任意位置关闭面板。被隐藏帧的延迟时间列上不再显示其延迟时间，而被一个红叉图标所代替。这些帧不仅不被导出，在播放动画时也不显示。49. 如何设置文本链接在Flash中，可以将文本链接到URL，从而使浏览者单击该文本就可以跳转到其他页面。将文本链接到URL的具体操作方法如下：（1）使用文本工具选择文本块中的文本，或者使用任意一种选取工具在舞台上选择一个或多个文本块，这会将该文本块中的所有文本都链接到URL。（2）在【属性】面板中的【URL链接】文本框中输入所要链接到的URL，并在【目标】下拉列表框中指定以什么方式打开链接网页，如图所示。 在Flash中，用户只能将水平文本链接到URL。50. Flash动画的原理Flash动画就是将一组画面快速地呈现在人的眼前，使人的视觉产生连续变化的效果。它的基本原理与电影、电视一样，都是根据人的视觉暂留原理而制作的。Flash动画包括两种基本形式，即逐帧动画和补间动画，其中补间动画又分为动画补间动画和形状补间动画两种。逐帧动画是一种最为原始的动画方式，在动画产生的最初年代，几乎所有的动画都是以逐帧的方式实现的。逐帧动画是设计师先将动画中每一帧的内容绘制好，然后将其快速、连续地播放所生成的。由此可见，制作逐帧动画不仅需要有高超的绘图能力，还需要有丰富的动画经验。由于逐帧动画的制作方法较为复杂，制作周期较长，因此在Flash影片中，经常用于制作较为复杂、经典的动画。补间动画是由用户设置关键帧，然后由计算机系统经过计算，生成关键帧之间的动画画面，通过更改对象的位置、大小等产生的动画效果。与逐帧动画相比，补间动画的优点是制作较为简单，制作周期也较短，因此在Flash影片中被大量地使用，但是补间动画同时也具有难控制生成的关键帧之间的动画画面等缺点。51. 什么是遮罩层，遮罩层有何功能遮罩层是Flash中一种特殊的图层，可用于实现一些特殊的动画效果。当在某一个图层上建立遮罩时，其下面的一个图层将自动变为被遮罩层，遮罩的最终结果是被遮罩层上的对象被遮罩层中的对象挡住的部分可以显示出来，而没有被挡住的部分会被隐藏。我们可以将遮罩理解为一个孔，通过这个孔可以看到下面的图层。遮罩对象可以是填充的形状、文字对象、图形元件的实例或影片剪辑。可以将多个图层组织在一个遮罩层之下来创建复杂的效果。要创建动态效果，可以让遮罩层动起来。对于用做遮罩的填充形状，可以使用补间形状；对于文字对象、图形实例或影片剪辑，可以使用补间动画。当使用影片剪辑实例作为遮罩时，可以让遮罩沿着运动路径运动。52. 如何控制动画的循环播放在默认状态下，单击工作区下方的【播放】按钮后会不断地重复播放动画。要改变动画循环播放地方式，可以单击【帧】选项卡下方的【GIF动画循环】按钮，将弹出一个下拉菜单。使用该菜单可以设置当前动画的循环播放方式，其中的选项可分为3种： 无循环：选择【无循环】选项，则动画只播放一次。 指定循环次数：选择菜单中部的数据选项，可以指定动画循环的次数。 永久：若选择【永久】选项，则在无人工干预的情况下，动画会不断地重复播放。53. 元件和实例的区别是什么元件可以看做是一种模板，使用同一个模板能够创建多个相同或者互有差异的实例，即在舞台上表演的是元件的实例，而不是元件本身。对元件的实例可以进行各种变换操作，而这些操作不会对元件的属性产生影响。如果改变了元件的属性，如颜色、形状及边线的粗细等，则舞台上所有实例的相应属性也会发生变化。54. 将图形转化为元件的优势是什么使用元件的优势是：在将图形转换为元件后可以创建出无限多个实例，并且对该元件的修改可以赋予所有实例，而不必逐个修改。当制作多个相同的陈列式的图像时，其突出之处是可以减少用户的工作量。另一方面，使用元件还可以大