个人网站设计与实现样本

个人网站的设计与实现

摘要: 随着国际互联网的普及, 人们已经越来越不满足于在internet上浏览信息了。希望能够更深入的参与其中, 拥有自己的网站。我们能够在网络这个平台上更好的展现自我。个人网页的设计与实现不但能够让我们更好的与外界交流, 沟通; 还能够突出自己的个性与风格, 增加个人魅力与自信。该研究课题主要研究现在人们的个人网站的实现。该课题主要是介绍了如何开发个人网站。关键词: 个人网站; ASP; web

1.引言

当前关于INTERNET是我们听到最多的部分就是万维网( world wide web) 。Web实际上由数十亿单个页面组成, 这非常类似于我们创立的WORD文档页面。这就是WEB——它就是一大堆页面。所谓的”页”, ”页”中可能包括文字、图像、图形、声音、动画等。

这些单个页面会链接到其它页面。一般一家企业或个人会创立统一的一组页面, 这些页面彼此相关。相关页面的集合就称为网站。

每个网站都有主页, 这个页面就像一个目录。一般主页就是网站的第一个页面, 不过有些网站还包含入口页面, 这有些类似于书本的扉页, 能够由这个入口页面进入主页。

这次的课题研究, 我的网站设计与整个个性化页面生成系统主要由使用Dreamweaver开发的关联规则采掘系统和利用IIS+ASP

技术实现的个性化Web页面生成器两部分组成。二者经过数据库服务器和Web服务器连接。

2.系统构架

网站, 一个全新而又时髦的名词, 正是有了无数的大小网站, 才使互联网能蓬勃发展。很多人都想拥有一个属于自己的网站, 因此, 网站设计软件成为当前最为流行的软件之一。下面就介绍一下我开发个人网站所需的设计软件以及开发环境。

2.1 Adobe Dreamweaver CS5 简介

Adobe Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器, Dreamweaver CS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具, 利用它能够轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2.2 ASP技术

ASP是Active Server Page的简写。Active Server Page 是创立动态网页的一个很好的工具, 它起一种编程语言的作用, 能够利用它编写动态产生HTML的程序代码。而且ASP也是服务器端脚本环境, 能够用来创立交互式WEB页并建立强大的的Web应用程序。ASP技术能让Web开发员和网页设计员快速地开发容易维护的动态Web主页。用户端只要使用可执行HTML码的浏览器就可阅读ASP所设计的网页内容。ASP所使用的脚本语言均在Web服务器端执行, 用户端的浏览器不需要执行这些脚本语言。

资料内容仅供您学习参考，如有不当之处，请联系改正或者删除。

ASP不但功能强大, 而且语法的编写规则很简单。ASP使用简单易懂的脚本语言和HTML语言作为基础语言, 对脚本语言的类型没有限制, 使用的编辑器简单, 使用像Windows的记事本这样的普通文本编辑器即可。

2.3 Access数据库软件

Access是Office软件中用来管理数据库的应用软件, 它操作简单、功能全面, 其存储方式简单且便于管理和维护; 既能够用来存放数据, 也能够作为客户端开发工具进行数据库应用系统开发, 即能够开发小型软件, 也能够用来开发大型应用系统。它可运行于各种Microsoft Windows系统环境中, 由于它继承了Windows的特性, 不但易于使用, 而且界面友好。它并不需要数据库管理者具有专业的程序设计水平, 任何非专业的用户不必编写代码, 就能够用它来创立功能强大的数据库管理系统。本网站采用功能强大的Microsoft Access作为后台数据库, 开发了一个小型的个人网站。

3.系统概要设计

3.1 网站整体设计

3.2 留言板设计

3.3 数据库建立

网站用到的后台文件:

后台认证: 只允许浏览者进入页面浏览, 在对回复留言和新闻的增加、删除这些管理时都需要对用户的身份进行认证, 即需要管理员提供后台管理的用户名和密码, 该用户名和密码保存在相对应的数据库中。

资料内容仅供您学习参考，如有不当之处，请联系改正或者删除。

4. 详细设计

首先网站的策划, 因为我制作的是个人的网站, 因此面正确对象是自己周围熟悉的同学朋友, 主题和内容就是自己日常生活琐事, 还有跟好朋友有个交流沟通的平台, 互相了解的小天地。这样就没有什么特别高的创意要求, 只要温馨, 简洁大方就好了。当然, 如果你要设计的是一个面向大众的个人展示平台, 那就要求新颖的创意了。

针对我自己的个人网站, 我主要从下面几点进行设计的:

快乐世界: 是一个体现个性的板块内容, 放置一些我比较喜欢的优秀文章或者我觉得很有意义的小故事还有图片供大家欣赏。( 其它几个页面也是类似的, 只是介绍的方向不同) 。

拥抱阳光: 展示一些自己近期的生活照。

心情动态: 让朋友能够对我当天的心情有一个直观快捷的了解方式。

留言板: 设计一个留言板作为和朋友交流的纽带, 这样能够随时促进朋友之间的情感, 又因为是自己设计的, 比较有保密性, 分享快乐和秘密的地方。

4.1静态网页设计

现在整体的布局已经明确了, 能够进行网页的设计了。

这是我网站首页的效果, 接下来, 我就简单演示一下这个主页的制作过程。首先, 运行Dreamwear cs5, 接着就是页面的布局了, 选择”插入——>表格”然后根据你的需要划分, 选择你所需的表格行列数。如图:

然后依次在你所划分的位置插入你所需要的图片等等。

这样一个简单有漂亮的网页的划分就完成了.

4.2 动态页面的制作