计算机个人网站设计论文

第一篇：计算机个人网站设计论文

浅谈计算机个人网站建设及运用

13级 计算机 刘润

摘要：个人网站在现在的个人生活中可以起到非常重要的作用，本文主要介绍了个人网站设计规划，库文件和模板文件的制作，利用模板制作网页，制作网页特效的制作并使用ASP＋IIS＋Access技术实现了我的网站的各种功能，其中和数据库的连接使用到了ODBC技术等。通过此次的学习能快速掌握个人网站设计制作的基本技巧和基本网站建设过程。

关键词：网站；网页制作；模版

引 言

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们的政治、经济、生活等方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet海洋中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设居Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设、个人网站建设中的重要组成部分，从而倍受人们的重视。个人网站已成为同学们讨论最热门的话题，适用于想通过建立网站交友、突出自我个性的广大网站制作爱好者。

主要介绍了个人网站设计规划，库文件和模板文件的制作，利用模板制作网页，制作网页特效的制作等。通过此次的学习能快速掌握个人网站设计制作的基本技巧和基本网站建设过程。

首页中主要涉及了个人简介，照片匣子，我的作品，友情链接等。

一、个人网站设计规划

随着网络技术的飞速发展，越来越多的个人拥有了自己的网站，为了设计一个有效的，引人注目的站点，应该有计划，有步骤地完成一系列操作。在动手建立网站以前，对网页进行完整，详尽的整体设计是至关重要的。个人网站设计制作主要包括以下几个步骤。

（一）确定网站的主题

对于主题的选择主要按下列三个条件去考虑，本例所讲的是一个个人介绍性质的网站，主体就是介绍个人的相关信息。

1、主题要小而精。一般来说，个人主页的选材定位要小，内容要精。

2、对于个人网站来说主题最好是自己擅长或者喜爱的内容。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的作品。

3、主题不要太滥或者目标太高。

如果主题已经确定，就可以围绕主题给该网站起一个名字，网站名称也是网站设计的一部分，而且是关键的要素。

（二）确定网站的目录结构

网站的目录是指建立网站时创建的目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对站点本身的上传维护以及以后的内容的扩充和移植有着重要的影响。

本站只是个人介绍性质的页面，主要是静态的几个页面，因此在建立目录的时候，可以将其中的页面文件直接放在根目录下，所有的图片可以放在images文件夹中。

下面是建立目录结构的建议：

1、不要将所有文件都存放在根目录下。

2、按栏目内容建立子目录。

3、在每个主目录下都建立独立的images目录。

4、目录的层次不要太深。

（三）确定网站的整体风格

风格是指站点的整体形象给浏览者的综合感受，包括站点的标志，色彩，字体，标语，版面布局，内容价值，存在意义，站点荣誉等诸多因素。本站采用白色，绿色等为主的色调，绿色具有清爽，理想，希望，生长的含义,采用这种明亮的绿色，和褐色的沉稳,营造了一个清晰明块，充满无限希望与活力的氛围。

从整体风格的角度来看，下面就是一个好的网站标准：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所想得到的信息传送给他就是最好的，所以要去掉所有冗余的东西。

2、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

3、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，使网页富有可欣赏性。

4、交互式强：发挥网络的优势，使每个使用者都参与到其中来，这样的设计才能算是成功的设计。

（四）确定网站主要栏目和布局

因为每台显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。本站的所有页面采用800*600像素制作。

通常版面布局按照如下步骤进行。

1、草案

新建页面就像一张白纸，没有任何表格，框架和约定俗成的东西，可以尽可能地发挥想象力，用一张白纸和一支铅笔将想到的景象画上去，当然用作图软件Photoshop，Fireworks等都可以。这属于创作阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓既可。尽可能多画，几张，最后选定满意的作为继续创作的样板。

2、粗略布局

在草案的基础上，将确定需要放置的功能模块安排到页面上。必须遵循出重点，平衡协调的原则，将网站标志，主要栏目等最重要的模块放在最显眼，最突出的位置，然后再考虑次要模块的排放。

根据本站的主要栏目确定了本站的布局草图。我们可以把顶部导航区作top库文件，在制作其他网页文件时直接引用。在本站中的其他页面风格和栏目相似，如果每次都重新设定网页结构以及导航条，各类图标就显得非常麻烦，可以利用Dreamweaver先制作一个模板，然后利用模板再来创建其他的页面。

二、创建个人网站站点

在制作网页前，要先为网页定义一个个人网站站点，用来存放站点中所有网页文件及附属文件。建设站点前先将配套的素材文件夹复制到本地硬盘上，在本地硬盘上创建个人网站，具体操作步骤如下。

1、选择【站点】|【管理站点】命令，弹出【管理站点】对话框，在【管理站点】对话框中，单击【新建】按钮，然后从弹出的菜单中选择【站点】。如下图3-1所示：

图3-1 管理站点

图3-2 输入站点名称

2、弹出【站点定义】对话框，如果对话框显示的是【高级】选项卡，则单击【基本】选项卡，弹出【站点定义向导】的第一个界面，要求为站点输入名称。如图3-2所示.3、单击【下一步】按钮，出现向导的下一个界面，询问是否要使用服务器技术。选择【否，我不想使用服务器技术】选项，指示目前该站点是一个静态站点，没有动态页面。

4、单击【下一步】按钮，打开一个对话框，在文本框中输入站点路径。

5、单击【下一步】按钮，询问是否使用远程服务器，这里选择【无】，因为将整个站点制作完成以后再上传。

6、单击【完成】按钮，即出现【管理站点】对话框，其中显示了新建的站点。

7、单击【完成】按钮，关闭【管理站点】对话框。现在，已经为站点定义了一个本地根文件夹，就可以在站点中制作网页了，当制作完成以后，就可以上传到服务器上供大家浏览了。

三、制作网页模板

因为本网站中的几个页面都要用到相同的页面元素和排版方式，因此可以使用模板以避免重复地在每个页面输入或修改相同的部分，在网站改版的时候，只要改变模板，就能自动更改所有基于这个模板的网页。

（一）制作库文件

在Dreamweaver中，库项目是可以重复使用的项目之一，库的用途和模板类似，都是可将同一内容用于不同的网页，库文件具体制作步骤如下。

1.选择【文件】|【新建】命令，新建一空白网页。

2.选择【插入】|【图像】命令，弹出【选择图像源文件】对话框，选择lbi.jpg。3.单击【确定】按钮，即可插入图像。

4.选择【文件】|【另存为】命令，弹出【另存为】对话框，在【文件名】文本框中输入文件名3.lbi，在【保存类型】中选择【库文件（* lbi）。

5.单击【保存】按钮，至此库文件制作完成。

（二）制作模板

使用模板创建文档可使站点具有统一的结构和外观。无论是新建站点还是更新已有站点，如果要使站点中的所有页面都共有某种特色，则模板非常有用。使用模板可以个次修改若干页面，而不用对新页面逐个设置属性。制作模板具体步骤如下。

1.选择【文件】|【新建】命令，弹出【新建文档】对话框，在【常规】选项卡中选择

【模板页】类别中的【HTML模板】选项。如图4-1.图4-1 HTML

模板

2.单击【创建】按钮，创建一空白模板网页。选择【窗口】|【资源】命令，打开资源面板，在资源面板中选择images/bj_01.jpg文件。如图4-2

图4-2 打开文件 3.单击【插入】按钮，即可插入库文件。

4.将光标置于库文件的下边，选择【插入】|【表格】命令，弹出【表格】对话框，并设置【行数】、【列数】，【表格宽度】设置为1005像素，单击【确定】按钮即可插入需要的表格。

5.将光标置于第1行单元格中单击鼠标面板中【背景图像】文本框右边的 图标，弹

出【选择图像源文件】对话框，从中选择图像文件夹中的images/bj_01.jpg文件，如图4-3所示.图4-3 选择文件

6.单击【确定】按钮，即可插入背景图像

7.用PHOTOSHOP CS2制作图片Bj-04.jpg，如图4-4

图4-4 制作图片

8.按需要分别插入图片，使其组合成一个完整的页面背景.9.预览，效果如图4-5所示

图4-5 效果图

（三）设置模板可编辑区

1.接上一节，将鼠标置于文档想创建可编辑区域的位置。

2.选择【插入】|【模板对象】|【可编辑区域】命令，弹出【新建可编辑区域】对话框，在对话框中，将【名称】设置为index_1,如图4-6所示.图4-6 创建可编辑区域

3.单击【确定】按钮，即可创建可编辑区域，如图4-7所示.图4-7 可创建区域

（四）用模板制作网页说明

可以利用模板快速的制作出大量的风格类似的网页，当模板改变时，所有基于模板的网页也随之改变，这样能有效的实现网站的更新。

四、利用模板制作网页

（一）制作登录主页

1.切换到【显示代码视窗】，在代码视图状态下，在和

第二篇：个人网站设计论文

秦皇岛职业技术学院信息工程系

分类号： TP319

秦皇岛职业技术学院 课程设计（论文）

个人博客网页设计论文

学生姓专班指导教指导教师职名 王飞飞 业 计算机应用技术 级 1100103 师

称

目录

摘要 …………………………………………………………………………………2 前言 …………………………………………………………………………………3 第一章 关于网络的知识.............................................4

秦皇岛职业技术学院信息工程系

1.1 INTERNET的简介.................................................4 1.2 WWW的简介....................................................4 1.3网页基本构成元素..............................................5 1.4 制作网页前的准备..............................................5 第二章 网站制作实战...............................................6 2.1 站点..........................................................6 2.1.1 创建站点..................................................6 2.1.2 创建站点内容..............................................6 2.2 首页..........................................................7 2.2.1 设置首页布局和页面属性....................................7 2.2.2 查看和编辑头内容..........................................9 2.2.3 插入图像..................................................9 2.2.4 插入FLASH相册...........................................10 2.2.5 插入文本.................................................10 2.3 创建其它网页.................................................11 第三章 建立网页链接..............................................12 3.1 文字链接.....................................................12 3.2 图像链接.....................................................13 3.3在HTML语言中建立网页链接....................................14 第四章 网站测试与维护 …………………………………………………………17 结论………………………………………………………………………………18 参考文献 ……………………………………………………………………… 19 致谢………………………………………………………………………………20

摘 要

本论文主要是对个人网站的建立进行研究和探讨。作品的主要技术指标包括：

1、制作出一个具有静态技术的“个人网站”；

2、在制作的过程中，加强和 1

秦皇岛职业技术学院信息工程系

深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法、理论和更好的利用Fireworks、Flash制作网站需要的一些图片和影片。

本设计的主要内容包括：

1、个人网站的设计思想，整体规划及相关基础知识；

2、个人网站的首页设计，包括简单的HTML语言及效果图；

3、个人网站的调试。

网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

网站主题就是所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，不可能像单独的网页那样做得内容少而单一。所以必须要找准一些自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。

关键词：技术指标

基本设计内容

网站规划 网站主题

前言

随着二十一世纪新兴科技的飞速发展，如今的交流与交往不再是那么的单调，看如今不曾再有五百里加急文件的传送，看如今已很少在出现写信、寄信。人们正在运用现世纪的高科技来增加自己的交际圈，来发展自己的人脉关系，秦皇岛职业技术学院信息工程系

同时，其它人也是通过高科技，悄悄的就能很容易地去了解，关注一个人。

正是因为人们的这些需求，所以出现了互联网，正是因为人们的需求，所以出现了如今的网络时代，网络通讯工具。来方便人们的交往，交际与沟通。也正是因为人们的需求，所以出现了个人博客，通过一人简单的网页来展现自己的独特魅力，自己的与众不同。真正的做到了“足不出户，便知天下人”。

互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上了信息化的道路。

我觉得一个网站的开始，应该有一个大体的规划，网站的布局是最重要的，它起着一个网站成功与否的决定性作用，因为布局的好与坏，带来的是网站整体上的美观效果及应用。网站内容上也能决定着网站成功与否，一个网站上的每个字眼都可能决定着这个网站，因为你不知道哪个字就是吸引别人的内容，就是大家都追捧的话题，就是很潮的事物，所以内容上一定要谨慎。再有，就是网站的图片，一定要确准好路径，以免图像的丢失而不能再网站中显示，其次就是链接，在Dreamweaver中提供了很简单的链接命令，根据其提示操作即可。

我做了一个简单的个人博客的网站，通过这个网站能让大家更深的了解我，同时更重要的是锻炼自己的实践能力，巩固自己学习的知识，弥补自己学习的不足。

第一章 关于网络的知识

1.1什么是Internet Internet是由众多的计算机网络互联而成的互联网，它覆盖了全世界各地，3

秦皇岛职业技术学院信息工程系

它是采用开放系统协议的计算机通讯网络。然而，Internet不仅仅是计算机的互联网，它还是全球最大的信息资源宝库，它提供了包括科研、教育、文化娱乐、商业和信息交流等各种各样的服务，使得世界范围内的人与人之间的交流在时间和空间上变的更小了。

Web页浏览：这是目前利用最广泛、最直接的互联网服务，通过浏览WWW（万维网）中的网页，可以了解世界各地的新闻，查看最新的股市行情，最新的娱乐动态、科技发明，找到众多的就业信息„„几乎想找到什么样的信息，就有什么信息。正是有了WWW、Internet才会变得如此丰富多彩，才能走进千家万户。1.2 WWW的简介

WWW的全称为World Wide Web，含义是“环球网”，又称“万维网”、3W、Web。WWW是一个基于超文本（Hypertext）方式的信息检索服务工具。我们上网浏览到的网页就是这样的超文本，也就是HTML(Hypertext Mark-up Language,超文本标记语言)文件，这些网页檔被放置到WWW服务器上，并且都有一定的地址。当我们想浏览某个网站时，首先要在计算机上安装浏览器，如

Internet Explorer或Netscape，然后在浏览器中输入网站的地址（网址），就可以进入网站进行浏览。在这些网页中，都有超连接，当将鼠标指针移动到某个地方（如文本或图像）时，鼠标指针就会变成一个小手形形状，单击它就可以连接到另个网页中，从而使得浏览者能在不同的信息之间动画和声音等信息。通跳转，我们之所以能在Internet的海洋中穿梭自如，正是超连接的功劳。

秦皇岛职业技术学院信息工程系

1.3网页基本构成元素

要学会制作网页，首先需要了解网页都是由什么元素构成的。文字：文本是构成网页的基本元素。一个最简单的网页可以只有几行文本。图片：正是有个各种美丽的图片，网页才变得多姿多彩。动画：如今，网页上的动画越来越多，最常用的有GIF动画、Flash动画等。超连接：如上所述，超连接几乎是必不可少的。一个没有超连接的网页，就如同汪洋大海中的一座孤岛，失去了与外界的一切联系。其它元素：还可以在网页中添加声音、视频等元素。1.4 制作网页前的准备

计算机必备：计算机速度够快，最好能够上网。操作系统：Windows 98/NT/Me/2000/XP.其它软件：看图软件ACDSee、图像处理软件Photoshop、上传工具CuteFTP、Fireworks、动画软件Flash等。

秦皇岛职业技术学院信息工程系

第二章 网站制作实战

2.1 站点 2.1.1 创建站点

要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”，之后再选择其中的“站点”，再次弹出一个对话框，在文本框中输入自己已经企化好的网站名称“my web”。填好后，单击“下一步”，进入下一个步骤。由于我要做的是一个静态的网页，所以选择上面的一项“否，我不想使用服务器技术。单击“下一步”，进入下一个步骤。在此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹，Dreamweaver将在其中储存站点檔的本地副本。单击该文本框后面的文件夹图示，之后单击“下一步“，进入下一个步骤。这一步是如何设置连接到远程服务器，弹出式菜单中有6中选择，这里选择“无”。而后“下一步”再“完成”，即可。2.1.2 创建站点内容

站点创建完成后，就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“檔/檔”面板，在弹出的菜单中选择“新建文件”，新建一个档后将其命名为“index.htm(或index.html),它就是未来的首页。

秦皇岛职业技术学院信息工程系

2.2 首页

2.2.1 设置首页布局和页面属性

一、设置首页布局

每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站架构上而言，它代表了网站的第一层架构，首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。当然，后缀名为html也是正确的。具体设置方法是：右健单击“檔”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。操作步骤：

1、在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。

2、将变成“+”形状的鼠标游标放到编辑中网页上，在要绘制的地方进行拖动就可以进行创建了。（如果绘制的是第一个表格必须从网页的最左上角开始绘制）。“index”表格布局如下图：

秦皇岛职业技术学院信息工程系

二、设置首页的页面属性

首先双击“檔”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修改/页面属性”项，也可以把打开该对话框。

在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置的项目

“index”首页设置的属性如下图所示：

秦皇岛职业技术学院信息工程系

2.2.2 查看和编辑头内容

一个网页文件结构上实际是由两部分组成，头（head）内容和主体（body）内容主体内容（body）是文檔的主要部分，也是包含文本和图像等的可见部分。头内容（head）是除文檔标题外的不可见部分，包含有文文件类型、语言编码、搜索引擎的关键的关键词和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如，可以仅为主页提供关键词。2.2.3 插入图像

图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。首先将游标停留在要插入图像的位置，然后单击“菜单栏”下面“插入快健栏”的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像：图像”按钮，单击它右侧的下拉列表，选择第1项“图像”。随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，下面的“相对于”下拉表框中，可选择文件URL地址的类型，插入logo图像，如图所示:

秦皇岛职业技术学院信息工程系

最后单击“确定”按钮，即可完成插入图像的操作。2.2.4 插入FLASH相册

在Dreamweaver 8中，除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频，FLASH相册等媒体元素，并且还可以在Dreamweaver自身内插入Macromedia Flash MX2004按钮和文本对象，以及进行相关的后期处理和添加设计备注等操作。在Dreamweaver 8文文件中，可以插入媒体文件包Flash 相册、QuickTime、AVI java、applet Active X控件以及各种格式的音频档。要在浏览器中播放放Flash 相册，必须在浏览器中集成“Flash 播放器（Flash Player）”。操场作步骤：

步骤1、将游标停留在要插入Flash的位置，然后单击菜单栏下面“插入”的下拉列表，选择其中的“FLASH”分类，找到图像查看器命令，单击弹出保存对话框，选择要保存的地方和名称，点击保存。

步骤

2、在Dreamweaver中将会产生一个flash相册，在Dreamweaver中的最右边将会有一个flash元素，一次将flash的属性修改，既可完成一个flash相册的制作。2.2.5 插入文本

文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成部分，它是最关键的因素。插入文本的两种方式：一种是在网页编辑窗口中直接用键盘敲入文本。另一种是复制文本的方式。直接使用Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作，10

秦皇岛职业技术学院信息工程系

具体步骤如下：打开文本编辑软件（如Microsoft Word），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C，之后切换回Dreamweaver,将游标停留在插入文本的位置，执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。这在我的“闲情逸致”中用到很多。2.3 创建其它网页

还有其它的几个网站与主页的制作相同，一个网页是图像和文字的组合。“相册”子页中的FLASH相册的插入和前面的介绍相同。

秦皇岛职业技术学院信息工程系

第三章 建立网页链接

网站实际上是由很多网页组成的，那么网页之间是如何联系的呢？这就是本章要讲的内容----网页的“链接”。“链接”，又称“超链接"（Hyperlink）,它作为网页的桥梁。网页中的很多对象都可以加入“链接”属性。在Dreamweaver 8中，如果以“链接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。3.1 文字链接

“文字链接”即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具有“文件小、制作简单和便于维护”的特点。接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。操作步骤：

步骤1、准备好已经制作完成的首页的各个栏目页面

步骤

2、在Dreamweaver 中打开首页，之后反白选取作为“链接”的文字。步骤

3、观察“属性面板”，其中包括一个“链接”文本框。步骤

4、接下来需要把链接的位址加入到文本框中。

步骤

5、在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示的窗口方式，共有4种。如图：

步骤

6、还可以设置一些“链接”的属性，单击“属性面板”中的“页面 12

秦皇岛职业技术学院信息工程系

属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。

步骤

7、至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，当鼠标放在“放松心情”这4个文字上时将变成手形，并且浏览器窗口下面的状态区中会显示链接到的网页的位址，单击文字，页面会立即跳转到第1个栏目中，这表示链接已经制作成功了。

步骤

8、同理，按照以上步骤，再为“闲情逸致”和“个人主页”等其它栏制作指向对应栏目的链接。

至此，整个“文字链接”的实例就全就全部完成了。3.2 图像链接

“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以我的网站“my web“为例，讲解如何建立“图像链接”。操作步骤：

步骤

1、首先仍然要准备好已经制作完成的首页和各个栏目的页面 步骤

2、在Dreamweaver中打开网站的首页，之后选取要制作“链接”的图像。

步骤

3、观察“属性面板”，在“链接”文本框中输入链接的文字位址。步骤

4、如果有需要，可以在“目标”下拉列表中选择“链接”网页显示 13

秦皇岛职业技术学院信息工程系 的窗口方式，分别为-blank、-parent、-self或-top。

步骤

5、至此，第1个栏目的图像链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，将鼠标放在“动画制作”4个文字上时将变成手形，同时浏览器窗口下面的状态区中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制作”，单击文字，页面会立即跳转到第3个栏目中，这表示链接已经制作成功了。

步骤

6、同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。

步骤

7、在栏目页面中制作“返回首页”的链接，使得单击后可以跳转回首页。

至此，整个“图像链像”的实例就全部完成了。3.3在HTML语言中建立网页链接

一、文字链接

在HTML语言中用超链接标记指向一个目标。其基本格式为：举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。

a href-“index2.html”target=”-blank”>平面设计（新开窗口，-blank)

相册（原窗口，默认为空）

留言

第三篇：网页制作论文--个人网站设计

网页制作课程论文

（个人网站设计论文）

姓名：薛金鸽 学号：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

第四篇：个人网站设计及实现毕业设计论文

个人网站设计及实现

第一章 文献综述

互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。

互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便[1]。本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用ASP技术来实现B/S系统，ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。

Internet飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，一个家庭甚至个人都可以拥有属于自己的网站，而在这其中，个人网站已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

1.1 课题研究现状分析

伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不穷。如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。在hao123神话以后，网站大全类网站又再一次达到顶峰。然而这个模式拷贝成功的网站却寥寥无几。而对于技术薄弱的个人网站来说，似乎网址类网站应该是一个很好的切入点。但是由于搜索的异军突起，网址类网站似乎变得可有可无。

第 1 页（共 9 页）

[2]

网页实际是一个文件，他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏缆器则对这些标记进行解释并生成页面。1.2 个人网站的研究工作 1．理论研究基础

个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。2．技术层面的支持

随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。

在进行动态网页制作的时候，通常都是使用ASP来完成。由于ASP使用方便，操作简单，很多网页设计者一直使用ASP。ASP集成在HTML和脚本语言中，其工作界面简单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。1.3 已经取得的研究成果

中国互联网在近几年发展迅猛。一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低[4]。目前中国网站总数已经近百万。在这里面出现了大量的个人网站。并且个人网站存在着巨

第 2 页（共 9 页）

[3]

大的商业价值。如果能以强大的号召力，把互补的个人网站联合起来，不知道可以成立多少个门户网站。我们有理由相信，个人网站还极具潜力。1.4选题的目的及意义

随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

我们更需要交流，相信交流能够促进我们不断的进步，并融合别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想；理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。1.5 课题研究的主要内容

互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。其中包括你和我。

在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。就这个课题的研究，因为是个人网站，所以我只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。[5]

第二章 设计部分

“个人网站要发展，要么是从我的需求出发，要么是从我周围人的需求出发。”国内著名个人网站站长、手机之家站长高春辉说。网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实

第 3 页（共 9 页）

际需求占了绝大部分[6]。因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。2.1设计的愿望

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为个人、政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视[7]。

越来越多的人希望能真正参预到互联网上，这就出现了越来越多的个人网站的设计以及推广的工作和任务。

就我个人而言，之所以在毕业设计的时候选择这个课题是因为我也想拥有自己的个人网站，在互联网上拥有自己的一席之地，从而真正的参与到网络中去，做网络新时代的主人，同时也希望自己喜欢和收藏的一些东西能够和网络一起分享，和互联网上的你一起分享。

我所制作的个人网站大体可分为以下几个功能： 1．搜索引擎：

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

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

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

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

第 4 页（共 9 页）

行管理，即允许加入和对其进行删除。5．留言板：

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

2.2设计介绍

这次我所设计的课题正是互联网与个人生活之间的紧密联系的体现，个人的宣传网站，包括个人简介、论坛、个人照片、个人专题等。在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。

2.3设计的背景 2.3.1用户特征

用户人群：具有基本的计算机操作能力，熟知网络并能够在Internet遨游。2.3.2运行环境

软件平台需要服务器上的操作系统为microsoft windows xp server。因为ASP的开发平台首选是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同样现在的浏览器是微软一家独大，使用的浏览器是微软的explorer，网站的数据库使用了同样是microsoft的office access数据库，因为一个数据不是很庞大的个人网站没有必要使用oracle等大型数据库系统，同时access数据库结构比较的简单，使用起来比较简单好用。

2.4 达到的预期成果

在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。网站最后完成发不到网上后，能够充分吸引浏览者的目光，利用搜索引擎，浏览者可以在网站内搜索自己喜欢的资料，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。

第 5 页（共 9 页）

2.5使用工具的简要介绍 2.5.1 IIS的简要介绍

IIS是Internet Information Server的缩写，它是微软公司主推的Web服务器，最新的版本是Windows2000里面包含的IIS 5.0，IIS与WindowNT Server完全集成在一起，因而用户能够利用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性，建立强大、灵活而安全的Internet和Intranet站点。IIS的一个重要特性是支持ASP[9]。IIS 3.0版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。2.5.2 数据库Access的简要介绍

Access数据库是集成在Microsoft公司开发的产品更新换代Office系统中的集成软件[10]。

Access是一个数据库管理系统，它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统（如Visual FoxPro）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，Access的功能足够强大，足以应付一般的数据管理及处理需要。

ODBC（Open Database Connectivity开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统[11]。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，当然也包括了Access。2.5.3 对ASP的简要介绍

Active Server Pages（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。使用 ASP 可以组合 HTML页、VBScript脚本命令和JavaScript脚本命令等，以创建交互的 Web 页和基于 Web 的功能强大的应用程序[14]。

由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本：Web 服务器已经完成了所有

第 6 页（共 9 页）

脚本的处理，并将标准的 HTML 页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。2.6 任务概述

随着计算机的普及和网络技术的迅速发展，人们也越来越依赖于计算机和网络。因此，网络安全应该也必须引起注意。网络安全是一门涉及计算机、网络、通讯、密码、信息安全、应用数学、数论、信息论等多种学科的综合性学科，涉及面极广，而且不断更新和发展。国家对信息产业的扶持，使国内的网络状况逐渐好转，更多的服务器的开通，更快的宽带网得逐渐普及，各种各样的攻击行为在网上也越来越频繁化和简单化。

微软在推出 ASP 时提到的 ASP 的一个好处是：Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。然而，由于 NT、IIS 以及 ASP 系统本身存在的一些漏洞，却可能使 ASP 源码暴露无遗，解决方法就是及时更新补丁。

该个人网站系统是基于Internet/Intranet 及Web技术，建立以Browser/Server 为结构模式、以数据库为后台核心应用、以服务为目的信息平台，对资源进行科学的加工整序和管理维护，为用户提供个人信息保障和直接参预到互联网上而设计的系统。包括界面设计,代码设计,这一阶段偏重于网页制作工具和技巧的应用, 编写总系统总体功能分析及架构图。

2.6.1 个人简介版块

本模块是个人简介部分，每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息,此版块采用了静态网页设计，最大的亮点就是利用了一个图片特效产生的效果，图片以溶解的方式渐渐出现.2.6.2 我的论坛版块

在个人网站建设中，BBS论坛也是其中最主要的一个子系统。BBS论坛的主要功能就是讨论问题，论坛采用了B/S模式，提供了发表评论，回复评论和管理员对评论进行管理等功能。

第 7 页（共 9 页）

2.6.3 个人专题版块

在这个版块我设计和两部分内容包括文学欣赏和快乐音乐。文学欣赏里收集了一些精美文章，快乐音乐里收集了一些好听的mp3歌曲。2.6.4 我的相册版块

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

此版块是我根据自己的网站结构对整个网站以及每个版块所做的网站结构和功能的说明，以及网站和作者版权说明。2.6.6 给我留言版块

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

在网站的首页上我设置了链接百度的搜索引擎，如果访客有内容要查询，可以直接在此引擎内搜索，可直接链接到百度查找内容。

第三章 总结

在本次设计的全过程中，我对四年所学的知识有了一个比较系统的认识和理解。涉及了各方面的知识，大大扩展了我的知识面，同时是我学会了如何使用所学的知识去解决一些实际的问题。

在设计中我深知自己掌握的知识还远远不够，掌握的一些理论知识应用到实践中去，总会出现这样或那样的问题，不是理论没有掌握好，而是光知道书本上的知识是远远不够的，一定要把理论知识和实践结合起来。把学到的知识应用到时间中去，多做多

第 8 页（共 9 页）

练，才可以把理论的精华发挥出来。知识不是知道，了解就好，一定要去应用它，发展它，让它在现实生活中得到充分的应用，从而解决一些问题，这才是学习的根本目的。而且知识又不是单一的，它是互相联系的，学科与学科之间都有着内在的联系。计算机是一门非常复杂且庞大的学科，一项课题往往需要多项技术才可以完成的。在设计阶段，通过对课题的深入分析与研究，迫使我对技术有了一定的了解。在遇到问题时，得到了指导老师与同学的悉心帮助，使我感受到集体的力量是无穷的。

通过这次设计，我学会了和别人配合工作，因为一个人所学的知识不可能面面俱到的，只有通过合作，发挥自己的优点，体现团队精神，才能使工作做得更为出色。通过这次设计，我学到了许多书本上学不到的知识，增强了自己的动手能力。即将毕业我十分珍惜这次锻炼的机会，我按部就班的完成了自己的设计任务，但由于自己的知识水平有限，仍然存在很多的不足之处，恳请老师多多指教！当今的社会是竞争的社会，而人才的竞争则是竞争的焦点，毕业设计对于我们即将离校的同学来说，是离校前很好的一次锻炼，使我们各方面的能力都有了很大的提高，为我们踏出校门，走上社会增强了能力与自信！

计算机技术的高速发展，使我深深地认识到只有不断的加强学习，才能在计算机技术方面不至于被淘汰，今后，我还要加强学习，努力使自己成为一位专业的计算机人员，为我自己所从事的工作服务。

第 9 页（共 9 页）

第五篇：个人网站设计及实现毕业设计论文

个人网站设计及实现

摘 要：

网络发展到今天，建立网站已经成为一个很普遍的问题了。对于企业家来说，建立好的网站可以抢占新世纪发展的战略要点。建立新的企业形象，直接开拓国际市场。对于个人来说，建设好的个人网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构造的平台，可以为毕业后找工作做好充分的准备。在我的个人网站制作过程中，主要是针对我网站设计的方向和目的、网站设计的整个流程出发，然后通过自己设计的这个个人网站作品来说明并演示一个网站制作过程。这篇论文的主要内容是个人网站的设计思想，整体规化及相关的基础科知识。网站的规化又包括网页的结构、栏目的设置、网页的风格、颜色的搭配、版面的布局、文字图片的运用等。

关键词：网站设计；网站规化；网站主题

随着经济的发展，计算机以被应用到社会生活的各个领域。这给人们的生活带来很大的方便。如今，已成为人们日常生活中不可或缺少的部分。人们可以足不出户上网购物，随时查询股票信息，在自己的博客上尽情发表言论„„以上这些都离不开最基本的网页设计和制作。

网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在互联网上表现出及其重要的地位，并发挥着及其重要的作用，无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。网站的迷人之处在于综合使用文本、图像、声音、动画视频信息和内容，具有丰富的多媒体表现与互动特点。毋庸置疑，网站已成为最吸引人的也是最有效的信息传递的手段和方式。随着网络技术的发展，各类网站纷纷出现，个人网站也成为了一种时尚，越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

个人网站是指个人因某种兴趣、拥有某种专业技术，提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。所谓个人网站，就是指网站内容是介绍自己的或是以自己的信息为中心的网站。

[3][2][1]

一 网站设计规化

1.1 什么是网站

网站是因特网上的一个信息集中点，可以通过域名进行访问。网站要存储在独立服务器

第 1 页（共 8 页）

或者服务器的虚拟主机上才能接受访问。网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多网页，只要有独立域名和空间，哪怕只有一个页面也叫网站。

网站就是在互联网上的一块固定的面向全世界发布消息的地方，它由域名和网站空间构成。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站软件配置、网站提供服务等几方面考虑。

1.2 网站建设的目的

网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计等等。任何网站在建设之前都必须明确文向、用途和服务群体等一系列的问题，写出详细的建站计划，可以说这是网站建设的根源和核心所在。这里我的个人网站主要是让更多的人认识到我，了解我。借助网络的这个平台来展示我自己，还有我希望能交到和我一样怀着梦想起航的朋友。

1.3 本站的明确目的

不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同。在整个网站的建设规化方面的要求也是肯定不一样的。因此在规化我的网站时，我选择的是与我本人相关的内容来作为主题的。

网站预计的用户群体：对于网站的设计者和建设者来说，在设计规化网站时必须要明确自己网站的浏览都，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规化设计整个网站。我的这个网站就确定了以怀着梦想奋斗的人为用户群体。

1.4 软件准备

在网页的设计过程中，因人而宜，每个人使用的软件也许不同。Dreamweaver与Flash、Fireworks这3者被用户称为“网页设计三剑客”。Dreamweaver的优势在于它不仅是优秀的所见即所得的编辑软件，同时也兼顾了HTML源代码，可以让用户很方便地在两种模式之间的切换。

Dreamweaver采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想像力，它成功地将网页设计功能中的技术实现部分和设计部分分开，还提供众多的可视化设计工具、应用开发环境以及代码编辑支持。如利用鼠标拖曳来添加表格、图像等元素，在方档中直接输入文本，直接插入一些常用的特殊符号对象等。用户在没有输入代码的情况下完成了上述工作，Dreamweaver自动将结果转换为HTML源代码。用户也可以随时查看方档的HTML

第 2 页（共 8 页）

源代码，在代码视图中进行修改。

二 网站的总体设计

2.1 确定网站主题

做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。如果自己在某些方面有兴趣，或掌握的资料越多，也可以做一个自己感兴趣的东西。你可以有自己的见解，做出自己的特色。对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。我的网站主题是以我个人相关的资料来制作的。

2.2 确定网站形象

网站形象的设计可以从网站标志、网站色彩、网站字体网络宣传语等这些方面着手。网站色彩，网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩，给人以整体统一的感觉。我个人网站的色彩是以粉色为主，淡粉色和冰粉色为辅，给人一种浪漫的感觉，仿佛生活在虚幻的世界里。

网站字体，和标准色彩一样，标准字体是指用于标题、主菜单的特有字体。为了体现网站的特有风格，可以根据自已网站所表达的内涵，选择更贴切的字体。我的个人网站的标准字体是幼圆。给人一种沉稳而不失俏皮的感觉。

2.3 确定网站风格

风格是抽象的，是指网站的整体形象给浏览者的综合感受。这个“整体形象”包括网站的标志、色彩、字体、标语等诸多因素。网站是可以平易近人、生动活泼的，也可以是专业严肃的。不管是色彩、技术、文字、布局、还是交互方式，只要你能由此让浏览者明确的分辨出这是你网站独所有的，这就形成了风格。

风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个网站的个性；我的网站风格是以浪漫为主，给人一种梦幻的感觉。

2.4 确定网站内容

我的个人网站大体上包括了一些内容：首页、网页设计、动画特效、网页素材、相关软件、作品展示、本站论坛、游客留言等网站常用内容，方便大家浏览。

三 具体实现与分析

3.1 首页

第 3 页（共 8 页）

一个网站的首页是一个文档，当一个网站服务器收到一台电脑上网络浏览器的讯息连结请求时，便会向这台电脑发送这个文档。当在浏览器的位址列输入域名，而未指向特定目录或档案时，通常浏览器也会打开网站的首页。

网站首页往往会被编辑得易于了解该网站提供的资讯，并引导互联网用户浏览网站其他部分的内容。这部分内容一般被认为是一个目录性质的内容，如图1。

图1

3.2 网页设计模块

为了满足广大网页制作爱好者的学习需求，本网站推出新版的网页制作教程，该教程使用Dreamweaver CS5作为开发工具，结合老师的网站开发经验，为大家讲解网页制作的每个环节。希望通过本套课程的学习，大家能灵活运用Dreaweaver完成网站的开发，如图2。

图2 3.3 网页特效模块

提供包括鼠标类类、文字类、菜单类、背景类、图形类、播放器等网页特效代码，力求做到收集最全网站。可能的关注这方面的最新发展趋势，不断更新自己的网站，尽可能的收集最新的网页特效代码。如图3

第 4 页（共 8 页）

图3

3.4 网页素材模块

提供各种新式素材包含图片、动画、flash、音乐等方便网页及网站制作时参考即借鉴之用，如图4。

第 5 页（共 8 页）

图4 3.5 相关软件下载模块

提供网站及网页制作所需的必要工具如Dreamweaver、Flash、Fireworks等相关必备软件下载，如图5。

图5 3.6 作品展示模块

提供多种多样名人或企业个人网站供大家学习参考，丰富大家的知识，详细内容如图6所示。

第 6 页（共 8 页）

图6 3.7 论坛及留言模块

论坛又名网络论坛BBS，全称为Bulletin Board System（电子公告板）或者Bulletin Board Service（公告板服务）。是Internet上的一种电子信息服务系统。它提供一块公共电子白板，每个用户都可以在上面书写，通过留言的方式可发布信息或提出看法。它是一种交互性强，内容丰富而及时的Internet电子信息服务系统。用户在BBS站点上可以获得各种信息服务，发布信息，进行讨论，聊天等等如图7所示。

图7 四 总结

经过老师耐心细致的指导，及同学之间的相互交流，同时翻阅了大量的资料(包括网上资料、书本及学校的一些相关资料)，经过近一段时间的努力，个人网站的设计制作告一段落。总结这次“扬帆起航-个人网站”开发制作过程，我使用了目前因特网上比较流行的各种静态制作方法及交互动态网站的制作设计手段，并对初步利用后台程序完成了网站的动态响应与生成网页的技术，同时也从中学习了对静态网页的处理风格，色彩搭配，页面导航方面有了一定的经验。

目前网站的制作技术与要求，都已经告别了因特网初期网站制作的“幼稚”期，随着各类网站的迅速增加与浏览者需求的提高，无不要求网站从立意、策划、页面设计到后台程序的全面提高。无论是个人网站还是企业网站都必须被要求从浏览者角度出发，最大限度的满足用户的要求，这也是以后各类网站发展竞争的真正实质所在。

本次设计由于设计时间比较紧，且相关模块比较多，加之设计经验的不足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的完善和改进。

第 7 页（共 8 页）

参 考 文 献

[1] http://wenku.baidu.com/view/ef0e976548d7c1c708a14568.html [2] http://wenku.baidu.com/view/1a6f9dba1a37f111f1855b03.html [3] http://wenku.baidu.com/view/f75ac32c647d27284b7351d0.html． [4]李冲．Dreamweaver网页设计[M]．清华大学出版社．2011．

[5]王宝军．计算机网络技术与应用[M]．中国劳动社会出版保障出版社．2002． [6]岳鸿．计算机应用基础[M]．国防科技大学出版社．2006． [7]宋虹．Photoshop图形图像处理[M]．湖南大学出版社．2011． [8]姬付梓．创意设计[M]．大学出版社．2011．

Abstract the network development to today, to establish the website has become a very common problem.For the entrepreneur, build good website can seize strategic points of development in the new century.To establish a new corporate image, to open up international market directly.For an individual, build good personal website can be more convenient to collect information, carry out more direct communication, using the constructed their own platform, can find a job after graduation fully prepared.In my personal website design process, is mainly based on our web site design, web site design purpose and direction of the entire process, and through their own design of this personal website works to explain and demonstrate a website production process.The main content of this thesis is a personal website design, overall planning and related basic knowledge.Site planning and webpage structure, section design, webpage style, color, layout of the layout, text and images using.There are the theme of the site is to be included in the main contents, a site must have a clear theme, especially the personal web site, not as separate webpage that becomes less content, while the single, so to find the content they are interested in, so deep, so thoroughly, show their own characteristics, so as to leave deep impression.Keywords: website design； website programming；website theme

第 8 页（共 8 页）