网页制作动画

你好，设计一个网页其实很简单。首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 一、工具 1、空间 网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议先买一个个人空间，大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver8.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程 花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。三、制作 开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。 其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。 一点个人的粗浅体会，不妥之处敬请指正。 三 网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者希望我的回答能够对你有所帮助，如果有网站网页上面的相关问题，可以直接联系我，很高兴能够帮得上你

每个技术人员的习惯都不同，我就说说我知道的，网页用dramweaver,frontpage均可，word也可以做，但建议不要用。 图片处理用photoshop,fireworks Flash动画当然就用flash软件了。 如果懂代码编写的话，用editplus,纯文本均可编写网页。 动态网页就要用到数据库，最简单的是access,稍大些的可用Ms sql，或mysql

Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。Flash动画插入第一种方法：使用<embed>...</embed>标记动画会自动缩小 你可以嵌入到你的div中，高度和宽度用height和width设置属性：src=url(Flash路径)width=像素/百分比（flash宽度）height=像素/百分比(falsh高度)wmode window 使 flash 自身的矩形窗口来播放opaque 使 flash 隐藏页面上位于它后面transparent 使 flash的 背景透明<embed src="你的flash.swf" width="600"></embed><embed src="你的flash.swf" wmode="window"></embed>Flash动画插入的第二种方法： 使用<object>...</object>标记插入 flash 动画,也可以通过DW这个软件自动生成代码<object>,插入--多媒体--选择文件

概念：做视觉感受顺畅的动画，不管是角色动画还是动态图像，最重要的两点就是「节奏Timing」和「幅度Spacing」。此图摘自《原动画基础教程》要做好这两点，最基础和普适的练习莫过于「小球弹跳」了。详细的就不写了，网上到处是，最直接的请看版的《原动画基础教程》。这一节就行：原动画基础教程（2）更具体一点的技巧：要动画看上去舒服，说白了就是要「接近人的视觉经验」。通常上自然界柔和动作的表现为「两头慢，中间快（慢入和慢出）」。两头的堆积会显得这个动画更有「生命感」，也是最基础的手段。在锤子ROM的UI中普遍使用了这种动画手段（比如时钟切换时候的指针到位动画，是最明显的）。动画曲线是两头平缓的S型.。当然，如果你要做其他效果，可以使用不同的曲线，会使动画更有变化。然后，自然界越有力量的动作，会有越强的「反馈」。在动画中称其为「逆向缓冲」。这种方法可以增强动画的「力量感」。锤子ROM中，解锁后图标弹出的效果就是这样。角色动画中一般会使用与动作相反的小动作作为大动作的预备来突出这个效果，不过鉴于UI对时间的要求有限，并不建议你这么做。「拉伸」和「挤压」。这两者都是为了使动画获取「弹性」。学过物理的都知道，尽管有些时候肉眼察觉不出，物体受力的时候都会产生形变。同时，由于「视觉残留原理」，高速运动物体会显得「模糊」并且「拉长」了。这也是拉伸的另一个用处，会在时间不变的情况下，视觉感受上物体动的更快了，增加动画的「速度感」。这比较好理解，就不做例子了。上面那个球坠落的过程中也有拉长，同样会产生这种效果。另外，如果几个动画同时进行，稍稍错开几个动画之间的时间，会显得动画更有「层次感」。这个也很好理解。同样可以看一下锤子ROM解锁后的弹出动画，所有图标并不是同时放大的。剩余的例如在颜色，大小，形态，明暗，透明度上的变化，都可以使动画看上不那么「素」。这个还是要自己多尝试比较好，比较考验一个人对审美的综合能力。

今我们在网上看到过好多FLASH的网站,在制作FLASH网站时多数采用的是调用其它的SWF文件,这样可以使我们的网站的结构清晰便于我们管理FLASH的网站,而且我们制作时也是比较轻松,因为这样做就好象我们开发软件时一样,采用了模块化的思想!便于我们开发,化整为零。今天就给大家具体谈谈这种技巧。演示动画效果：点击这里下载打包源文件（共5个文件）制作的基本思想：我们制作的每个SWF都是一个独立的动画，并且都各自有自己停顿的帧，当主影片加载之后自动加载第一个动画，第一个动画开始加载并且设置了中间停顿的帧，当我们点击其它按钮时又加载其它动画，并且在中间加以停顿。在这个系统中主要用到两个变量：midframe 和 _root.currMovie。midframe是每个分动画第一帧首先设置的，也就是首先指明动画在哪开始停顿的中间帧。当点击按钮时首先告诉我们是当前帧，而必须运动之后才能调用分动画的midframe。当然上述演示只是一个简单的实例，你在自己实际制作过程中可以制作的复杂些。_root.currMovie指的是当前帧，它是由_root创建的，主要是由主动画来创建。制作步骤：1.创建四个按钮，分别取名为section1、section2、section3和section4。当然你在实际制作过程中可以命名为main,about,work,conact等。2.创建一个新的影片剪辑，命名为container，这个影片剪辑是空的！然后把它拖到舞台上。我们就通过这个空的影片剪辑来调用其它的SWF文件。这是一个关键的地方。创建好之后使container放到一个图层中，然后我们新建一个图层，把刚才建立的四个按钮拖到该图层上，如图所示：3.下面我们在舞台中选中刚才拖出的影片container，给它命名一个实例名字，这样我们用代码才能够调用啊！如图：4.选择第一个按钮，然后按F9打开动作面板，开始设置按钮的单击动作，输入如下代码：on (release) {if (_root.currMovie == undefined) {_root.currMovie = "section1";container.loadMovie("section1.swf");} else if (_root.currMovie != "section1") {if (container._currentframe >= container.midframe) {_root.currMovie = "section1";container.play();}}}注意：如果你的分SWF制作的是main.swf则改为如下代码：on (release) { if (_root.currMovie == undefined) { _root.currMovie = "main"; container.loadMovie("main.swf"); } else if (_root.currMovie != "main") { if (container._currentframe >= container.midframe) { _root.currMovie = "main"; container.play(); } } }5.依照上面的方法给其它三个按钮添加相应的动作脚本。注意：要想制作出所示效果，必须把这主文件和其它的放在同一个目录下！6.如果我们想使主动画加载时首先显示一个动画则需要添加一个图层，然后给第一帧添加如下代码：通用的代码为：_root.currMovie = "your_first_section_name"; container.loadMovie(_root.currMovie+".swf");在这里我们使用下面的语句：_root.currMovie = "section1";container.loadMovie(_root.currMovie+".swf");7.下面简单介绍一下分动画的制作方法：(1).创建一个简单的介绍的动画，分两个图层：一个动画图层，另外一个是代码图层，做动画时要考虑到中间帧，如图：(2).选择动画的中间帧，并且记住它的帧数，然后在中间帧处输入动作：stop();如图：(3).然后回到第一帧，设置动作为：midframe=78;(4).选择最后一帧设置如下动作脚本：_root.container.loadMovie(_root.currMovie+".swf")最后补充点：因为我们是用Flash制作的网站，所以有时难免会网速比较慢，这时我们可以制作一个loading效果！就是为每个分动画制作loading，方法非常简单，只是在前面添加2个帧！这时要注意midframe已经变化了，注意改下就可以了！第一帧的脚本为：midframe = [yourupdatednumber]; bytes_loaded = Math.round(this.getBytesLoaded()); bytes_total = Math.round(this.getBytesTotal()); getPercent = bytes_loaded/bytes_total; this.loadBar._width = getPercent*100; this.loadText = Math.round(getPercent*100)+"%"; if (bytes_loaded == bytes_total) { this.gotoAndPlay(3); }第二帧的脚本为：this.GotoAndPlay(1);

　　以图片加超链接为例：　　1、导入一张图片到库，并拖拽到场景中，按ctrl+t调整好大小。　　2、新建一个图层，命名为矩形，在和图片关键帧相同位置处，在矩形图层上，新建一个矩形。　　3、在矩形上右键 并转换为元件 选择按钮。　　4、在属性窗口中 将色彩效果-样式选择为Alpha 并将值调为0%。　　5、选中矩形所在图层，在矩形窗口上右击选择动作，在动作窗口中选择要添加的元件 并按图中所示要求添加要访问的地址。　　

很多软件都可以做啊。比如FLASH,AE,PS，当然FLASH颜色有点失真设计时候注意颜色别太丰富，AE无法做透明的，还有要注意体积，至于PS开时间轴后就只靠画比较看绘画能力。

wan彩动画大师，免费的mg动画制作软件，操作简单。软件自带各种模板、素材。。

　　以图片加超链接为例：　　1、导入一张图片到库，并拖拽到场景中，按ctrl+t调整好大小。　　2、新建一个图层，命名为矩形，在和图片关键帧相同位置处，在矩形图层上，新建一个矩形。　　3、在矩形上右键 并转换为元件 选择按钮。　　4、在属性窗口中 将色彩效果-样式选择为Alpha 并将值调为0%。　　5、选中矩形所在图层，在矩形窗口上右击选择动作，在动作窗口中选择要添加的元件 并按图中所示要求添加要访问的地址。