WEB大实验完整版.doc

第PAGE页

天津理工大学

课程项目报告

个人主题网站

学生姓名：王庆嘉

学号：

年级专业：2009级中加合作计算机1班

联系电话：

学院：计算机及通信工程学院

天津·中国

提交日期：2019年6月14日

个人主题网站

作者：王庆嘉

指导老师：郭力杰

(天津理工大学计算机及通信工程学院2009级中加合作计算机，天津300191)

摘要：以课本《Web程序设计》为基础，通过完成逐步完成HTML、HTML+CSS、JS、

PHP、PHP+mySQL等一系列实验，逐步完善了自己个人网站的建立。其中经历了

代码的反复调试，通过网络查找错误，查找他人例子反复修改，终于完成前台和后台的建设。其中在XHTML中学习到了如何使用input标签建立表单；在CSS中通过对字体、颜色、DIV布局完成了前台的美工设计；在JS中通过一系列函数和DOM

的定位完成一些动态网页的设计；通过PHP脚本语言操纵mySQL数据库，使注册信息被传递到数据库的表中，从而完成了网站的后台建立。其中为了更好的实现一个网站的登录、注册功能查阅有关PHP5方面的书籍、上网搜资料完成对cookies和sessions的设置，使用户验证更加完善。

关键词：web标准；xhtml；css；JavaScript；PHP；MySQL；

1前言

为了更好地学习Web知识，系统地了解Web程序设计这门课程，决定建立一个个人主题网站。

通过对个人主题网站的制作，进一步地了解网站设计的基本知识，并且将书本上的知识和代码及实际的操作结合起来，对整个Web程序设计有了一个系统的了解。个人主题网站实现了网站基本的注册、登录、验证、文件上传等基本功能

2个人主题网站理论基础

2．1个人主题网站国内外现状

（1）普通互联网用户对Web2.0知者甚少。

73.3%被调研者不了解Web2.0。

（2）个人博客已经成为重要的传播力量。

个人博客已经成为用户重要的信息来源渠道，个人博客这种网络上的口碑传播已经成为9.8%的互联网用户了解Web2.0的信息渠道来源。

（3）门户博客有望成为后起之秀。

在用户经常访问的博客网站中，排名第一的是博客网，其次是新浪博客、搜狐博客、天涯博客和网易部落，门户博客有望成为后起之秀。

（4）相对于离线RSS，更多的用户倾向于使用在线RSS。

仅使用在线RSS服务的用户比例高达60.8%，仅使用离线RSS服务的用户比例为14.6%，前者是后者的4倍。

（5）通过RSS浏览新闻仍然不是用户浏览新闻的主要方式。

使用RSS浏览新闻占所有浏览方式比例不到20%的用户群体，占调研总体的50.9%。

2．2网站设计及编程工具介绍

DreamwaverCS5

WampServer

2．3数据库介绍

使用mySQL的phpmyAdmin软件进行数据库的管理

通过PHP脚本语言自动创建my_db数据库并建立User表来存储用户数据

个人主题网站详细设计

3．1网站整体功能模块介绍

（1）注册模块：注册新用户

（2）登录模块：对已注册的用户实现登录

（3）上传模块：上传指定类型的文件到指定文件夹中

（4）日志模块：对已登录的用户开放日志功能

3．2数据库设计

通过PHP脚本语言建立my_db数据

在my_db数据库中建立User表来存储用户注册信息

User表中包含User_ID,User_name,User_pwd,User_email,User_card这5个字段

创建数据库journal_db，并建立journal_list表来存放日志

个人主题网站整体设计

4．1CSS设计

!--页面布局--

body{font-size:12px;font-family:TimesNewRoman,Times,serif;text-align:center;}

#Container{width:100%;}

#Header{width:900px;margin:0auto;height:80px;background-image:url(素材/导航栏背景.png)}

#PageBody{width:900px;margin:8pxauto;height:400px;}

#SideBar{width:260px;text-align:left;float:left;clear:left;ov