论文:浅析个人网页5则范文

时间:2019-05-13 04:56:03下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《论文:浅析个人网页》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《论文:浅析个人网页》。

第一篇:论文:浅析个人网页

浅析个人主页制作

【摘要】本文通过对一些个人网站的观察,发现一些杂乱的现象。因此,试从个人主页的设计、制作、注意事项等方面提出自己的看法。

【关键词】个人主页

页面设计

色彩搭配

注意事项

随着互联网技术的快速发展,网络逐步深入到人们生活中的每一个角落,也使个人化的网络发展成为可能。个人化的网络是信息化的人类世界在电脑网络中的体现,这不仅给大众提供了一个展示自己的平台,还能让大家通过网络,在让别人认识自己的同时也认识别人。因此,个人网页是表现个性的一种新型媒体。

于是,个人网站如雨后春笋般地产生了。但值得注意的是,很多人或公司的个人网页并没有做的那么理想。从设计制作到风格定位都出现了不协调的现象。因此,应该怎样来规划和设计自己的个人网页就显得尤为重要。

1、个人主页的筹划

对于个人主页的建设,光有热情是不够的,你需要有切实可行的想法与计划。你必须清楚,你的个人主页的主题是什么? 哪些人会来访问你的个人主页? 你的期望和长远目标是什么? 如果你连这些都还没有理清的话,那么停下你手中的其他一L作,将你的热情稍微降点温,好好设计一下你的个人主页的主题与整体定位。因为一个主题不明、思路杂乱的个人主页肯定没有其特色,最终必将沦为千千万万W eb 主页中的一堆垃圾。

对于主页的主题和定位,有以下的建议:

1、选取与你的兴趣和爱好相近的题材: 兴趣就是你的动力,只有充满兴趣,你才会有无尽的动力,而没有动力,你永远无法做好你的个人主页。

2、主题要有特色: 抄袭现象在网络上可谓司空见惯,加入今天的你有好的想法,明天这个想法便可能会通过网络的传播被抄袭到任何一个角落。千篇一律的东西肯定是没有特色的,所以自己的个人主页的主题还是要有自己的想法。

3、主题不要太大: 虽然大的主题可以让你有更多的发挥空间,但却很容易让人产生泛泛而谈,不得其味的感觉,这样很难让访问者再次光顾你的主页,而没有回头客,你的主页注定要消亡。而且作为个人主页,想要把它建设成为包罗万象的站点是不太现实的。因为个人毕竟没有那么多的精力去收集大量的资料,维护庞大的站点。与其大而泛,不如小而精。

4、期望值不要过高: 要相信自己,对自己充满信心,但同时也不要有过高的期望值。要记住,你所经营的只是一个出于个人兴趣和爱好的个人主页,你不能将它与那些由资金充足的公司来运营的网站进行比拟。

这里我以数码产品来定位,制作一个围绕数码产品介绍以及报价的商务网站

制作步骤分析(站名:商务九州)

制作“商务九州”网站之前,需要在本地电脑中创建一个名为“shangwu”的文件夹,并在文件夹中建立一个名为“img”的文件夹保存制作网页时需要使用的图片。

创建好文件夹之后,启动Dreamweaver 8,建立一个名为“商务九州”的站点,将本地根文件夹设置为刚才创建的文件夹,然后在站点窗口中新建一个名为moban.dwt的模板文档,通过该模板创建首页“index.htm”和其他页面

2、个人主页制作原则

要想制作好个人主页,我们应该了解一下其制作的基本原则:

(1)正确定位,确定内容。一是:要小而精。定位要小,内容要精。二是:选择自己擅长、喜爱的内容。

(2)塑造形象,统一风格。(3)简洁明朗,主次分明。

(4)控制图像文件大小,调节多媒体嵌入量,减少网页下载时间。网页图像最好使用GIF 文件和JPG 动画,这两种文件的压缩程度较高,且大小最好控制在25KB 至15KB 之间;JPG 动画的使用不要太多,以免使主页看上去太乱。设制图片的替代文本或低分辨率图片,可以使浏览者较快地看到图片和轮廓或其它相关信息。网页中的背景音乐文件最好使用MDI 格式,体积较小,便于传输,同时,注意给网页中的多媒体文件注明相关的文字性说明。

3、个人主页应先确定主题,准确定位。

这些考虑清楚之后,我们就开始想想,网站的内容,也就是你的个人网页的主题。也就是说,我们只有先确定了主题,才能进行之后的相关程序:命名、资料收集、风格设计等一系列步骤。可见,主题的确定是非常重要的。网页内容的选择要不落俗套。放眼望去,网上的许多个人主页简直就是“ 杂货店”。内容包罗万象,题材千篇一律。人人都是“ 软件下载”,个个都有“ 网络导航”,从头到尾找不出一丝“ 鲜”意。所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做到“ 少” 而“ 精”,又必须突出“ 新”,如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。

关于这个网站内容,各有各的想法。比如,有些站长喜欢收集软件,有些站长喜欢收集图片,也有些站长更偏爱程序,而有的站长只是想存放自己的资料。总之一句话,初做站点不可太杂,一定要尽量专,才有可能做好。一般来说,如果要在工作之余去进行大量的网页维护工作,这是不现实的。

同时,确定了主题,也就确定了我们的受众,定位明确。这样在你所选择的内容和你的受众群形成对应关系,再根据实际情况而进行调整。

4、个人主页的排版和结构设计

一个800×600的页面,安排起来并不像想象的那么容易,它涉及美学效果、视觉效应、空间效应、时间效应等,说到底就是要让人看得顺眼、舒服、印象深刻。在制作中要力求简洁,将各要素统一起来,注意色明度、对比度、结构分配比例

等飞在差异中求协调,保证网站的一体性。个人主页的结构主要由目录结构和导航结构组成。其中设计合理的目录结构可以使你在维护、更新时更加快速、省心;而条理清晰的导航结构有利于访问者迅速找到他们需要的信息,也使得他们乐意再次光顾你的主页。对于个人主页结构的设计可以这样来考虑:

1、根据栏目来建立相应的目录,将同一栏目中的文件放在相应的目录下,将图像文件放在栏目中专用的图像目录里。

2、目录的层次不要太多(一般两层便足够了),否则不利于更新与维护。

3、目录文件的名称不要太长,而且其意义要明确。

4、在每个页面中应该提供返回到首页的链接。

5、在具有前后连续顺序的文件里提供必要的链接,如在一系列具有.前后连续顺序的文件里提供“上一页”、“下一页”、“回目录页” 与“回首页” 等导览按钮或超链接。

6、在较长的页面内提供目录表与大标题。

7、暂时不要提供到尚未完成的页面的超链接。例: 网站结构:

1创建“商务九州”的模板文档

网站地图 | 网站留言 | 广告服务 | 积分换礼 | RSS订阅 |

width=“115” height=“48” border=“0”>

width=“115” height=“48” border=“0”>

width=“115” height=“48” border=“0”>

width=“115” height=“48” border=“0”>

width=“115” height=“48” border=“0”>

width=“115” height=“48” border=“0”>

width=“115” height=“48” border=“0”>

width=“115” height=“48” border=“0”>

2创建“商务九州”网站的首页

通过刚才新建的模板文档“moban.dwt”创建“商务九州”网站的首页 创建第一个表格

第二篇:个人网页设计(论文)

炎黄职业技术学院信息工程系

毕业设计(论文)

个人网页设计

年 级: _ 2009级___ _ 学 号: _ 0******17 _ 姓 名: __ _****_____ 专 业: 网络数字媒体 _ 指导老师: __ ****__ __

二零一一年十二月 炎黄职业技术学院 信息工程系毕业设计(论文)

摘 要

本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上,着重使用CSS样式表作为工具语言进行网页设计与制作的实际操作,分别对基于对象的JavaScript语言、用于编辑HTML语言的软件进行了详细的介绍。

本论文主要章节如下,炎黄职业技术学院 信息工程系毕业设计(论文)

炎黄职业技术学院 信息工程系毕业设计(论文)

炎黄职业技术学院 信息工程系毕业设计(论文)

1、是一种脚本编写语言

JavaScript是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。

它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起,从而方便用户的使用操作。

2、基于对象的语言。

JavaScript是一种基于对象的语言,同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

3、简单性

JavaScript的简单性主要体现在:首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。

4、安全性

JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

5、动态性的

JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。

6、跨平台性

JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。

实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑,软件仅需一个字处理软件及一浏览器,无须WEB服务器通道,通过自己的电脑即可完成所有的事情。

总之,JavaScript 是一种新的描述语言,它可以被箝入到 HTML 的文件之中。JavaScript语言可以做到回应使用者的需求事件(如:form的输入),而不用任何的网路来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端(server)处理,再传回来的过程,而直接可以被客户端(client)的应用程式所处理。

炎黄职业技术学院 信息工程系毕业设计(论文)

JavaScript 和 Java 很类似,但到底并不一样!Java 是一种比 JavaScript 更复杂许多的程式语言,而 JavaScript 则是相当容易了解的语言。JavaScript 创作者可以不那麽注重程式技巧,所以许多 Java 的特性在 Java Script 中并不支援。

2.3 CSS样式表

级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HMTL中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。

CSS目前最新版本为CSS2,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示的最优秀的表现设计语言。

在网页上使用样式表有三种方法可以在站点网页上使用样式表:

将网页链接到外部样式表。

在网页上创建嵌入的样式表。

应用内嵌样式到各个网页元素。

当要在站点上所有或部份的网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表 — 中作一次更改 — 而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以.css 做为文件扩展名,例如 Mystyles.css。

当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。

使用内嵌样式以应用级联样式表属性到网页元素上。

如果网页链接到外部样式表,为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。

炎黄职业技术学院 信息工程系毕业设计(论文)

炎黄职业技术学院 信息工程系毕业设计(论文)

图2-2 随笔

相册效果图2-3如下:

图2-3 相册

音乐效果图2-4如下:

图2-4 音乐

关于我效果图2-5如下:

炎黄职业技术学院 信息工程系毕业设计(论文)

图2-5 关于我

3.2 网站主题

本网站是一个简单的个人网站设计,以动漫为主题,主要包括了本人的自我介绍、比较喜爱的动漫作品以及平时的娱乐等。

3.3 网站风格

1.本网站主要体现了清新自然的风格,以简洁为主。2.网站的主色调为绿和白,充分衬托清新自然的风格。

炎黄职业技术学院 信息工程系毕业设计(论文)

炎黄职业技术学院 信息工程系毕业设计(论文)

(1)执行“插入”—“新建元件”命令,创建一个名称为“拉伸的叶片”的影片剪辑元件。

(2)选择矩形工具,设置填充颜色,在舞台上绘制一个无描边举行,在属性面板中设置宽和高。

(3)选择矩形,将其转换成“名称”为“叶片”的图形元件。(4)选择

onmouseout=“makevisible(this,1)”

onmouseout=“makevisible(this,1)” 炎黄职业技术学院 信息工程系毕业设计(论文)

2.输入文字,制作超链接。

4.6 xiangce4.html页面的制作

1.制作图库页面。

(1)新建一个网页文档,建立图库页面的基本布局。

(2)将光标定位在页面左侧的 炎黄职业技术学院 信息工程系毕业设计(论文)“1”,单击[确定]按钮回到行为面板,将此行为事件改为“onclick”。

(2)用同样的方法,给另外3张图像添加同样的行为,将 炎黄职业技术学院 信息工程系毕业设计(论文)

本论文历时两个多月,我系统综合地将我所学的知识运用于毕业设计的全过程。在完成毕业设计中,首先我要感谢我的指导教师****老师。*老师耐心细致地指导我毕业设计,提出了很多精辟而富有建设性的建议。*老师认真负责的工作态度,严谨的治学态度都给我留下了深刻的印象,在学习上给予了我极大的关心和帮助,在此表示衷心感谢!

同时,感谢炎黄职业技术学院为我提供了一个良好的学习环境,感谢学院的领导和老师们!他们无微不至的关怀、精心的培养使我到了很多的知识,终生受益!

炎黄职业技术学院 信息工程系毕业设计(论文)

参考文献

[1] 缪亮.Dreamweaver CS3 基础与实训教程.电子工业出版社,2008年.[2] 李冬芸.Flash动画实例教程.电子工业出版社,2010年.[3] 缪亮,郭刚.Photoshop平面设计实用教程.清华大学出版者,2008年.

第三篇:个人网站网页制作论文

个人网站网页

制 作 论 文

学院: 专业: 姓名: 学号:

摘要

本文就个人网站的规划与建设,以软件工程的方法对全过程进行了分析与研究。本文的主要工作集中在:

1.对Web页进行概述,主要是对Internet的历史和发展作了回顾,并对Web页的定义和特性进行阐述。并对网站开发过程中使用的开发工具和技术作了简要的介绍。

2.对网站建设中提及到的术语进行了解释,并对个人网站的由来和发展进行了讨论。

3.对自己的个人网站从规划到建设进行了详细的分析。

4.使用ASP+IIS+Access技术实现了我的网站的各种功能,其中和数据库的连接使用到了ODBC技术。

5.就网站建设提出了自己的观点与建议。

【关键词】 网站 ASP SQL Server 风格 创意

一、引言

在已跨入21世纪的今天,人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命,这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前,我国上网的人口已近一个亿,成立世界上网民最多的国家,许多人在需要查询信息,首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容,具有丰富的多媒体表现与互动特点,无可置疑,网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展,各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站,开辟网络世界的一片天地,展示自己的才华和风格。

(一)Web页概述

1、认识Web

Web(World Wide Web,简称,其意思就是采用http超文本传输协议访问新浪网的首页,由于网页均是通过http超文本传输协议进行访问,默认下,“http://”可以省略不输。

5、IP地址

为了使互联网上的电脑主机在通信时能够相互识别,每台主机都分配一个能表示其位置的IP(Internet Protocol)地址,这如同公用电话网中电话的号码一样。IP地址是由专门的互联网机构来分配。IP地址具有惟一性,是由32位二进制数组成,分为四组,每组8位,每组之间用小数点分隔,在实际之中常转换成十进制数表示。

(二)个人网站的由来和发展

互联网在中国的出现只有短短七年时间,1994年中国科学院高能物理研究所设立了国内第一个Web服务器,推出一个叫做“中国之窗”的网页,这可能是国内Internet上出现的第一个Web网页,1995年开始,中国教育科研网,中国科技网,中国公用计算机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成,使互联网在中国开始真正进入社会生活之中。

这时期,个人网站出现的条件还很不成熟,国内上网的人数很少,也缺乏支持个人建站的环境,用户很难找到理想的个人主页存放地。

个人网站发展的第二阶段是从1997年初到1998年,这段时间,中国网民数量飞速增长,个人网站日渐繁荣,个人主页的数量急剧增加。同时,越来越多的商业网站开始免费提供个人主页空间,这些良好的外部极大地促进了个人网站的发展,涌现了一批很著名的个人网页,从1998年下半年开始,随着互联网应用的深入的普及,随着众多主页制作工具的出现,使得建站成为一件非常容易的事,创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

(三)我的个人网站的设计与规划

1、明确架设网站的目的及客户要求

通常情况下,架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流,具有较强的目的性,我的个人网站一般体现在:为了展示自己的风采,让大家和我一起分享我的心得与经验,让和我有共同爱好的朋友有一个倾诉的地方。

2、我的个人网站概貌

因为是个人网站,所以只是选择了自己擅长和喜爱的内容,在突出自己的风格和特点的同时,还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。

3、功能划分

网站设计有新闻更新,浏览者可以在首页浏览自己喜欢的新闻,并且可以在留言板和大家交流,在后台管理页面中,通过身份认证,管理员——我,可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏,与大家一起分享。

4、功能描述(1)新闻

嵌入百度新闻每日更新代码,使用在本站首页显示今日国内国际新闻和体育新闻,供浏览者浏览。

(2)留言板

是一个我与大家谈心交流的地方,在留言板中,我们可以畅所欲言,和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

(3)后台管理页面 是我管理和添加到新内容的地方,为了方便实现信息的经常更新,我设计了这个管理页面,经过身份认证后我可以进入网站对其中的信息进行管理。

(4)日记

在其中展示我喜爱的东西,包括我的日记、精品文章、社会文化和一些杂七杂八的文章。奇文共欣赏,疑义相与析。我只想起到抛砖引玉的作用,让大家从中认识我和了解我,让一些美好的东西我们大家共同来欣赏。

(5)相册

在其中展示漂亮的图片,包括我的照片、我的同学、风景照片、妹眉帅哥栏目。让大家一起来欣赏人物、风景风采。

(6)音乐

在其中展示个人喜欢的歌曲,朋友们可以在里面点播自己喜欢的歌。(7)页面组织和数据库设计

在明确了我的个人网站的风格和定位后,就是网站的材料组织以及网站的页面设计和数据库设计。

建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰。如果网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难。网站的题材确定后,并且收集和组织了许多相关的资料内容,但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为五个栏目,分别是关于我、相册、日记、音乐、留言。

三、详细设计

1、界面设计(1)相册

是一个个人相片和精彩图片展示的地方,在相册中,我们可以了解到站长的个人风采和自己喜欢的图片。a、功能

利用ASP对象语句显示图片,让大家可以看见所有图片的缩略图,同时每个图片都有快照功能,可以浏览图片的全图。

b、组成构造

相册结果显示页面 photo.asp:用来显示所有图片,同时还具备图片的分类功能和图片单个浏览功能。

站长基本信息显示页面 include.asp: 数据库连接页面 conn.asp(2)日记

是一个记录个人日记和精品收藏文章的地方,供给大家一起分享。a、功能

利用ASP对象语句分类显示日记或文章记录,让大家浏览到最新的日记或文章

b、组成结构

日记或文章显示页面 diary.asp:显示所有日记或文章,同时还具备显示不同子类日记或文章

站长基本信息显示页面 include.asp 数据库连接页面 conn.asp c、日记页面浏览效果图,如图12。(3)、音乐

是一个音乐收藏和音乐欣赏的地方。a、功能

利用ASP对象语句来显示歌曲曲目、演唱人和在线播放功能。b、组成结构

歌曲显示播放页面 media.asp:完成曲目的显示和播放功能的页面。站长基本信息显示页面 include.asp 数据库连接页面 conn.asp(4)、留言本

是一个我与大家谈心交流的地方,在留言板中,我们可以畅所欲言,和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

a、功能

利用SQL语法过滤特定的用户留言意见,让站长可以针对某位特定用户所发表的意见作出独立的回答,同时,用户在发表个人意见时,若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私,都可用“悄悄话”的方式发言,这些“悄悄话”将不会被显示出来让大家看到,当然,站长拥有管理的能力,只要以密码登录管理模式,就可以进行各个用户的单独意见回复,而且还能看到用户所留下的“悄悄话

b、组成构造

意见留言结果网页gbook.asp:用来显示用户发言与站长回复内容,同时还具备查看留言和发表留言两个功能。

站长基本信息显示页面 include.asp 数据库连接页面 conn.asp

(三)、关键代码设计

1、分页功能模块代码

<% if not rs.eof then rs.MoveFirst '注意放到前面来,否则到任何页总是在第一个记录上

end if rs.pagesize=MaxPerPage '设置每页最多显示多少条记录

If trim(Request(“Page”))<>“" then '如果请求的页次不为空

CurrentPage= CLng(request(”Page“))'clng是转换成长整型数据类型,并赋值到当前页次上

If CurrentPage> rs.PageCount then '如果当前页次大于总页数,则将最大页次赋值到当前页次上

CurrentPage = rs.PageCount

End If Else

CurrentPage= 1 '一切条件不成立,将当前页设为第一页 End If totalPut=rs.recordcount '将总记录赋值于TOTALPUT

if CurrentPage<>1 then '如果当前页数不等于第一页

if(currentPage-1)*MaxPerPage

rs.move(currentPage-1)*MaxPerPage '相对当前记录数向后移动

dim bookmark '定义书签变量

bookmark=rs.bookmark '将当前记录的标签赋于变量BOOKMARK上

end if

end if

dim n,k

if(totalPut mod MaxPerPage)=0 then '总记录数与每页最大记录数求余的结果为零时,则N返回整数页次,否则再加一.n= totalPut MaxPerPage

else

n= totalPut MaxPerPage + 1

end if %>

2、图片显示功能模块代码

<% cid=request(”id“)if cid=”“ then sql=”select * from HN_pro order by id desc“ else sql=”select * from HN_pro where cstr(class)='“&cid&”' order by id desc“ end if

else

rsnews.AbsolutePage=ToPage

intCurPage=ToPage

end if

else

rsnews.AbsolutePage=1

intCurPage=1

end if intCurPage=CInt(intCurPage)k=1 do while Not rsnews.eof and k<6 %>

<%for n=1 to 6%>

<% rsnews.MoveNext if rsnews.eof then exit for if rsnews.eof then exit do next %>

<%k=k+1 Loop %>

“ rel=”lightbox[plants]“> “ width=”49“ height=”49“ border=”0“>
日记、音乐显示模块代码段相似。

3、发表留言提交内容判断模块代码 <% if request(”action“)=”“ then response.redirect”gbook.asp?action=show“ if request(”action“)=”post“ then dim bookname dim bookwhere dim bookpic bookname=request(”name“)bookwhere=request(”where“)bookpic=request(”pic“)bookface=request(”face“)bookip=request.ServerVariables(”REMOTE_ADDR“)if bookname=”“ then Response.Write ”

Response.End %>

(四)、网站管理系统

1、完成站长对网站信息管理及更新的系统,包括以下几部分:(1)管理登陆页面Index.asp(2)相册管理页面Admin_pro.asp(3)日记管理页面Admin_new.asp(4)音乐管理页面Admin_down.asp(5)留言管理页面GuestBook.asp

2、管理登陆

管理系统的登陆页面,主要用于管理登陆和判断用户是否已注册。(1)其中判断是否是非法登陆的代码为: <% admin_pass=md5(admin_pass)set rs=server.createobject(”adodb.recordset“)sql=”select * from admin where admin_name='“&admin_name&”' and admin_pass='“&admin_pass&”'“

rs.open sql,conn,1,3

if rs.eof then response.write”

else

session(”admin_name“)=request(”admin_name“)

session(”loc“)=1

response.redirect ”admin.asp“ end if rs.close %>(2)其中验证码验证代码:

<% dim verifycode,verifycode2 if verifycode<>verifycode2 then response.write”“ founderr=true else session(”verifycode“)=”“ %>

3、主要功能程序段(1)打开数据库 <% set conn = Server.CreateObject(”ADODB.Connection“)conn.open ”YourDSNName“,”username“,”password“ %>(2)数据库查询操作 大类查讯

setrs=server.CreateObject(adodb.recordset)小类查询 dimrs2 setrs2=server.CreateObject(adodb.recordset)rs2.openselectnclass,nclassidfromnclasswhereanclassid=&rs(anclassid)&orderbynclassidorder,conn,1,1 dowhilenotrs2.eof response.writeAhref=class.aspaid=&rs(anclassid)&&nid=&rs2(nclassid)&&trim(rs2(nclass))&A rs2.movenext loop(3)添加记录操作

setrs=server.CreateObject(adodb.recordset)可写方式

rs.openselectbookid,username,zhuangtai,zongerfromactions,conn,1,3 rs.addnew 添加一条新记录 rs(bookid)=bookid 添加相应的记录 rs(username)=username „„„„ rs(zhuangtai)=6 rs(zonger)=0 rs.update 更新数据库(4)删除记录操作

从表actions中删除actionid匹配的记录 conn.executedeletefromactionswhereactionid= &request.QueryString(actionid)

四、编码、测试与维护

(一)测试与维护

1、IIS(Internet 信息服务)安装配置

可以在”添加或删除程序 >>添加/删除Windows组件“对话框中把”Internet 信息服务(IIS)“前的勾选中,点”下一步“进行安装就行了(注:在这之前应把系统安装盘放到光驱)。IIS 装好之后再作一下简单的配置。定位到”开始>>管理工具>>Internet 信息服务(IIS)管理器“,打开IIS管理器。在”本地计算机>>网站>>默认网站“上右键单击,在快捷菜单里选”属性“(或者直接在操作菜单下选”属性“),弹出如下对话框图16: 图16 切换到”主目录“标签(图2),重新选择网站根目录(我选择的是E盘下的my web目录),默认是”系统盘:Inetpubwwwroot“,因为系统盘不宜放太多的非系统文件,所以在这里重设默认网站要目录,如果嫌麻烦可以跳过这步。再切换到”文档“标签,通过”添加“、”删除“、”上移“、”下移 “,把站点的默认文档设置如图17:

图17 可能有些朋友会疑惑,设置默认内容文档有什么作用?细心的朋友应该会发现,在浏览一些大网站的首页时用它的一级域名就行了,并不需要指定请求页的文件名,这就是设置了默认内容文档的缘故,它的作用就是在浏览器请求没有指定文档的名称时,将默认文档提供给浏览器。要得到更详尽的解释说明,可以点击图3中的“帮助”。之所以有这步,是因为网站的默认内容页中没有index.asp,不大符合国人习惯。

2、Dream weaver测试站点和用IIS测试本地站点

Dream weaver MX提供了全面检测站点的功能,它比检测链接更全面。全面地检测内部、外部链接、去除错标签、空标签、多余的标签等,它的使用相当简单,使用全面检测站点功能如下:

(1)、选择菜单中【站点】的【报告】命令,打开一个窗口。

(2)、选择检测范围,在【报告】选项中有四个内容供选择:Current Document、Entire Local Site、Select Files in site、Folder。

(3)、对工作流方面的信息进行检测。

(4)、对HTML文件的信息做出检查。

把编好的网站文件复制到D:/my web文件夹中,可以打开浏览器,在地址栏中输入http://localhost/my web/index.asp ,就会看见网站了。

3、维护

网站建成后并不意味着网站建设的结束,网站内容需要不断更新,这样才会不断的吸引更多的浏览者访问,才能成为一个优秀的网站。通过FTP软件将更新过的网页上传到服务器或通过Dream weaver MX来远程管理站点,同时还要认真回复浏览者的电子邮件和留言,做到有问比答。平时多收集资料,多听听别人建议,定期更新版面,还有推广站点。

(二)设计技巧和解决方法

用服务器端包含技术实现对文件的引用

系统中有许多页面都会引用相同的代码文件,所以使用include语句将已完成代码的文件包含进来,就可以简化代码的缩写。如首页面indes.asp中第二行和第三行代码。

结束语

经过老师耐心细致的指导,及同学之间的相互交流,同时翻阅了大量的资料(包括网上资料,书本及学校的一些相关资料)经过近一段时间的努力,个人网站的设计制作告一段落。总结这次“文武屋-个人网站”开发制作过程,我们综合使用了目前因特网上比较流行的各种静态制作方法及交互式动态网站的制作设计手段,并对初步利用后台程序完成了网站的动态响应与生成网页的技术。同时也从中学习了对静态页面的处理风格,色彩搭配,页面导航方面有了一定经验。对用Javascript语言制作动态效果也有了更进一步的认识。在交互式网页设计学会了如何使用Access建立数据库,以及对数据库浏览,修改,添加,查询。如何用ASP编写程序来方便用户在网上查看网站各方面的信息和交流。本次设计由于设计时间较紧,且相关模块比较多,加之设计经验的不足,在网站的整体设计及各模块功能可能设计的不完全,有待于进一步的完善和改进。

参考文献

[1]吴涛主编,网站全程设计技术(修订本),北京:清华大学出版社;北京交通大学出版社,2006.7 [2]龙马工作室编,ASP+SQL Server组建动态网站实例精讲,北京:人民邮电出版社,2004.8 [3] 赵增敏编,ASP动态网页设计,电子工业出版社,2003.8 [4] 任学文、范严编, 网页设计与制作,中国科学技术出版社,2006.8 [5] 武创、王惠,网页设计探索之旅 ,电子工业出版社,2006.9 [6] 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社, 2003.3 [7] 吴黎兵、罗云芳编,网页设计教程,武汉大学出版社,2006.2 [8] 庄王健编,网页设计三剑客白金教程,电子工业出版社,2006.01

第四篇:网页制作论文--个人网站设计

网页制作课程论文

(个人网站设计论文)

姓名:薛金鸽 学号:105031040025 班级:103212 专业:市场营销(电子商务方向)学期:2011-2012学年第2学期 任课教师:刘新飞

个人网站策划书

1.组织机构描述

1.1个人网站的应用背景

网络发展到今天,建立网站已经成为一个很普遍的问题了,对于个人来说,建设好时间的个性化网站可以更加方便的收集信息,开展更加直接的网络交流,使用自己构筑的友善平台,我们可以为自己毕业后找工作做好充分的准备,通过自己建设的网站,用人单位可以更好的去了解你,从而给自己增加了一份很重的砝码。在我的这个个人网站的制作过程中,我选择了我比较熟悉的大学生活中的许多内容做为我的网站的重要组成部分,这样相对于其他包括种类齐全的网站,我就有了一定的材料基础。这是我这个网站选择大学生主题的原因之一。

其次,做为在校大学生,我知道大学生现在对什么事物,内容,活动等等感兴趣,所以,我做起来的时候相对来说是比较随手的,我不用像其他的网站那样去刻意的收集信息,资料,我只要在校园里稍微留意,我就会捕捉到大学生的兴趣点。所以,在整个网站的设计过程中,我广泛的听取同学的意见和建议,不断的改进和提高我的网站的内容和质量,这些都取得了比较好的效果。

在整个网站的设计过程中,我根据自己以往的设计经验和自己找来的资料,又经过老师的指点,经过了近一个月的努力,几经易稿,最终做成了我的这个个人主页。.2 个人网站建设的目的

在我们的工作、日常生活中,能够拥有一个自己的网站,一个已经成为不少人的希望和骄傲。一个网站项目的确立是建立在各种各样的需求上面的,这是个人网站,所以这种需求往往来自于个人的实际需求,其中每个人的实际需求占了绝大部分[6]。因此如何更好地的了解、分析、明确需求,并且能够准确、清晰以文档的形式表达出来,保证开发过程按照个人需求为目的正确项目开发方向进行。不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站,以及一个大型门户网站和一个小型企业网站,其出发点和建站目的都有所不同,在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时,我选择了和大学生的生活和学习相关联的主题。

1.3 相关应用软件选用、技术采用

在网页的设计过程中,我选用的软件包括Dreamweavercs5、Fireworks cs5和Photoshopcs5,其中,Dreamweaver 是网页编辑软件,Fireworks cs5是图形/图像处理软件,photoshopcs5是图片处理软件。它们是Macromedia公司专门为网页设计、制作开发的系列软件套件,三者之间可以无缝集成,能够有效地解决网络带宽问题,是设计动画网页的最佳工具。

Dreamweaver cs5采用“所见即所得”的直观设计模式,充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来,使用户只需专注于设计,而其余的工作由Dreamweavercs5自动完成。另外,还有一点值得说明的是,Dreamweaver cs5可以控制和删除冗余代码,减小网页文件的大小。从而能够快速上传和下载。

Fireworkscs4的独特之处在于它能够优化、切分图片映射图,并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件,提供了一种革命性的新方法来创建WEB图形,并且具有所有其他图形处理工具的诸多优点。Fireworks cs4的最大优势就在于它在任何时候可以从任何阶段开始设计工作,这样既可以节约时间又可以对产品进行扩展。另外,Fireworks cs4中的诸多功能都是面向WEB应用的,因此对于WEB设计新手来说也很容易学习的。

在我设计我的个人网站的过程中,我选择了Dreamwearcs5和 Photoshopcs5 Fireworks cs4三种软件。因为自己向对于其它的软件来说,这三个还算是比较熟悉的。

2.网站的技术参数部分

2.1我的导航系统

我所制作的个人网站的导航系统包括:

1.个人简介2.个人专题4.我的相册5.网站说明6.给我留言 8.发送邮件9.链接百度10.女生花园

2.2功能模块的划分

1.搜索引擎:

根据浏览者的要求,使用主页上的搜索引擎链接到百度,在整个Internet上进行搜索,完成信息的优化与提取。

2.论坛:

主要功能是网友和网站之间的交流平台,也是网友给版主提出意见的主要渠道。在论坛中用户可以发表意见,这些意见可以让所有人看到,也可以只让版主看到,版主和其他人可以针对留言的内容进行回复,只留给版主的留言只有版主能够回复,并且版主可以登录后台对留言进行管理,是否发表或删除。

3.发送电子邮件:

网友可以通过“联系我”利用outlook 向版主或其他人发送电子邮件。4.精品收藏:

在其中展示我喜爱的东西,包括电影、歌曲和一些优美的文章。奇文共欣赏,疑义相与析。我只想起到抛砖引玉的作用,让大家从中认识我和了解我,让一些美好的东西我们大家共同来欣赏。但我增加了管理权限,我以管理员的身份可以对加入的新内容进行管理,即允许加入和对其进行删除。

5.留言板:

是一个我与大家谈心交流的地方,在留言板中,我们可以畅所欲言,和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

2.3 首页的设计 我的网站首页主要采用简单大方的设计方法,用的是色调一致的一组图片做的LOGO和相关的背景图片,主要页面布局如下:

2.4主要栏目的介绍

1.个人简介:

介绍版主的一些基本信息,希望各位访客能够认识版主。2.我的论坛:

此版块又分为主页、发表意见、回复意见、显示论坛内容、版主后台管理以及版主的回复界面。其中发表意见界面是所有访客都可以在论坛里面发表自己的意见,这些意见可以是发表给所有的访客,也可以是只发表给版主,如果只发表给版主,只有版主可以看到和回复;回复意见是所有访客针对自己感兴趣的话题进行回复;这些发表的意见和回复可以在显示论坛内容的界面都显示出来,供大家讨论;那些只有版主才能看到的信息在版主的管理界面,这个界面需要登录,设有用户名和密码,在这里版主可以对所有评论进行发表或删除的管理。3.个人专题:

这里收录了我平时搜集的一些文章和音乐,各位访客可以根据自己的喜好进行阅览。4.我的相册:

在这个板块可以看到我的照片,班级照片和搜集的校园照片,如果大家喜欢可以收藏。更改照片的时候只要更新数据库就可以了。5.网站说明:

里面是我对整个网站的介绍,不太清楚网站构架的访客可以先到这里。6.给我留言:

这是每位访客针对我的网站情况给我留言,这些留言会直接保存到数据库里面,并且能够轻松的读取。7.发送邮件:

各位访客可以通过outlook向版主或者其他人发送电子邮件。8.链接百度:

如果访客想在互联网上查找东西,可以直接点击这里。9.女生花园:

收集了一些女生喜欢的东西,如果你是女生,可以进来看看。

2.5二级页面的设计

我的网站主页内容简单所以主要内容再二级页面里要有详细的说明,具体说明如下:

2.5.1个人简介

本模块是个人简介部分,每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息.2.5.2文学欣赏

这个版块主要介绍我自己喜欢的相关文学作品。此版块的界面如图所示:

图3.6 文学欣赏界面

2.5.3快乐音乐

进入此版块,界面如图所示:

通过在数据库中存放音乐路径,达到在网页上播放的效果。在音乐的首页上放置了歌曲的名字,网友无需登录,即可收听自己喜欢的歌曲。

音乐界面

2.5.4我的相册版块

个人网站中又一亮点就是个人相册的设置,在我的相册里,放置了我自己的照片、班级照片和校园照片。

相册里面的这三个版块具有相同的版面设计,如下图所示:

相册界面

2.5.5网站说明版块

此版块是我根据自己的网站结构对整个网站以及每个版块所做的网站结构和功能的说明,以及网站和作者版权说明。如下图所示:

网站说明界面

如果网友不清楚网站的构架,可以查看此版块。2.5.6给我留言版块

留言板是目前最为流行的网络应用之一,使用留言板,可以为留言者提供发言的机会,让他们能够及时、准确地交换自己的观点。

2.5.7留言板主界面

完整的留言板具有发表留言和察看别人留言的功能,如图所示的留言板主界面index1.ASP,可由此进入留言界面和察看留言界面。

留言主界面

在主界面中存有全部留言的作者和主题,点击你想察看的主题就会进入察看留言界面,点击 “发表帖子”进入留言界面。

3.网站的维护方案

3.1域名的申请

域名(Domain Name),是由一串用点分隔的名字组成的,Internet上提供用户访问某网站或网页的路径,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

域名申请的含义

“域名申请”:为保证每个网站的域名或访问地址是独一无二的,需要向统一管理域名的机构或组织注册或备档的一种行为。也就是说,为了保证网络安全和有序性,网站建立后为其绑定一个全球独一无二的域名或访问地址,必须向全球统一管理域名的机构或组织去注册或者备档方可使用的一种行为。由于域名是网站必不可少的“门牌号”,域名可用于:网站地址访问、电子邮箱、品牌保护等用途,所以很多企业或个人均会进行域名申请。

3.2空间或者主机的租用

有了自己的域名这个门牌号后,就需要一个空间来存放自己的网站,也就是虚拟主机。一般虚拟主机提供商都向用户提供100MB、500MB、3GB等虚拟主机空间。我的个人网站选择100-300MB的虚拟主机空间。购买虚拟主机主要考虑几个方面:售后服务、稳定性、访问速度等。首先我选择在万网上注册一个域名然后申请租用空间建立个人网站。

3.3网站链接稳定性测试

超级链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务,因而链接将作为一个独立的项目进行测试。网站能够正确运行首先要保证链接能够连贯运行。

网站的运行中整个系统是否运行正常,我主要采用将测试网站长时间运转进行测试,派生出执行程序所有功能需求的输入条件,从而导出测试用例,进行测试,网站中的每个版块的每个页面都出现了很多的链接,所以每个版块要先进行单独测试,单独测试完成后,根据个版块之间的连接结构再进行总体测试,从而达到网站的整体的运营能够顺利地进行。在测试这个环节时,没有特定的测试方法,就要做到细心,做到网站的顺利运行。

总结:

通过这次个人网站设计的制作,我学会了很多东西,也了解了很多关于个人网站的资料。不知不觉网页设计的课程将要结束了,这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中,我学习了Dreamwave、Firework、Html语言、网站建设的基本思想等重要内容。到现在为止,我还是很庆幸能够学到这么多的内容。

虽然整个网页的结构还有很多不足,还有一些板块没有开通,但是我的确能够感到在我们制作过程中技能的提高。整个网站的不足我想是没有使用到一些动态网页的知识,使得日后网站的维护较为繁杂。希望以后可以自学动态网站的课程,从而弥补自己在动态网络语言方面的不足。这样以后可以利用业余的时间为自己或者公司,根据自己的爱好建立一个个人网站。

[参考文献] [1] 袁晓红.《网页设计与制作》[M].高等教育出版社 2006 385页~389页 [2] 甘登岱.《我也能掌握Flash编程》[M].航空工业出版社 2000 [3] 赵更生.《Flash动画制作培训实录》[M].人民邮电出版社 2004 [4] 鲍嘉.卢坚.陈丁法《Dreamweaver CS5网页设计从入门到精髓》[M].中国电力出版社2010 [5] 张成龙.《网页制作一点通》.延边人民出版社

[6] 刘瑞新,《ASP动态网站开发、毕业设计指导及实例》[M].机械工业出版社 2000 [7] 石晓燕、苏萍《网页设计基础》[M].清华大学、交通出版社 20 04 [8] 王玉芬.《网站规划与设计》[M].西北工业出版社 2003 [9] 谢希仁.计算机网络(第5版)[M].北京:电子工业出版社,2008

第五篇:网页制作论文

网页制作论文

简介

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

下载论文:浅析个人网页5则范文word格式文档
下载论文:浅析个人网页5则范文.doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐

    网页设计论文

    网页设计基础课程论文 摘要:随着互联网的不断发展和中国网络人口的日益增长,建立个人网站,不但可以更好的展示自己,而且可以提高自己在计算机应用方面的能力,网站越发普及,网站......

    个人网页制作

    个人网页制作 宣传语:如果你已经上网,为何不尝试一下在网上做一个完全属于自己的主页?有了自己的主页,全世界的人都可以随时找到你,你也可以向全世界宣传下自己,是非常有意义和有......

    个人网页设计说明文档

    个人网页设计说明文档 我的个人网页包括了一个主网页“index.html”以及6个与主网页相链接的网页,再向其中镶嵌一系列的图像以及背景音乐来使得个人网页增色不少,充分运用了......

    个人网页计划书

    个人网站策划书 2010年4月3日星期六 1、网站作用:让别人了解我认识我 2、网站规模:因为是个人网站一般由简单网页组成,所以规模不大 3、网站目标客户:同学,朋友。 4、网站特......

    商业网页设计论文

    摘要:商业网页设计中具体的字体、图形、图象、标志等等,常常表现为点线面、色彩、动静、主次等视觉因素,这些因素的不同使用都会影响读者的视觉习惯和心理变化。本文将分析商......

    网页设计与制作-论文(本站推荐)

    第一章绪论 摘 要 本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上,着重使用JavaScript作为工具语言进行网页设计与制作的实......

    flash网页设计毕业(论文)

    辽宁警察学院毕业设计(论文) Flash网页设计 系: 高职计算机系 专业: 计算机应用技术 学生: 陶帅帅 指导教师:杨 虹 完成日期:2017年4月3日 辽宁警察学院毕业设计(论文) Flash网页设计......

    网页制作期末论文(全文5篇)

    关于网页制作的相关基本问题 摘要:随着网络的发展,网页的制作越来越重要。网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感,就必须要把网页设计和网页制作结合......