导航:首页 > 万维百科 > 网页设计特效

网页设计特效

发布时间:2020-08-05 13:39:03

1、网页设计怎么嵌入动态特效,和链接

动态特效??flash??还是JS? 连接不就是<a href='' > 超级连接</a> 图片:<img src=''>图片</img>

2、一些网页的特效怎样制作?具体见问题补充

倒计时

把如下代码复制到<head>与</head>之间

<script language="JavaScript">
var DifferenceHour = -1
var DifferenceMinute = -1
var DifferenceSecond = -1
var Tday = new Date("February 6, 2008 23:59:59")
/* 上面括号中为要到达的日期,括号中左边为月和日,月份要用英文,右边为年份和具体时钟~

下面是各月份中英文对照

一月 January

二月 February

三月 March

四月 April

五月 May

六月 Jun

七月 July

八月 August

九月 September

十月 October

十一月 November

十二月 December
*/
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000

function clock()
{
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var timevalue = ""+((hour > 12) ? hour-12:hour)
timevalue +=((minute < 10) ? ":0":":")+minute
timevalue +=((second < 10) ? ":0":":")+second
timevalue +=((hour >12 ) ? " PM":" AM")
// document.formnow.now.value = timevalue
var convertHour = DifferenceHour
var convertMinute = DifferenceMinute
var convertSecond = DifferenceSecond
var Diffms = Tday.getTime() - time.getTime()
DifferenceHour = Math.floor(Diffms / daysms)
Diffms -= DifferenceHour * daysms
DifferenceMinute = Math.floor(Diffms / hoursms)
Diffms -= DifferenceMinute * hoursms
DifferenceSecond = Math.floor(Diffms / Secondms)
Diffms -= DifferenceSecond * Secondms
var dSecs = Math.floor(Diffms / microsecond)
if(convertHour != DifferenceHour) document.formnow.dd.value=DifferenceHour
if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute
if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond
document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
setTimeout("clock()",1000)
}
// end hiding -->
</script>

把如下代码复制到<body>与</body>之间

<form name="formnow">
<p>还剩 <input type="text" name="dd" size=2> 天 <input type="text" name="hh" size=2> 小时 <input type="text" name="mm" size=2> 分 <input type="text" name="ss" size=2> 秒就到春节啦!</p></center>
</form>

背景更简单了 你添加一个图片做背景不就成了

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

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

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

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

五、制作网页

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

六、上传测试

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

七、推广宣传

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

八、维护更新

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

4、Dreamweaver 网页设计中有哪些特效设置?怎么实现的?

特效就多了,用Javascript 、css3都可以实现,百度一下就有许多

5、制作网页的特效怎么弄?

首先你要说明的是什么特效或者要做到什么样的效果才能说怎么做。JS焦点图都是不难的。主要看你要做成什么。

6、网页设计特效??

能说的具体点吗?yahoo还是yahoo中国?什么栏目?

此为下拉式菜单,按钮为flash。
下拉式菜单的代码无须自己编写,有软件可以自动按要求生成,具体软件请去天空下载,地址:
http://www.skycn.com/sort/sort2010900_indate_DESC_1.html
FLASH按钮其实也是很简单的。下载个Macromedia Flash 自己去做一个就行了。

7、什么是网页特效

什么是网页特效?
网页特效就是用网页脚本(javascript,vbscript)来编写制作动态特殊效果,通常被人们称为网页特效.

网页特效运行于客户端的浏览器,所见所得.同样,网上很多的资源网站收集了大量网页特效代码,提供给很多做网页设计开发的网友们使用.

8、如何快速制作网页特效

1.打开你需要的带特效的网站,单击菜单栏(上面)的查看-源文件.然后找到你需要的特效的代码段(用dreamweaver软件容易找些),复制~粘贴~改代码(最好先了解javascript语言~否则比较麻烦)
2.先获得你要变换图片的控件(用ById),然后写个方法~在里面写个循环,或者用随机数获得图片并且附给你要变图片的控件,(所有的图片名必须有规律~比如1.jpg,2.jpg),最后在方法里写个计时器setTimeOut(方法名,每过多少毫秒执行一次)
3这些东西必须要有JAVAscript的基础~否则建议先学去

9、怎样使用网页设计模板和网页特效代码

使用网页设计模板和网页特效代码,一般这种模版都会给一定提示,例如在什么位置去插入,然后告诉通过一个什么函数来调用,然后只需要在DW中打开模版,根据自己需要的地方,更改文字,或者是图片就可以了。

10、用div怎样制作网页特效

启动dreamweaver cs5,执行文件-新建命令,在弹出的新建文档对话框选择html文件,点击创建按钮。
网页中如何使用div展示图片效果
在标签<title>无标题文档</title>中修改名称为<title>div布局图片效果</title>。
网页中如何使用div展示图片效果
在<title>标签下方输入<style>相关的代码,定义网页的整体样式,样式直接影响着网页的美观程度。
网页中如何使用div展示图片效果
接着在<body>中输入div标签三个,并分别设置他们所属于的类,最外边的div设置类为db,中间两个分别为zpxc1和zpxc,在下方就会看到基本的框架效果。
网页中如何使用div展示图片效果
外部的框架设计好之后,接着设计使用div布局图片,书写相应的代码,设置div的尺寸大小和相关属性,同时设计图片的相关属性。
代码为:
div.pt img{margin:0px; height:220px; width:120px; margin-top:10px; border: 1px solid #333;}
div.pt{float:left; height:240px; width:140px; margin:6px; padding:0px; margin-top:10px; filter:light; background:#333; margin-left:0.8em;}
.pic{ float:right;}
在类为zpxc1的div中建立新的四个div,并设置img的 src属性值,对图片进行正确的链接。
按f12进行在浏览器中进行预览效果,出现提醒信息“是否将改动保存到”,直接点击是,找一个合适的位置进行保存。
接着在类为zpxc的div中输入“作品展示”四个字,再次才看效果,如果不合适可进行再次修改。
如果图片过多,可以修改类zpxc1和db的高度,反复修改直至合适为止,重复步骤6、7采用同样的方法建立多个图片div。
如果对“作品展示”四个字不满意的话,可以使用图片进行替换,达到满意为止,再次按f12进行在浏览器中进行查看效果,
执行文件-另存为命令,在弹出的对话框中输入名称为“div布局图片”,找到一个合适的位置进行保存即可。

与网页设计特效相关的知识