建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > 心得技巧 >

200个网页制作常见问题及解答(二)

时间:2011-01-07 21:10来源: 作者: 点击:
200个网页制作常见问题及解答(二)
101.如何使用“检查浏览器”动作?
由于目前网页浏览器还没有一个统一的标准,有可能会出现在一种浏览器中可以正常浏览的界面在另一种浏览器中页面内容错位的现象。为了使设计好的网页适合不同浏览器,能够自动地检测访问者的浏览器类型,“行为”中的“检查浏览器”动作可根据访问者不同类型和版本的浏览器将它们转到不同的页。一般来说,通常将这种行为附加到 body标签上,当浏览器载入页面文档时,就会根据浏览器的类型,跳转到不同的网页。


102.如何使网页可自动检查表单中输入数据的有效性?

“检查表单”动作是检查指定文本域的内容以确保用户输入的类型是正确的。当用户在表单中填写数据时,检查所填数据是否符合要求非常重要。例如,在“姓名”文本框中必须填写文本内容,而在“年龄”文本框中必须填写数字,而不能填写其他内容。如果这些内容填写不正确,则系统会显示提示信息。一般可以使用 onBlur事件将其附加各文本域,在用户填写表单时对域进行检查;或者将触发事件设置为 onSubmit,这样当单击“提交表单”时,会自动检查表单中的输入数据是否有效。


103.如何使网页可检查访问网页的浏览器是否装有指定的插件?
通过“检查插件”动作可以检查访问网页的浏览器是否安装有指定的插件,然后为安装插件和没有安装插件的浏览器显示不同格式的网页。比如,检查是否在浏览器中安装了 Flash插件,如果用户安装了该插件,将带有 Flash动画对象的网页显示给用户,如用户的浏览器没有安装此插件,就将一幅仅仅显示图像的替代网页显示给用户。

104.如何使用“预先载入图像”动作?
有很多情况,网页上会存在尚未显示的图像。例如隐藏在层中的图像,在尚未激活层的可见性时并不被显示。还有翻转图像也很容易说明这种效果。它实际上是两幅图像构成,原始图像和翻转图像,只有当鼠标移动到原始图像上,才会显示翻转图像。利用图像预载,就可以将可能显示的图像一起下载,便于脱机浏览。“预先载入图像”行为使浏览器下载还未在网页中显示、但是可能显示的图像,并将其存储到本地缓存中。

105.怎样设置在指定的框架或当前的浏览窗口中载入指定的页面?
利用“转到 URL”动作,可以设置在指定的框架中或在当前的浏览窗口中载入指定的页面。此操作尤其适用于通过一次单击更改两个或多个框架的内容。


106.怎样使用“改变属性”动作?
利用“改变属性”动作,可以动态改变对象的属性值。例如,可以改变层的背景颜色,或者是改变图像的大小等。这些改变实际上是改变对象对应标签的相应属性值。是否允许改变属性值,取决于浏览器的类型。一般来说,Internet Explorer 6.0比 Internet Explorer 5.0或 Netscape Navigator浏览器支持更多的改变属性特性。

107.怎样使浏览器的状态栏中显示提示信息?
通过“设置状态栏文本”动作,可以在浏览器状态栏中显示信息。可以用来显示一些提示性信息,如帮助信息、说明信息等。

108.如何制作一个弹出式菜单?
现在许多网站喜欢采用菜单形式,这是一种良好的风格,可以有效地节约页面空间,使页面做得很短很紧凑,减少拖动滚动条的麻烦。使用“显示弹出式菜单”行为,可以创建或编辑 Dreamweaver弹出菜单,或者打开并修改已插入 Dreamweaver文档的 Fireworks弹出菜单。通过在“显示弹出式菜单”对话框中设置选项可以创建水平或垂直弹出菜单,并且可以设置或修改弹出菜单的颜色、文本和位置。

109.怎样使用“交换图像”动作?
“交换图像”动作用于改变 img标签的 src属性,即用另一张图像替换当前的图像。使用这个动作可以创建按钮变换和其他图像效果(包括一次变换多幅图像)。因为这个动作只影响到 src属性,所以变换图像的尺寸应该一致(高度和宽度与初始图像相同),否则交换的图像显示时会被压缩或扩展。

110.什么是模板?
模板可被理解成一种模型,用这个模型可以方便地做出很多页面,然后在此基础上可以对每个页面进行改动,加入个性化的内容。为了统一风格,一个网站的很多页面都要用到相同的页面元素和排版方式,使用模板可以避免重复地在每个页面输入或修改相同的部分,等网站改版的时候,只要改变模板这个文件的设计,就能自动更改所有基于这个模板的网页。可以说,模板最强大的用途之一就在于一次更新多个页面。从模板创建的文档与该模板保持连接状态(除非用户以后分离该文档),可以修改模板并立即更新基于该模板的所有文档中的设计。

111.什么是库?
库文件的作用是将网页中常常用到的对象转化为库文件,然后作为一个对象插入到其他的网页之中。这样就能够通过简单的插入操作创建页面内容。模板使用的是整个网页,库文件只是网页上的局部内容。


112.怎样指定一个页面中可以更改的部分?
由模板生成的网页上,哪些地方可以编辑,是需要预先设定的。设置可编辑区域,需要在制作模板的时候完成。可以将网页上任意选中的区域设置为可编辑区域,但是最好是基于 HTML代码的,这样在制作的时候更加清楚。

113.如何更新整个站点中的模板?
可以将模板套用在已有的网页上,在有些时候,需要对模板的不可编辑区域进行编辑,如添加网页的样式、行为等,或者要创建不同形式的网页外观。然后 Dreamweaver将根据模板的改动,自动更新这些网页。


114.如何将创建好的库项目添加到网页中?
刚刚创建好库文件后,对于转换成库文件的内容,网页中已经拥有了这个库文件,即背景会显示为淡黄色,不可编辑。

115.如何更新整个站点中使用了库的页面?
如果修改了库文件,Dreamweaver会自动更新全站使用库的页面。


116.什么是表单?
表单是 HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。表单的主要功能是收集信息,具体说是收集浏览者的信息。比如,要在网上申请一个电子邮箱,就必须按要求填写完成网站提供的表单网页,其内容主要包括姓名、年龄、联系方式等个人的信息。

117.网页中的插件有哪些类型?
Dreamweaver中的插件是专门用来扩充 Dreamweaver功能所开发的。通过集成的插件,可以在网页中实现许多原本非常复杂的技术,从而避免从事大量源代码的编写和调试工作。在 Dreamweaver中使用的插件可以分为“对象( Objects)”、“行为( Behaviors)”、“命令(Command)”以及“属性(Inspector)”4种类型。

118.怎样下载插件?
Adobe公司免费提供 600多种插件,其中可以用在 Dreamweaver中的就有几十种,我们可以在其中选择需要的插件并下载。


119.如何使用扩展管理器安装插件?
为了方便用户安装三方插件,Dreamweaver添加了“扩展管理器”这一功能。“扩展管理器”提供了非常简便的方法用来安装或反安装三方插件,Dreamweaver在“命令”菜单中添加了“扩展管理”这一项。

120.如何用 Dreamweaver快速创建 CSS外连式文件?
对于一个初接触 CSS的网页设计人员来讲,要用记事之类的编辑器去创建一个 CSS外连式文件是相当困难的。由于 Dreamweaver对 CSS支持的很好,因此可利用它来创建。具体操作步骤如下:先在纸上写好在网站的网页中可能要用到的 CSS名称,然后在 Dreamweaver的编辑窗中调出 CSS面板,一个一个地定义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;全部定义好后,再用记事本创建一个空的 CSS外连式文件,再把之前那段定义好的 CSS复制到 CSS文件中去,就大功告成了。


121. <!DOCTYPE>代码是什么意思?
在网页中,经常会看到代码<!DOCTYPE HTML PUBLIC'-//W3C//DTD HTML 4.01//EN'>,这是声明 HTML文件的版本信息。


122.如何在网址前面添加小图标?
首先,必须知道所谓的图标是一种特殊的图形文件,它是以 .ico作为扩展名。可在网上找一个制作图标软件来进行制作。一般,图标具有特定的规格:图标的大小为 16×16(以像素为单位);颜色不得超过 16色。插入图标时只需在该网页文件的 HEAD部分加入下面的代码:

<LINK REL="SHORTCUT ICON" HREF="http:// www.yourdomain.com/图标文件名">

123.在 800×600的显示器中,如何不让网页出现水平滚动条?
使用代码<body leftmargin="0" topmargin="0">,此时网页中的表格宽度为 778。

124.怎样使用<IFRAME>标签在网页中嵌入网页?
使用代码<iframesrc="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling ="Yes">即可。

125.怎样使用<tbody>标签?
<tbody>用于加强对表格的控制能力的,例如, <table><tbody>.......</tbody></table>。<tbody>标签如果不是手动输入的话,只有在用 IE打开一个网页并把它另存的时候,另存为的文件的表格才会生成 <tbody>标签。


126.如何让滚动条出现在页面的左侧?
使用如下代码即可:<htmldir="rtl">

127.alt和 title都是提示性语言标签属性,它们之间有什么区别吗?
在浏览网页时,当鼠标指针停留在图片对象或链接上时,在指针的右下方有时会出现一个提示信息框,对目标进行一定的注释说明。在一些场合,它的作用是很重要的。Alt属性就是用来给图片设置提示;而 Title属性用来给链接文字或普通文字设置提示的。
用法如下:
<pTitle="给链接文字提示">文字</p>
<a href="#"Title="给链接文字提示">文字</a>
<img src="图片.gif" alt="给图片提示">

128.怎样利用<pre>标签对文本进行精确的布局控制?
位于<pre>和</pre>之间的任何文本都将会准确地按照原先的布局来显示,包括两个以上的连续半角空格和额外的回车。

129.怎样使用背景音乐的相关标签?
背景音乐使用的相关标签是 <EMBED SRC= "001.mid">,这个标签可以视需要放置在 <BODY>和 </BODY>之间的任何地方。在网页中对应的标签放置的位置上会出现一个类似媒体播放程式的图案,可以控制音乐的播放或暂停。下面是它的其他参数:

<EMBEDSRC="001.mid"WIDTH=145HEIGHT =60 AUTOSTART=TRUE LOOP=TRUE HIDDEN= "TRUE" >


130.<base>标签的作用是什么?
这是基本的HTML语言。用<base target=_××>来设置这个网页所有链接的目标窗口。也就是说,网页中只要添加<basetarget=_××>代码,那么就无需分别设置所有的超链接。最好将这句写在 <head>和 </head>之间。例如,<basetarget=_blank>代码表示网页中所有的超链接的目标地址都在新建窗口中打开。


131.visibility和 display属性最大的区别是什么?
visibility=“hidden”的对象在页面中占有空间但是不显示,dispaly="none"的对象在页面中不占有空间。例如:

<div style="width:100px;height:20px" id=div1>第一行 </div>第二行 <input type=button onclick=div1. style.display='none' value=display><input type=button onclick=div1.style.visibility='hidden'value=visibility>


132.如何使 DIV居中?
主要的样式定义如下:
body{TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto;}

首先在父级元素定义,“TEXT-ALIGN:center;”的意思就是使父级元素内的内容居中;一般,对于 IE这样设置可以了。但在 mozilla中不能居中,解决办法就是在子元素定义时再添加“MARGIN-RIGHT: auto;MARGIN-LEFT:auto;”。

需要说明的是,如果想用这个方法使整个页面居中,建议不要套在一个 DIV里,可以依次拆出多个 DIV,只要在每个拆出的 DIV里定义“MARGINRIGHT:auto;MARGIN-LEFT:auto;”就可以了。

133.如何使图片在 DIV中垂直居中?
运用背景,例如: body{BACKGROUND: url(http://www.w3cn.org/style/001/logo_w3cn_194x79. gif)#FFFno-repeatcenter;}

关键就是最后的 center,这个参数用于定义图片的位置。还可以输入 top left(左上角)或 bottom right(右下角)等,也可以直接输入数值。


134.在制作 Flash动画时,有时动画播放完了,音乐还不停,但有时动画还没有播放完,音乐却已经停了,反正声音和画面总不能同步,请问如何使它们准确同步呢?
首先来看看为什么不同步。Flash是以元素为单位来下载播放的,当你把声音属性中设置了“事件”,那么声音会作为一个单独的元素进行下载,但它并不按照帧来播放,下载完成后就开始播放。而在这个时候,图像因为是由很多元素组成的,需要一定的时间来进行下载,所以很可能出现图像还没有下载完,而声音却已经下载完的现象,从而在播放时出现不同步的现象。解决的办法是:先把声音文件设置成为“流式”,这样声音就会按照帧来播放,我们就可以很好地控制它了。还有就是最好给整个动画做个 Loading预载入。


135.制作的 Flash MTV在自己的电脑上歌词和音乐是同步的,但是上传到网上和在别人的电脑上播放就不同步,请问该如何解决?
这个问题的原因和上一个问题差不多,还是要把声音设置为“流式”。因为声音已经被分配到动画的每一帧上了,所以这时不论你按一下回车还是用鼠标在帧上拖动,都可以听到声音了,这在“事件”时是实现不了的。这样,你就可以根据音乐的波形变化直观地安排歌词了。但有一点需要说明,就是设置成“流式”会对音质有一些影响。

136.制作的 Flash在最大化播放时,往往左右两边会有动画图像露出来,尤其是在用鼠标改变大小后,这种情况就更加明显,非常影响整个动画的播放效果。如果想要改善这种情况,使动画只在中心区域播放,而其他地方为黑色,请问该如何实现的?

其实这个很好实现,道理很简单,就是单独做一个层,在层上画一个很大的黑色矩形,涉及的范围要达到场景以外很远的地方,然后删除中间的一部分,露出场景。这里要注意两点:一是这个层要从开始一直到最后一帧;二是要把该层放置在最上层。

137.为了使网站更具震撼力,把首页做成了 Flash。如果想使浏览者观看完 Flash后自动转入 HTML页面该如何实现?
在最后一帧插入关键帧,在其上单击鼠标右键,在弹出的菜单中选择“动作”选项,在弹出的窗口输入“GetURL("你的网站地址");”,就可以实现了。

138.很多 Flash中都有圈形文字转动的场景,请问这是如何实现的?在 Flash中如何做圈形文字呢?
在 Flash中很难实现圆圈形文字的制作,一般都是先使用别的软件做好圆圈形文字后再导入到 Flash中的。建议使用 FreeHand软件来制作,方法是:绘制一个圆,然后输入文字,使用箭头工具把二者全部圈选,执行“文字>附加到路径”命令,把文字变为圆形,然后输出为 GIF格式图片,最后再导入 Flash中即可。

139.请问如何在 Flash中设置透明的渐变?
选取填充的部分,打开“颜色”面板,在面板里选择渐变填充类型,并单击颜色滑块在下方选择颜色并设置相应的 Alpha选项,调整透明度即可。


140.有一个 Flash宣传片,需要播放完后自动关闭,请问该如何实现?
在最后一帧上单击右键,在弹出菜单中选择“动作”选项,弹出对话框后,单击+按钮,选择“全局函数>浏览器/网络>getURL”选项,然后在括号中输入 “FSCommand:”就可以了。


141.如何禁止菜单功能和缩放功能,以及完成双击 SWF文件时直接全屏显示?
全屏:使用 FSCommand(“fullscreen”, true)语句,将屏幕占满,动画部分并不会因此而放大。禁止
缩放:使用 FSCommand(“allowscale”, False)语句。
禁止菜单:使用 FSCommand(“showmenu”, False)语句。


142.如何通过按钮给别人发 E-mail?
在按钮上添加下列语句:

get url:mailto:yourname@mail.com


143.关键帧中的动作脚本里 Stop后的脚本会不会起作用?
Stop语句只停止帧的播放,并不能停止该 Stop所在关键帧的动作语句的执行。


144.如何调整 Flash中多个场景的播放次序?
执行“窗口>其他面板>场景”命令,在打开的面板中调整场景之间的上下关系,即可确定播放次序。


145.动作中/:与/有什么区别,各在什么时候用?
/:是表示某一路径下的变量,如/:a就表示根路径下的变量 a,而/表示的是绝对路径。


146.如何在 MC中控制主场景的播放?
Flash中_root表示主场景,用_root. play()即可控制主场景的播放。


147.如何在 Flash中打开一个定制的浏览器新窗口?

添加下列语句:

Get URL("java script:window.open('new.htm', 'newwin','width=320,height=320');")

148.单击一个按钮就播放音乐,再单击它就停止播放,这个效果该如何制作?
第一下设置 gotoandplay(),那一帧设置成 play sound,第二下再跳到另一帧,然后设置成 stopall sound。

149.如何改变调入后的 swf动画的位置?
一个简单的方法是,像我们改变一张图的位置那样用鼠标拖动来移动那个已置入 Mocie文件的 MC。

150.Flash动画背景可以为透明吗?
执行“文件>发布设置”命令,在弹出的对话框中切换至 HTML选项卡,在“窗口模式”下拉菜单中选择“透明无窗口”选项即可。也可在 Html文件的</object>前加上语句<param name="WMODE" value="transparent">。

(责任编辑:admin)

织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片