2025年网页设计开题报告(5篇)

在当下这个社会中，报告的使用成为日常生活的常态，报告具有成文事后性的特点。那么报告应该怎么制定才合适呢？下面我就给大家讲一讲优秀的报告文章怎么写，我们一起来了解一下吧。

网页设计开题报告篇一

网站美工普遍情况下是对两者的统称

网站美工分两个大方向，一个是界面设计方向，和图片打交道；一个是页面制作编码设计，和各种网页编码及程序打交道，分别对应的是网页设计和网页制作。

技能要求如下：

网页设计：精通各类图形图像设计软件，有较强美感，精通网页界面布局，了解用户体验，有思想，能判断和分析基本市场需求或目标客户喜好

网页制作：精通div+css，js，深知页面执行内在顺序，例如服务器请求，页面加载等，熟悉各类页面效果，能将页面设计师或界面设计师制作的页面图片依据良好的页面规范制作成可浏览网页；能够将策划人员或页面设计师策划的用户体验功能实现；了解程序架构，所制作的页面编码能保证与程序员的良好对接；熟悉seo（搜索引擎优化）等

都说两方面都好的人这个社会上很少，不过我一直对我的手下要求很严格，必须每个人都同时具备两方面的素质，不过确实存在分歧，有些人就是能做页面，有些人就是能做好编码，虽然日常工作会有分工，但我依然要求手下哪怕不精，也要了解，这样页面制作的人才能更好的理解界面设计师的设计理念，界面设计师才会在做页面的时候也会站在编码的人的位置上考虑界面设计。

要成为一个优秀的网页设计师很不容易，关键是你要先有思想，思想决定行动，任何设计都是从用户出发的，要有一个完全的针对用户的思想，而技术只是实现思想的工具，并不是决定工作结果好坏的根本，决定一个作品的好坏最重要的还是作品内在的思想。

网页制作，更偏重美工与页面结构方面。

网站建设，更偏重网站的结构和功能。

网业制作考虑的是一个网业的美工设计，网站则要复杂一些，要考虑这个网站需要那些功能，还要考虑整体的站点风格，内容等

没什么区别,一般说网页制作指美工制作页面,网站建设包含整个网站的制作(美工和程序开发)

网页设计开题报告篇二

1.本课题的研究意义

在internet飞速发展的今天,互联网成为人们快速获取､发布和传递信息的重要渠道,它在人们政治､经济､生活等各个方面发挥着重要的作用.因此网站建设在internet应用上的地位显而易见,它已成为政府､企事业单位信息化建设中的重要组成部分,从而倍受人们的重视｡

这次我们所设计的课题正是互联网与社会生活之间的紧密关系的体现,现今的社会,人们已经离不开了网络,网络已经成为人与人之间交流的一种形式,他能够把事情的复杂化转为简单化｡老干部局网网站的建设不仅能够使该事业单位的工作方式有所改变,也大大地提高了该单位工作人员的办事效率,也增加了该单位的知明度,更重要的是为我们局的老干部们提供了一个网络生活空间,促进了他们对网络知识的进一步地了解｡

通过该网站展示了机构设置､政策法规､办事指南､电子刊物､新闻､学习园地､问题集锦､养生保健､生活小常识､旅游简介等系列内容的介绍｡同时您也可以利用电子信箱经济而又快捷地与外界进行各种信息沟通｡

asp简介什么是a s p microsoft active server pages(asp)实际上是将标准的h t m l文件拓展了一些附加特征, a s p像标准的h t m l文件一样包含h t m l语句并且在一个浏览器上解释并显示｡但它为h t m l编写人员提供了在服务器端运行脚本的环境,使h t m l编写人员可以利用v b s c r i p t和j s c r i p t或其他

第三方脚本语言来创建a s p,实现过去需要编写复杂的c g i程序才能实现的有动态内容的网页,如计数器等｡一个a s p文件的后缀为.a s p,其中包含实现动态功能的v b s c r i p t或j s c r i p t语句,如果去掉那些v b s c r i p t或j s c r i p t语句,它和标准的h t m l文件没有任何区别｡a s p提供了一些内建对象(参见后面关于内建对象的章节)｡利用这些内建对象,你可以使你的脚本更加强大;这些

对象会允许您从浏览器中接收和发送信息｡例如,利用r e q u e s t对象,你可以接收用户的h t m l表单中的信息并加以处理｡a s p包含标准的a c t i v e x组件(参见后面关于组件的章节),这些组件可以实现一些复杂的功能,如使用数据库等｡不过,你并不会被此局限,你可以轻松创建属于你自己的附加a c t i v e x组件｡这意味着你可以不加限制地拓展你的a c t i v e x组件(参见后面关于自制组件的章节)｡a s p可以和诸如sql server这样的数据库行挂接,在本书后面的章节中,我们将详细地学习这方面的内容｡重要的是,这是a s p一个非常强大的功能所在,在线商务以及在线论坛等各种非常高级的､动态更新的站点都需要数据库的支持,而且需要随数据库内容的更新而自动更新,这样,你就可以利用a s p自己建立很多类似的高级站点｡通过上面的描述,我们可以了解到, a s p就是由服务器端脚本､对象以及组件拓展过的标准网页并为其提供了运行的环境｡而它的网页并不是在建立初期存在的,而是当某个浏览器向它提出请求时,它才根据需要产生所需要的标准网页,这克服了过去h t m l编写的网页的静态缺点,从而使网页上可以有许多动态的信息存在｡如:当前的计算机时间､计数器的计数值等｡asp的功能

a s p是一套服务器端的脚本运行环境,当用户从浏览器向we 文件时, asp 脚本开始运行,然后web 服务器调用a s p,a s p全面读取请求的文件,执行所有的脚本命令,并将标准的web 页传送给浏览器,而并不包含你所写的脚本命令｡

2使用asp与sql server 网站架设

而a s p的每一个命令都首先被用来生成h t m l文件,因此a s p允许生成动态内容｡

下载对于web 服务器来说, a s p与h t m l有着本质的区别, h t m l不经任何处理送回给浏览器另一方面,对于浏览器来说, a s p和h t m l几乎是没有区别的,仅仅是后缀为.a s p和.h t m的区别,当我们在客户端提出对a s p的申请后,我们的浏览器接受的是h t m l格式的文件｡因此它根据以上特性,我们用a s p可以方便地实现诸如表格信息收集､计数器､留言簿､公告板､a s p还可以轻松地实现对页面内容的动态控制,为不同的浏览者定制不同的页面内容,实现

适用于任何浏览器｡

聊天室甚至电子商务等过去必须由c g i才能实现的功能｡

个性化的网站｡使用范围

用a s p实现各功能时几乎没有什么限制,只要网站存在并正常运行,以下是的应用示例列表:

.在你的网站主页顶部添加一个滚动显示的广告栏｡

.从h t m l的表单中接受信息并且存到数据库中｡

.根据不同访问者显示不同内容,创建个性化主页｡

.在你的主页中添加点击计数器｡

.根据用户浏览器的版本､类型和能力显示不同档次的内容｡

.连接多个主页使之容易网际导航｡

.跟踪用户网站上的活动信息并且存入日志文件｡

.使用基于windows nt的i n t r a n e t建立你的m i s应用｡

用a s p编写出的系统,完全可以达到原来使用c l i e n t / s e r v e r的网络数据库系统的水平｡使用a s p最大的好处是,在你对程序进行升级时,你只需要修改服务器上的a s p文件,而不需要修改客户端程序｡

以上只是简单介绍,看完下面章节,你会对利用a s p做的事情有更加全面深入的了解｡你会真正学会如何使用a s p建立各种应用｡

2.本课题的基本内容

为了树立中国各级政府各部门在网络上的崭新形象,有利于使各级政府由管理型向管理服务型的角色转换,降低办公费用,提高办公效率,促进勤政､廉政建设,提高政府公务员的信息化水平,市委老干部局网站的建立将为办公网络化,自动化､电子化,全面信息的共享所提供了优越的条件

本课题介绍了市老干部局网站建设的做法和具体步骤,给出了老干部局网站建设的方案选择､设备配置｡还介绍了老干部局网站建设的运用目的和发展方向以充分实现以上目的｡还全面介绍了在internet上建设和管理网站的技术｡内容涉及网站的基础建设,对原始数据进行调查,重点放在新闻更新､办事指南等的事务处理以及站点管理,使用asp,html开发前台程序,完成网站的链接,从相关系统中导入数据,编写相应的存储过程,以便联系老干部局的需要开发出功能强大的网站｡

老干部局网站为干部的工作､管理､生活､信息交流个通讯等提供综合的网络环境｡网站的使用,使干部的办公､学术研究和管理条件跨上一个新台阶,同时也给老干部局的宣传,发展,提供了一个平台｡我们可以充分利用现用计算机资源,实现信息交流和软硬件资源的共享,实现老干部局办公､管理､服务于社会的现代化新形式｡

关于建设老干部局网站的一些内容,包括网站的结构,特点以及网站建设的理论知识要点｡其最大的特点就是在于对asp中的每个知识点都精心运用到了实际需要中,通过对理论的研究来联系实际操作,并全面地掌握asp开发web动态网站的思路､技巧和体系｡另外,asp还提供可更简单､更方面的数据库访问方法,使开发基于数据库驱动的web应用程序更容易,asp支持vbscript和jscript,并能以插件形式支持其他脚本语言,如html｡

3.本课题的重点和难点

本课题的重点主要是网站素材的选择与框架的搭建,一个好的网站要有许多的主页相互之间链接起来,以及其中添加一些动态､图片､声效等链接｡综合地完成网站的建设才能体现主题,才能把浏览者的目光吸引到每一个主页上,内容的及时更新也是网站建设的一个主要实际问题,只有不断得到更新的主页内容才能使浏览者再次访问该网站,没有新鲜的内容素材,没有时代性的哲学理念,远远不能称得为好网站｡

新颖的框架结构也能使浏览者的目光更长久地被吸引,再拥有好的素材基础上,框架的搭建也是网站建设所必须考虑到的问题, 只有把这两者相结合进行周密地布置,相信建设出来的网站必然是点击率最高的网站｡

该网站的建设也牵涉到了动态网页的制作,因此,这必然成了制作过程中的难点,就我个人而言,对动态网页的制作方面还缺少很多的理论与实际操作知识,曾经只是做一些简单的个人主页,仅此而已,而现今,却得必须运用asp程序进行动态网站的编辑,运用asp把脚本､html､组件和强大的web数据库访问功能结合在一起,形成一个能在服务器上运行的应用程序,并把按用户的要求专门制作的html页面送给客户端浏览器｡此技术的运用使我的工作量大大地提高了几倍,当然这正是我以前没好好学的不好表现,但通过这次设计使我认识提高了,在学好静态网页制作的基础上则不能忽视对动态网页制作的重要性｡此后,我将借鉴这次的领悟,认真学习并全面地掌握asp中的每个知识点,以便今后熟练地运用到实际问题中,充分展现自我价值｡为自己以后的生活道路铺上一层更牢固的奠基石!

用asp实现搜索引擎的功能是一件很方便的事,可是,如何实现类似3721的智能搜索呢?比如,当在搜索条件框内输入“中国人民“时,自动从中提取“中国”､“人民“等关键字并在数据库内进行搜索｡看完本文后,你就可以发现,这个功能实现起来竟然是如此的简单｡ok,follow me!

第一步,的数据库(本文以access2000数据库为例),并在其中建立表t_sample｡表t_sample包括如下字段:

id 自动编号

u_name 文本

u_info 备注

第二步,｡该页面包括一个表单(frm_search),表单内包括一个文本框和一个提交按钮｡并将表单的method属性设为“get” ,action属性设为“,即提交给网页自身｡代码如下:

请输入关键字:

下面,就进入了实现智能搜索的关键部分｡

首先,建立数据库连接｡的开始处加入如下代码:

<%

4.论文提纲

1.绪论

2.课题任务书

1)设计依据

2)课题总体体会要求

3)设计要求

3.系统规划

1)系统分析

2)系统具体分析

3)功能图

4.主体

1)程序代码

2)结论

5.参考文献

6.个人体会

7.附录

指导教师意见:

(对本课题的深度､广度及工作量的意见)

指导教师:

年 月 日

教研室审查意见:

网页设计开题报告篇三

开题报告

一 本选题的研究目的和意义：

随着互联网的不断发展和中国网络人口的日益增长，建立个人网页，不但可以展示自己，而且可以提高自己在设计和对软件应用方面的能力。所以我的毕业设计选择制作个人网页。

我在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。

在网页制作中，我将借鉴了国外个人网站的设计风格，着重于给浏览者以强烈的视觉冲击，突出个性的表达。运用了photoshop和dreamwave强大的图像制作和处理能力。进行了大量的图片制作，从而给人以强烈的美感。并利用flash动画部分的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由dreamwave完成的。

二 国内外研究状况综述

网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已，甚至更短。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。，都自以为自己做得很好，这可能是源与商业。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显!还有那个设计者敢腆着脸说，这都是我自己的原创设计?对于业界来说，经典只是个理念和象征!

不可否认，国内网页设计环境目前还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃

圾的产生。

举个简单的例子，看看“阿里巴巴”中文和英文两个版本的页面。中文版主色是橙色(与标志色统一)，英文版是极不协调的蓝橙(具有很明显的生凑效果)。为啥中文版是橙色，呵呵，不要以为哪是为了和标志统一，其实那时国内最常用的商业色。橙色代表什么?肉色，淫欲。商业是性质?贪婪、拜金。对于社会主义初级阶段群众的普遍思想来说，橙色就是最突出的体现，它不仅仅是网页首选商业色，它还体现了当今社会经济发展条件下的“浮躁”和“糜烂”，它还说明了“低认知水平”的国人，需要用这个刺激的颜色，去宣教引领他们被动接受。为啥英文版是蓝橙?因为洋人已处于发达社会，他们首先需要的不是“宣教引领”，而是“功能”。一个弱化的界面更能强化显示功能，使人方便使用。较刺激热烈的颜色，会引起洋人的反感，所以用的浅蓝灰色。那么为什么又会出现极不协调的橙色捏?原因有二，一是要与标志颜色统一，二是中英文要有传承，所以出了这个一半是火焰一半世海水的结果。

社会主义初级阶段界定了各行业都在一个初级阶段，这个初级阶段归根结底是由“经济发达水平”决定的。同样，决定网页设计的也是“经济发达水平”，而不是个人的设计水平和思想理念。

三．本选题研究的主要内容及写作提纲

1.通过市场调查结合实际情况总结现状

2.研究个人网页的市场

3.设计理念：随着电脑软硬件的飞速发展、网络速度的不断加快，如今的个人网页能流畅播放更多的flash，传统的纯静态的网页已经不足以吸引人们的眼球，因此为了使网页更加丰富，更多的动效，更多的交互性显得尤为重要，我的设计较传统网页将会加入更多的动效和互动性。

3设计过程：首先通过研究比较，找出普通个人网页的一些不足，然后手绘概念稿，确定整体风格，构思各种动效，结合自身能力作出权衡，予以删减改动；运用ps制作网页模版，制作各种flash动画，结合dreamwave完成。

四．主要参考文献

[1] 沈大林主编，中文flash 8案例教程，中国铁道出版社

[2] 沈昕,eaver 8 和flash 8案例教程.人民邮电出版社.2007

[3] 胡剑锋,吴华亮.网页设计与制作.北京: 清华大学出版社.2006

[4] 贺晓霞,动画制作基础练习与典型案例.北京: 清华大学出版社.2006

[5] 李月,eaver网页制作标准教程.北京: 清华大学出版社.2005

[6] hop平面制作.北京: 高等教育出版社.2004.

网页设计开题报告篇四

课程名称：集中上机(网络、语言)

课程编号：041221

姓名：代悦超

学院：通信与信息工程学院

班级：0101020

学号：2010210663

网页制作报告

网页制作报告

一． 实习目的：为了验证和巩固理论知识，提高同学们的学习兴趣和动手能力，培养同学们的协调工作意识和能力，特安排本实验内容。希望该实验课能够激发同学 们的学习热情，为同学们将来走上社会就业提供实践的指导作用。

二．实习基本要求：（1）为了充分发挥同学的主动性，同学可自选课题，但必须事前经计算中心试验指导老师审定认可。

（2）根据课题工作量大小或难易程度同学可自行分组完成，通常每组人数最多不超过2人。

（3）开发工具不限。

（4）主题要求健康、积极，具有一定的技术难度，如平面布局合理、美观；有动、静态文字、图片的结合、多页链接、网站链接等。（5）实习报告突出策划、设计、编码、测试等主要过程。

（6）提交实验报告的形式既可以是完成课题的总结，也可以是完成课题项目的使用说明等。但文本编排必须规范。

三．设计工具：dreamwaver8, flash8, fireworks8

四．站点构思：

诗词本就是中国古老的传统文化之一，有了诗词才有了中国文化的灿烂辉煌，所以我的主题为诗词之家：首先，在中间的最上方就是我们的网站名，网站名的两边分别插入两幅图片，显示出诗词的古色古香。其中的图片也是使用了fireworks来进行修改。导航栏分为首页，古诗，名词。推荐诗词，名家评论，诗朗诵，联系我们和退出。主页正文主要是诗词的链接和外部网站的链接，以及网站的美化设计。之后从首页导航进入古诗或者名词，这两个页面主要介绍中国古诗词的传统文化和基本知识，同时，也有相关诗词的链接。进入推荐诗词这个页面，首先我们看到的是一个flash动画来展现毛泽东的书法，其中以翻书页的形式来展现，形象而生动。下面就是我们推荐的诗词了，因为推荐的诗词有点长，所以我们用到锚点连接，可以直接点击到达需要浏览的位置，方便实用。之后是名家评论页面，我先把我们评诗的好处和收获写出来，然后就列出了很多名家对诗词的评论，当然，也必须用到锚点连接来使网站更实用。诗朗诵这个页面主要提供有声有景的朗诵，可以使朗诵爱好者学习交流，也提供了这些朗诵原件的下载地址和链接。联系我们页面简单，主要说明我们的联系方式和邮箱链接。最后，每个页面都可以点击退出来关闭当前页面。对于诗词作者以及作者的诗词，页面基本一样，都是有关作者介绍，和主要诗词和图片。

五．关键技术及体会：

1.学会了背景图片，颜色等多种页面设置。

2.需要掌握表格插入及其格式设置，包括其中文件与表格的协调。3.需要熟悉网页之间的链接办法。一般情况简单的链接办法就是在设计栏中链接后输入链接址。

4.要掌握导航条的制作办法。主要是合并单元格以及居中对齐，再进行链接。

5.需要掌握图片和多媒体的插入及其参数的设置。点击工具栏中的flash按钮添加flash并可以再设计栏中设置参数。

6.熟悉页面标题、关键字、字体、背景、宽高度等参数设置。

7.学会使用javascript语句进行简单的命令。比如进行提示框还有退出页面的按钮都是用javascript语句来完成。

8..学会锚点链接。页面内部的优化少不了用到锚点链接，可以使网页使用更方便。9.学会了mailto语句进行邮箱链接。10.学会了用软件来修改图片和多媒体。

总之，经过了将近两个星期的奋斗和琢磨，终于把自己的网站建立起来了。对于一个在这方面还是空白的我来说，确实是一个挑战。学习，交流，观看教程，最终弄出了自己的网站，虽然网站很粗糙，也很简单，还有许多可以改进的地方，但是我确实很兴奋，因为这是我自己独立完成的每一个小的步骤都是我自己琢磨和实践得来的。

另外，希望老师和大家能给我一些建议和更好的方法，感激不尽！

设计 布局 浏览方式

在每页的最左边整体构架（导航）

标志，精髓的标语动态显示

主题颜色

个人网站网页

制 作 论 文

学院： 专业： 姓名： 学号：

摘要

本文就个人网站的规划与建设，以软件工程的方法对全过程进行了分析与研究。本文的主要工作集中在：

1.对web页进行概述，主要是对internet的历史和发展作了回顾，并对web页的定义和特性进行阐述。并对网站开发过程中使用的开发工具和技术作了简要的介绍。

2.对网站建设中提及到的术语进行了解释，并对个人网站的由来和发展进行了讨论。

3.对自己的个人网站从规划到建设进行了详细的分析。

4.使用asp＋iis＋access技术实现了我的网站的各种功能，其中和数据库的连接使用到了odbc技术。

5.就网站建设提出了自己的观点与建议。

【关键词】 网站 asp sql server 风格 创意

一、引言

在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

（一）web页概述

1、认识web

web(world wide web，简称，其意思就是采用http超文本传输协议访问新浪网的首页，由于网页均是通过http超文本传输协议进行访问，默认下，“http://”可以省略不输。

5、ip地址

为了使互联网上的电脑主机在通信时能够相互识别，每台主机都分配一个能表示其位置的ip（internet protocol）地址，这如同公用电话网中电话的号码一样。ip地址是由专门的互联网机构来分配。ip地址具有惟一性，是由32位二进制数组成，分为四组，每组8位，每组之间用小数点分隔，在实际之中常转换成十进制数表示。

（二）个人网站的由来和发展

互联网在中国的出现只有短短七年时间，1994年中国科学院高能物理研究所设立了国内第一个web服务器，推出一个叫做“中国之窗”的网页，这可能是国内internet上出现的第一个web网页，1995年开始，中国教育科研网，中国科技网，中国公用计算机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，使互联网在中国开始真正进入社会生活之中。

这时期，个人网站出现的条件还很不成熟，国内上网的人数很少，也缺乏支持个人建站的环境，用户很难找到理想的个人主页存放地。

个人网站发展的第二阶段是从1997年初到1998年，这段时间，中国网民数量飞速增长，个人网站日渐繁荣，个人主页的数量急剧增加。同时，越来越多的商业网站开始免费提供个人主页空间，这些良好的外部极大地促进了个人网站的发展，涌现了一批很著名的个人网页，从1998年下半年开始，随着互联网应用的深入的普及，随着众多主页制作工具的出现，使得建站成为一件非常容易的事，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

（三）我的个人网站的设计与规划

1、明确架设网站的目的及客户要求

通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。

2、我的个人网站概貌

因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。

3、功能划分

网站设计有新闻更新，浏览者可以在首页浏览自己喜欢的新闻，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员——我，可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。

4、功能描述(1)新闻

嵌入百度新闻每日更新代码，使用在本站首页显示今日国内国际新闻和体育新闻，供浏览者浏览。

(2)留言板

是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

(3)后台管理页面 是我管理和添加到新内容的地方，为了方便实现信息的经常更新，我设计了这个管理页面，经过身份认证后我可以进入网站对其中的信息进行管理。

(4)日记

在其中展示我喜爱的东西，包括我的日记、精品文章、社会文化和一些杂七杂八的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。

(5)相册

在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏目。让大家一起来欣赏人物、风景风采。

(6)音乐

在其中展示个人喜欢的歌曲，朋友们可以在里面点播自己喜欢的歌。(7)页面组织和数据库设计

在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。

建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为五个栏目，分别是关于我、相册、日记、音乐、留言。

三、详细设计

1、界面设计（1）相册

是一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到站长的个人风采和自己喜欢的图片。a、功能

利用asp对象语句显示图片，让大家可以看见所有图片的缩略图，同时每个图片都有快照功能，可以浏览图片的全图。

b、组成构造

相册结果显示页面 ：用来显示所有图片，同时还具备图片的分类功能和图片单个浏览功能。

站长基本信息显示页面 ： 数据库连接页面 (2)日记

是一个记录个人日记和精品收藏文章的地方，供给大家一起分享。a、功能

利用asp对象语句分类显示日记或文章记录，让大家浏览到最新的日记或文章

b、组成结构

日记或文章显示页面 ：显示所有日记或文章，同时还具备显示不同子类日记或文章

站长基本信息显示页面 数据库连接页面 c、日记页面浏览效果图，如图12。(3)、音乐

是一个音乐收藏和音乐欣赏的地方。a、功能

利用asp对象语句来显示歌曲曲目、演唱人和在线播放功能。b、组成结构

歌曲显示播放页面 ：完成曲目的显示和播放功能的页面。站长基本信息显示页面 数据库连接页面 (4)、留言本

是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

a、功能

利用sql语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答，同时，用户在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，站长拥有管理的能力，只要以密码登录管理模式，就可以进行各个用户的单独意见回复，而且还能看到用户所留下的“悄悄话

b、组成构造

：用来显示用户发言与站长回复内容，同时还具备查看留言和发表留言两个功能。

站长基本信息显示页面 数据库连接页面

(三)、关键代码设计

1、分页功能模块代码

<% if not then first '注意放到前面来,否则到任何页总是在第一个记录上

end if ze=maxperpage '设置每页最多显示多少条记录

if trim(request(“page”))<>“" then '如果请求的页次不为空

currentpage= clng(request(”page“))'clng是转换成长整型数据类型,并赋值到当前页次上

if currentpage> unt then '如果当前页次大于总页数,则将最大页次赋值到当前页次上

currentpage = unt

end if else

currentpage= 1 '一切条件不成立,将当前页设为第一页 end if totalput=count '将总记录赋值于totalput

if currentpage<>1 then '如果当前页数不等于第一页

if(currentpage-1)*maxperpage

(currentpage-1)*maxperpage '相对当前记录数向后移动

dim bookmark '定义书签变量

bookmark=rk '将当前记录的标签赋于变量bookmark上

end if

end if

dim n,k

if(totalput mod maxperpage)=0 then '总记录数与每页最大记录数求余的结果为零时,则n返回整数页次,否则再加一.n= totalput maxperpage

else

n= totalput maxperpage + 1

end if %>

2、图片显示功能模块代码

else

tepage=topage

intcurpage=topage

end if

else

tepage=1

intcurpage=1

end if intcurpage=cint(intcurpage)k=1 do while not and k<6 %>

<%for n=1 to 6%>

3、发表留言提交内容判断模块代码 <% if request(”action“)=”“ then ct”?action=show“ if request(”action“)=”post“ then dim bookname dim bookwhere dim bookpic bookname=request(”name“)bookwhere=request(”where“)bookpic=request(”pic“)bookface=request(”face“)bookip=variables(”remote_addr“)if bookname=”“ then ”“ ”alert('留言昵称不能为空！');“ ”(-1);“ ”“

%>

（四）、网站管理系统

1、完成站长对网站信息管理及更新的系统，包括以下几部分：（1）管理登陆页面（2）（3）（4）（5）

2、管理登陆

管理系统的登陆页面，主要用于管理登陆和判断用户是否已注册。（1）其中判断是否是非法登陆的代码为： <% admin_pass=md5(admin_pass)set rs=object(”set“)sql=”select * from admin where admin_name='“&admin_name&”' and admin_pass='“&admin_pass&”'“

sql,conn,1,3

if then ”alert('用户或密码错误！非管理员勿入！');“ ”location.>“

else

session(”admin_name“)=request(”admin_name“)

session(”loc“)=1

ct ”“ end if %>（2）其中验证码验证代码：

<% dim verifycode,verifycode2 if verifycode<>verifycode2 then ”alert('您输入的验证码不正确！');“ ”location.>“ founderr=true else session(”verifycode“)=”“ %>

3、主要功能程序段（1）打开数据库 <% set conn = object(”tion“) ”yourdsnname“,”username“,”password“ %>（2）数据库查询操作 大类查讯

setrs=object(set)小类查询 dimrs2 setrs2=object(set)lectnclass,nclassidfromnclasswhereanclassid=&rs(anclassid)&orderbynclassidorder,conn,1,1 a>

setrs=object(set)可写方式

lectbookid,username,zhuangtai,zongerfromactions,conn,1,3 添加一条新记录 rs(bookid)=bookid 添加相应的记录 rs(username)=username „„„„ rs(zhuangtai)=6 rs(zonger)=0 更新数据库（4）删除记录操作

从表actions中删除actionid匹配的记录 edeletefromactionswhereactionid= &tring(actionid)

四、编码、测试与维护

（一）测试与维护

1、iis(internet 信息服务)安装配置

可以在”添加或删除程序 >>添加/删除windows组件“对话框中把”internet 信息服务(iis)“前的勾选中，点”下一步“进行安装就行了(注：在这之前应把系统安装盘放到光驱)。iis 装好之后再作一下简单的配置。定位到”开始>>管理工具>>internet 信息服务(iis)管理器“，打开iis管理器。在”本地计算机>>网站>>默认网站“上右键单击，在快捷菜单里选”属性“(或者直接在操作菜单下选”属性“)，弹出如下对话框图16: 图16 切换到”主目录“标签(图2)，重新选择网站根目录(我选择的是e盘下的my web目录)，默认是”系统盘:inetpubwwwroot“,因为系统盘不宜放太多的非系统文件，所以在这里重设默认网站要目录，如果嫌麻烦可以跳过这步。再切换到”文档“标签，通过”添加“、”删除“、”上移“、”下移 “，把站点的默认文档设置如图17：

图17 可能有些朋友会疑惑，设置默认内容文档有什么作用？细心的朋友应该会发现，在浏览一些大网站的首页时用它的一级域名就行了，并不需要指定请求页的文件名，这就是设置了默认内容文档的缘故，它的作用就是在浏览器请求没有指定文档的名称时，将默认文档提供给浏览器。要得到更详尽的解释说明，可以点击图3中的“帮助”。之所以有这步，是因为网站的默认内容页中没有，不大符合国人习惯。

2、dream weaver测试站点和用iis测试本地站点

dream weaver mx提供了全面检测站点的功能，它比检测链接更全面。全面地检测内部、外部链接、去除错标签、空标签、多余的标签等，它的使用相当简单，使用全面检测站点功能如下：

（1）、选择菜单中【站点】的【报告】命令，打开一个窗口。

（2）、选择检测范围，在【报告】选项中有四个内容供选择：current document、entire local site、select files in site、folder。

（3）、对工作流方面的信息进行检测。

（4）、对html文件的信息做出检查。

把编好的网站文件复制到d:/my web文件夹中，可以打开浏览器，在地址栏中输入http://localhost/my web/ ,就会看见网站了。

3、维护

网站建成后并不意味着网站建设的结束，网站内容需要不断更新，这样才会不断的吸引更多的浏览者访问，才能成为一个优秀的网站。通过ftp软件将更新过的网页上传到服务器或通过dream weaver mx来远程管理站点，同时还要认真回复浏览者的电子邮件和留言，做到有问比答。平时多收集资料，多听听别人建议，定期更新版面，还有推广站点。

（二）设计技巧和解决方法

用服务器端包含技术实现对文件的引用

系统中有许多页面都会引用相同的代码文件，所以使用include语句将已完成代码的文件包含进来，就可以简化代码的缩写。中第二行和第三行代码。