校园信息交流网站建设 摘要：本文围绕网站的项目分析、网站构思、整体设计、效果图设计、页面生成、数据库设计、运用程序设计、网站的测试、发布、推广各个重要环节，运用数据库与ASP整合的开发技术，实现了网站动态菜单、信息更新、后台登录、在线留言、站内调查等动态网页的交互功能。对网站设计进行分析和讨论，阐述了开发一个网站的全过程，并提出网站设计的新思想。在网站设计中既要讲求视觉界面上的艺术美感，用户操作过程中的简单易用，又要注重计算机网络方面的程序控制。只有做到设计艺术、人机工学与计算机技术的完美结合，才能开发出特色鲜明、具有一定文化内涵和艺术品位的网站。关键词：网页设计 ASP技术 网站开发Exchange of information on campus construction sites Abstract: This article projects around the site analysis, site concept, the overall design, the effect of map design, page generation, database design, application programming, web site testing, release, promotion of various important aspects of the use of a database with ASP technology integration to achieve a Dynamic Menu website, information updates, background registry, online messages, site investigation of the interactive features dynamic pages. Site design analysis and discussion on the development of the whole process of a Web site and site design of the new ideas put forward. Web site design it is necessary to stress the art of visual aesthetic interface, the user operation in the process of easy-to-use, but also pay attention to the process control computer network. Only by succeeding in the design of art, science and the mechanic were the perfect combination of computer technology in order to develop distinctive characteristics, a certain cultural content and artistic quality of the site.Key words: web design ASP technology website development目 录1引 言12网站构思22.1设计定位22.2网站策划分析22.3栏目策划22.4功能设置22.5网站布局32.6开发工具的选用及介绍42.6.1 Photoshop CS2简介42.6.2 Dreamweaver 8.0简介42.6.3 Flash 8.0简介52.6.4 Microsoft Office Access软件简介52.7构建开发环境52.7.1安装IIS服务器组建52.7.2配置ASPAccess开发环境52.7.3 在Dreamweaver8中建立网站测试站点63网站界面美工设计63.1网站元素设计63.2网站的界面设计74数据库设计95ASP运用程序设计125.1连接数据库程序设计125.2动态菜单设计125.3前台显示程序设计135.3.1网站首页程序设计135.3.2信息标题页程序设计145.3.3信息显示页程序设计155.4留言板块程序设计165.4.1签写留言程序设计175.4.2查看程序设计175.5后台管理系统程序设计195.5.1用户登陆管理程序设计205.5.2用户管理程序设计：215.5.3菜单管理程序设计225.5.4综合信息管理程序设计235.5.5留言管理程序设计245.5.6调查管理程序设计256网站测试266.1运用程序测试266.2浏览器兼容性测试267网站的发布推广277.1网站的发布277.1.1购买服务器277.1.2申请域名277.2网站的推广277.2.1代码优化277.2.2搜索引擎推广287.2.3CNNIC通用网址注册288总结28主要参考文献29第8章 总结1 引 言随着网络技术的发展，因特网已渐渐成为人们生活中不可或缺的一部分。因特网正逐步改变全球的通讯方式，并成为继印刷媒介（报纸、书刊、杂志等）、广播、电视后的第四传媒。这也向设计工作者提出了一个全新的课题。一个崭新的、前景无限的设计领域网页设计顺势而生，并飞速发展着。这不仅给很多企业带来了商机，也给很多设计公司带来了发展空间，更给每一个网页设计者提供了一个多彩的舞台。网页不仅拥有传统媒体的特点，同时又超越了传统媒体，具有传播更为直接、省力、有效的优点。学校信息网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的发展，加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径；学校网站是学校对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地，学校网站建设的目的是促进师生与学校共同发展。如今网络的高速发展，及教育体制改革的深入，通过网络自主学习与搜集信息，已经成为每个人所必须做的事情。特别是计算机知识，因其自身知识更新快的特点，通过信息网站进行自主学习无疑是最佳的选择。2 网站构思2.1 设计定位综合国内外优秀网站的特点，界面简洁、美观，采用CSS标准构建网站，并融入FLASH动画元素，实现设计艺术与网络技术的完美结合。校园信息网的建设是为了加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径；同时加强对校外联系，互相学习，促进师生与学校共同发展。2.2 网站策划分析网站采用居中的形式，并把所有页面都分为头部中部底部三部分组成，其中头部和底部都是调用页面top.asp和but.asp形式。前台建立首页，信息标题页，信息显示页，其中信息标题页与信息显示页通过动态菜单循环调用；首页不但显示相关重要信息，还有变化图片，滚动图片，网站调查，友情链接等设计。留言板块建立鉴写留言，查看留言。后台管理系统主要建立菜单管理、综合信息管理、调查管理、留言管理和用户管理功能。网站的设计选用动中有静、静中有动的设计风格，同时把导航嵌入到图片与Flash动画之中，更加突出网站的吸引力。2.3 栏目策划为了增加网站的可互动性，网站栏目采用动态菜单：菜单分为一级菜单和二级菜单，分别储存于数据库的yikind表和erking表，通过程序调用于网站头部，并在后台建立管理模块，可根据用户自己的需要自定义菜单，并且随时可以更改、添加、删除等。2.4 功能设置整个网站的功能结构主要有数据库、后台管理系统、前台显示模块三部分组成，功能模块结构图如2-1所示。图 21网站功能结构数据库：该数据库采用Microsoft Office Access软件建立，以自设计数据库来存储网站所用相关信息。网站前台：导航应该层次清晰，简单直白，让浏览者轻松找到想要的东西，使网站的浏览过程轻松愉快。留言系统应该做到方便留言、方便查看，还要加入回复留言功能，以提高留言者之间的互动性。调查内容要有一定的意义。后台管理：要注重实用性，要能通过后台系统管理网站上的内容。管理的操作流程要通俗易懂，让没有专业基础的人也可以使用。2.5 网站布局网站结构和布局要做到条理清晰。首页要和其他文件分开放置。网站中的所有元素，包括图片、文字、声音和Flash动画等，应该分门别类放置到各个文件夹。在整个网站布局中，建立十个文件夹，分别以“Admin、CSS、Data、dongimg、Guestbook、Img、NewsFocus、Scripts、Templates、Vote、Webs”命名，并把网站的所有文件分门别类的放到相应文件夹里面。这十个文件夹类别依次为：后台系统文件、样式表文件、数据库文件、滚动图片文件、留言板文件、图片多媒体文件、变化特效文件、JS代码文件、调查文件、网站前台页面文件。网站结构如图2-2、2-3所示。图 22网站的文件布局2.6 开发工具的选用及介绍“工欲善其事，必先利其器”。善于利用开发工具才能达到事半功倍的效果。本设计选用Dreamweaver、Flash和Photoshop作为开发工具。并做如下分工：Photoshop负责网站的风格设计，包括页面以及页面中所需的各种元素的制作；Dreamweaver利用Photoshop制作的版面及元素进行网页的生成；Flash负责网站上所有的Flash动画设计。2.6.1 Photoshop CS2简介Adobe Photoshop是由美国Adobe公司开发的一套集图像制作、编辑修改、广告创意、图像合成、图像输入/输出于一体的专业图形处理软件。Adobe Photoshop在电脑美术的二维平面领域里，是最具代表性的软件。运用Adobe Photoshop，可以随心所欲的设计色彩丰富、形式多样的网页，配合Adobe Photoshop的捆绑软件Adobe Image Ready，可以制作完美的网页界面、翻转按钮、Banner动画等。因此，运用它进行网页设计，将会达到事半功倍的效果。2.6.2 Dreamweaver 8.0简介Dreamweaver是Macromedia公司推出的一款所见即所得的网页编辑工具（现被Adobe公司收购）。Dreamweaver采用的是苹果机浮动面版的设计风格，具有超强的直观性与高效性。Dreamweaver对于动态网站的支持特别全面，可以轻而易举地实现很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。因此，说Dreamweaver是高级网页制作的首选并不为过。Dreamweaver最新的版本为：Adobe Dreamweaver 8.0。Adobe Dreamweaver 8.0不但在静态网页制作中有极大的优势，还支持网站的统筹管理、ASP（网站程序开发语言）、JSP（网站程序开发语言）等程序的编写与调试。2.6.3 Flash 8.0简介Flash是一款非常优秀的多媒体制作软件，利用Flash可以做出很出色的卡通动漫、MTV（音乐电视）短片等。当然，还有一个很值得Flash炫耀的就是运用Flash制作的动感网站。现在网络已经涌现出不计其数的Flash站点。比较著名的如韩国的Flash动感网站，几乎全部采用了Flash 和Director（多媒体程序）。在韩国的网站设计界，由于拥有足够的带宽和出色的Flash动