资源描述
个人网站的建设及实现摘 要21世纪科学技术突飞猛进。特别是信息技术得到高速发展,并且信息技术越来越融入到每一个人的生活当中。个人网站建设首先,可以让自己学习到的网络知识得以实践,这能在很大程度上提高我们对网络的理解和加强应用能力。同时也积累了实际设计经验,对于我们以后在网络方面发展来说是一个很好的锻炼机会。其次,个人网站是网络时代个人的网络名片。这个名片可以使不认识的我的人认识我,了解我。有了个人网站的平台,我们也可以更好的推广自己。让自己的信息得到更多企业以及用人公司的了解。从而也提高了自己的就业面。提高了自己的社会渠道。个人网站还可以让丰富自己的业余生活。让自己认识更多有相同爱好的朋、认识更多不在同一个地方的人,有了个人网站,在Internet这个信息海洋当中,就有了自己的一席之地。本论文详细的叙述了我的个人网站在建设过程中所用到的工具,其实包括Flash 网页设计Access数据库以及Photoshop对素材的编辑。说明了建设过程中的软、硬件环境。并且介绍了网站功能是如何实现的。以及网站的维护和推广。关键字:Flash、场景、矢量、Access Abstract21 centuries science and technology advances by leaps and bounds. IT is developed at top speed especially , IT Yue Lai Yue melts moreover to enter the life to every individuals middle.First of all building personal website, allowing the network to learn their knowledge to practice, which can largely improve our understanding of the network and enhancing the use of capacity. At the same time have accumulated experience in the actual design, for us in the future network development is a good training opportunity. Second, the personal Web site is the era of personal business card. This card can not know the people I know me, know me. With personal website of the platform, we can better promote itself. Let their own information and enterprises employing more understanding of the company. Thereby also improve their employment face. Improve their social channels. Personal website can also enrich themselves to the amateur life. More awareness of their own to have the same love of friends, not more awareness of people with a place, a personal website, the information in the Internet Ocean, will have their own place.This paper describes the details of my personal website in the process of building the tools used, in fact, including Flash Web Design Access database and Photoshop to edit the material. That the process of building the hardware and software environment. And on the website is how to achieve the function. And Web site maintenance and promotionKeywords: Flash 、Scene 、Vector Graphics 、ACCESS 目 录第一章 绪论. 11.1 个人网站的背景分析11.2 开发个人网站的必要性21.3 个人网站的需求分析.2第二章 关键技术及运行环境的需求分析.32.1 矢量图简介.32.2 Flash 简介3 2.2.1 Flash 开发环.32.3 Flash基本原理.3 2.3.1 Flash动画的生成3 2.3.2 时间轴.4 2.3.3 Flash中的帧42.4 ASP技术简介.5 2.5 ACCESS 2003 技术简介.52.6 IIS 服务简介.5 2.6.1 IIS的安装.5 2.6.2 IIS虚拟目录的创建.62.7 运行环境.7第三章 网站的总体设计.73.1 网站的结构.73.2 网页的设计.9第四章 网站数据库设计.114.1数据库的需求分析.114.2 数据表的设计.114.3 数据库的接连.14第五章 网站功能的实现和调试.155.1 网站功能介绍.155.2 主页动画效果的实现.155.3 子界面的功能实现.175.4 Flash 网页的设置与发布.215.5 在代码调试过程中经常出现的问题.22第六章 网站发布与推广.23总结.24参考文献.25 谢辞.26- 26 -第一章 绪论1.1 个人网站的背景分析众所周知,互联网最早于1969年起源于美国,可以说互联网是20世纪最伟大的发明之一。时至今日,信息化浪潮正席卷全球,方兴未艾。互联网已成为信息化的重要平台、信息化的重要工具和信息化的重要组成部分,互联网已经与信息化分不开,而且相互促进。 中国正式接入互联网是在1994年。显然,中国互联网的起步晚了许多。但正应了“后来者居上”的话,中国这个后起之秀经过了13年多的发展,已经走过了导入期,走上了快速发展的道路。可以说,中国互联网的发展创造了一个互联网神话,其发展速度在全球同等GDP国家中应该是首屈一指的。中国互联网在快速经历了跟随、参与之后,即将迎来主导阶段。10多年来,由于政策得当,措施得力,抢抓机遇,互联网事业得到跨越式的发展,仅国际出口带宽总量就从最初的64K增长为现在的82617M。在互联网技术方面,目前我国也站在了世界的前列,成为全球下一代互联网主要的研究和应用中心。2007年中国互联网基础资源的发展与网民的发展势头相似,同样处于快速发展的阶段。IP地址和域名是互联网的基础地址资源,年增长率分别达到了38%和190.4%,保证了互联网发展的平稳进行。CN域名数则2007年一年增加了4倍。网站数、网页数和网页字节数超过60%的增长速度,反映了网上信息资源的增加速度很快,网民可以享用的信息资源越来越丰富。中国互联网的国际出口带宽数的年增长率达到43.7%,中国与国际互联网连接的能力进一步增强。到目前为止,互联网的应用和普及已经对我国政治、经济、文化的发展产生了重大的影响,这种影响也深入到百姓生活的方方面面。此次发布的报告显示:我国网上购物大军达到2000万人,网上购物者半年内累计购物金额达到100亿元。随便网络在国内的发展,我国的网站也越越多了。据权威数据表明,工国约有69.4万个网站,其中个人网站已经占到两成多。全国域名数约为259.2万个,其实,网民的数量也得到了很大的提升,越来越多的网民以经不满足只是在网上浏览网友,找资料,发电子邮件的传统的需求。很多人想要自己的个人网站,据资料显示,国内94、95、96这三年个人网站在国内慢慢出现。3年的萌芽期过后,个人主页在国内得到了很大的发展。97年正是中国个人主页发展历史中最值得纪念的时期。因为一个很重要的原因,网易公司的成立。使得很多网民们抱着玩玩的态度相继制作了个人主页。直到98年,真正意义上的个人网站取代了之前的个人主页。在个人网站当中,也出现了商业化的风格。网络也成为了商界的战场。转眼到了2000年,网络开始真正进入了寻常百姓家,不管是内容还是技术上,也得到了很大的提高。直至今天,大部分网站都是以营利为目的的了。当然,这也推动了网络技术的成长,例如:ASP、PHP、JSP、CSS等网站技术也被越来越多的人所掌握。近期.net技术的出现又对成熟的网络技术注入了新的动力。相信在将来个人网站将更加普及,每一个上网的人,都可以属于创建自己的个人网站。1.2 开发个人网站的必要性当代是信息技术高速发展的代,并且融入我们的生活。作为计算机网络专业的大学生更应该掌握良好的网络知识。个人网站建设首先,可心让自己学习到的网络知识得以实践,这能在很大程度上提高我们对网络的理解和应用能力。同时也积累了实际设计经验,对于我们以后在网络方面发展来说是一个很好的锻炼机会。其次,个人网站是网络时代个人的网络名片。这个名片可以使不认识的我的人认识我,了解我。无论是万千山,有了个人网站,我们可以更好的推广自己。让自己的信息得到更多企业以及用人公司的了解。从而也提高也自己的就业面。提高了自己的社会渠道。最后,个人网站还可以让自己认识更多有相同爱好的朋、认识更多不在同一个地方的人,有了个人网站,在Internet这个信息海洋当中,就有了自己的一席之地,在网站中。不管是否是相同专业的人群以及别的专业的朋友,都可以畅所欲言,特别是对于学习网络专业的以及从事相关专业的人来说,更是提供了一个非常好的交流平台。这样就跨越了地域的限制性,让自己真正也全世界名地的人共同交流,共同学习。使自己的交友圈更大。让自己可以和网络上更多的人交流,了解业界的动态,使自己也IT行业一起成长。1.3 个人网站的需求分析我的个人网站主要是展示自己和推广自己,主要是通过向网友提供和展示一些信息,从而让大家了解我,认识我,具体的,主要是通过一些作品的展示,资源的提供以及使用一些图片和文字让大家能够轻松的浏览本网站,这其实包括,展示区、心情日记、网站留言、资源下载、自我介绍和相册等功能。虽然功能不是很强大,但是浏览者进入之后就会感到我的网站的特别之后。整个网站是通过全Flash界面构成的,给人不同于普通表格框架结构所建的网站。由于我的网站并不同于一般的商业网站那样,需要具有高性能的空间和服务器,当然,购买服务器对于目前来说,也是不现实的,所以,只能租用服务器空间,在我的网站中。我选择的是效为便宜的入门型服务器,它的空间是100M、支持ACCESS数据库、FTP的上传和下载、ASP和ASP.net技术。第二章 关键技术及运行环境的需求分析2.1 矢量图简介矢量图也称为面向对象的图像或绘图图像,繁体版本上称之为向量图,是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量图形最大的优点是无论放、缩小或旋转等不会失真;最大的缺点是难以表现色彩层次丰富的逼真图像效果。2.2 Flash 简介2.2.1 Flash 开发环境Flash是一种交互式矢量多媒体技术,他的前身是Futureplash,早期网上流行的矢量动画插件。后来由于Macromedia公司收购了Future Splash以后便将其改名为 Flash2,到现在最新的flash8.0。目前网上已经有成千上万个Flash站点,著名的如Macromedia专门站点“闪客帝国”,全部采用了Flash 和Director。可以说Flash已经渐渐成为交互式知量的标准,未来网页的一大主流。由于其独特的时间片段分割(TimeLine)和重组(MC嵌套)技术,结合ActionScitp的对象和流程控制,使得在灵活的界面设计和动画设计成为可能,同时它也是最为小巧的前台。Flash被称为是“最为灵活的前台”,Flash具有跨平台的特性所以无论你处于处于何种平台,只要你安装了支持的Flash Player,就可以保证它们的最终显示效果的一致,同Java一样,它有很强的可移植性。现在的Flash还具有的手机支持功能,可以让用户为自已的手机设计喜爱的功能。2.3 Flash基本原理所谓动画就是将静止的画面变为动态的艺术,实现由静止到动态,主要是靠人眼的视觉残留效应利用人的这种视觉生理特性可制作出具有丰富想象力和表现力的动画影片。Flash动画制作也是通过这个原理来得到我们想要的动画。在Flash当中,每一个静止的画面被称为“帧” 将这些帧也就是画面快速的播放出来就成的动画。2.3.1 Flash动画的生成在Flash中提供了两种生成动画补间,即“动作”和“形状”。这样以来,就面临了一个问题:怎样的情况下,生成动作补间,又在怎样的情况下生成形状补间?这个问题比较深入,也绝对不是凭空能猜想出来的,只有经过自己的反复尝试才能真正弄清楚、弄明白。在制作的过程中,我不断的尝试着这两种动画所表现出来的效果。也明白了,什么时候需要“动作”补间,什么时候需要“形状”补间。也总结出了它们的区别。动作动画主要是制作元件移动方面的动画,元件要组合,组合快捷键:ctrl+G;形状动画主要制作元件的形状和颜色方面的渐变,元件必须要打散,打散快捷键:ctrl+B2.3.2 时间轴时间轴是 Flash的一大特点,也是Flash 进行动画创作和编辑的主要工具,通常它位于舞台和常工具栏之间,用鼠标拉动时间轴,也可以改变它的位置。时间轴就好像导演的剧本,它决定了各个场景的切换以及演员的出场、表演的时间顺序。位于时间轴前面的动画出场就早于位于时间轴后面的动画对象。图(2.1)时间轴2.3.3 Flash中的帧帧其实就是动画播放的基本单位,每一个动画都是由多个帧组成的,每个帧代表一个动作。普通帧是对关键帧时候的形态的时间延长,让物体保持刚才帧状态更长时间。关键帧就是当需要物体运动或变化的时候需要用到的,在设计的过程中往往第一个关键帧是物体的开始状态,而第二个关键帧就是物体的结束状态,而在这两个关键帧中间的补间的帧就是物体有第一个关键帧到第二个关键帧的变化过程,补间的帧常常可能通过Flash自己生产。所以空白关键帧和关键帧的区别就在于,关键帧上是有具体内容的,而空白关键帧而是通过删除关键帧而得到的。FLASH中的帧按表现方式的不同分为普通帧,关键帧和白色关键帧3种:普通帧:指动画时间轴中的每一个小格子。关键帧:动画播放过程中的呈现关键作用或内容变化的帧。空白关键帧:无任何内容的关键帧。2.4 ASP技术简介Microsoft Active Server Pages 即我们所称的 ASP ,意为“活动服务器网页”。其实是一套微软开发的服务器端脚本环境。Microsoft Active Server Pages是创建动态网页的一个很好的工具,通过ASP可能编写出动态的网页,可以产生HTML的程序代码。因此,只要用户浏览网站,并请求一个WEB网页,WEB服务器就可以处理相应的ASP代码。它一般以VBScript作为服务器端的脚本语言,由安装在服务器上的应用程序扩展软件负责解释并执行这些脚本。2.5 ACCESS 2003 技术简介Microsoft Office Access是由微软发布的关联式数据库管理系统。是 Microsoft Office的成员之一。Access是一个在Windows环境下开发的关系数据库,它还是一个功能强大的开发工具,一般不需要进行复杂编程,不用高级语言编程也可以开发出比较理想的数据库。Access 数据库使用标准SQL(Structured Query Language,结构化查询语言)作为它的数据库语言。每一个Access数据库,包括它所有的对象都存储在经(.mdb)为扩展名的数据库文件当中。所以说,打开一个数据库就是打开一个数据库文件。就Access而言,可以认识数据库和数据加文件含义相同。Access数据库不提包括各种对象,而且还包括各种对象的操作。Access数据库的优点在于它有使用数据表示图或自定义窗体收集信息,数据表示图提供了一生种类似于Excel的电子表格,可以使数据库一目了然。另外,Access允许创建自定义报表用于打印或输出数据。Access也提供了数据存储库,可以使用桌面数据库文件把数据库文件置于网络文件服务器,与其他网络用共享数据库。如上所述,Access作为关系数据库开发具备了许多优点,提供了的关系数据库的强大功能。2.6 IIS 服务简介IIS的全称是Internet Information Services(Internet信息服务),这是一个Microsoft的用于架构基于Windows系统的服务器的附件。这个软件可以在Windows 2000/XP的中安装。Windows 2000 Server在安装系统的时候,就自动安装IIS5.0,但是,Professional版本的IIS功能就大大精简于Server以及Advanced Server版了。2.6.1 IIS的安装不同的系统内置的IIS版本是各不相同的,Windows Server 2003 为IIS6.0,默认状态下是没有安装IIS服务的。必须手动安装,下面就简单介绍一下如何在Windows2000 profession和Windows XP中安装IIS的过程。步骤1:在“控制面板”中选择“添加/删除程序”步骤2:在“添加/删除程序”中选择“添加/删除WINDOWS组件”,就会弹出以下所示的WINDOWS组件向导对话框图(2.2)IIS安装步骤步骤3:单击下一步,进入安装过程。2.6.2 IIS虚拟目录的创建在启动Internet信息服务后,在右侧选中“默认Web站点”单击鼠标右键,在快捷菜单中选择“新建”选择“虚拟目录”命令,输入虚拟目录的名字,然后按照系统提示操作,即可完成对虚拟目录的创建。图(2.3) 创建虚拟目录(1).启动站点,停止、暂停、删除站点。(2).主目录设置、文档管理、HTTP头、目录安全性、目录路径、自定义错误、性能。2.7 运行环境为了确保系统运行效率和可靠性,服务器端具有较高的软件配置,客户端的要求不需要很高,此应该程序可广大运行于Internet平台上,例如在普通的家用宽带中,学习的机房,宿命和各种终端,也选用于内部的局域网,运行要求如下:硬件环境:服务器:CPU要求PIII800以上,内存256MB以上。客户机:CPU要求200MMX以上,内存64MB以上。软件环境:客户端:Windows98,Internet Ecplorer4.0 以上版本。服务器端:Windows2000,IIS5.0及以上版本。数据库:采用Access数据库,运行于服务器。第三章 网站的设计和内容规划3.1 网站的总体结构该个人网站的建设是用Flash动画网而设计+Access数据库+ASP动态网页编程设计。系统是基于客户机/服务器模式的系统。在设计的过程。分为以下几个方面:主页面的设计、子页面的设计。网站的整体结构如下图所示:进入网站,出现主界面和导航条作品展示心情日记给我留言关于我资源下载友情链接音乐播放图(3.1 ) 网站结构3.2 页面设计(1).主页面的结构设计:在设计之前,我收集了大量的Flash网站的资料信息,特别是很多优秀Flash个人网站,观察了他们的整体框架以及网站的表现形式。我发现,优秀的Flash网站,给人的感觉完全不同于普通的基于HTML页面的网站。都是以简洁的形式,给人的视觉产生不同的效果,所以我的主页设计,整体思想,也将延续简洁清爽的思路。除必要的导航以外,界面上不另任何内容。以做到给人耳目一新的感觉。下面是我设计的主页的结构:简洁清爽的网页背景网页的导航栏网中的功能按扭可更换的网页背景图(3.2) 页面布局(2).子页的结构设计:一个网站的主页和子页往往具有相同的风格,只有给人与相同的风格。让人感觉网络明确,整体感强,在我网站的子页中。我将延续主页面的简洁风格,在除了必要的功能以外,也将于简洁清爽为主色调。子页面功能区子页面中保留了主页面的整体风格位于主页中间,简洁的子页功能区图(3.3)子页面结构图第四章 网络数据库设计一个网站,必须有数据库来存放数据信息。数据库在一个网站系统中占有非常重要的地位,数据库设计的优劣直接对网站的运行效率和实现的效果生产影响。合理的数据库结构设计可以提高存取效率,保证数据的完整性和一致性,从而提高网站的访问和浏览效果。在设计数据库时应该首先充分了解网站对数据库各个方面的需求,包括现在的和将来可能增加的功能,所以。数据库应该具有一定的可扩展性。4.1数据库的需求分析网站对数据库的需求具体体现在各种信息的提供、保存、更新和添加上,这就要求数据库结构能充分满足各种信息的输出和输入。通过收集基本数据、数据库结构以及数据处理的流程。组成一份详尽的数据库。为后面的具体设计打下基础。4.2 数据表的设计(1).站点信息表在站点信息表中,主要是保存网站的域名,以及网站的名字和站主的电子邮件等。图(4.1) 站点信息表字段说明:ID :该字段是该表的主键,数据类型是自动编号。Web_name :该字段保存的是网站名称,数据类型是文本型。Web_QQ :该字段是记录站长QQ号码的字段,数据类型是文本型。Web_Email :该字段保存的是站长的电子邮件地址,数据类型是文本型。(2).留言登记表图(4.2) 留言记录表字段说明:ID :该字段代表留言本中,留言的条数。这个字段,是本表的主键,采用自动编号。NAME :该字段代表留言中,留言者的姓名,字段大小设为50。QQ :该字段收集留言者的QQ号码,以便以后联系时使用。EMAIL :该字段为收集留言者的电子邮件,字段大小高为50。数据类型为文本型。HOMEPAGE :该字段代表留言者的主页,字段大小为100。BLOG :该字段表示留言者的博客地址,字段大小为50,为可选项。TITLE :该字段表示留言者的留言主题,字段大小为50。CONTENT :该字段为备注字段。为可选项。DATE :该字段表示留言者,留言时的具体时间。PXID :该字段表示留言者,留言内容的字数。GMCONTENT :该字段也是备注字段,为可选项。GMDATE :该字段为时间字段,数据类型为时间/时期型。(3).回复记录表回复记录表中,主要存放了回复者的时间以及回复者的内容等等。字段名称数据类型字段说明reply_id自动编号长整型、递增guest_id数字长整型、自动reply_name文本50reply_pw文本50reply_content备注可选项reply_time时间/日期常规日期reply_ip文本50reply_system文本50reply_ie文本50表(4.3) 回复登记表字段说明:reply_ID :该字段用于保存回复的条数,是表的主键。数据类型为自动编号。Guest_ID :该字段存放回复的字数,数据类型是数字型。Reply_Name :该字段用来存放回复者的姓名,数据类型是文本型。Reply_PW :该字段是存放回复者所回复的内容的。Reple_conent :该字段是保存备用信息的,是可选项。Reply_Time :该字段保存的是,回复者的回复时间。数据类型是日期/时间型。Reply_IP :该字段记录的是回复者,回复时主机的IP地址。Reply_Systeim :该字段是记录回复者,回复的时候所用主机的系统类型。Reply_IE :该字段是记录回复者,当是使用的主机的IE类型的。4.3 数据库的连接动态网站应用程序开发过程中的关键技术就是动态网站数据库的设计和创建。这包括数据源的配置与连接,数据源的操作、数据的获取、查询等等。在我的网站中,我采用的是ASP用Database Access 与数据库连接。在整个网站系统中,数据库的连接与打开在系统中是很重要的。如果连接和打开不能顺利的进行,那么整个网站将不能进行访问,留言以及保存相应的信息。下面给出本网站系统连接打开数据库的原代码:数据库连接代码说明:(1).定义数据库的名称及路径db=data/guest1.mdb(1).定义数据库的相对路径和数据库的驱动程序的方法如下:conn.connectionString= driver=microsoft access driver (*.mdb);dbq=&server.mappath(“db”)(2).定义一个数据库对象的方法如下:set conn=server.createobject(adodb.connection)conn.open Conn.ConnectionString(3).定义一个记录集的方法如下:set conn=server.createobject(adodb.connection)第五章 网站功能的实现和调试5.1 网站功能介绍本网站,由于是个人网站,所以功能上并不像一些大型网站那样功能强大和全面,本网站的功能主要是展示自己,以及让有相同爱好的朋友提供一个网络交流的平台,让大家相互了解、认识、学习并且可以认大家讨论自己的作品。在网站中也提供了表达自己心情的栏目,可以让自己在学习和工作之外,能向网上关心我的朋友倾诉一下自己的心情,向网友们表达一下我的生活的理解,以及我对一些事情的无奈。在我的网站中,我还提供了一些我认为是重要的资源,包括一些程序和代码的下载地址,网友可以根据自己的需要,进行下载和安装。最后,我的网站中还提供了部分门户网站的友情链接。可以让网友方便的进行网上冲浪。5.2 主页动画效果的实现由于我的个人网站是采用全Flash界面制作的,所以主页的制作当然也应该由Flash来完成。在主页当中,主要是通过补间动画,以及加入了一些角本命令制作出来的。这其中包括了大量的图层,具体如下图所示:图(5.1) Flash中的层说明:在网页中,我首先用了一个图层存放背景,我选择的是全黑色的背景,由于所以的东西,都必须放在背景上面,所以背景图层,被放置在最下面。位于网页下方的主导航栏,我是事先做好了几个相应的按钮,然后通过调用“元件”,再加上补间动画来实现的,在制作的时候,动画的加载和时间轴的配合,是非常重要的,可以说,时间轴,就是动画的生命轴,因为,动画就是延时间的顺序能动起来的画图。这是对动画最本质的理解。所以,设计一个动画,实质上,是设计一些画面效果,根据一定的时候顺序自己的出现(加载)而得到的效果。那么,我在实际的制作过程当中,就对时间轴的把握也遇到了不少问题,特别是在图层多的时候,在一个时刻,不同的图层,要出现不同的效果,从而,最后,共同展现出让我满意的效果。有时候,要作做到这一点,特别难,比如说,我的想当是,当中心按钮移动到下面的时候,再展开,出现在网页下方的主导航列,而在开始作的时候,往往是在中间的位置,它就自己展开了,从而没有达到我相要的效果,最后,在实验多次之后,终于把时间轴与图层的配合想协调起来。在我的网站中,留言簿也是通过Flash编辑出来的,具体的实现方法是这样的,我是能过主面index.html来调用相应的主要动画效果index.swf 。然后在动画全部加载完成之后,由页面下方自动展开的主导航按钮通过动画的方式展示出各个功能按钮,其实包括:作品展示、心情日记、网站留言、资源下载、友情链接、自我介绍几个方面。通过单击Flash 按钮就可以进入相应的功能子页,具体进入的方法是,通过单击主页上的Flash按钮,然后自己加截。相应的子页面。具体代码如下:on (release) _root.mc9.loadMovie(xtbook.swf);说明:on(鼠标事件):可以捕获当前按钮(Button)中的指定事件,以执行相应的程序。参数(鼠标事件)指定了要捕获的事件,分别如下 :on (release) : 鼠标事件,当鼠标释放按钮的时候触发后面的事件。On(press): 鼠标事件,当按钮被按下时触发该事件。On(releaseOutside): 当按钮被按住后鼠标移动到按钮以外并释放时所触发的事件。On(rollover):当鼠标滑入按钮时触发该事件。本例中,当鼠标离开(release)按钮的时候,加动画页百”xtbook.swf”。5.3 子界面的功能实现(1).作品展示页面在这个页面当中,主要展示了我的一些摄影作品,摄影是我生活中的一个爱好,当我的生活中出来美丽的瞬间或是有纪念意义的时候。我总是希望能通过手中的相机记录下这一时刻。在我的网站作品展示栏中,我展出了几幅我认识是很成功的摄影作品,提供给网友欣赏。下面制作这个页面的具体步骤:首先,新建一个Flash文档,并将该文档命名为“zuoping.swf”,然后保存在“index.fla”文档的相同文件夹当中。然后设计“zuoping.fla”的属性,如图所示。所以该页面的影片属性都应该设计成跟主场景的影片属性一致。图(5.2) Flash文档属性设置进入“zuoping.fla”文件的制作,在舞台当中,新建一层,用来放置作品展示框。在放置作品展示框的时候,一定要注意放的位置,因为这直接影响到后面,展示照片的效果。放置好之后,锁定图层后,再次新建一个图层,在这个图层上。就放置需要展示的照片了。这里,需要将每一幅照片通过“导入”的方法,将每一幅照片放到舞台当中,然后再右键单击照片,选择将照片转化为“元件”,只有转化为“元件”之后。才能进行下一步的编辑。图(5.3) 图片转化为元件将所以用于展示的照片转化为“元件”之后,下一步就是分别将它们从“库”中提取出来放到舞台上,进步动画的设计了。先选中所以的照片,然后单击右键,进行组合。通过组合,零散的图片,就成为了一个整体,可以对它们进行统一的调整位置、大小、高度等等。将它们放置在适合的位置之后,在时间轴上单击右键,选择插入“关键帧”这个关键帧将作为动画的开始帧。此时,通过鼠标拖动照片的位置,设置动画的播放效果,最终位置调好之后,在时间轴上再一次新建“关键帧”。这一帧就作为动画结束的关键帧,此时,在开始帧和结束帧之间,单击鼠标右键,选择“创建补间动画”。随着一条蓝色箭头的出间,动画的创建也就基本完成了。最后进行保存和发布,在保存和发布的时候,注意相应的设置。那么一个子页面的制作就完成了。(2).心情日记页面作为个人网站,应该包含心情日记这一部分,无论是工作了,还是上学;无论我心情是开心快乐,孤独,悲伤,郁闷,思念,伤感;无论我是单身,失恋,开始恋爱,和朋友分手,想哭,想笑,我最希望尽可能在网络心情日记本中张扬个性,写出内心的秘密和感动。和网友一起分享,认大家可以更加的了解我。更好的和我交流。(3).资源下载页面在资源下载里面,我提供了整站下载,常用软件下载,源码下载。图(5.4)在整站下载页面当中,我整理和收集了网上一件经典的网站程序,这些整站程序,都是网友们认为是做的好的,有创意的,具有一定代表性的网站程序。网友们,可以下载学习这些网站的特点,我想,这对想要建站的朋友。一定会有很大的帮助。在我的空间里面,提供了下载地址。以及必要的说明。网友们可以随便下载。(4).友情链接页面一个网站,友情链接部分是必不可少的。我的个人网站,也设置了相应的友情链接。我网站的友情链接主要是放一些我个人兴趣方面的网站,这其中包括我所学的专业领域,和个人爱好方面的东西。除此之外,还有一些主要门户网站也进行了我的友情链接。这包括:百度网、腾迅网、新浪网等。这些网站都是平时网友点击率比效高的网站,设置了这些网站的友情链接以后,不但可以让网友在访问完我的网站之后,轻松方便的进入自己想进入的网站。最后,通过友情链接的设置,还可以提高网站的访问量,以及和别的一些网站,建立友好的合作关系,这对于我个人网站的发展有着很大的作用。(5). 个人简介页面图(3.4) 自我简介页面作为个人网站,自己简介当然是少不了的了。在自己简介里面,我写了我个人的信息,这其实包括,我的姓名、年龄、网名、电子邮件以及所学专业等等,和个人的爱好。我也希望,能过我的展示,能让更多有相同爱好的朋友与我联系,我们可以共同讨论,共同进步。(6).Flash留言本图(3.5) 留言本一个网站中,留言功能是必不可少的。在了留言簿,才能实现网友和网站的建设者进行交流和沟通。我的网站也不例外,由于我是全Flash网站,所以我的留言片。也是由Flash制作的,当然。其实也用到ASP作处理。在网的留言本中,网友可以留言发表自己想说的话,也可以查看别人的留言,对别人的留言做出讨论。通过网友的留言,我也能收集到网友的联系方式,电子邮件地址,以及留言者的爱好等情况。从而更好的和网友进行交流,和讨厌。下面是我的留言本界面。 5.4 Flash 网页的设置与发布我的主页,是通过在Flash 中编辑而成,在发布的时候,选择发布类型为.SWF和.HTML类型,这样,网站在加载的时候,自然就成为了Flash的页面了。下面,是具体的发布方法:图(5.4) 发布设置说明:在发布设置里面,选择“格式”选项卡,可以选择发布的文件类型,并且设置输出保存的目标文件。其实默认值是输出文件征收Flash源文件在同一个文件内。发布的时候,可选的发布格式有:Flash(.swf),html(.html),GIF图像(.gif),JPEG图像(.jpg),PNG图像(.png),Windows放映文件(.exe)等八种格式类型。这里,我选择了Flash(.swf)以及HTML(.html)两种类型。因为,我要做的是Flash网页,所以必须用这两种类型。5.5 代码调试过程中经常出现的问题(1).在通过代码和数据库连接的时候,出现了多次问题,主要是有时数据库的位置与文件位置有错,这其实,有一个关键的问题就是“相对路径”和“绝对路径”的问题,只有路径一出错,那么连接肯定是失败的,这说明我们在平时学习的时候,没有注意到这些知识点,对一些关键性的知识,没有得到很好的掌握。(2).对数据录入数据库时也常常出错,总是在于,进行数据表的设计对各种不同的字段都有专门的设置,比如,它们的数据类型,长度,是不必须录入或可以不录入等规定没有仔细的进行设置。(3).在设计界面的时候,往往Flash设计中应该注意的问题,用原来设计普通HTML网页的思路进行Flash页面设计是不行的。应该了解和学习Flash具体的设计思路以及特别。这样才能设计出有特别的动画网页。第六章 网站发布与推广一个网站想要在Internet上被更多的人所访问,和浏览,让越来越多的网友认可这网站,乃至在行业内让大家认可,树立公司或个人站点的形象,都必须进行网络营销推广。那么,作为我的个人网站。在进行推广的时候,应该注意以下几点:(1).网站在制作完成之后,应该上传到服务器上,让网站真正的运行起来,而不是只停留在本地的制作和学习实验当中。(2).为了让大家能成为网站的回头客,我的网站中,将加入一些专业方面大家感兴趣的内容,以便大家的使用,让大家不必自己花费时间去找。并且,还要不定期的对网站中的资源信息进行修改,保存资源的更新速度。(3).在我的网站中,也将写几篇关于本行业的主体特征、发展前景的文章,附上自己的署名、网站网址、联系办法等,并设法使之广为传播。(4). 利用个人即时通讯工具,比如QQ、旺旺、MSN等的群发工具进行必要的群发,想办法让更多的人知道我的网站,了解我的网站。同时,也可以在一些论坛灌水。这样,可以提高网站的传播速度。(5). 登陆各大搜索引擎,可以说现在大家在网上找东西,多数情况下,还是通过是搜索引擎的帮助。所以,登陆搜索引擎网站对外发布的标志,目前在国内运营的各大搜索引擎,包括Google、百度等。(6).最后,必不可少的就是添加友情链接,因为,友情链接是最直接的让网友进入或离开一个网站的方式。在我的网站中,我将会添加一些同行业网站的友情链接,同时,我也会添加一些大型的门户网站的链接地址,让大家可以方便的相互访问。总 结经过二个多月的毕业设计和对相关资料的收集,让我对大学三年学习的理论知识得到了一定的应用,更让我深刻的感受到了,网络的发展远比我们想像中的要快的我,网络已经容入我们生活的每一个环节,从而全面而彻底的改变着我们的生活习惯、生活方式,可以说,网络已经成为我们生活中很重要的一个部分,那么,作为我们学习网络专业的人来说,学习是没有终点的,很多时候当我们学会了某种知识,而市场却告诉我们,它已经被取代了,我们必须不断的花时间学习一些新的知识,这样才能够被社会接受,在业内占有一席之地。当然,网络的进步和发展从来都是有联系的,也就是说没有前面的知识,你很难理解后面的知识,我们在学校学过的一些知识,看起来过期作废,事实却不然,它其实是为我们今天的学习打下了良好的基础,而这正是我们的知识资本,这也让我们更加容易走入社会接受新的事物。通过对这次毕业设计的制作也显示出了我的不足,就是对已有知识的掌握不熟,并不能很好的运用,这也表现出我们学习中的问题,这也让我将来在学习的时候,更有针对性的进行知识的掌握。参考文献1别具光芒Flashf动感网站设计与制作 梵人工作室 聂小艳 万丁 编著 人民邮电出版社 2Flash 8 动画设计 巫俊采 编著 清华大学出版社3Dreamweaver 8 + ASP 动态网站开发 戴一波 编著 电子工具出版社4ASP 动态网页技术 赵增敏 朱丹 赵朱曦 编著 电子工业出版社5Photoshop 6.0 创作效果百例杨合庆 编著 中国水利水电出版社6深入浅出 HTML & ASP 网页制作 松桥工作室 编著 中国铁道出版社7Flash 8 安全自学手册 李在容 编著 中国青年电子出版社8中文Flash MX 案例教程 沈大林 沈昕 马广月 李斌 编著 电子工业出版社9Dreamweaver MX 2004 标准教程邹婷 胡崧 编著 中国青年出版社10网络工程师教程 雷震甲 编著 清华大学出版社谢 辞从接受课题到现在完成毕业设计论文,衷心的感谢我的指导黄老师给予我精心的指导和热情的帮助,尤其是在课题设计的前期准备阶段,黄老师提出了很多宝贵的意见,这些意见是我受益很大,并且在后面的制作过程当中,导师都定期的为我们点评和指点。在有限的两个月内,老师渊博的知识、敏锐的思想和实事求是的工作和作风给我留下了深刻的印象,这将是我今后学习和工作时的傍样。本次设计不但使我实践了在学校里学过的理论知识,而且还让我学习到了很多平时所没有的知识。这更加完善了我的知识结构体系,让我的知识储备大大的得到提高,便让我培养了良好的人生观和学习态度。当然,要设计的过程当中。也遇到了不少问题,在我为解决问题而感到困惑的时候,黄老师的指点,让我的设计过程得到了顺利的完成,特别是在最后的测试阶段,黄老师给了我必须的帮助,让我在自己做的基础上又提高了设计的质量,最后,论文的定稿,导师也给予了我一些宝贵的意见,这帮帮助将使我终身受益匪浅,在此,向我的导师表示的衷心的感谢和敬意。
展开阅读全文