网页设计说明.doc

个人网站说明书 一、个人网站的设计与规划 1.明确架设网站的目的 通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。 2.我的个人网站概貌 因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。 是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。 二、人网站页面设计 1 首页设计 2 界面设计 我的个人网站大体上包括一下内容：自我介绍，我的朋友，我的高中，我的家乡，用户注册、新闻发布、信息发布。这五大模块简介如下： 首页是网站的主体，别人进入个人网站第一眼看见的就是首页，所以首页的设计关乎能否吸引住游客继续浏览。为了使我的的首页美观生动、吸引人，打开我的首页首先映入你眼帘的是家乡的图画，加上动听的背景音乐，无论是从视觉，听觉还是感觉上都是一个不错的网站。 1.首页效果图如下： 图一 2.自我介绍页面设计： 图二 打开Dreamweaver 新建文件HTML,导入图片作为页面背景，输入我的个人简介作为简单介绍，插入个人图片让人浏览者给更能认识和了解自己。 3.我的朋友网页设计介绍 图三 我的好友页面又分为四个页面，分别为：我的好友、宿舍朋友、我的老师、美好回忆。我的好友业面介绍了我高中时代三位女性朋友，先用表格设计好布局，再用边框分出边框，在其中分别插入她们的照片和个人性格及爱好的介绍、宿舍好友、我的老师及美好回忆都以其上形式设计完成，最后链接入图三的总网页上。 4.我的高中页面设计： 图四 此页面除了运用表格及插图外还插入了flash使页面更美观形象。 5、我的家乡页面设计： 图五 我的家乡页面中介绍了家乡的风光、家乡的习俗、家乡的风情，这样更使远方的朋友更加的了解新疆了解我的家乡，其中插入背景音乐是浏览者更加引人入胜。 6、用户注册、信息发布、新闻发布页面的设计： 此页面的用户注册、信息发布、新闻发布试用了Access，编辑数据库链接入网页建立动态网页，使浏览者和网页制作者有更多交流、但建立和试用链接数据库是相对困难的技术运用，在网站的建立中多次出现技术困难和操作出错是建立网站的重点和难点。 三、数据库的建立和运用 数据库的建立： 1.1首先打开Microsoft Office Access,打开文件—新建文件—空数据库—试用设计器创建表。 1.2创建所需要的数据，如填写字段名称、选择数据类型。 图六 2．数据库的链接： 2.1打开Dreamweaver，建立站点，新建动态的页面(次电脑须有完整的IIS程序). 2.2差入表格设计和调整页面的布局，再插入表单，输入所需的文字，建立表单 ，再在表单中插入表格，再从表单中的表格设计. 2.3在表单中选出所需功能如如文本、文本域、单选按钮等. 图七 2.4将数据库导入站点内，选择数据库—添加数据库—将数据库内的导入相对应页面 2.5选择服务器行为—插入记录集—建立数据集—链接对应的数据入页面 四.做网站时遇到的困难以及解决方法 做本次大作业的时候，遇到了许多的问题 首先是IIS 的安装，运用到数据库时，我们需要IIS 测试地址，动态网站ASP 格式需要IIS才能实现浏览的功能，我现在网上下载IIS 的安装包，然后解压到自己的电脑，让自己的电脑配置上IIS 配置好IIS 后，我先制作静态页面HTML，然后利用ASP动态页面制作登录系统和新闻发布系统 全部做完后，我发现动态页面ASP 不能浏览，总是页面出错，于是我查询百度，发现是电脑的IIS 配置出错，于是根据网上的IIS 配置更改自己的配置，终于实现了浏览功能 数据库使用时，总是出现问题，只能浏览一次，第二次就不能正常浏览，这是dreamwear8 的系统问题，在网上搜索到解决办法 五.本次大作业的心得体会 通过这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！！！ 六.参考文献 [1]张丰.精品课程网站设计与开发[J]. 电脑知识与技术,2008(22) [2]罗锐韧.ASP网页程序设计[M].北京：清华大学出版社，2005 [3]汪鑫等.Web 程序设计[M].北京：电子工业出版社，2005.1 [4]邓文渊,陈惠贞，陈俊荣.ASP与网页数据库设计[M].北京：中国铁道出版社，2004.2 [5]宋昕.ASP网络开发技术入门与提高实用教程[M].