背景音乐是如何插入的? 自动显示最后更新时间。 关于弹出窗口的制作。 网页中插入音频视频文件的代码。 在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: 我们自己网页上传以后,经常会不断更新和添加新的内容,而怎样才能让浏览网页的网友知道自己的辛苦更新呢?通常我们会在网页的一角,列出此网页更新的最后日期,但是这个工作如果手工来做的话,既麻烦又容易遗忘。怎么样解决这个问题呢? 看了这个小技巧,你定会说,原来这么简单。好了,下面我们来做一下吧。 源码 粘贴框:
我们只要把“源码 粘贴框”中的JavaScript代码复制到你想要显示最后更新时间的地方就行了。 如果我们把代码复制到如下的表格中,则每次这个页面的html文件更改时,表格中便自动显示出更新时间,如下所示: 本页最后更新日期: 07/10/2000 14:26:37 代码中document.write()的意思是在页面上写出括号内设定的内容,现在我们采用“document.lastModified”得到文件最后更新时间,并把它显示出来。灵活运用“document.write()”语句,我们还能在页面上输出其它内容,比如说当前的时间、日期、用户信息等,大家可以去试一试。 Q: 关于弹出窗口的制作。 A: 经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。 【1、最基本的弹出窗口代码】 其实代码非常简单:
因为着是一段javascripts代码,所以它们应该放在
之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open ('page.html') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。 这一段代码可以加入HTML的任意位置,和之间可以,间也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。 【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。
参数解释:
js脚本结束 【3、用函数控制弹出窗口】 下面是一个完整的代码。
...任意的页面内容... 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前 没有任何用途。 怎么调用呢? 方法一: 浏览器读页面时弹出窗口; 方法二: 浏览器离开页面时弹出窗口; 方法三:用一个连接调用: 打开一个窗口 注意:使用的“#”是虚连接。 方法四:用一个按钮调用: 【4、同时弹出2个窗口】 对源代码稍微改动一下:
为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。 注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK? 【5、主窗口打开文件1.htm,同时弹出小窗口page.html】 如下代码加入主窗口区:
加入区: open即可。 【6、弹出的窗口之定时关闭控制】 下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则...),让它10秒后自动关闭是不是更酷了? 首先,将如下代码加入page.html文件的区:
然后,再用 这一句话代替page.html中原有的这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。) 【7、在弹出窗口中加上一个关闭按钮】
呵呵,现在更加完美了! 【8、内包含的弹出窗口-一个页面两个窗口】 上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。 通过下面的例子,你可以在一个页面内完成上面的效果。
打开一个窗口 看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。 【9、终极应用--弹出的窗口之Cookie控制】 回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?Yes! ;-) Follow me. 我们使用cookie来控制一下就可以了。 首先,将如下代码加入主页面HTML的区:
然后,用(注意不是openwin而是loadpop啊!)替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once! 写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。 需要注意的是,JS脚本中的的大小写最好前后保持一致。 Q: 网页中插入音频视频文件的代码。 A: 1.avi 格式
2.mpg格式
3.smi格式
height=180> 4.rm格式
5.wmv格式
Q:: 在Frontpage中插入Flash文件。 A: 有两种方法可以Frontpage 2000中加入Flash文件,第一种方法是在HTML源代码的「body」中加入「embed src="swf文件名" width=100 height=100」,用户在实际添加时宽度和高度自行调整。第两个方法是在frontpage中点击菜单插入--高级--插件,然后从浏览菜单中找到swf文件,并确定文件的高度和宽度,然后点击确定。
Q: 我用word做网页 。 A: 你知道吗?制作网页并不是很神秘、很困难的事情,现在有很多制作网页的软件,他们的操作都很简单,做出来的网页也很漂亮,那我给大家介绍一下你最熟悉的东东word吧,它也能做网页啊! 一.建立网页 1.运行word,单击“文件——新建”; 2.在弹出的窗口中,单击“web页”,然后选择“普通版式”。单击“确定”,弹出窗口 3.可以用提供的模板。 二、编辑网页 1.插入图片 普通模板建立的网页有3栏,我们可以对它进行修改。先删除一栏,操作方法和word中删除表格行或列是一样的。这时,我们的网页只剩下2栏,在左边这一栏装上一幅画吧。 方法是:将光标移到要插入图象的地方,然后单击“插入”,选择“图片”,找到“来自文件”后单击。 在弹出的窗口中选择要插入的图片,单击“插入” 2.编辑文字 在右边那一栏里,根据提示输入自己喜欢的文字,当然你可以采取复制、粘贴的方法来完成。呵呵!看看怎么样啊!还满意吧!那就保存一下,否则你可就白忙活了。 3.保存、修改网页 保存的方法很简单,单击工具栏的“保存”按钮,在弹出的窗口中选择要保存的文件夹,给自己的网页文件起个名字,然后单击“保存”就OK了! 修改网页也是非常简单的,用word打开,根据自己的需要修改就行了。 怎么样?只要你会word的操作,就能做出网页来! 最后告诉你,要想发布你的网页,就去网易申请个人空间,根据网易给你的要求进行操作,上传就可以让别人看到了!!
Q: 网页设计中常用的一些技巧。 A: ★ 原文转载自eniac版yy2125的《网页设计中常用的一些技巧》★ 网页设计中常用的一些技巧 让滚动条变色 这个很简单啦,只要在和间插入:
背景图象重复与否:[/B] background-repeat: repeat | repeat-x | repeat-y | no-repeat 注: 以上设置标签的意义 repeat 图象水平垂直方向都重复。 repeat-x 图象水平方向重复。 repeat-y 图象垂直方向重复。 no-repeat 图象不重复。 说: 定义图象重复方向是对于一些独特的图象定位而言。 例: background-repeat: repeat(设定背景图为重复,如果重复一般不必设置,这个是浏览器默认的。) 背景图的地址最好写全,就是 http://~~因为据说,NETSCAPE4.0以下好象支持的不是很好。 背景图象是否随滚动条移动: background-attachment: scroll | fixed scroll属于浏览器默认的,也就是随滚动条移动,fixed为不动。 [B]给背景图定位: ---就是设置它显示在哪里.最上面top,还是左边left background-position: | [percentage | length]{1,2} |[top | center | bottom] | [left | center | right] background-position:[percentage | length]是用X(横坐标)y(纵坐标)定义,如background-position: 20px 40px; background-position:[top | center | bottom] 和[left | center | right] 是一样的意思了,三个任意两个搭配可以产生不同的效果. 可以是background-position:top center;center bottom;top bottom;left,right..... bottom:下,top:上,left:左,right:右,center:中. 下为像素与英文的对照: top left = left top = 0% 0% top = top center = center top = 50% 0% right top = top right = 100% 0% left = left center = center left = 0% 50% center = center center = 50% 50% right = right center = center right = 100% 50% bottom left = left bottom = 0% 100% bottom = bottom center = center bottom = 50% 100% bottom right = right bottom = 100% 100% 全部的设定: { background: background-color || background-image || background-repeat || background-attachment || background-position } 例: body{ background: #ffffff; background-image: url( /Article/UploadFiles/200505/20050513225537291.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom } 关于背景图就说到这里啦,适当的应用可以让页子变得美美的,同时也可以加快下载速度哦:) 1.在主页中加入背景音乐 ---- 首先要准备一首MIDI音乐,将其命名为test.mid。在HTML中使用背景音乐的标记是< EMBED SRC="test.mid">,这个标记可以根据泥的需求,放置在< BODY>和< /BODY>之间的任何地方。这个标记放置的位置会出现一个类似媒体播放器的图案,利用它可以控制音乐播放或暂停。例如下面一条语句: ---- < EMBED SRC="test.mid" WIDTH=120 HEIGHT=60> ---- 就会出现一个控制面版让泥播放音乐,我们可以选择控制面版的大小。 ---- 如果泥希望一进入页面就播放背景音乐,而且不显示播放控制面板,并且可以重复播放,那么可以通过以下语句实现: ---- < EMBED SRC="test.mid" HIDDEN="TRUE" AUTOSTART="TRUE" LOOP="TRUE"> ---- 泥还可以通过以下语句插入背景音乐: ---- < bgsound SRC="URL"> ---- 如果需要循环播放,可以通过以下语句实现: ---- < bgsound SRC="URL" loop="-1"> ---- 按设定次数播放可以通过以下语句实现: ---- < bgsound SRC="URL" LOOP="次数"> 2.< EMBED>的属性 ---- < EMBED>可以放在< BODY>和< /BODY>之间的任何地方,在这个标记放置的位置会出现一个控制面板的图案,您可以视自己的需求把它放在适当的位置,也可以使用HIDDEN="TRUE"将面板隐藏起来,配合AUTOSTART="TRUE"作为背景音乐使用。 (注意喔,的语句是加在与之间的,而则是加在< BODY>和< /BODY>之间的任何地方) 阴 影 文 字: 是不是好想去美化自己的站站,呵呵,其实很简单啦,只要以下代码:
其中color 是阴影的颜色,可以配合网页色调改变,direction 是设置阴影的强度。font color是原字体的颜色。 呵呵,发挥自己的想象力让字体变得更漂漂吧^_^ 浮 雕 文 字 : 大家看到这些文字和普通的文字有什么区別吗? 是不是有一种刻在网页上的感觉? 这种效果做在叶面上也是挺漂亮的。 其实很简单,這是利用了CSS做出的。 首先,在~之間加入:
然后,在~之間加入: 是不是有点浮雕的效果呢?
是漂亮的顔色呢~!p^^q
#发挥一下你的想象,利用背景色的搭配,一定可以做出不错的效果的。 半透明表格 SAMPLE: 嘿,不让你看清我! 实现这个效果很简单啦,请将以下代码拷贝至