简述添加网页特效的方法(网页特效制作)

在已经做好的网页怎么可以加上特效啊

工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

网页特效代码

在HTML文件中添加网页特效代码，一般有三种情况。

第一，只加在HTML文件头部，即HTML文件中head……/head之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。

第二，只加在HTML文件体部。即HTML文件中body……/body之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。如在你题目中提到的就属于这一类。

除上述情况外，多数代码需要先在头部（head……/head之间）在上一些属性性质的代码，但是特效的主代码需要添加在体部（body……/body之间），否则，特效不能正常显示，有时还会出现错误，影响整个页面的正常显示。

添加特效代码的方法：

先要用HTML编辑软件，如常见的文本编辑器“记事本”，打开需要编辑的文件，根据特效代码的要求，在文件中找到相应位置，复制，粘贴特效代码，保存即可。修改完毕后，即可在浏览器中看到相应的效果。

在添加的时候一定要注意，一定要按照特效源码的要求添加，此外，还要保证源码的完整性，一个标点符号都不能少，也不能多。

另外要说的是，根据我的经验，直接从网上复制来的代码，不一定都能直接粘贴了用，一部分必须通过一个软件来中转。比如，先把网上的代码复制后，粘贴到“记事本”中，然后再复制、粘贴到相应的文件位置上。

最后，介绍你几个经典网页特效站。

1、网页特效集锦：

2、javascript网页特效：

3、万旭网页特效：

4、网页特效梦工厂：

5、网页制作大宝库网页特效大全：

谁有网页特效制作的方法啊？

一．设置滚动字幕

设置标题文字“欢迎光临童心童话网站”为交替滚动字幕。

方法一：添加代码

marquee behavior="alternate"欢迎光临童心童话网/marquee

尝试scroll（滚动）和slide（滑动）两种其它模式。

方法二：常用-标签选择器-HTML标签-页元素，选中marquee，在右侧属性中设置behavior和direction。

二．弹出信息对话框

1. 单击“body”标签未选中任何页面元素，打开右侧标签检查器中的【行为】面板，选择【弹出信息】命令，弹出“弹出信息”对话框，在对话框中输入“欢迎光临童心童话网！”。

2.单击【确定】按钮返回。

三．设置状态栏文本

1.单击“body”标签未选中任何页面元素，打开【行为】面板，选择【设置文本】级联菜单下的【设置状态栏文本】命令，弹出对话框。

2.在对话框中输入“纯真的年代，美丽的心情，梦想的乐园！”，单击【确定】按钮返回。

3.在【行为】面板控制事件中选择onLoad事件。

4.保存文件，浏览网页效果。

四．页面上飞来飞去的小动画

1.打开常用下拉列表，选择“布局”—“描绘层”，拖出一个层对象，选中层，选择“插入”—媒体—Flash，插入“donghua”Flash对象。

2.选中层对象，选择【修改】菜单【时间轴】级联菜单中的【录制层路径】命令，沿着要使动画飘动的路径拖动层对象。

3.在下方的时间轴面板上选中“自动播放”和“循环”复选框。

4.在浏览器中预览，可看到层对象顺着刚才拖动的路径运动。

五．弹出式菜单（index.htm）

1.选中导航条中的“外国童话”，在链接中输入“#”回车，设置空链接，打开【行为】面板，选择【显示弹出式菜单】命令，弹出“显示弹出式菜单”对话框。对话框的【内容】选项卡，在【内容】选项卡的文本输入框中输入菜单项的名称：格林童话，单击菜单旁的 按钮，添加菜单选项：安徒生童话、伊索寓言，单击 按钮，可以删除不想要的菜单选项。链接栏可为菜单选项设置超级链接。

2.单击【外观】，显示【外观】选项卡，可在【外观】选项卡中设置弹出式菜单的文字格式、一般状态和鼠标滑过状态文本和单元格的颜色属性等；单击【高级】，显示【高级】选项卡，可在此设置单元格的大小、间距、边框等属性；单击【位置】，显示【位置】选项卡，可在此设置相对于控制对象弹出式菜单显示的位置。

3.设置完成，单击【确定】按钮返回。

六．弹出浏览器(播放flash)

1.新建一个基本页，保存为ad.htm文件。

2.插入一个2行2列的表格，合并第一行，选择“插入”—媒体—Flash，插入“sanxing” 三星显示器广告Flash对象。在属性面板上为其命名“sanxing”。

3.在第二行2个单元格中分别插入b1、b2两个图片，设置居中。选中“播放”按钮，打开【行为】面板，选择【控制Shockwave或Flash】命令，在对话框中选择“播放”单选钮，单击【确定】按钮返回。在【行为】面板控制事件中选择onClick事件。同样设置“停止”按钮。

4.保存文件，打开index，单击“body”标签，打开【行为】面板，选择【打开浏览器窗口】弹出对话框。选中ad.htm，设置窗口大小为520*460，选中“调整大小手柄”。保存，在IE浏览器中浏览，用户可以通过两个按钮控制动画播放。

七．制作交换图像

1.新建一个html文件。

2.设置1行8列表格，插入t1-t8八张图片。鼠标单击选中图像，分别在属性面板上给图像命名从左到右依次为t1~t8。

3.选中最左边的图像t1，打开【行为】面板，选择【交换图像】，在对话框中选中第1项“图像”t1””，单击“设定原始档为”栏右边的【浏览】按钮，在弹出的对话框中选择图像t2；选择第2项“图像”t2””， “设定原始档为” t3；……选择第8项“图像”t8””，“设定原始档为” t1。单击【确定】按钮返回。

4.用同样的方法为每一幅图像设置【交换图像】行为。比如选中图像t2，在“交换图像”对话框中设置“图像”t1””交换为t3，“图像”t2””交换为t4……。如此一来，可实现鼠标经过图像不断向前移动的效果。其它图像以此类推。

对设置交换图像行为的一点补充说明：

使用交换图像行为可以创建按钮变换（鼠标经过图像效果）和其他图像效果（如本例的一次变换多幅图像）。交换图像动作可以通过改变代码中的图像源文件属性将一幅图像变换为另外一幅图像，因此，变换图像的尺寸（宽度和高度）应该与初始图像一致。

网页中如何插入多个特效代码？

分类: 电脑/网络 互联网

问题描述:

我要在网站的同一个界面加入多个特效代码，我把特效代码按顺序排列加在body/body或head/head中间，可是把那些代码加入按顺序排起来后只能显示一个特效或者一个都不显示，我该怎么办？还有我要在网页中加入背景音乐，bgsound src=音乐地址 loop="-1"这是一个加入的代码，我加在body/body或head/head中间，好像只能在IE中游览时才会有用，可是我加入后打开网页并没有音乐出现，这是怎么回事？谁能帮帮我？不知各位大虾谁有好的背景音乐网站，请推荐给我，谢谢啦！~~~

解析:

1，代码问题。

多个特效代码最好不要放在一起，因为其中的某些代码可能会有冲突，导致部分特效失效甚至产成网页错误提示。

2，背景音乐问题。

代码要放在body/body之间！。如bgsoundsrc="*.mid"loop="-1"

其中，loop="-1"表示音乐无限循环播放，如果你要设置播放次数，则改为相应的数字即可。

不显示背景音乐首先检查背景音乐的地址是否正确，然后检查背景音乐的格式是否支持在网页中自动播放，对于背景音乐的格式支持现在大多的主流音乐格式，如WAV、MID、MP3等。。

这种添加背景音乐的方法是最基本的方法，也是最为常用的一种方法，如果要顾及到网速较低的浏览者，则可以使用MID音效作为网页的背景音乐，因为MID音乐文件小，这样在网页打开的过程中能很快加载并播放，但是MID也有不足的地方，它只能存放音乐的旋律，没有好听的和声以及唱词。如果你的网速较快，或是觉得MID音乐有些单调，也可以添加MP3的音乐。

3，背景音乐网站。

可以到百度搜索你想要的音乐，一定能找到让你满意的！