在线门户网站设计Word文件下载.docx

在线门户网站设计Word文件下载.docx

《在线门户网站设计Word文件下载.docx》由会员分享，可在线阅读，更多相关《在线门户网站设计Word文件下载.docx（18页珍藏版）》请在冰豆网上搜索。

海盐县连续两届被评为“中国农村经济综合实力百强县”，1995年被省委、省政府命名为首批小康县。

2.课题意义

随着计算机网络的发展和宽带接入的普及，计算机网络早已渗透到普通百姓的日常工作和生活之中，了解和学习计算机网络的基础知识不仅是工作所需，同时也将成为休闲娱乐之必备。

对一个地方来说，组建网站的主要目的是希望借助网络快速传递信息的功能，加强地方在信息传递和对外沟通协调上的能力。

因特网的魅力就在于它能实现快速，准确地传递信息。

认识到这一点，公司就更要抓住机会，组建公司自己的网站，不但可以扩大地方的知名度，方便了用户，从而使大家更了解。

海盐家园网根据上述情况及其他一些相关情况，结合海盐等实际情况设计开发了海盐家园网站平台。

本网站侧重于信息的浏览，及查询。

浏览者可能网站内查询不到所需的信息，可能需要寻求帮助。

所以系统开发了留言板模块。

第二章、开发环境介绍

1.开发运行环境

a）操作系统

本系统是在MicrosoftWindowsXP操作系统下开发完成的。

b）开发工具

Microsoftoffice2000的frontpage2000、Access、Word及Dreamweaver8、Photoshop7.0、IIS。

c）运行环境

本系统运行于WindowsXP操作系统下。

2.网页制作工具

a）网页设计工具

网页主要使用Dreamweaver8，frontpage2000辅助制作。

●Frontpage2000

frontpage2000是建立和管理专业网站的简易工具。

frontpage2000保留和发展了frontpage98的优秀功能，并根据用户的的要求增加了许多新功能。

1．更容易建立专业的，精确的网站，frontpage2000的网站创建和管理工具给用户从未有过的全面控制权。

用户可以精确的放置每一个元素在网页的任何位置，为网站设定专业的谐调的外观，输入和编辑html原代码，使用最新的网页技术，这一切不需要您编写任何程序。

2．frontpage2000不仅仅可以用来制作网页，用户可以使用它来建设和维护整个网站，更简单的检测，更新你的网站。

工作组用户可以通过frontpage2000使分布在世界各地的子公司一起工作。

3．frontpage2000与其它office组件的整合性更加提高，打开和运行的速度比frontpage98更快。

●Dreamweaver8

作为刚刚发布的MacromediaStudio8Web开发套件的一个组成部分，Dreamweaver8增加了许多激动人心的新功能。

作为业界领先的网页制作软件，Dreamweaver8这次除了增加了许多精巧的改进、工作流程更加先进之外，在新功能中还加入了经过重新设计的CSS工具、速度更爽的后台FTP，以及用于将XML文件转换为设计完美且更友好地支持浏览器的文档的工具。

Dreamweaver8的新功能简介：

一、改进的工作流程

Dreavweaver8引入了许多精巧的改进，可以帮助网页设计师更加有效地工作。

文档窗口的标签式界面将所有打开的文档放置在一个面板中，就象我们经常使用的标签浏览器Maxthon，切换文档时只需要单击一次鼠标左键就可以了，这样我们就不再需要为查找打开的窗口而费时耗力。

此外，用户现在可以将面板的排列保存为“Workspacelayout”（工作区布局）。

通过这种方式，用户可以将面板组合保存下来，以适应不同的工作流程。

例如，用户可以创建一个用于数据驱动网页设计时使用的工作区布局，再创建一个用于设计CSS成分比较多的网页的工作布局，在设计这两种不同的网页时，可以在这两种布局之间来回切换。

有几个新功能对于设计者来说是非常有吸引力的：

放大工具可以帮助更容易地对齐图像、选择较小的对象以及查看较小的文本；

通过在页面上拖放引导线可以更精确地定位对象的位置；

让Dreavwerver显示引导线来表现出不同分辨率下的可视区域。

对Flash视频的支持使得用户可以使用类VCR控制的方式直接在网页中嵌入视频。

这种视频的创建与编码需要另外的程序，比如FlashMX2004。

　　二、扩展的CSS支持

在DreamweaverMX2004中，CSS功能已经非常强大。

在此基础上，Dreamweaver8在CSS方面提供了更强的支持。

Dreamweaver8增强了复杂样式表信息的显示，减少了必须跳转到网页浏览器来检查代码设计的次数。

有几个可视化设置提供了非常有帮助的查看方式，从而解决了查看复杂CSS布局这一难题。

用户可以轮廓化CSSblock-elements，或者使用不同的背景颜色高亮显示它们，这样能够快速识别其位置及大小。

Dreamweaver8同时提供了有益的提示来直观显示一个元素中Padding和Margins的效果。

新的媒体格式支持使用户添加指向特定设备的样式，例如，可以添加只用于网页打印的样式表，也可以添加只用于在计算机屏幕上显示的样式表。

CSS面板现在完全重新设计为一个统一的面板，将DreamweaverMX2004的众多CSS面板集中到了一个位置。

这样CSS面板就变成了一个更富有可用性的控制面板，使用CSS面板可以快速确认样式、编辑样式、查看应用于页面元素的样式（就象查看段落、图像和链接一样）。

Dreamweaver8在CSS面板中加入了一个摘要视图，用于快速确认应用于当前选定元素的CSS属性。

一个简单的列表可供方便地查看哪种样式中的哪种属性被应用到当前选中的元素。

控制多种CSS样式结合来格式化一个网页的规则是复杂和易混淆的，所以这一功能必将很快地成为网页设计师不可缺少的工具，从而使设计师们从基于CSS的复杂设计中解脱出来。

b）开发语言

●ASP

ASP是ActiveServerPages的简称，是服务器端脚本编写环境。

用户可以轻松地结合HTML页面、脚本和ActiveX组件创建和运行动态、交互的Web服务器应用程序。

ASP内嵌于IIS中，ASP程序可以在Windows系列操作系统下运行。

ASP特点：

1.不依赖于浏览器2.无须编译，容易编写，可在服务器端直接执行3.ASP源程序不会被传到客户端4.可使用服务器端的脚本来产生客户端的脚本5.ActiveX服务器组件可无限扩充

●HTML

HTML是指超文本标志语言（HyperTextMarkedLanguage），它构成了Internet应用程序的基础。

3.数据库开发软件

●ACCESS2000

Access是Microsoft公司开发的一个成功的数据库产品。

其核心是MicrosoftJet数据库引擎。

Access是一个可视化的数据库管理系统，提供了非常实用的向导，很容易用它建立数据库的各种对象，如创建表、查询的报表等。

4.图像处理工具

●Photoshop7.0

AdobePhotoshop软件拥有多种提高图像表现力的工具，包括平面绘画、涂色、添文字、影像旋转、缩放、色彩及亮度调整、添加及变幻影像效果、文件格式转换等等。

Photoshop6.0使您尽享无限创作活力、创建有吸引力的Web图形、增强摄影效果、自动处理重复任务、获得精准的印刷控制。

5.其他相关知识

●ADO

ActiveXDataObject（ADO）是一种数据访问编程模式，它具有编程简单、功能强大的特点。

它可以把大部分数据源可编程的属性直接扩展到ActiveServer上，是针对当前Microsoft软件所支持的数据进行操作的极其有效的方法。

●ODBC

ODBC就像数据库中的通用语言，可以与任何具有相应驱动程序的数据源相连接。

因此，通过利用ODBC，就能够把来自Access、SQLServer等其他关系数据库数据源的数据综合在一起。

第三章、设计任务分析

现今飞速发展的网络为公司与带来的便利性举世皆知。

更为公司带来广阔的发展空间。

宣传，对公司来讲是个不可缺的工具，更是一个无法缺少的纽带，它是连接消费者与服务提供商的桥梁，是业务的来源之力。

为了更好的推销本公司，为了更好的让客户了解本公司，更方便的服务客户，且能更方便的与本公司联系，节约时间，及时发挥效应。

更加系统和有效地管理公司业务，方便客户能够在任何地点、任何时间及时地了解和掌握公司的最新行情；

更加系统和有效地管理公司业务，方便客户购物，实现客户与公司的相互交流和预订业务功能！

第四章、详细设计

1.网站前台架构

介绍整个网站前台的基本架构，详细信息如表1。

海盐家园网站

表1网站前台架构

2.网站后台架构

介绍整个网站后台的基本架构及每部分所包含的信息或功能等，详细信息如表2。

表2网站后台架构

3.网站功能模块的具体实现

3．1．前台模块

3．1．1．首页介绍

（1）．图示信息如图1

图1网站首页

（2）．详细信息

首页介绍了整个网站的内容，包括的内容有：

导航条：

通过点击能进入其他页面如海盐概况、海盐动态、海盐特产、海盐风景、管理员登陆、留言版。

用户登录：

注册过的用户输入用户名和密码就能登录网站，可以享受会员待遇。

站内探索：

输入的内容出现在新闻标题中，则会显示具有相应文字的新闻标题。

本站公告：

发布本站的公告。

海盐动态：

发布海盐近来的新闻。

海盐风景：

发布了海盐的风景点。

摄影作品：

发布了海盐的风景图片。

友情链接：

链接一些相关网站，以方便浏览者浏览。

浏览者可以通过点击“注册”进入注册页面。

注册模块是由zc.asp、dl.asp（实现的是对输入的有关资料进行有效性验证，提示用户注册反馈成功或不成功，注册成功后将用户资料存入数据库）两张页面组成。

注册页面如图2：

图2用户注册

表单中需输入的有用户名（username）、密码（password）并需要进行验证。

验证用户名、密码是否为空，用户名是否已被注册。

这里是用vbscript语言编写的，下面是用来判断用户是否已被注册的代码：

ifname="

"

orpw="

then

response.write"

注册时应填写“昵称”和“密码”！

请重新<

ahref=zc.asp>

注册<

/a>

‘若用户名或密码有一个为空，就出错。

strsql="

select*fromuserinfowhereuser='

&

name&

'

ifnotrs.eofthen

此用户已存在！

‘判断输