个人网站设计八步骤.doc

个人网站设计八步骤 一 确定个人网站主题 所谓个人网站主题就是我建立的个人网站所要包含的主要内容,一个个人网站必须要有一个明确的主题.特别是对于个人网站,你不可能像综合网站那样做的内容大而全,包罗万象.你没有那个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深,做透,办出自己的特色.总的来说个人网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主体范围内内容做到大而全,精而深. 二 个人网站搜集材料 明确了个人网站的主题以后,自己就要围绕主题开始搜集材料了.常言道: “巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，自己就要尽量搜集材料，搜集的材料越多，以后制作网站就越容易。 三 规划个人网站 一个个人网站设计的成功与否，很大程度上决定与设计者的规划水平，规划个人网站就像设计师设计大楼一样，图纸设计好了，才能建成漂亮的楼房。个人网站规划包含的内容很多，如个人网站的结构，个人网站栏目设置，个人网站的风格，个人网站颜色搭配，个人网站版面布局等，自己只有先把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。下面来简单的介绍一下我的网站的总体设计： 人网站的总体设计 1 网站的分析与设计 1.1 我的个人网站全面分析 　 我的个人网站包括：首页、文章、帅照、天气、下载，翻译、网速、作者、留言、链接、管理等。 文章：这一页是我找的一些经典的文章。 帅照：本人的一些日常的照片。 下载：一些资料的下载链接。 翻译：英语→汉语的在线翻译。 网速：网速的测试。 作者：关于自己的一些介绍。 留言：喜欢本网站的或者有什么建议的，可以留言的哦。 链接：关于一些常用网站的链接。 管理：管理员后台登陆的验证窗口。 1.2 网站页面的设计 　　我制做我的个人网站采用了动、静相结合。即静态的主画面和动态的子页面相结合。网站的整体布局，链接，等都在Dreamweaver中制作；图片的优化用Fireworks制作。 1.2 数据库的设计 我的个人网站采用的数据库是Access，在文件夹Data中放入了一个exblog3.Asp数据库文件，考虑到了数据库的安全性，故将数据库的后缀名由原来的.mdb改为现在的.Asp，功能不受影响。exblog3.Asp的Ex_User表文件为用户登录与注册。exblog3.Asp的Ex_Photos为我的相册的数据表文件。exblog3.Asp的表Ex_Message是实现我的留言的表文件。 以下就的各个数据库表文件的详细介绍： Ex_User表:username(用户登录与注册名)、userpwd(用户与注册登录的密码)、homepage（用户的个人主页）、email(用户的邮箱)、sex(用户的性别)、postalcode(用户注册的邮政编码)、tel(用户注册电话)、mobiletel(用户注册手机)、email(用户注册电子邮箱)、web(用户注册个人主页)、intro(用户注册个人简介)。Picture表：title(网页所显示的图片名字)、flilename(图片的名字)。Ex_Message表：froum_id（为论的栏目id编号）、title（留言的主题）body(论坛发表的内容) hits(用户点击的次数)、ip(用户的ip 地址)、user_id(用户发表贴子的用户名)、user_email（为用户发表贴子的电子邮件名）、submit_date（用户发表文章提交的期）、frist_id(用户发布贴子的主题目)、father_id(用户发布贴子的子题目)、froumnme（论坛的栏目）、froumcout(统集用户对某一栏目发布贴子的数目)。 1.3 网站的各项功能的实现 1．1.1后台的登录功能 如果用户未输入用户名与密码而想登录而单击了用户登录界面的确定按钮，就会弹出“您输入的验证码不正确！”消息是用以下代码现实的。 SCRIPT language=JavaScriptalert(您输入的验证码不正确。); response.writelocation.href=default.asp/SCRIPT founderr=true else session(pSN)= if request(action)=login then 1.1.2首页用户注册 用户的注册的功能分为了三步：第一步为注册用户输入用户名与密码（ADD_2.asp），第二步注册用户填写详细信息（ADD_3.asp）,第三步为用户注册成功的祝贺语。 第一步中用户注册的用户名要是已有用户使用了网站就会给予提示“已有人使用该用户,请重新填写。实现这个功能是通过以下代码实现的： sql=select username from u