网页制作毕业论文

第一篇：网页制作毕业论文

一 引 言

随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过程，现就网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。

二 网站建设的流程

1.定义合适的域名。由域名构成的网址会像商标一样，有助于将来塑造网上的形象。域名除了要符合公司的性质以及信息内容的特征外，还要具有简洁、易记、具有冲击力的特点。

2.租用虚拟服务器。有了域名后，就需要一个空间存放网站，这个空间就是Internet上的服务器。一般虚拟主机提供商都能向用户提供大容量、高速度的服务器，用户可根据网站的内容设置及其发展前景来选择。

3.设计网页。网页的设计制作可以自己完成，也可以通过虚拟主机提供商或专业的网页设计制作商来完成。设计网页前要收集所有需要放在网站上的文本资料、图片等，并尽量用文字详细说明制作的框架结构，将收集的材料提供给网页设计者。

4.ICP备案。网站备案的目的就是为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。ICP备案可以自主通过官方备案网站 http://www.xiexiebang.com/sale/view.asp?Article ID=288 [4]许凌云，柳勇良.网页设计全方位学习[M].北京：清华大学出版社，2008，11 [5]陈琳.photoshop cs3 入门实战与提高[M].北京：电子工业出版社，2008，11 [6]焦慧.网页制作基础与典型范例[M].北京：电子工业出版社，2008，7 [7]戎马工作室.Dreamweaver 8与asp动态网站开发[M].北京：机械工业出版社，2006，5 [8]戴一波.Dreamweaver CS3网站制作炫例精讲[M].北京：电子工业出版社，2008，1 [9]何秀芳.网页制作与网站建设课堂实录[M].北京：人民邮电出版社.2009，3 [10]孙连三.新编网页制作与网站建设入门与提高[M].北京：人民邮电出版社.2008，9 [11]邓文渊.网页制作高手FLASH 8[M].北京：人民邮电出版社，2007，6 [12]胡崧.超梦幻劲爆网页[M].中国青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 [14]卓越科技.PHOTOSHOP CS3 美工广告设计百炼成精[M].电子科技出版社，2009，3 [15]David Hunter etal，Beginning XML[J].Wrox Press Ltd，2005 [16]杨大勇，李金江.ASP网络开发自学导航[M].北京：机械工业出版社，2007，6 [17]卓越科技.SQL SERVER数据库开发培训教程[M].北京：电子工业出版社，2009，4 [18]李曦琳.WEB导航设计[M].北京：电子工业出版社，2009，3 [19]力诚教育.ACCESS 2007完全自学手册[M].成都：四川出版集团，2009，3 [20]丛书编委会.ASP动态网页编辑[M].北京：清华大学出版社，2006，10 [21]陈刚.商业网站开发从入门到精通[M].科学出版社，2008，2 8

致 谢

毕业论文如期完成了，在此我要感谢在毕业设计期间给予我帮助的许多人。首先，我要特别感谢的是我敬爱的指导老师王琛老师。因为是他为我提供了一个良好的环境，才使我很好的完成了毕业设计。在设计期间他也给与我无私的帮助。在此表示深深的谢意。

正是他的付出，使我找到并改正了许多看起来很明显的错误和不严谨的论述。在毕业设计的过程中是愉快的，我很感谢与我设计有帮助的每一个人，是他们的存在，让我感到了毕业设计的过程中的快乐，使我融入到了团队工作中，感受到了相互合作的乐趣。

我对所有人的耐心表示感谢，尤其是我的指导老师王琛老师。他仔细阅读了我的论文和程序，并提出了许多宝贵的意见和建议。感谢他能在忙碌的工作中抽时间指导我。我在与他通过电话和电子邮件的联系中很好的把握住了设计的进度，使设计得以顺利完成。

最后，当然不能忘记帮助过我的老师和同学。写论文通常是一项非常枯燥的工作，但幸运的是他们使这项工作变成了一种乐趣。还有默默无闻帮过我的朋友，也在此表示对你们诚挚的感谢。

第二篇：毕业论文-网页制作

网页制作技术与制作理念

摘要：有网络及网站的发展现状，总结出现在的网站主要分为三大类。然后谈到网站的制作工具，从不可视化的网页制作语言到可视化的frontpage和dreamweaver，从中还提到了增加网页效果的多媒体编辑工具。由制作工具从而讨论到制作网页所应坚持的几个原则和要求，根据这些原则和要求，我根据客观条件得出适合自己制作的是个人空间网站。后面接着大体的介绍了自己网站的主要内容、栏目及相应的链接。最后根据网页发展历史和现状，得出我对网站未来的发展是非常乐观而又有信心的。

关键词：计算机、网页制作技术、网页制作理念

伴随着计算机技术及相应软硬件功能的飞速发展，网络已经融入了大众社会中，成为人们生活不可或缺的一部分。现在无论是公司、企业、政府、机构等部门的宣传和发展，还是个人的求学、求职，甚至吃喝消费都离不开网络。而为此提供广阔平台的则是相应网页及网站的制作和发展。网页和网站本质上没有太大的区别，可以理解为网站由众多的网页及其他网络媒介构成。

本文主要是想大体介绍一下网站的分类，网站制作所应贯彻的原则，我的网页制作理念和我对网站未来发展的简单预测。

一、网站的分类

目前的网络发展非常迅速，而网页的规模也相应的日益庞大，但大体可分为三大类。第一类是综合服务资讯类。如搜狐、新浪、网易、百度、迅雷、优酷等众多大型网站。这类网站一方面提供大量的资讯，包括新闻、时尚的影视剧及娱乐八卦等多方面的资讯，同时资讯展现形式也多种多样，包括文字、声音、视频等多种方式。另一方面也确确实实为人们提供实在的服务，如迅雷下载、网易邮箱等。

第二类就是公司企业以及其他政府部门的网站。当然不同规模的机构的网站也有很大不同。大公司大企业和顶级行政部门往往员工、合作对象及其他关注的人比较多，网站需要向内外部提供及时的信息和服务。而小型企业网站的侧重点往往仅仅是形象的宣传，实际的服务和资讯不多，也没有多大价值。

第三类就是个人类网站了，这种类型的网站由于制作者有不同的制作基础，不同的性格，不同的制作理念等诸多因素，因而网站而制作目的也不尽相同。有的是为了好奇而学习，有的就是为了制作的乐趣及享受上传至互联网上之后的那种自豪感。当然也有人有更高的理想和追求，希望通过这样的途径来创业，实现个人事业的发展。

当然这只是一个简单的分类，随着网络的发展，各网站已经变的更加全面综合，同时也更复杂多样。由于网站的魅力也不断提高，制作网站也成为一种时尚和美丽的象征，同时也是一项生活的技术和技能。所以网站的制作也成为众多人们学习的一个目标和方向。

二、网页的制作工具

构成网站的基本因素是网页，网页的原始制作工具就是记事本，直接用网页制作语言来编写，如html语言。这对计算机配置要求很低，任何电脑都带有记事本程序。但html语言的学习和灵活的运用则有些困难，尤其对初学者来说，太难理解，也太枯燥乏味了。网页诞生初期的发展缓慢和不流行与这也有很大关系。

但随着计算机技术的发展，相应的可视化网页制作软件应运而生。网页的制作已不再那样抽象难懂，而是更加直观可视，更加方便快捷了。

首先可以用word编辑，比较简单比较方便，但这对复杂网页及高质量精美网页的制作有着一定的限制，存在着发展的瓶颈。

再就是FrontPage软件，这是一款由微软提供的比较强大网页制作软件，可以方便的进行代码编辑，拆分查看及设计要求。可视化程度已相当高，已经具备普通完全具备普通网页的制作。但是或许是由于微软的强大垄断性，缺少一定的竞争，FrontPage也存在着一些弊端。1.对于FrontPage不支持的东西，在制作网页时插入就比较麻烦，它产生的代码让人理解时有些费力。2.FrontPage的一些窗口按键上的文字不太直观，不容易理解，尤其对初学者更有一定的难度。3.可能还是微软的问题，FrontPage对微软以外的浏览器不太友好，有时会有不必要的麻烦。4.在动态网页的制作时，FrontPage就有些力不从心，更多的还是利用网页制作语言。

除FrontPage外，另一款强大的软件是包括Dreamweaver在内的三剑客。三剑客还包括Fireworks和Flsah。Dreamweaver 是一个“所见即所得”的可视化网站开发工具，主要用于动态网页的开发；Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局；Flash主要用来制作动画，现推出Flash平台，可预见有极好的前景。在图片编辑方面另一款强大软件是Photoshop，简称PS。Photoshop功能确实非常强大，几乎涵盖了所有的图片编辑功能，其缺点就是制作出的图片内存比较大。而Fireworks就是针对网页制作而专项推出的，虽然编辑功能和效果不如PS，但以其输出图片内存较小。在网页传输和打开速度的层面上考虑，Fireworks似乎更适合网页图片的制作。有种这种的方法就是由Photoshop编辑，后由Fireworks导出。灵活利用这四款的软件制作的网页会非常漂

亮，非常精美。顺便提一下三剑客的原公司是Macromedia公司，现已被Abode公司收购，而Abode公司正是Photoshop的开发公司。所以未来Photoshop和Fireworks功能优势的整合应该不会是太遥远的事情，我们也期待着一种更强大，更优秀的图片编辑软件的诞生。三剑客中的Flash可以制作精美的动画，小巧可爱，同时传输速度优越。但这只适合于网页表面的装饰和对网页氛围的渲染，并不能传达实实在在的信息。所以这对于某些相关信息及其他具体内容的展示就显得不够正式得体，也不够全面广泛。这方面信息的传播就需要更加正式的多媒体音视频文件，自然也就少不了对多媒体进行编辑和制作的软件。windows有自带的Movie Maker软件，简单易学，支持的格式也非常广泛。但对于专业视频编辑及所需要的玄幻效果来说，Movie Maker还是不够专业。在此推荐另一款软件，就是会声会影。会声会影（版权所有为友立资讯股份有限公司）是一款非常强大的多媒体编辑工具，也比较简单易学，而且视频处理效果非常好。理论上说基本的多媒体编辑，会声会影都可以做到。但对于有些东西的制作，会声会影则不是那么简单有效，而是有些繁琐。比如卡拉OK字幕制作，用会声会影就比较麻烦，且较难达到理想效果。借此机会推荐另外一个软件，小灰熊卡拉OK字幕制作软件，可以较好的制作字幕视频。还有很多的小软件可以配合会声会影，可以更快，更好，更有效的达到制作目的。如好莱坞插件包及一些简单的3D动画制作软件。

三、网页的设计思路及坚持的原则

制作网页，首先要有一定的兴趣和爱好，更要有一定的追求新和上进心。在整个制作过程中，一定要明白任何事物在初步接受和学习时都难免会有困难的，要有不放弃和勇敢向前的勇气和信心。同时也要清醒的认识到任何事物在学习和制作过程中都有相应的方法和技巧，但绝没有一步登天的捷径。这世界上也没有行之天下放之四海皆准的原则，但我们可以取长补短多方面的结合。

（1）制作工具的协调利用，就是注意网页制作工具与网页制作语言编辑相结合，双方各有各的优势。初学者推荐先用可视化网页制作工具，这可以比较简单，比较快速的初步了解网页制作的相关知识，同时对网页制作语言的学习也有很大的促进作用。但若想有长远的发展，可视化制作工具在网页制作有一定的发展瓶颈。这就要学习更多的网页制作语言，如asp，jsp，php及Java脚本语言等。因为网页制作语言的学习和利用则是永无止境的，其功能和作用是无限的。

（2）在制作过程中，网页的基本类型要注意个性化与大众化相结合。大众化可以被更多的人接受，个性化则可以吸引更多人的注意，但绝对的个性化和绝对的大众化都是不可取的，对网站的长远发展也都是不利的，因此一定要注意互相的取舍与结合。

（3)艺术与实效相结合。所谓艺术就是让浏览者能够愉快的阅读，能在达到浏览目的的同时，能有一份以外的心灵收获。这种艺术要有一定的内涵，不要让漫天的繁华却充斥着无限的空虚。而实效则是不要忘了网站最本质的目的，那就是让浏览者得到他们需要的，对他们有帮助的信息。这种信息可以是自己的创作，可能会有些平凡朴素，但一定要让人感到这是你自己用心创作的，因为里面有你的一份心血，也有着一份感情。艺术和实效二者缺一不可，尤其对社会大众类网站更是如此。

（4）在制作时要注意借鉴与自创相结合。在网页制作过程中，尤其对于初学者来说，基本的学习、借鉴、模仿是必要的也是必需的，因为这对网页制作技术和制作理念的提高有很大帮助。但另一方那个方面要清醒的认识到，一个网站要想长盛不衰，一定要有自己的东西，要坚持自己的创作，并且是呕心沥血的创作。借鉴和模仿的永远有别人的影子，只有自己的创作才是独一无二的。

（5）在网站的宣传时，一定要注意真实与夸张相结合。宣传时可以有舍多的夸张，艺术性的夸张。但一定不能违背了真实的情况。这种真实不是表面上狭隘的真实，也不是那种很牵强的真实，这都是伪真实。这里我个人意义上的真实是内心的一份真诚和坦然，也是对浏览者虔诚的欢迎和对浏览者最诚挚的尊敬。适度的夸张可以吸引更多人的注意，可一旦夸张过度，违背了真实，这对自己网站的形象就会有很大的负面影响，反而得不偿失。

这仅仅是要注意的几个方面，要想制作成功一个网站，牵扯到的因素太多了，需要我们不断地学习进步才行。

四、我的网页类型选择及制作理念

网页的分类标准有很多种，前卖也大致区分为三类。其实前两类可以归结为一类，就是具有一定的社会公共性，有一定的大众化，再一类就是个人类。社会大众类网站要求版式严格合理，内容时尚丰富。需要一支庞大的专业队伍，同时对设计者分工严格细致，要求素质专业严谨，理念科学先进。这类网站要想达到理想的情况，在毕业设计来说太困难了，几乎完不成。而对于个人类网站，要求内容充实，版式要有一定的特色，同时还应具有相对独特的艺术内涵魅力。这种个人类网站要想达到完美程度也很困难，但通过努力，还是可以达到

一定理想效果的。所以我根据自己的现实能力及目前的制作条件和制作基础，选择的是个人类网页的制作。

五、我的网页主要内容

首页就是一个栏目板块，上方是一个gif图片，显示着“欢迎进入我的网站！”。还有一幅图片，是齐鲁师范学院挂牌仪式的，下面一行字“祝福学校明天更美好”。还有我宣传自己网页的一段文字，大约100字。下面是几个标题链接的子网页。

（1）网页简介：左侧对主网页的主要链接子网页在此也做了简单的介绍，并提供了相应的链接渠道，可也可以快速的进入链接网页。右侧简单分析了网页的起源、发展、未来趋势，也简单介绍了我的网页制作理念和制作目的。

（2）一路走来：该主页显示的是我的求职理念，左侧从上往下依次是，个人基本信息，我的学生时代，我的求职理念，我的人生感言，最后是一个返回主页的链接。个人基本信息主要就是个人简介，包括我的性格，爱好及常用的联系方式。我的学生时代简单介绍了我在小学、中学和大学的一些比较重要的感受，也简单的描述了一下我的学校。我的求职理念是针对毕业求职而制作的，其基本理念就是选择基层的劳动和生产，可以不在乎起点，但一定要保证将来有发展前途和空间。我的人生感言，暂时传了两篇文章，一是《毕业了》，另一篇是《写给青春的一封信》。前者主要内容是，对大学及以前美好生活的回忆和留恋，对现实也要正确地对待，要有充分地信心和不放弃比成功的决心。后篇是写给大一新生及那些正在读大学的同学们的一封信，希望他们珍惜大学时代的美好生活。

（3）天籁之音：插入了一个音频播放器，选择了一些自己喜欢的歌曲。由于考虑到内存问题，歌曲的链接选取的是网络连接方式。

（4)精彩视频: 内容包括自己制作的一些视频，主要有老师和同学的，想记录曾经的那些精彩瞬间，感谢那些帮助过我及留给我美好回忆的人。其中有一个是给那些辛勤教育我的老师们的。

（5）今日关注：关注的是巴塞罗那足球俱乐部（简称巴萨），由于其在欧冠半决赛中背国米淘汰，这里表现了我的悲伤和对其重新崛起的期待。由于巴萨队服是由红色蓝色组成的，主页就是红蓝格调，上方是巴萨去年欧冠夺冠时的照片，下边左右两侧分别是蓝色背影加红色文字与红色背影加紫色文字。还有一个巴萨简介的链接，主要简单介绍了巴萨的创立，发展及所取得的成就。最后插入了一个从优酷上下载的巴萨简介的视频，该视频是由cctv5天下足球冠军欧洲节目播出的，时长14分钟。

（6）交流平台: 方便与网友交流沟通的一个网页，包括e-mail，QQ和意见建议留言等不同版块。

我基本上就是按上面的规划制作网站，制作过程中，在学习借鉴的同时，坚持自创。

六、对网站制作的未来预测

对网站发展的未来预测，我个人感觉是无限美好的。现在的网页早已脱离了原始表格加文字的模式，其精美的外表及其中绚烂的视频动画，似乎已经完全满足人们的需求了。但随着网络宽带传输、无线传输的发展和计算机的普及，未来人人有个个人空间网站绝不是问题。而那时我们对自己网站的修饰和管理就会像我们吃饭打扫房间卫生一样不可或缺。有人可能怀疑这些，那如果我要说，像现在我们平常使用的一部普通手机功能会强大到相当于现在的一部高级服务器的作用，恐怕更没人相信了。那么我们想想五十年之前，谁会想到今天；想想计算机笨重的原始雏形，谁会想到今天的小巧玲珑。不要低估自己的想象力，更不要低估人类的创造力。那时的网络会普及到何种程度，那时的网页、网站及其制作也必然会更加的丰富着人们的生活。

参考文献

[1] 百度百科 网页

http://baike.baidu.com/view/828.htm2010年5月21日访问

[2] 百度百科 巴塞罗那足球俱部

http://baike.baidu.com/view/20053.htm?fr=ala0_1_12010年5月21日访问

第三篇：静态网页设计与制作毕业论文

目 录

摘 要……………………………………………………………………………………….0 第1章 绪论……………………………………………………………………………….1 1.1 INTERNET的历史和发展…………………………………………………………….1 1.2 网页概述................1

第2章 开发软件简介 6

2.1 Dreamweaver简介 6

2.2 HTML语言的简介 7

2.3 Flash 简介 …………………………………………………………………… 8

2.4 Photoshop 简介 ……………………………………………………………… 9 2.3 本章小结 14

第3章 网站需求分析 15

3.1相关术语及解释 15

3.2个人网站的由来与发展 15

3.3我的个人网页的设计与规划 18

3.3.1 我的个人网页的概貌……………………………………………………… 19

3.3.2 个人网页的设计理念……………………………………………………… 20

3.4 本章小结 19

第4章 结论 20

致 谢 21

参考文献 22

静态网页的设计与制作

摘 要

本文就网站的设计与制作，以软件工程的方法对全过程进行了分析与研究，本文的主要工作集中在：

1.对web页进行概述，主要是对internet的历史和发展作了回顾，并对WEB页的定义和特性进行阐述，并对网站设计过程中使用的工具和技术简单的介绍.2.对网站建设中提及的术语进行简单解释，并对网站的由来和发展进行讨论。

3.对自己设计的网站从设计理念到制作的过程进行详细分析.4.使用Dreamweaver+Flash+photoshop 等软件的设计方式进行解析

.5.就网站的设计与制作提出自己的观点以及建议。

关键词：网站 设计工具 设计方案 创意 风格

Static web design and production

Abstract

This website design and production, with the method of software engineering to process the analysis and research, this paper main work concentrates in:

1.The paper to web page is mainly to the Internet's history and development, and a review of the definition and characteristics of web pages is expounded, and the website design process using the tools and techniques of simple introduction.2.The website construction mentioned in terms of website, and simple explanation of the origin and development are discussed.3.For the design of your own website from design concept to making process were analyzed.4.Use Flash +Dreamweaver + photoshop software design methods are analyzed

5.Just website design and facture put forward its own views and Suggestions

第1章 绪论

随着21世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越多的职业需要具有计算机应用技能型人才。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。

1.1Internet的历史与发展

Internet最早来源于美国国防部高级研究计划局DARPA(Defense advanced Research Projects Agency)的前身ARPA建立的ARPAnet，该网于1969年投入使用。从60年代开始，ARPA就开始向美国国内大学的计算机系和一些私人有限公司提供经费，以促进基于分组交换技术的计算机网络的研究。1968年，ARPA为ARPAnet网络项目立项，这个项目基于这样一种主导思想：网络必须能够经受住故障 的考验而维持正常工作，一旦发生战争，当网络的某一部分因遭受攻击而失去工作能力时，网络的其它部分应当能够维持正常通信。最初，ARPAnet主要用于 军事研究目的，它有五大特点：

⑴支持资源共享；

⑵采用分布式控制技术；

⑶采用分组交换技术；

⑷使用通信控制处理机；

⑸采用分层的网络通信协议。

第四篇：网页制作论文

网页制作论文

简介

网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是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 mx XX（或dreamweaver 8）。

2.flash mx XX（或flash 8）

3.fireworks 8

而网页制作就是开始从这些软件开始着手的，今天，我终于可以学习网页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页，就是指一个可以浏览内容并且可以使用ｉｅ浏览器打开的内容称之为网页。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。如：布局表格、绘制层、制作ｃｓｓ样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

“路漫漫其修远兮，吾将上下而求索”学习的道路是艰苦漫长的，更何况这是关于一个科学技术的一个代名词，随后，课堂的气氛慢慢的好转，耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能，老师也为了能教好每一位学生，而学生也不辜负老师的使命，就这样，网页制作这一门课程进行的很顺利，学习了dreamweaver mx XX对它如何彻底的剖析和分解，我们终于认清了它的原理，摸清了应该怎样去完全的使用它，而我们在老师的指导和训练的结果下，终于开始做属于自己的网页了。

慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过３ｍ，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢？而我对dreamweaver mx XX它也不是很熟悉，心里真是很担忧。

在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。

网页制作心得（2）：

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

一、准备资料和挑选网页设计的合适工具

俗话说：“巧妇难为无米之炊”。做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。

另外，还包括搜集美化主页可能要用到的各种材料，如背景、线条、小动画图标等等。你可以在硬盘上建一个文件夹，下分“e-mail图标、背景、线条、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站

主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

三、善用图片，增强艺术效果，加快主页浏览速度

网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

四、善于借鉴他人主页制作中的设计技巧

由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，不妨将其源代码调出来仔细揣摩，并模仿着一步一步去实现。这样的话，你就能以较短的时间掌握相应的设计技巧。而且，在许多主页上都留有制作者的电子邮件地址或icq号码，如果你在制作主页时，遇到什么疑昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！