毕业论文设计-个人网站设计.doc

个人网站设计学 生 姓 名： 学 号： 专 业 班 级： 指 导 教 师： 摘 要随着Internet的不断拓扑，人们对于互联网所带来的效益更是可望不可及,不单单只是查税一些资料，发表一些文章，日益忙碌的人们开始追求明星，追求偶像，对于青年人来讲无论是偶像的正面新闻还是负面的都想透彻的知道，第一时间去了解更多的信息。这一现象更使得许多人士建立起类似的网站来赚取一笔不菲的收入,可谓是只有你想不到的，没有做不到的。网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html语言将其制作成网页格式。网页设计就是使用标示语言（markup language），通过一系列设计、建模和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后服务器通过传输特定的网页向用户传输所需的信息。网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。网站主题就是所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，不可能像单独的网页那样做得内容少而单一。所以必须要找准一些自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。本论文主要是对个人网站的建立进行研究和探讨。作品的主要技术指标包括：1、制作出一个具有静态和动态技术的“个人网站”；2、在制作的过程中，加强和深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法和理论。本设计的主要内容包括：1、个人网站的设计思想；2、网页设计工具的介绍及选用；3、个人网站的设计及效果图；关键词：网站、ASP、风格、创意目 录摘 要I引 言11 Web页概述及工具选用21.1 Web概述21.1.1 认识Web21.1.2 Web技术综述31.2 开发工具的介绍及选择31.2.1 Microsoft Dreamweawer MX 2004 简介31.2.2 ASP42 个人网站设计分析62.1 网站的策划62.1.1 布局网站和色彩搭配72.1.2 收集资料和目录设计72.1.3 导航设计72.2 网站的主题82.3相关术语及解释92.3.1 Internet92.3.2 站点92.3.3 超链接92.3.4 URL92.4 个人网站的由来和发展92.5个人网站建立的步骤102.5.1确定网站主题102.5.2确定网站界面102.6 个人网站的设计与规划112.6.1 明确架设网站的目的112.6.2 我的个人网站概貌113 个人网站页面设计133.1 首页设计133.2 相册页面设计153.3诗歌欣赏页面设计173 .4 网站规划183.5 维护19结 论20致 谢21参 考 文 献22- III -西安铁路职业技术学院毕业设计（论文）引 言个人网站是指因特网上一块固定的面向全世界发布消息的地方，个人网站由域名(也就是网站地址)、程序和网站空间构成，通常包括主页和其他具有超链接文件的页面。网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。所谓的个人网站，就是指网站内容是介绍自己的或是以自己的信息为中心的网站，不一定是自己做的网站，但强调的是以个人信息为中心。在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。注：页码，居中，底部，宋体，小五，正文起始页页码为1。阅后删除此文本框。1 Web页概述及工具选用“正文”不可省略。正文是论文的主体，要着重反映自己的工作，要突出新的见解，例如新思想、新观点、新规律、新研究方法、新结果等。正文一般可包括:理论分析；试验装置和测试方法；对试验结果的分析讨论及理论计算结果的比较等。正文要求论点正确，推理严谨，数据可靠，文字精练，条理分明，文字图表清晰整齐，计算单位采用国务院颁布的统一公制计量单位中文名称方案中规定和名称。各类单位、符号必须在论文中统一使用，外文字母必须注意大小写，正斜体。简化字采用正式公布过的，不能自造和误写。利用别人研究成果必须附加说明。引用前人材料必须引证原著文字。在论文的行文上，要注意语句通顺，达到科技论文所必须具备的“正确、准确、明确”的要求。1.1 Web概述1.1.1 认识Web Web(World Wide Web，简称WWW，又称万维网)是目前Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。Web采用浏览器/服务器（B/S）工作模式，其运作模式可以描述为：请求处理应答。Web以超文本标记语言HTML(Hyper Text Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础，通过浏览器为用户提供方便友好的信息浏览界面。Web将位于全世界互联网上不同网址的相关信息有机地编织在一起。在Web服务方式中，信息以页面（或称Web页）的形式存储在Web服务器中，这些页面采用超文本的方式对信息进行组织，通过链接将一页信息链接到另一页信息。这些相互链接的页面既可以放置在同一台主机上，也可以放置在不同的主机上。页面到页面的链接信息由统一资源定位器URL(Uniform Resource Locator)维持。用户通过客户端应用程序（即浏览器）向Web服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。 Web服务的特点在于高度的集成性，它能够实现不同类型的信息（如文本、图像、声音、动画和视频等）和服务（如New、FTP、Telnet、Gopher及Mail等）的无缝链接，特别适合于广域网中信息的组织、检索与显示。1.1.2 Web技术综述在信息技术领域中，Web技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。Web界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。只要你愿意或是你能想到的服务，Web几乎都能实现。Web技术涉及诸多技术领域：网络硬件技术从两台或多台机器组成的对等网，到主机控制的以太网，再到生动活泼的因特网，每一处都需要有特定的硬件支持。1968年，当“LOGIN”的“LO”从美国加州洛杉矶分校的电脑屏幕跳到斯坦福大学的电脑屏幕上时，标志着人类首次组网的成功！组网技术经过几十年的锤炼，而今已经相当成熟了。 网络硬件技术包括很多方面，其主要的作用就是把网络中的各种资源通过相关网络连接设备连接起来，实施网络通信和达到共享网络资源的目的。Web管理技术网络管理技术是一个永久的话题。网络管理的难点是安全性问题，涉及到防止来自内部和外部的攻击，这对管理员自身的技术是一个严峻的考验。一个合格的网管人员，除了管好网络，还得和黑客做技术上的较量。网络管理涉及的方面可谓种类繁多，简单地说，网络管理就是为保证网络系统能够持续、稳定、安全、可靠和高效地运行，不受外界干扰，而维持网络系统设施所采取的一系列方式和措施。网络管理由网管员通过驾输驭网络操作系统和网络管理软件来实现。Web管理则是在网络管理的基础上，针对网络建设和维护所进行的一系列管理。诸如架设Web服务器、文件传服务器、邮件服务器、域名服务器、代理服务器以及用户管理和计费管理等等。1.2 开发工具的介绍及选择1.2.1 Microsoft Dreamweawer MX 2004 简介Dreamweawer是一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweawer MX 2004的十大特性：1.动态跨浏览器验证：自动检测标签和CSS规则来适应所有的主流浏览器；2.更强大的CSS支持；3.内建的图形编辑引擎：修剪、改变大小、尺寸、旋转角度、调节明暗度都不需要离开Dreamweawer环境，因为它本是集成了FW的基本图形编辑技术（这一点可以模仿FrontPage的嫌疑，但这个功能确实很实用）；4.安全FTP：完全加密传输保证文件和账号信息安全；5.增强对当今技术的支持：支持当今主流的开发环境：J2EE，PHP，NET，和其他主流的服务器技术Dreamweawer现在加入了XML命名空间支持，ASP.NET表单控件对象，新的参考书内容和新的PHP服务器端行为。6.无缝整合外部文件和代码：直接将Word和Excel文档复制和粘贴到Dreamweawer中，会保留字体，颜色，CSS样式表信息，使用系统支持的编码保存任何字体，包括双字节字符集；7.紧密整合其他的工具：加强了和其他几款产品的协同工作能力，例如：你可以通过Dreamweawer直接设置Flash组建的参数；8.基本支持改良：插入条，表格工具都有改进；9.增前代码编写工具：编辑代码更省时，例如右键编写代码工具，增强查找和替换，高效的属性面板；10.改进的设计开放环境：一个改良的用户界面，更高的的实用性，非常亲切和有逻辑，让你快速找到你想要的东西，一个新的开始屏幕让你快速访问到最近的文件和教程资源。1.2.2 ASPActive Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端在浏览器中可以显示程序执行的结果，可是，客户端若使用Netscape浏览器就无法显示VBScript的执行结果。的特点：1、任何开发工具皆可发展只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通过各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。2、语言相容性高ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。3、隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（Web Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。4、易于操控数据库可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Access、dBase、Oracle等等，另外，亦可将“文本文件”或是”Excel” 文件当成数据库用。5、面向对象学习容易具备有面向对象（object-oriented）功能，学习容易，提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。6、ASP的六大内部对象对象名称 功能描述Request Response Server Session Application Object Context 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理所以我选择了ASP结合Dreamweaver架构个人站点。2 个人网站设计分析整个网站的制作流程图如下：策划网站导航设计网页设计布局网站色彩搭配收集资料目录设计图2.12.1 网站的策划网站建设的第一步是策划，他直接关系到网站的功能是否完善、是否够层次和能否达到预期的目的，等等。网站策划可以从主题、对象、内容和创意等几个方面去思考，这几个方面相互影响、相互作用。网站策划逻辑如图2.2所示：主题、对象、内容容对象内容主题策划网站图2.2完成网站制作首先面临的是位置放什么内容，选择什么样题材的网站。对于个人网站来说，题材最好是自己最擅长或者是自己最喜爱的内容，但注意不能做的太烂或者选择的目标太高，因为知名度很高的站点要超过是非常困难的。2.1.1 布局网站和色彩搭配网站的布局就是html代码，而色彩搭就是跟人穿衣服一样，什么颜色在一块儿搭配比较合适。1.颜色是因为光的折射而产生的。2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html语言中的3.色彩表达即是用这三种颜色的数值表示例如：红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的bgColor=#FFFFFF就是指背景色为白色。4.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。5.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。 网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。2.1.2 收集资料和目录设计收集一些本网站的相关资料，让浏览者更一目了然的找到自己想要搜索的内容。而目录设计则是是浏览者更快捷的找到自己想要找的内容，直接就可以获取信息。2.1.3 导航设计一说到导航每个人都不陌生，如amazon的Tab式导航、网站地图、软件中的菜单导航、索引表等等。导航设计看上去非常的简单：无非是页面上放置一些链接，通过这些链接用户可浏览和使用整个网站。事实并非如此，导航设计是非常复杂和严谨的。 下面我们以网站导航为例粗浅的分析一下导航设计的复杂性：任务：设计一个网站导航目标： 提供给用户方便的网页间跳转的方法 能够表达出页面之间、页面与内容之间的关系分析：人本能的具有空间感。想象一下你现在坐在家中的沙发上看电视，突然有访客，你起身会向哪个方向走去？高中时的挚友是坐在你的前面还是后面？不用问大家都能会快的回答出来。 同样我们在设计网站导航的时候一定要清晰地告诉访问者“他们在那哪儿”和“他们能去哪儿”用户需要知道他们在网站信息空间当前所处的位置，我们也希望能帮助用户建立网站空间感，通过我们设计的导航系统。(之所以称为导航系统，是因为仅仅靠某一种导航模式是无法完成目标的)设计方案：提供一个完整的导航系统，其中包括全局导航、局部导航、辅助导航、上下文导航、远程导航全局导航： 从网站的最终页面到达其他页面的一组关键点，无论你想去哪里，都可以在全局导航中最终到达。局部导航： 提供一个页面的父、兄、子级别的通路，是用户在网站信息空间中到附近地点的通路。局部导航的设计好坏会直接影响到整个导航系统的质量。辅助导航： 提供了全局导航和局部导航不能快速到达的相关内容的快捷途径。用户转移浏览方向，而不需要从头开始。上下文导航： 用户在阅读文本的时候，恰恰是他们需要上下文辅助信息的时候。准确的理解用户的需求，在他们阅读的时候提供一些链接(例如：文字链接)，要比用户使用搜索和全局导航更高效。上下文导航的示意图与辅助导航类似，这里就不再画了。友好导航： 一些用户通常不会使用的链接，确实需要时又能快速有效的帮助用户。例如：联系信息、反馈表单和法律声明等。远程导航： 独立方式存在的导航。如，网站地图：简明的、单页网站整体结构展示。在用户被你的其他导航搞得晕头转向时，很多时候他会选择网站地图。通过上面这些导航的设计，可以看出一个完整的导航系统设计是非常复杂的和严谨的。2.2 网站的主题个人网站的主题通常取决于网站作者的爱好和兴趣。本网站的性质是无偿技术服务性网站，所以命名为“我的个人网站”。这里有两层意思，一是“网站”，体现我的网站是一个关于“网站”制作方面的，如网页设计、制作等方面的内容；二是“我的个人”，体现的是我一个人的网站，让人一看便知道我的这个网站的主题内容是什么，一目了然。2.3相关术语及解释2.3.1 InternetInternet(英特网)诞生于上世纪60年代，发展非常慢，到90年代才开始迅速发展。现在英特网已经是世界上最大的网络的，联在英特网上的电脑有数亿台。上面的资料、信息数不胜数，所以有人把英特网叫成是信息的海洋、知识的海洋。2.3.2 站点所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与文件夹就构成了网站的实质内容。站点文件夹里除了网页文件还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。2.3.3 超链接我们在浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。超链接能使Web服务存在广泛和持久的生命力，超链接可以说是Web的灵魂。2.3.4 URLURL（Uniform Resource Locator的缩写），统一资源定位器。互联网中某种信息资源以某种方式存储在网络中的某处，必须用一个惟一的URL来进行标识，这样才能方便查找。对于Web来说，可以简单并通俗把URL理解为网址。每个Web网页都有自己的网址，在浏览器地址栏里输入网页的URL，就可以访问这个网页。例如，/index.html，其意思就是采用http超文本传输协议访问百度网的首页，由于网页均是通过http超文本传输协议进行访问，默认下，“http:/”可以省略不输。2.4 个人网站的由来和发展互联网在中国的出现只有短短七年时间，1994年中国科学院高能物理研究所设立了国内第一个Web服务器，推出一个叫做“中国之窗”的网页，这可能是国内Internet上出现的第一个Web网页，1995年开始，中国教育科研网，中国科技网，中国公用计算机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，使互联网在中国开始真正进入社会生活之中。这时期，个人网站出现的条件还很不成熟，国内上网的人数很少，也缺乏支持个人建站的环境，用户很难找到理想的个人主页存放地。个人网站发展的第二阶段是从1997年初到1998年，这段时间，中国网民数量飞速增长，个人网站日渐繁荣，个人主页的数量急剧增加。同时，越来越多的商业网站开始免费提供个人主页空间，这些良好的外部极大地促进了个人网站的发展，涌现了一批很著名的个人网页，从1998年下半年开始，随着互联网应用的深入的普及，随着众多主页制作工具的出现，使得建站成为一件非常容易的事，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。2.5个人网站建立的步骤2.5.1确定网站主题做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。 对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。2.5.2确定网站界面界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点： 1、栏目与板块编排 构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。 2、确定网站风格“ 风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。 风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。 总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。 在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。 2.6 个人网站的设计与规划2.6.1 明确架设网站的目的通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。2.6.2 我的个人网站概貌因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。1. 文学欣赏：是一个体现个性的模块内容，防止一些我比较喜欢的优秀的文章供大家欣赏。2、好友相册：在其中展示漂亮的图片，让大家一起来欣赏人物、风景风采。3、诗歌欣赏：是一个体现个人爱好兴趣的地方，也让我了解了一个的感情思想是千变万化。4.网页制作：主要包括网页规划、制作等技巧方面的文章供大家学习。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为四个栏目，分别是关于主页、文学欣赏、诗歌欣赏、好友相册、网页制作。3 个人网站页面设计3.1 首页设计我的个人网站大体上包括一下内容：首页，相册，诗歌欣赏，在线留言，五大模块。这五大模块简介如下： 首 页文学欣赏好友相册诗歌欣赏网页制作个人网站结构树状图首页是网站的主体，别人进入个人网站第一眼看见的就是首页，所以首页的设计关乎能否吸引住游客继续浏览。为了使我的的首页美观生动、吸引人，打开我的首页首先映入你眼帘的是FLASH动画，这样会使网页具有动态美的感觉，加上动听的背景音乐，无论是从视觉，听觉还是感觉上都是一个不错的网站。在首页中使用文字滚动效果，使页面上方的欢迎文字左右移动，页面中部的歌词从下至上滚动播放。实现首页效果的部分参考代码如下：留言板诗歌鉴赏欢迎光临 我和你的爱情好像水晶 没有负担秘密干净又透明 我给你的爱是美丽水晶 独特光芒光辉你我心底 首页效果如图3.1：图3.13.2 相册页面设计相册是一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到我个人风采和自己好友的图片。相册效果图如图3.2：图3.2 相册图片显示效果图3.3：图3.3 相册图片显示效果图3.4：图3.43.3诗歌欣赏页面设计 诗歌欣赏页面收集了四篇唯美的诗歌供来宾欣赏，四篇诗歌分别以四种方式显示，以特色的背景图片和背景音乐来烘托唯美的诗歌，使诗歌能带给来宾立体的试听感受。部分诗歌欣赏页面效果图如图3.5和图3.6：图3.5图3.63 .4 网站规划 如何建立一个真正的电子商务网站，如何使网站结构清晰合理，内容准确详实，页面生动鲜明，如何保证自己的网站能够在茫茫的网络世界脱颖而出，完整的网站建设策划方案恐怕是你在开始建设网站之前必须要考虑的问题。图3.73.5 维护 到这一步，一个初级的网站就架设完成了，网站建成后并不意味着网站建设的结束，网站内容需要不断更新，这样才会不断的吸引更多的浏览者访问，才能成为一个优秀的网站。通过FTP软件将更新过的网页上传到服务器或通过Dream weaver MX来远程管理站点，同时还要认真回复浏览者的电子邮件和留