锦州网站制作之20个网站制作的小技巧

锦州网站制作技巧 (申请通过)

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: 我们自己网页上传以后，经常会不断更新和添加新的内容，而怎样才能让浏览网页的网友知道自己的辛苦更新呢？通常我们会在网页的一角，列出此网页更新的最后日期，但是这个工作如果手工来做的话，既麻烦又容易遗忘。怎么样解决这个问题呢？

看了这个小技巧，你定会说，原来这么简单。好了，下面我们来做一下吧。

源码粘贴框：

<!–hide script from old browsers

document.write(“本页最后更新日期: ” + document.lastModified + “”)

// end hiding –>

</script>

我们只要把“源码粘贴框”中的JavaScript代码复制到你想要显示最后更新时间的地方就行了。

如果我们把代码复制到如下的表格中，则每次这个页面的html文件更改时，表格中便自动显示出更新时间，如下所示：

本页最后更新日期: 07/10/2000 14:26:37

代码中document.write()的意思是在页面上写出括号内设定的内容，现在我们采用“document.lastModified”得到文件最后更新时间，并把它显示出来。灵活运用“document.write()”语句，我们还能在页面上输出其它内容，比如说当前的时间、日期、用户信息等，大家可以去试一试。

Q: 关于弹出窗口的制作。

A:经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。

【1、最基本的弹出窗口代码】

其实代码非常简单：

<!–

window.open (“page.html”)

–>

</SCRIPT>

因为着是一段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE=”javascript”>标签和</script>之间。<!– 和 –>是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

window.open (“page.html”) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径([url]http://)[/url]和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。

这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

【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”)

//写成一行

–>

</SCRIPT>

参数解释：

<SCRIPT LANGUAGE=”javascript”> 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为允许；

</SCRIPT> js脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码。

<html>

<head>

<!–

function openwin() { window.open (“page.html”, “newwindow”, “height=100, width=400, toolbar=

no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)

//写成一行

}

//–>

</script>

</head>

<body >

…任意的页面内容…

</body>

</html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前

没有任何用途。

怎么调用呢？

方法一：<body > 浏览器读页面时弹出窗口；

方法二：<body > 浏览器离开页面时弹出窗口；

方法三：用一个连接调用：

<a href=”#” >打开一个窗口

注意：使用的“#”是虚连接。

方法四：用一个按钮调用：

2005-10-30 07:47 zhu2153490

【4、同时弹出2个窗口】

对源代码稍微改动一下：

<!–

function openwin()

{ window.open (“page.html”, “newwindow”, “height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)

//写成一行

window.open (“page2.html”, “newwindow2″, “height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)

//写成一行

}

//–>

</script>

为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。

注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？

【5、主窗口打开文件1.htm，同时弹出小窗口page.html】

如下代码加入主窗口<head>区：

<!–

function openwin()

{window.open(“page.html”,””,”width=200,height=200″)

}

//–>

</script>

加入<body>区：

<a href=”1.htm” >open即可。

【6、弹出的窗口之定时关闭控制】

下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则…)，让它10秒后自动关闭是不是更酷了？

首先，将如下代码加入page.html文件的<head>区：

function closeit()

{setTimeout(“self.close()”,10000) //毫秒}

</script>

然后，再用<body > 这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)

【7、在弹出窗口中加上一个关闭按钮】

<FORM>

</FORM>

呵呵，现在更加完美了！

【8、内包含的弹出窗口-一个页面两个窗口】

上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。

通过下面的例子，你可以在一个页面内完成上面的效果。

<html>

<head>

function openwin()

{OpenWindow=window.open(“”, “newwin”, “height=250, width=250,

toolbar=no,scrollbars=

“+scroll+”,menubar=no”);

//写成一行

OpenWindow.document.write(“<TITLE>例子</TITLE>”)

OpenWindow.document.write(“<BODY BGCOLOR=#ffffff>”)

OpenWindow.document.write(“<h1>Hello!</h1>”)

OpenWindow.document.write(“New window opened!”)

OpenWindow.document.write(“</BODY>”)

OpenWindow.document.write(“</HTML>”)

OpenWindow.document.close()}

</SCRIPT>

</head>

<body>

<a href=”#” >打开一个窗口

</body>

</html>

看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。

【9、终极应用–弹出的窗口之Cookie控制】

回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？Yes! Follow me.

我们使用cookie来控制一下就可以了。

首先，将如下代码加入主页面HTML的<HEAD>区：

function openwin()

{window.open(“page.html”,””,”width=200,height=200″)}

function get_cookie(Name)

{var search = Name + “=”

var returnvalue = “”;

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(“;”, offset);

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset,end))

}

return returnvalue;

}

function loadpopup(){

if (get_cookie(“popped”)==””){

openwin()

document.cookie=”popped=yes”

}

</script>

然后，用<body >（注意不是openwin而是loadpop啊！）替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once！

写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。

需要注意的是，JS脚本中的的大小写最好前后保持一致。

2005-10-30 07:47 zhu2153490

Q:网页中插入音频视频文件的代码。

A: 1.avi格式

</embed>

</object>

2.mpg格式

</object>

3.smi格式

<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240

height=180>

4.rm格式

</OBJECT>

5.wmv格式

nsmp2inf.cab#Version=6,4,5,715″ standby=”Loading Microsoft Windows Media Player components…” type=”application/x-oleobject” align=”right” hspace=”5″>

<!– ASX File Name –>

<!– Display Controls –>

<!– Display Position Controls –>

<!– Display Audio Controls –>

<!– Display Tracker Controls –>

<!– Show Display –>

<!– Display Status Bar –>

<!– Diplay Go To Bar –>

<!– Display Controls –>

<!– Player Autostart –>

<!– Animation at Start –>

<!– Transparent at Start –>

<!– Do not allow a change in display size –>

<!– Do not allow scanning –>

<!– Do not show contect menu on right mouse click –>

<!– Do not allow playback toggling on mouse click –>

</object>

2005-10-30 07:50 zhu2153490

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的《网页设计中常用的一些技巧》★

网页设计中常用的一些技巧

让滚动条变色

这个很简单啦,只要在<head>和</head>间插入：

<style>

BODY{

scrollbar-base-color:#FFFFFF;

scrollbar-face-color:#FFFFFF;

scrollbar-track-color:#FFFFFF;

scrollbar-arrow-color:#aecde7;

scrollbar-3dlight-color:#FFFFFF;

scrollbar-highlight-color:#FFFFFF;

scrollbar-shadow-color:#FFFFFF;

scrollbar-darkshadow-color:#FFFFFF;}

</style>

背景图象重复与否：[/B]

background-repeat:

repeat | repeat-x | repeat-y | no-repeat

注：

以上设置标签的意义

repeat　　　图象水平垂直方向都重复。

repeat-x　　图象水平方向重复。

repeat-y　　图象垂直方向重复。

no-repeat　图象不重复。

说：

定义图象重复方向是对于一些独特的图象定位而言。

例:

background-repeat: repeat(设定背景图为重复,如果重复一般不必设置,这个是浏览器默认的。)

背景图的地址最好写全，就是 [url]http://~~[/url]因为据说，NETSCAPE4.0以下好象支持的不是很好。

背景图象是否随滚动条移动：

background-attachment:

scroll | fixed

scroll属于浏览器默认的，也就是随滚动条移动，fixed为不动。

[B]给背景图定位：

—就是设置它显示在哪里.最上面top,还是左边left

background->

| [percentage | length]{1,2}

|[top | center | bottom]

| [left | center | right]

background- | length]是用X(横坐标)y(纵坐标)定义,如background- 40px;

background- | center | bottom] 和[left | center | right] 是一样的意思了,三个任意两个搭配可以产生不同的效果.

可以是background- 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( [img]http://user.7host.com/bluemm/img/1bg.gif[/img]); background-attachment: fixed; background-repeat: no-repeat; background- 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”作为背景音乐使用。

（注意喔，<bgsound>的语句是加在<head>与</head>之间的,而<EMBED>则是加在< BODY>和< /BODY>之间的任何地方)

2005-10-30 07:52 zhu2153490

阴影文字：

是不是好想去美化自己的站站，呵呵，其实很简单啦，只要以下代码：

你要的文字

</table>

其中color 是阴影的颜色，可以配合网页色调改变，direction 是设置阴影的强度。font color是原字体的颜色。

呵呵，发挥自己的想象力让字体变得更漂漂吧^_^

浮雕文字：

大家看到这些文字和普通的文字有什么区別吗？

是不是有一种刻在网页上的感觉？

这种效果做在叶面上也是挺漂亮的。

其实很简单，這是利用了CSS做出的。

首先，在<head>~</head>之間加入：

<!–

.font{

FILTER: dropshadow(color=#FF9999, offx=1, offy=1, positive=1); FONT-FAMILY: “Verdana”; FONT-SIZE: 10pt; width:100%; COLOR: #66CCFF;}

//–>

</style>

然后，在<body>~</body>之間加入：

<a href=#>是不是有点浮雕的效果呢？

<!–连接中使用 –>

<p >是漂亮的顔色呢~！p^^q</p>

<!–普通状态下使用–>

#发挥一下你的想象，利用背景色的搭配，一定可以做出不错的效果的。

半透明表格

SAMPLE:

嘿，不让你看清我！

实现这个效果很简单啦，请将以下代码拷贝至 <TABLE> 里面

style=”FILTER: alpha(opacity=50)”

例如：

设置文本域的字体

请将以下代码拷贝至页面合适位置：

输入内容

注:字体(font-family)还可以选用Arial,Tahoma等等；color可自行设定

设置文本域的背景色

请将以下代码拷贝至页面合适位置：

输入内容

注:background-color可自行设定，如设为 transparent ，则背景透明

设置文本域的边框

实线：

输入内容

虚线：

输入内容

点线：

输入内容

设置文本域的背景图

请将以下代码拷贝至页面合适位置：

输入内容

注: fixed可以固定背景图，如不需要可不用。

2005-10-30 07:53 zhu2153490

给鼠标定义个性图片

活活，很多人问我主页的那个跟在鼠标后的小图是怎样实现的？嘿，其实简单的不得了，偶不喜欢太复杂的东西，活活，先看演示啦：

SAMPLE:鼠标放上来，是不是很可爱^_^

hoho,是不是很想把它用来装扮你的叶子？EASY啦，只要：

在<head>与</head>之间插入：

a:hover {cursor:url(“**.ani”)}

BODY {cursor:url(“**.ani”)}

</style>

其中**是你的图标的名称，后缀名还可以是.cur和.ico的图标。

Q:: Dreamweaver实用七小招。

A: 一、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用 “Edit→paste as text” 命令，不要直接用 Ctrl+V 。

二、当有浏览者使用 Netscape 浏览页面时，在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题，可以通过点击 “Command→Add/Remove Netscape resize fix” 来加以解决，它可以使在 Netscape 中浏览页面时，改变窗口大小的时候页面不会花掉。

三、仅仅拷贝文字。当我们从 Dreamweaver 中拷贝文字到另一个应用程序的时候， HTML 代码和文字一起被拷贝过去了。一般我们都用快捷键 Ctrl ＋ C 来拷贝，　如果在拷贝的时候多按一个 “C” 键则只拷贝选中的文字。

四、在 Dreamweaver 中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了：先将 “ 中文输入法 ” 转换成全角状态，然后同时按下键盘上的 Shift+Ctrl+space 就可以插入一个空格 ( 可以连续输入 ) 。

五、 library 组件和 template 模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。

六、不要在同一个页面同时使用表格和层来布置，在 Netscape 中会导致混乱，从属关系除外。

七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档，可以使用 “Go To URL”JavaScript　行为。打开一个有框架的网页，选择文字或图像，然后从行为面板中选择 “Go To URL” 。你会注意到 Dreamweaver 会在 “Go To URL” 对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的 URL 后再选择另一个框架并输入另一个 URL。

2005-10-30 07:54 zhu2153490

Q:: FLASH 文字特效六合一。

A: 我们平时在 flash 中见到的文字特效都是一种效果，本实例将告诉您如何将同一段文字在一个动画中实现六中不同的效果，通过简单的代码控制即可实现，下面我们就来一起学习：）

我们的制作思路是：将不同效果的 as 控制代码放到不同的 mc 中，然后通过对 mc 的调用，从而实现了对文字特效的控制。

特效控制 mc 的制作：

特效 1:

1.　首先建立一个 movie clip, 命名为 appear, 进入 mc 的编辑区后 ` ，给图层 layer1 的第 1 桢加 as:

this._alpha = 0;

var act;

stop();

// 初始化，设置文本开始为不可见

2.　在第 2 桢插入一个关键桢，然后用文本工具画一个文本框，并在 properties 面板中设置此文本框为 dynamic text 动态文本框，并给文本框设置变量名 text,

3 ．然后在第三桢插入一个关键桢，加如下 as:

if (this._alpha<100) {

this._alpha = this._alpha+4;

gotoAndPlay (2);

} else {

this._alpha = 100;

stop ();

}

// 通过对文本 _alpha 透明度属性的控制，实现文字渐显的效果，

下面按照特效 1 完全一样的方法，制作其余 5 个特效控制 mc, 唯一一点不同的是每个 mc 的第 3 关键桢的控制代码不同，分别如下所示：

特效 2(mc falldown)

if (this._alpha<100) {

this._alpha = this._alpha+5;

this._y = this._y+2;

gotoAndPlay (2);

} else {

this._alpha = 100;

stop ();

}

// 在特效 1—- 文字渐显效果的基础上，通过控制文本的 _y 属性实现文字的下坠效果

特效 3(mc random x&y)

a=this._x;

b=this._y;

if (Number(a)!=_root.rancon:x[i] or Number(b)!=_root.rancon:y[i]) {

this._x=this._x+(_root.rancon:x[i]-Number(a))/15;

this._y=this._y+(_root.rancon:y[i]-Number(b))/15;

//read the origan values in the rancon mc and set step number!

chax=Math.abs(this._x-_root.rancon:x[i])

chay=Math.abs(this._y-_root.rancon:y[i])

if(Number(chax)<1 && Number(chay)<1){

this._x=_root.rancon:x[i];

this._y=_root.rancon:y[i];

}

this._alpha = this._alpha+5;

gotoAndPlay (2);

} else {

this._alpha = 100;

stop ();

}

在第 3 关键桢加如下 as:

j–;

if(Number(j)>=0){

gotoAndPlay (2);

}else{

stop();

}

本文由锦州SEO 锦州网站建设综合整理

网站制作技巧 (申请通过)

Q: 背景音乐是如何插入的?

在 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: 自动显示最后更新时间。

看了这个小技巧，你定会说，原来这么简单。好了，下面我们来做一下吧。

源码粘贴框：

<!–hide script from old browsers

document.write(“本页最后更新日期: ” + document.lastModified + “”)

// end hiding –>

</script>

我们只要把“源码粘贴框”中的JavaScript代码复制到你想要显示最后更新时间的地方就行了。

如果我们把代码复制到如下的表格中，则每次这个页面的html文件更改时，表格中便自动显示出更新时间，如下所示：

本页最后更新日期: 07/10/2000 14:26:37

Q: 关于弹出窗口的制作。

【1、最基本的弹出窗口代码】

其实代码非常简单：

<!–

window.open (“page.html”)

–>

</SCRIPT>

【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”)

//写成一行

–>

</SCRIPT>

参数解释：

<SCRIPT LANGUAGE=”javascript”> 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为允许；

</SCRIPT> js脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码。

<html>

<head>

<!–

function openwin() { window.open (“page.html”, “newwindow”, “height=100, width=400, toolbar=

no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)

//写成一行

}

//–>

</script>

</head>

<body >

…任意的页面内容…

</body>

</html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前

没有任何用途。

怎么调用呢？

方法一：<body > 浏览器读页面时弹出窗口；

方法二：<body > 浏览器离开页面时弹出窗口；

方法三：用一个连接调用：

<a href=”#” >打开一个窗口

注意：使用的“#”是虚连接。

方法四：用一个按钮调用：

2005-10-30 07:47 zhu2153490

【4、同时弹出2个窗口】

对源代码稍微改动一下：

<!–

function openwin()

{ window.open (“page.html”, “newwindow”, “height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)

//写成一行

window.open (“page2.html”, “newwindow2″, “height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)

//写成一行

}

//–>

</script>

为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。

注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？

【5、主窗口打开文件1.htm，同时弹出小窗口page.html】

如下代码加入主窗口<head>区：

<!–

function openwin()

{window.open(“page.html”,””,”width=200,height=200″)

}

//–>

</script>

加入<body>区：

<a href=”1.htm” >open即可。

【6、弹出的窗口之定时关闭控制】

首先，将如下代码加入page.html文件的<head>区：

function closeit()

{setTimeout(“self.close()”,10000) //毫秒}

</script>

【7、在弹出窗口中加上一个关闭按钮】

<FORM>

</FORM>

呵呵，现在更加完美了！

【8、内包含的弹出窗口-一个页面两个窗口】

上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。

通过下面的例子，你可以在一个页面内完成上面的效果。

<html>

<head>

function openwin()

{OpenWindow=window.open(“”, “newwin”, “height=250, width=250,

toolbar=no,scrollbars=

“+scroll+”,menubar=no”);

//写成一行

OpenWindow.document.write(“<TITLE>例子</TITLE>”)

OpenWindow.document.write(“<BODY BGCOLOR=#ffffff>”)

OpenWindow.document.write(“<h1>Hello!</h1>”)

OpenWindow.document.write(“New window opened!”)

OpenWindow.document.write(“</BODY>”)

OpenWindow.document.write(“</HTML>”)

OpenWindow.document.close()}

</SCRIPT>

</head>

<body>

<a href=”#” >打开一个窗口

</body>

</html>

【9、终极应用–弹出的窗口之Cookie控制】

我们使用cookie来控制一下就可以了。

首先，将如下代码加入主页面HTML的<HEAD>区：

function openwin()

{window.open(“page.html”,””,”width=200,height=200″)}

function get_cookie(Name)

{var search = Name + “=”

var returnvalue = “”;

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(“;”, offset);

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset,end))

}

return returnvalue;

}

function loadpopup(){

if (get_cookie(“popped”)==””){

openwin()

document.cookie=”popped=yes”

}

</script>

写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。

需要注意的是，JS脚本中的的大小写最好前后保持一致。

2005-10-30 07:47 zhu2153490

Q:网页中插入音频视频文件的代码。

A: 1.avi格式

</embed>

</object>

2.mpg格式

</object>

3.smi格式

<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240

height=180>

4.rm格式

</OBJECT>

5.wmv格式

nsmp2inf.cab#Version=6,4,5,715″ standby=”Loading Microsoft Windows Media Player components…” type=”application/x-oleobject” align=”right” hspace=”5″>

<!– ASX File Name –>

<!– Display Controls –>

<!– Display Position Controls –>

<!– Display Audio Controls –>

<!– Display Tracker Controls –>

<!– Show Display –>

<!– Display Status Bar –>

<!– Diplay Go To Bar –>

<!– Display Controls –>

<!– Player Autostart –>

<!– Animation at Start –>

<!– Transparent at Start –>

<!– Do not allow a change in display size –>

<!– Do not allow scanning –>

<!– Do not show contect menu on right mouse click –>

<!– Do not allow playback toggling on mouse click –>

</object>

2005-10-30 07:50 zhu2153490

Q:: 在Frontpage中插入Flash文件。

Q: 我用word做网页。

一.建立网页

1.运行word,单击“文件——新建”；

2.在弹出的窗口中，单击“web页”，然后选择“普通版式”。单击“确定”，弹出窗口

3.可以用提供的模板。

二、编辑网页

1.插入图片

方法是：将光标移到要插入图象的地方，然后单击“插入”，选择“图片”，找到“来自文件”后单击。

在弹出的窗口中选择要插入的图片，单击“插入”

2.编辑文字

3.保存、修改网页

保存的方法很简单，单击工具栏的“保存”按钮，在弹出的窗口中选择要保存的文件夹，给自己的网页文件起个名字，然后单击“保存”就OK了！

修改网页也是非常简单的，用word打开，根据自己的需要修改就行了。

怎么样？只要你会word的操作，就能做出网页来！

最后告诉你，要想发布你的网页，就去网易申请个人空间，根据网易给你的要求进行操作，上传就可以让别人看到了！！

Q: 网页设计中常用的一些技巧。

A: ★原文转载自eniac版yy2125的《网页设计中常用的一些技巧》★

网页设计中常用的一些技巧

让滚动条变色

这个很简单啦,只要在<head>和</head>间插入：

<style>

BODY{

scrollbar-base-color:#FFFFFF;

scrollbar-face-color:#FFFFFF;

scrollbar-track-color:#FFFFFF;

scrollbar-arrow-color:#aecde7;

scrollbar-3dlight-color:#FFFFFF;

scrollbar-highlight-color:#FFFFFF;

scrollbar-shadow-color:#FFFFFF;

scrollbar-darkshadow-color:#FFFFFF;}

</style>

背景图象重复与否：[/B]

background-repeat:

repeat | repeat-x | repeat-y | no-repeat

注：

以上设置标签的意义

repeat　　　图象水平垂直方向都重复。

repeat-x　　图象水平方向重复。

repeat-y　　图象垂直方向重复。

no-repeat　图象不重复。

说：

定义图象重复方向是对于一些独特的图象定位而言。

例:

background-repeat: repeat(设定背景图为重复,如果重复一般不必设置,这个是浏览器默认的。)

背景图的地址最好写全，就是 [url]http://~~[/url]因为据说，NETSCAPE4.0以下好象支持的不是很好。

背景图象是否随滚动条移动：

background-attachment:

scroll | fixed

scroll属于浏览器默认的，也就是随滚动条移动，fixed为不动。

[B]给背景图定位：

—就是设置它显示在哪里.最上面top,还是左边left

background->

| [percentage | length]{1,2}

|[top | center | bottom]

| [left | center | right]

background- | length]是用X(横坐标)y(纵坐标)定义,如background- 40px;

background- | center | bottom] 和[left | center | right] 是一样的意思了,三个任意两个搭配可以产生不同的效果.

可以是background- 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( [img]http://user.7host.com/bluemm/img/1bg.gif[/img]); background-attachment: fixed; background-repeat: no-repeat; background- bottom }

关于背景图就说到这里啦，适当的应用可以让页子变得美美的，同时也可以加快下载速度哦：）

1．在主页中加入背景音乐

—- < 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>的属性

（注意喔，<bgsound>的语句是加在<head>与</head>之间的,而<EMBED>则是加在< BODY>和< /BODY>之间的任何地方)

2005-10-30 07:52 zhu2153490

阴影文字：

是不是好想去美化自己的站站，呵呵，其实很简单啦，只要以下代码：

你要的文字

</table>

其中color 是阴影的颜色，可以配合网页色调改变，direction 是设置阴影的强度。font color是原字体的颜色。

呵呵，发挥自己的想象力让字体变得更漂漂吧^_^

浮雕文字：

大家看到这些文字和普通的文字有什么区別吗？

是不是有一种刻在网页上的感觉？

这种效果做在叶面上也是挺漂亮的。

其实很简单，這是利用了CSS做出的。

首先，在<head>~</head>之間加入：

<!–

.font{

FILTER: dropshadow(color=#FF9999, offx=1, offy=1, positive=1); FONT-FAMILY: “Verdana”; FONT-SIZE: 10pt; width:100%; COLOR: #66CCFF;}

//–>

</style>

然后，在<body>~</body>之間加入：

<a href=#>是不是有点浮雕的效果呢？

<!–连接中使用 –>

<p >是漂亮的顔色呢~！p^^q</p>

<!–普通状态下使用–>

#发挥一下你的想象，利用背景色的搭配，一定可以做出不错的效果的。

半透明表格

SAMPLE:

嘿，不让你看清我！

实现这个效果很简单啦，请将以下代码拷贝至 <TABLE> 里面

style=”FILTER: alpha(opacity=50)”

例如：

设置文本域的字体

请将以下代码拷贝至页面合适位置：

输入内容

注:字体(font-family)还可以选用Arial,Tahoma等等；color可自行设定

设置文本域的背景色

请将以下代码拷贝至页面合适位置：

输入内容

注:background-color可自行设定，如设为 transparent ，则背景透明

设置文本域的边框

实线：

输入内容

虚线：

输入内容

点线：

输入内容

设置文本域的背景图

请将以下代码拷贝至页面合适位置：

输入内容

注: fixed可以固定背景图，如不需要可不用。

2005-10-30 07:53 zhu2153490

给鼠标定义个性图片

活活，很多人问我主页的那个跟在鼠标后的小图是怎样实现的？嘿，其实简单的不得了，偶不喜欢太复杂的东西，活活，先看演示啦：

SAMPLE:鼠标放上来，是不是很可爱^_^

hoho,是不是很想把它用来装扮你的叶子？EASY啦，只要：

在<head>与</head>之间插入：

a:hover {cursor:url(“**.ani”)}

BODY {cursor:url(“**.ani”)}

</style>

其中**是你的图标的名称，后缀名还可以是.cur和.ico的图标。

Q:: Dreamweaver实用七小招。

A: 一、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用 “Edit→paste as text” 命令，不要直接用 Ctrl+V 。

五、 library 组件和 template 模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。

六、不要在同一个页面同时使用表格和层来布置，在 Netscape 中会导致混乱，从属关系除外。

2005-10-30 07:54 zhu2153490

Q:: FLASH 文字特效六合一。

我们的制作思路是：将不同效果的 as 控制代码放到不同的 mc 中，然后通过对 mc 的调用，从而实现了对文字特效的控制。

特效控制 mc 的制作：

特效 1:

1.　首先建立一个 movie clip, 命名为 appear, 进入 mc 的编辑区后 ` ，给图层 layer1 的第 1 桢加 as:

this._alpha = 0;

var act;

stop();

// 初始化，设置文本开始为不可见

2.　在第 2 桢插入一个关键桢，然后用文本工具画一个文本框，并在 properties 面板中设置此文本框为 dynamic text 动态文本框，并给文本框设置变量名 text,

3 ．然后在第三桢插入一个关键桢，加如下 as:

if (this._alpha<100) {

this._alpha = this._alpha+4;

gotoAndPlay (2);

} else {

this._alpha = 100;

stop ();

}

// 通过对文本 _alpha 透明度属性的控制，实现文字渐显的效果，

下面按照特效 1 完全一样的方法，制作其余 5 个特效控制 mc, 唯一一点不同的是每个 mc 的第 3 关键桢的控制代码不同，分别如下所示：

特效 2(mc falldown)

if (this._alpha<100) {

this._alpha = this._alpha+5;

this._y = this._y+2;

gotoAndPlay (2);

} else {

this._alpha = 100;

stop ();

}

// 在特效 1—- 文字渐显效果的基础上，通过控制文本的 _y 属性实现文字的下坠效果

特效 3(mc random x&y)

a=this._x;

b=this._y;

if (Number(a)!=_root.rancon:x[i] or Number(b)!=_root.rancon:y[i]) {

this._x=this._x+(_root.rancon:x[i]-Number(a))/15;

this._y=this._y+(_root.rancon:y[i]-Number(b))/15;

//read the origan values in the rancon mc and set step number!

chax=Math.abs(this._x-_root.rancon:x[i])

chay=Math.abs(this._y-_root.rancon:y[i])

if(Number(chax)<1 && Number(chay)<1){

this._x=_root.rancon:x[i];

this._y=_root.rancon:y[i];

}

this._alpha = this._alpha+5;

gotoAndPlay (2);

} else {

this._alpha = 100;

stop ();

}

在第 3 关键桢加如下 as:

j–;

if(Number(j)>=0){

gotoAndPlay (2);

}else{

stop();

}

本文由锦州SEO 锦州网站建设 http://www.heiku8.net

未经允许不得转载：SEO_整站优化_网站优化公司 » 锦州网站制作之20个网站制作的小技巧

锦州网站制作之20个网站制作的小技巧

相关推荐

评论 0