这碗粥 扶蓝:如何做个人网页--A ZA A ZA FIGHTING的博客

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 00:11:47
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( http://user.7host.com/bluemm/img/1bg.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:
嘿,不让你看清我!
实现这个效果很简单啦,请将以下代码拷贝至 里面
style="FILTER: alpha(opacity=50)"
例如:

设置文本域的字体
请将以下代码拷贝至页面合适位置: