网页个人主页设计及说明书

个人网页设计计划书
目录
1、网页设计目的·······································1.1网页设计需求浅谈·································
1.1个人网页设计目的·································
2、网页使用的工具和数据库·····························
3、设计方案···········································3.1网站设计八步骤···································3.2预计达到的效果···································
3.3具备哪些功能·····································
4、个人网页功能模块设计·······························4.1主页·············································4.2个人简介·········································4.3我的朋友·········································
4.4其他模块·········································
5、小结···············································参考文献
个人网页设计计划书
1、网页设计目的
1.1网页设计需求浅谈
随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。

网页制作更是日新月异，层出不穷。

涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。

以前，在网页制作的时候，通常都是使用Dreamweave来完成。

由于Dreamweave使用方便，操作简单，即使没有网络编程经验的制作人员也可
以设计出吸引人的网页，因此，很多网页设计者一直使用Dreamweave。

FrontPage2000集成在Office2000办公自动化软件中，其工作界面和操作风格和Word一样，因此，Dreamweave相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。

1.2个人网页设计目的
我们这一学期学习了网页设计与制作的相关知识，同时也有相关数据库的知识，在此基础上，我们现在要做一个网站，当然就是要有一个精美的网页。

在此次网页设计中，我们要能更加的了解Dreamweaver强大的功能和更好的使用它。

通过此次设计我们还要能够知道静态网页和动态网页的区别。

诚然，次此设计的医药网上销售系统的网页，一方面是为了完成我们的考试，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好相关知识与技术，以便提高对网页知识的更深层了解。

第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。

使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。

以达到老师要求的效果和学以致用。

2、网页使用的工具和数据库
主要的使用工具有：Dreamweaver 、Javascript、IIS和Access.而在此次设计中主要用到Dreamweaver 设置首页，编辑功能，排版功能，设计模版功能，插入文本包括插入文本元素插入图象和图文混排和外部图象。

第二个主要工具就是IIS。

系统不会默认安装IIS，但是我们可以通过"控制面板"中的"添加/删除程序"对话框添加。

安装IIS应通过使用控制面板的"添加/删除程序"对话框，可以安装IIS、添加可选组件或者删除可选组件来实现。

安装时，IIS 安装诸如通用文件、文档以及Internet信息服务管理单元等可选组件。

您可以选择不安装可选组件，但是如果不选择某些组件，可能会降低IIS功能或禁用IIS服务。

如果您不熟悉可选组件以及这些组件如何影响IIS，请使用默认设置安装IIS。

安装结束后，可以阅读IIS联机文档中的"安装IIS可选组件"，以便获取更多信息。

如果在安装了IIS后如果Web浏览器返回"找不到服务器"错误或"无法显示该页"错误，则你可以使用命令进行测试：名称解析服务器将IIS Web 服务器的名称解析为其IP 地址，服务器响应远程计算机的网络请求。

第三个主要的工具是数据库ACCESS，我们主要是用它来做一个数据库，然后在数据库里面建一个表，这样我们做的数据库才能显示出来。

要使用数据库，我们也要像IIS那样先安装它，这个的安装很简单，和我们的WORD 安装一样，我就不在详细说明里。

JAVASCRIPT是一种基于对象的脚本语言，每个对象均有属于自己的属性和方法。

3、设计方案
3.1网站设计八步骤
由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以
制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。

一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

1）确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。

特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。

网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

2）搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。

常言道：“巧妇难为无米之炊”。

要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。

材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

3）规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。

网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

如何规划网站的每一项具体内容，我们在下面会有详细介绍。

4）选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。

除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等。

5）制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。

所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。

在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

6）上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，
你可以很方便地把网站发布到自己申请的主页存放服务器上。

网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。

全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

7）推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。

推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链。

8)维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

3.2预计达到的效果最开始，网页呈现在你面前的时候，它就好像一张白纸，它需要你任意挥洒你的设计才思。

在开始的时候，你需要明白，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西。

我相信过我的网页您可以更加深入的了解我和我的朋友们
3.3具备哪些功能
图3-3功能模块图
我的网页主要包括了主页，个人简介，我的朋友和爱好，友情连接等，主页主要是用来显示网页的主要内容。

在主页里，我嵌套了一副FLASH，在FLASH里面我又加入了一行字。

个人简介主要是用来介绍自己和介绍自己的爱好，以便让更多的人了解自己。

友情连接主要介绍了一些重要的朋友，以便别人在浏览本网页时可以更加了解我。

本网页还包括了很多东东，我就不一个一个的说明了。

4、个人网页功能模块设计
4.1主页
图4-1我的个人主页
首先用软件做了个导航，并加入了炫彩字，我的主页里面包括个人简介、我的朋友和其他模块等等······为了不显得页面空洞，在主页上面加入了一些介绍我的主页的文字。

4.2个人简介
图4-2个人简介
如图，这就是我的个人简介，我在页面里插入了我的照片，这里写着我的个人信息和我的班级学号等，在此，我还制作了留言板，可以让大家给我留言和提出建议等。

4.3我的朋友
图4-3我的好友
我在这个页面插入了背景图片，在这里你可以看到我的好友和我的舍友，并且能了解到她们的性格和爱好等等。

4.4其他模块
图4-4我的学校
这里有我的高中和大学。

很美吧！
图4-5我的家乡
图4-6我的收藏
还有我的学校、我的家乡、我的收藏等模块可以进入，在这里相信你一定会有不少收获的。

5、小结
通过制作网页的过程我发现设计网页要注意的问题：
（1）、网页的标题要简洁，明确。

（2）、在文本要使用水平线，以分割不同部分。

（3）、对重点段落要强调显示。

（4）、网页中插入的图片要尽量的小。

（5）、图形要附加文字说明，以便关闭图象时查看。

（6）、网页中引用的资料及商标不能侵犯版权。

并且通过这个学期的学习，我学会了制作网页，而且知道了知识的重要性。

开始我以为，老师给我们的这次作业完成不了，因为我们是第一次接触网页，而且对Dreamweaver、Fireworks、Flash都不是很了解，但是通过学习，我完成这次作业，而且还懂得了许多的知识。

尽管如此，但是我的网页还存在着一些问题，如颜色的搭配不是很好，框架的结构，可能还有其他一些我没有发现的问题，这些问题都是需要注意的，我相信通过学习与老师的悉心教导，下一次的网页我将会做得更好。

不足之处，希望老师指导与批评。

参考文献
[1]张丰.精品课程网站设计与开发[J]. 电脑知识与技术,2008(22)
[2]罗锐韧.ASP网页程序设计[M].北京：清华大学出版社，2005
[3]汪鑫等.Web 程序设计[M].北京：电子工业出版社，2005.1
[4]邓文渊,陈惠贞，陈俊荣.ASP与网页数据库设计[M].北京：中国铁道出版社，2004.2
[5]宋昕.ASP网络开发技术入门与提高实用教程[M].北京：中国铁道出版社，2005.4
[6]李晓黎.ASP+SQL Server网络系统应用系统开发与实例[M].北京：人民邮电出版
社,2004.3
[7]冯立,周仲文,胡竹祥.基于的精品课程网络平台设计[J].微计算机信息,2010(15)
[8]何丽,王康生.高校精品课程网站前台模块化自主设计[J].内江师范学院学报,2010(4)
[9]傅惠娟.基于模板的精品课程建站系统的研究与应用[J].计算机时代,2010(5)
[10]常永英程序设计教程（C#版）.机械工业出版社,2008(5)
[11]陆鑫,罗克露.精品课程教学网站系统建设与教学信息化整体解决方案探索[J].电子科技大学学报科技版,2005(7):55-59
[12]龚志武.高校精品课程建设的研究与实践[J].现代远程教育研究, 2008,(1):47-491
[13]唐玉英,曾祥明.网站后台管理系统应用研究[J].科技情报开发与经济,2006,16(23) : 257-258
[14]张弛,基于ASP的网站后台安全解决方案[J].网络安全技术与应用, 2007,(2):80-82
[15]罗力华,姜建国.网站后台管理系统的用户权限管理的一种实现方案[J].电子科技,2006, (l0):62-66
[16]普措才仁.基于WEB的计算机网络课程资源管理系统的设计与开发[J].中国科技信息2007(19)
[17]管正.Dreamweaver 8网页制作与网站组建简明教程[M].北京：清华大学出版社,2007(5)
[18]范立新,岳彦芳,陈曹维.ASP发展面临的问题及对策[J].全国先进制造技术高层论坛暨制造业自动化、信息化技术研讨会论文集,2005
[19]符静波,马辉明.中小型企业网站建设解决方案[J].计算机应用研究,2001,18(11):141-143
[20]刘志贺,姬婧,王亚平.asp技术在企业网站中的作用[J].电脑知识与技术，2007.8(08):71-72
[21]巩政.塞于计算机网络的考试系统设计[J]内蒙古大学学报(自然科学版).2002
[22]顾小清.主题学习设计：信息技术与课程整合的实用模式[M]北京：教育科学出版社,2005
[23]王晓荣,习客.走向现代教育的网络化学习型组织[J]思想·理论·教育,2002(7)
[24]周静.多元智能理论与主题学习网站教学设计[J]扬州大学学报,2005(10)
[25]张登辉,刘益红.ASP编程基础及应用.机械工业出版社,2004：66-69
[26]肖志刚,张维,韩璐.ASP动态网页设计应用培训教程.电子工业出版社,2005：25-27
[27]王珍玲.实用软件工程教程.北京：高等教育出版社，2004年第一版
[28]李红等编著.管理信息系统开发与应用.北京：电子工业出版社,2003年第一版
[29]赵彤洲,廖亚兰,明慧.基于B/S模式的通用精品课程网站设计[J].福建电脑,2010(3)
[30]王健南.ASP数据库管理项目方案精解.航空工业出版社,2005：55-57。