网页制作 各类效果问答.docx
《网页制作 各类效果问答.docx》由会员分享,可在线阅读,更多相关《网页制作 各类效果问答.docx(66页珍藏版)》请在冰豆网上搜索。
网页制作各类效果问答
背景音乐是如何插入的?
自动显示最后更新时间。
关于弹出窗口的制作。
网页中插入音频视频文件的代码。
在Frontpage中插入Flash文件。
我用word做网页。
网页设计中常用的一些技巧。
Dreamweaver实用七小招。
FLASH文字特效六合一。
FrontPage 2000 常用快捷键一览表。
十六则DW使用快技法。
修改HTML,给网页加点花样。
用FrontPage 2000快速制作动态按钮。
Q:
背景音乐是如何插入的?
A:
当然往网页中插入背景音乐会使页面声色不少。
但是在使用音乐背景的时候要注意,背景音乐不能太大,否则文件传输会成问题,从而使网页的吸引力下降。
在HTML中有embed标签可以实现背景音乐的插入功能,其语法规则如下:
下表给出有关上面的语法的一些具体的值和含义:
src 音乐文件的路径及文件名;
autostart true为音乐文件上传完后自动开始播放,默认为false(否)
loop true为无限次重播,false为不重播,某一具体值(整数)为重播多少次
volume 取值范围为"0-100",设置音量,默认为系统本身的音量
starttime "分:
秒",设置歌曲开始播放的时间,如,starttime="00:
10",从第10开始播放
endtime "分:
秒",设置歌曲结束播放的时间
width 控制面板的宽
height 控制面板的高
controls 控制面板的外观controls="console/smallconsole/playbutton/ pausebutton/stopbutton/
volumelever" ·console 正常大小的面板
·smallconsole 较小的面板
·playbutton 显示播放按钮
·pausebutton 显示暂停按钮
·stopbutton 显示停止按钮
·volumelever 显示音量调节按钮
hidden 为true时可以隐藏面板
Q:
自动显示最后更新时间。
A:
我们自己网页上传以后,经常会不断更新和添加新的内容,而怎样才能让浏览网页的网友知道自己的辛苦更新呢?
通常我们会在网页的一角,列出此网页更新的最后日期,但是这个工作如果手工来做的话,既麻烦又容易遗忘。
怎么样解决这个问题呢?
看了这个小技巧,你定会说,原来这么简单。
好了,下面我们来做一下吧。
源码粘贴框:
--hidescriptfromoldbrowsers
document.write("本页最后更新日期:
"+document.lastModified+"")
//endhiding-->
我们只要把“源码粘贴框”中的JavaScript代码复制到你想要显示最后更新时间的地方就行了。
如果我们把代码复制到如下的表格中,则每次这个页面的html文件更改时,表格中便自动显示出更新时间,如下所示:
本页最后更新日期:
07/10/2000 14:
26:
37
代码中document.write()的意思是在页面上写出括号内设定的内容,现在我们采用“document.lastModified”得到文件最后更新时间,并把它显示出来。
灵活运用“document.write()”语句,我们还能在页面上输出其它内容,比如说当前的时间、日期、用户信息等,大家可以去试一试。
Q:
关于弹出窗口的制作。
A:
经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。
其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现。
下面俺就带您剖析它的奥秘。
【1、最基本的弹出窗口代码】
其实代码非常简单:
--
window.open('page.html')
-->
因为着是一段javascripts代码,所以它们应该放在标签和之间。
--和-->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。
要养成这个好习惯啊。
window.open ('page.html') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http:
//)和相对路径(../)均可。
用单引号和双引号都可以,只是不要混用。
这一段代码可以加入HTML的任意位置,
和之间可以,间也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。
【2、经过设置后的弹出窗口】
下面再说一说弹出窗口的设置。
只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。
--
window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')
//写成一行
-->
参数解释:
js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码。
--
functionopenwin(){window.open("page.html","newwindow","height=100,width=400,toolbar=
no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")
//写成一行
}
//-->
...任意的页面内容...