最全最新的网页制作课程设计论文

第一篇：最全最新的网页制作课程设计论文

资料由呼和浩特房产网----筑巢网提供，更多资料请登录 网页制作课程设计论文

一．需求分析

在网络营销不断发展的今天，网络营销有着很大的发展潜力。所以，那到底什么行业才是如今卖的很火的行业呢？在这里推荐一下站长工具的百度指数作为调查数据用，今天就以暴利行业减肥站为载体，写下这篇论文。顾名思义减肥站的消费群众当然是针对那些想减肥的人了，当然应该是女性为主体哦，有些人对自己的身材要求较高，有没有时间锻炼，那怎么办啊？减肥药成了最后救命稻草。正因为减肥药有这么大的发展潜力，所以我们就有必要对他进行研究，开发设计。现在需求分析完毕，那废话少说直接进入主题，网页设

计。

二．网页设计

减肥站网页设计较为简单，主要从以下几方面设计：

导航栏：开设五个导航栏目分别为：产品特点，资质证书，成功案例，用户评价，售后服务。关于导航栏的具体功能下面会详细介绍，这里就不细谈了。

网页内容：主要以文字为主，图片为辅，描述文字清晰有价值，图片要尽量压缩，不要影响网页打开速度即可。网站采用的css+div的模式，减少flash的使用和js调用，整个页面的风格是简洁明了，简单易用，强调用户体验，网页设计美观次之。

网页链接：有首页链接，相关产品链接以及网站内页的锚文本链接。

参考资料：

一、网页设计的要素

在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。

1.图片要素要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop这样的图形图像处理软件，还要有一定的美术基础，如审美观、创意技巧等。

2.排列方法要素主页的第二个要素是排列方法，即网页布局。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只有不断的变化才会提高，才会不断丰富我们的网页。

3.色彩要素色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。

二、网页设计技巧

一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里笔者从框架和CSS样式的运用两方面来介绍网页设计的技巧。

1.框架的使用FRAME（框架）是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条(如果内容太大，在窗口中显示不下)，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。许多专业 Web 设计人员不喜欢使用框架，并且许多浏览 Web 的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态)，则这些框架对于某些站点可能非常有用。

2.CSS样式的使用CSS(层叠样式表)是一种制作网页的新技术,它的全称是级联样式表,即Cascading StyleSheets的缩写，又称之为风格样式表单。CSS是在网页制作过程中普遍用到的技术。采用了CSS技术控制的网页，设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。

三、网页设计经验谈

一般的来说，绝大多数普通受众图形，插件，applets和其它有关的高级Web浏览器特性。对我们来说，页面的实用可能比漂亮更重要，对于用户来说，没有什么比页面能够快速下载更重要了，简而言之，精简你的站点，这是一条最佳的捷径。另外还要注意，不要依赖图形。就站点设计而言，的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片，某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之，图形并不能正确的在客户端加载。然而，图形经常被用来作为导航按钮。第三要注意，仅仅在需要的时候使用帧(FRAME)。使用帧可以把一个浏览器分成几个不同的窗口，对于站点的结构的把握是一个不错的方法。但是，你还是必须知道，还是有人在使用不支持帧的浏览器。在你开始打算设计一个帧的时候，你该仔细的考虑考虑你是否的确真的需要。经常，你这样的需求可以通过表格来组织站点的结构。网页设计涉及到对多种软件、多种知识的学习和应用，以及个人的审美观等等。所以要想制作出漂亮的网页，需要一个逐步学习和经验积累的过程。网页设计还有更多的技巧，有待于我们去挖掘和研究。

三．功能介绍

这里着重介绍减肥站的功能，减肥站是以盈利为目的，所以并不要求网页要都漂亮，多复杂。比如flash等就没有必要用了，只要页面简洁明了，可靠，用户体验度高就行了，要能促使客户下单，这里就要用到网页设计以美观原则了，只有美丽大方的网页才更有吸引力和号召力，提高网站的转化率。

具体的导航栏功能介绍：

1.产品特点：向消费者提供他们想要的信息，提高网站的黏贴度和转化率，好的描述信息也是可以提高转化率的。

2.资质证书，成功案例，用户评价：资质证书用来增强网站的权威性的，增

强网站减肥药的可信度，增加消费者对网站的信任度；成功案例用事实说话更有说服力，当然不要太夸张了，那会引起消费者的猜疑；用户评价增强用户和网站的交流互动，也是给消费者重要的参考信息。总而言之就是要提示消费者，在本站买减肥药可以放心，效果明显，快点下单吧。

3.售后服务：客户有求必应，在力所能及的情况下，最大化满足客户需求，注意培养培养回头客的重要性。

四．心得体会

在学习网页制作课程的期间里，我学会怎样去制作一个漂亮动人的网页，从整体布局，到局部的各个细小的细节，每一个细小知识的掌握都是我进步见证，虽然，在学习的过程遇到很多的困难，但是在老师的帮助下，最终还是一步一步的解决了一些问题，在这过程，也明白了一个道理，遇到不懂的问题一定要不断去研究探讨，这样你就可以在原来的基础上在往前前进一大步，这样，我相信在不久之

后，你就可以变成专业的美工网页设计者了，以上就是本人在学习网页制作课程的一些心得体会，有时间大家可以一起交流哦。

第二篇：《网页制作课程设计》任务书

《网页制作课程设计》任务书

一、课程设计的目的及功能定位：

1.巩固远程站点管理的知识和技能； 2.巩固本地站点管理的知识和技能； 3.巩固网页页面设计的知识和技能； 4.巩固网页制作的知识和技能；

5.培养以上知识和技能的综合应用能力；

二、课程设计总体要求： 1.自己负责作品的保存；

2.课程设计可以独立完成，也可以合作（不多余3人）； 3.申请免费域名、免费主页空间，并发布站点；

4.站点设计合理、管理有序、无多余文件和文件夹、大小合适；不要使用媒体（视频文件）； 5.站点至少要有三层结构，页面数不得少于5页；其中一页必须是留言板； 6.自选主题，主题内容要合法、健康、实用； 7.网页要有落款、版权说明；

8.分析面向的潜在访客群体的需求特点，选择内容和版式； 9.网站主题突出、内容丰富；

10.网站风格统一，设计适合于主题的LOGO；

11.各页面设计合理、美观，有创意，适用于各种显示器的分辨率和颜色； 12.各个页面之间的链接要合理有效； 13.代码结构清晰，无垃圾代码

三、课程设计进程表： 1.设计方案：

(1)潜在访客群体的需求特点：版式和内容的需求；(2)站点目录结构图：

(3)色彩方案：主色调、次色调；

(4)布局方案：导航和其他网页内容的位置；

(5)平面设计图：使用photoshop绘制网页平面设计图； 2.制作网页：(1)切割图片；(2)制作动画；(3)录入文字；(4)制作网页；

3.在课程设计的最后一次课上提交课程设计报告和作品。

四、站点结构图：

五、课程设计评分细则：

项目 指标 分数 3 2 2 2 3 3 2 远程站点 有效的主页空间，并上传站点 5 分 有效的域名

主页文件名正确

本地 主页保存位置正确

站点 站点资源组织（目录结构）合理 42 分 站点中无多余文件和文件夹

站点中平均网页大小小于 400K 站点至少有三层

页面数 5 — 8 页（2*5+1*3）

各页之间跳转方便，各子页均可返回到主页 没有无效链接

文字内容使用 CSS 样式表文件控制 合理使用 JavaScript 脚本或行为 合理使用 Js 文件，并含有适当的注释 各网页内容合法、健康、实用

内容

网站主题突出、内容丰富 分

各网页主次分明，文章流畅，内容正确

网站风格统一 LOGO 设计新颖、美观 网页布局设计合理、清晰

网页 色彩搭配合理平面

动静搭配合理

设计 分 图像、动画设计美观、大方、专业、有创意

导航设计实用美观 文字清晰、规范

适用于各种显示器分辨率和颜色 浏览速度正常

技术 图片和动画能够正常显示 12 分 代码结构清晰，无垃圾代码

表单使用合理，提交后打开浏览留言页； 考勤（缺勤 2 课时以上不予以评分）

其它 按时提交设计方案报告（课设进行第二天前必须提交，否10 分 则不予以评分）

按时提交课程设计报告（提交报告后评分）

合计 13 2 3 4 2 3 4 2 2 2 5 2 3 3 5 3 2 3 2 3 3 4 4 3 3 105

六、推荐的主题：

1.肇庆学院计算机学院学生成绩查询系统 2.花卉市场 3.理发店 4.洗衣店

5.肇庆学院计算机科学学院学生会 6.肇庆学院饮食服务公司 7.肇庆学院后勤服务中心 8.肇庆学院求职网 9.个人网站

八、参考网站：

1.内蒙古师范大学首页http://www.xiexiebang.com 4.中华手套网http://www.xiexiebang.com

第三篇：网页制作课程设计要求

《网页设计与制作》课程设计

课程设计是课程教学中的一项重要内容，是完成专业教学计划，达到教学目标的重要环节，课程设计是通过真实工作任务或产品设计等综合性较强的实例而进行的实践环节，它对帮助学生全面掌握课堂教学内容，培养学生实践和实际动手能力，培养团队协作，人际交往等素质的提高具有很重要的意义，《网页设计与制作》是一门实用性和实践性都很强的课程，课程设计应占有更重要的地位。

一、课程设计任务

培养学生计算机操作的能力和用计算机设计网页的基本技能，使学生具备分析问题、用编程思维解决问题的能力，达到计算机初级网页设计员的水平，使学生养成既善于独立思考，又乐于与人沟通、具备团队合作意识的职业素质。

二、课程设计目的课程设计总的目的在于加深对网页设计与制作的基本知识的理解，网页设计与制作技能综合运用和提高，通过真实工作任务，使学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。

具体的课程设计应达到以下目的：

1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。

2．在实际的项目任务中培养网页设计方面的素养。

3．在实际的项目任务中使学生网页编程和制作的能力得到提高。

4．培养学生团队协作和人际交往方面的能力。

5.培养相关知识和技能的综合应用能力。

三、课程设计的要求

《网页设计与制作》的课程设计课题选择应从实际出发。具体要求如下：

1.网页的选题可以是个人网站、班级网站，也可以自选主题。

2.站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范，存放位置要正确，主页文件名应该使用index或default等。其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。最好是符合各种系统命名规则。

3.要使用到本书所介绍的各种技术及网页元素。

4.自选主题，主题内容要合法、健康、实用。

5.网站主题突出、内容丰富；

6.网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意。

四、课程设计报告要求

1.要有封面（格式无特殊要求，注明专业、年级、班级、姓名、学号等信息）

2.分章节解释并指出本人所做的网页包括哪几部分，每部分用到什么元素及技术。

五、源码及报告提交

1.将源码打包，打包文件名为：专业+年级+班级+姓名+学号。并发送到：cbfcourse@126.com

例：包装工程09（1）王小二3109009999.rar

2.课程设计报告需交打印版，于第八周三（4月20日）晚上交到教3-303。2

第四篇：网页制作论文

网页制作论文

简介

网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是INTERNET上宣传和反映企业形象和文化的重要窗口。新竞争力也认为注重网站的网络营销价值而不是外在表现。网页制作是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，浏览。

网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来。

目录

1.网页制作的两种设计模式 2.网页制作常用工具 3.flash 3.1flash简介 3.2flash动画的特点 3.3flash动画的前景 3.4flash在网页中的应用 3.5flash制作流程 4.fireworks

4.1fireworks简介

4.2fireworks在网页中的应用

4.3fireworks的重要性

4.4fireworks制作流程 5.参考文献

正文

1.网页制作的两种设计模式

从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。

于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。

由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。

这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。

网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。

2.网页制作常用工具

1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。

3、FLASH 网页需要画面流动时的首选择

4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。

5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。

6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。

3.flash 3.1flash简介

Flash最早出现并兴起于网络，是网络多媒体动画的重要制作形式，它是macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。其运用范围覆盖诸多领域如电视广告、网络广告、游戏、演示动画、课件、网页、手机动画等新兴媒体。现在由于网络带宽的不断提高，Flash动态网页以其具备的声音、动态图像等多媒体优势，相信在不远的将来能够完全替代静态（HTML）网页。

3.2flash动画的特点

（一）Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。

（二）Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。

（三）Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有档小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到档的下载过程。所以Flash动画在网上被广泛传播。

（四）Flash动画有崭新的视觉效果，比传统的动画更加轻易与灵巧，更加“酷”。不可否认，它已经成为一种新时代的艺术表现形式。

（五）Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。

（六）Flash动画在制作完成后，可以把生成的档设置成带保护的格式，这样维护了设计者的版权利益。

3.3flash动画的前景

现在的Flash平台包括:Flash Studio

8、Flash Player

8、Flash in Mobile flex 1.5、以及应用于通信行业的Breeze 5等；未来即将推出的产品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客户端工具，以及Flex等企业端工具等。这些工具将满足设计和开发人员跨越各种开放的和专有的平台，包括从桌面到移动设备，提供更丰富的网络内容和互联网应用，企业也能够通过Flash应用获得更大的受益。

（一）网络视频钟情Flash 面对全球超过100万的Flash开发者的期望，Macromedia也不断开发新的领域。而用户对视频应用的垂青，刺激着Macromedia推出新的工具。在上千开发者的注目下，Macromedia推出了Flash Media Server 2，以巩固其Flash Platform作为网络视频最佳选择的地位

（二）Flex 2产品线和Flash Player 8.5出手不凡

Macromedia Flex 2产品线和Macromedia Flash Player 8.5是本次发布会的重头戏。新产品涵盖RIA的全部应用场景，从电子商务产品配置，到需要与实时数据集成的可视交易应用。

Flash Player目前在全球6亿多个桌面和移动设备上安装,估计新版本在12个月内将被80%的联网计算机下载。Flash Player 8.5在Flash Player 8的基础上增加了适合行业使用的编程功能，并构建了先进的跨平台运行时环境。它备有一个新的虚拟机，可以提供更高的运行性能、全面的运行错误报告、增强型调试功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script规范，能够更易于查找及解决问题，从而提高开发人员的工作效率。

3.4flash在网页中的应用

在网络高速发展的今天,越来越多的人们已经不再满意图文并茂的静态网页格式,动态网页应运而生,但是一般的动态图片和网站的背景音乐应用并不合拍.什么时候可以把多媒体应用在网站上呢 Flash正是在这一网络发展的大背景下应运而生的,前身是Future Splash.Flash1.0版本诞生于1996年,由于当时的网络大背景,Flash在出道之时并没有得到计算机行业应有的重视,Flash真正的火爆是从Flash3.0版本开始的,到了1999年6月发布的Flash4.0版本,其制作的动画开始大量的在网上传播,已经逐渐成为了网页交互多媒体动画设计软件的标准.现在,Flash5.0以其特有的ActionScript脚本编程,正在以极快的速度追赶HTML网页标准.它改变了以往静态的,枯燥的,网页形式,利用它短小精悍的文件体积和插件,利用它简单易学的操作方式,利用它的“流”式播放形式丰富我们的网络生活.试想,如果它真的超过HTML成为未来的网页设计软件的主流,那也将是网络的一场革命,也是网络生活的福音.3.5flash制作流程

（1）建立一个新的场景

依次选择“文件”、“新建”、“Flash文档”命令，建立空白文档，大小为550*400像素，背景为白色。

（1）

（2）重新命名场景和涂层名称

依次选择“窗口”、“设计面板”、“场景”命令，在弹出的场景面板中双击默认场景名称，改为“跳动的小球”。然后重新命名涂层名称，双击默认涂层名称，改为“地面”。然后用水平线表示地面，选择笔触颜色为黑色，单击“线条工具”按钮，在第一帧的舞台下方，拖动鼠标画一条直线表示地面。

（2）

（3）插入水平线结束帧

单击水平线涂层第35帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在地面层的1到35帧之间插入了相同的水平线。

（3）（4）插入跳动的小球涂层，画小球的初始状态

双击默认的涂层名，改为跳动的小球涂层，此图层处于激活状态。设置填充色为黑色，在第一帧的舞台上方，画一个小球，删除轮廓线。

（4）

（5）插入下一帧

单击跳动的小球层第二帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在第二帧中复制第一帧的图形；拖动小球向下移动一个距离，表示球在下落。

（5）

（6）制作下落动作的变化

重复上一步骤。

（6）

（7）小球变形

在下一帧的位置插入关键帧，利用任意变性工具把小球纵向压缩。单击“任意变形”按钮,指针根据可实现的变形方式箭头右下方的小图形会有所变化；单击小球，小球周围出现8个黑色句柄框；把鼠标指针移动到4个中间句柄处，拖动鼠标，把圆球编程椭球形。

（7）

（8）多次重复上面步骤，在不同的帧中，制作小球被压扁后又弹起的画面。参照第9步，制作小球被压扁后又弹起的画面。重复上述步骤，直到小球静止。4.fireworks 4.1fireworks简介

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

4.2fireworks在网页中的应用

众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大（因为它是适合处理印刷品，要求比较清晰），最终还是要用Fireworks来处理一下。

在优化面板里有“导出jpg较高品质”，导出默认的80品质（可以用“2幅”画面对比之前之后的大小）。

4.3fireworks的重要性

为Macromedia家族的一员，三剑客之一的fireworks，她的主要任务和特色就是制作矢量图为网页服务,FW也是Flash的最佳伴侣,在三剑客的MX系列中,FW和Flash的联系更为紧密,所以无论是网页制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的应用实践过程中,我无时无刻不在感受她的卓越和便利。的确,网页制作看重的是效果和速度,并不是你用的软件专业与否,你用了多少个软件作出的网页,设计师作出的网页是为了让大家接受而不是显示自己的本领,在这样的前提下,Fw的确是最好的选择,最好的矢量图效果,最快的速度。

4.4fireworks制作流程

1.准备素材 如图

2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区

2.选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒

出

电

视

画

面的路

径

4.将选中区域填充成折叠渐变

颜色可以自己选择：

5.用选取工具拖动渐变方向手柄，接近垂直或接近水平方向：

6.将调整手柄以初选中区域 并在帧属性，选取重制帧命令：选择三帧 或在多些

7.依次选择其他帧，拖动渐变调整手柄将其改变位置：柄以初选中区域 并在帧属性帧命令：

最后保存 导出gif图片 即可完成。

1.在Fireworks中打开一个新的画布，调整画布大小，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式

2.输入文本 1 然后再打开帧属性 选择重置帧 9 因为数字0-9 一共是十个

3.然后选择每一帧，并修改画布中的相应数字。

4.帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果速度过快 可以修改值 选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。5.最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图：

6.也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项

7.画布颜色可以随意更改 再按f12 预览就可以了，最后导出文件

5.参考文献

[1]刘宇.Flash短片轻松学中国大陆.电子工业出版社，2009-01.[2]章精设，胡登涛.Flash Action Script 3.0从入门到精通.清华大学出版设，2008-10.[3]陈冰.Flash第1步:ActionScript编程篇(珍藏版).清华大学出版社，2006-03

第五篇：网页制作课程设计报告

网页制作课程设计报告

一.绪论

1.课程设计的目的、意义

本课程的设计目的是通过实践使同学们经历Dreamweaver cs5开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Dreamweaver cs5的的操作和应用。增强动手实践能力，进一步加强自身综合素质。2.设计情况的简介

我做的网站是以动漫世界为主题，内含各种风格和类型的动漫。网站中插入了大量的图片和链接，界面简单明了。网页常规技术.素材处理.网页创意.实用性和推广性等方面均有所涉及和注意.3.设计原理与规模介绍

主要运用一些基本的网页制作技术,分三大板块分级进行阐述主题。规模上，属于小型和个人兴趣类型的网站。二.网站需求分析

本网站符合大众喜爱动漫的心理。动漫爱好者对于动漫的要求首先要是好看的动漫，其次便是种类多样的动漫。网站首页需要做到简洁明了，针对性强，因为这样才可以留住顾客以及开发潜在顾客。

三.网站概要设计

网站主页分为三级页面。第一级为主页面，内含网站的各种信息。第二级页面分大类解释网站动漫种类信息，第三级页面就是对于每一部动漫的详细解释。另外就是站主介绍，这是网站中虽不重要却不可缺少的部分。

四.网站详细设计

网站分国产动漫，最新动漫，经典动漫三个部分。每一部分都有更细的下一级页面对其进行详细描述。站中插入大量图片，在每一部动漫介绍时均有图片介绍以及链接。网站中需要运用的一些常规技术蕴含其中得以体现，比如在页面中，插入文字、图片、超级链接等技术。另外还需要对文字图片进行进一步修改，比如字体颜色图片大小以及背景颜色等等。

五.网站实现与调试

在网站做好之后，我对网站进行整体调试，确保每一级链接没有发生错误。不过，却发现另一个问题，链接虽然没有问题，可是在插入的图片上添加链接时却把图片给裂开了。于是只好把超级链接改为热点链接。

六.收获与体会

通过这次网站的制作，我更加熟悉dw的各项功能和操作。对于建站的流程有了了解。对于动漫方面的知识也有所了解。