网站说明文档

门户网网站

说明文档

专 业：计算机科学与技术1班

学 号： ********

* 名： ***

成 绩：

前 言

在信息时代，我们需要用信息化、电子化的方式表达自我。这样

才能赶上时代前进的步伐！

现在有关新闻网站层出不穷，但是直接简明的展示新闻的网站还

是很少的。一个个性而又丰富多彩的网站能够展示出新闻的魅力！

下面我对本网站做简要介绍：

（一）从技术上

1、Windows 7 + DreamweaverCS6的网站设计制作环境。

2、网站中的图片、视频可以直接有效地了解到具体的内容。

（二）从整体结构上

首先，从整体的布局上来说，网站页面布局采用左导航栏的布局，

多版块布局方式，提高页面浏览速度；从外观上采用淡色作为网站的

主色调，淡淡的色调让整个页面充满了生气与活力。

其次，网站丰富的内容更是给人耳目一新的感觉，绝美的图片和

优美的文字给用户耳目一新的感觉，提供给用户很多药了解的信息。

- 1 -

目 录

1.网站结构图.................................................... - 3 -

2.技术支持...................................................... - 3 -

3.基本功能板块.................................................. - 5 -

4.开发流程...................................................... - 5 -

5.备 注........................................................ - 6 -

- 2 -

1.门户网站结构图

我的网站

首

新

体

页

闻

育

简

科

介

技

小

说

娱

爱

乐

好

- 3 -

2.技术支持

一、开发环境

1.

Microsoft Office FrontPage 2003

7.0浏览器

二、服务器

服务器类别：PC服务器。

三、页面布局

（一）外观上

页面布局采用右导航栏布局，多版块布局方式，提高页面浏览速

度。

（二）技术上

页面布局技术主要采用的是css技术，部分页面采用表格布局技

术。

四、运行环境

（一）前台运行环境

1、本网站可以运行在windowsXP + IE 6.0以上版本的浏览器

2、Windows 7 + IE 8.0或者IE 9

3、Ubuntu + Firefox 6.0

（二）后台运行环境

WindowsXP + IE6.0以上版本的浏览器，Windows7+IE7.0版本

浏览器。

- 4 -

一、前台功能

3.基本功能板块

1、首页：不论在哪个页面点击主页都会进入网站的主页，方便

用户进行浏览网站的全部功能。

2、新闻：用户可以浏览新闻。

3、体育：用户可以了解体育方面的新闻。

4科技、娱乐、汽车：用户可以了解相关知识。

二、前台功能特色

1、首页：打开首页了解到更多更详细的想要的信息。

2、信息：方便用户用很短的时间来了解自己想要了解的信息。

三、后台管理功能

本网站最大的特色简单直接，用户可以在最短的时间了解篮球的

一切，并且找到最想要的图片、视频。本网站的后台主要包括：

1、首页管理：其中包含首页管理，网站预览。

2、系统管理：包括系统配置和网站名，该功能能够很方便了解

系统。

3、内容管理：这个功能中含有图片，素材，题材三个子功能，

这样可以清晰的知道系统中各种信息的存放。

4.开发流程

一、网页开发流程

- 5 -

1、分析环节：

目标对象分析，功能分析，内容分析。

2、设计环节：

组成模块设计，版面设计，媒体元素设计，超链接设计。

3、制作方案：

提出具体主页布局及其它页面布局方式，画出页面大致效果图。

4、开发环节：

根据前面得出的开发制作方案，选用工具，进行网页制作：动画、

图片的制作，单一网页的制作，最后用超链接将相关网页联系起来。

5、实施环节：

对开发好的网页进行使用，搜集存在的问题，修改完善。

- 6 -

5.备 注

一、服务器的配置方法

（一）Windows2003中IIS服务器的配制方法

1、将源代码解压到服务器的任意文件夹下

2、打开“控制面板”-“管理工具” –打开 “Internet 信息

服务”，展开“网站列表”，右键-“新建” –“网站” -点击“下

一步”，填入“网站描述”-选择IP地址-浏览解压的网站根目录-“下

一步”—勾选所有的-“选项”后“下一步”-“完成”。

3、找到网站根目录后，右键-“安全” -给Internet来宾账户

赋予“完全控制权限”。

4、打开IIS服务器，找到刚才建立的网站右键-“属性” –“文

档”选项卡-“添加” –写入“index. asp”，然后将“index. asp”

移动到第一位。

5、找到“主目录”选项卡-“配置” -找到“选项”选项卡-

勾选“启用父路径”。

6、打开浏览器，在地址栏中输入

“localhost/”或者在其他电脑浏览器上输入

刚才配置的IP地址/”刚才分配的IP地址进行浏览。

（二）Windows7(旗舰版)中IIS服务器的配置方

1、点击“开始”菜单->“控制面板”->点击打开->找到"程序"

项。

- 7 -

2、在打开的窗口中找到“程序和功能”中->点击“打开或关闭

Windows功能”。

3、我们需选中“Internet 信息服务”选项，然后点击确定即可。

随后系统会自动弹出“Windows正在更改功能”提示框,这时候用户只

需等待一段时间。

4、系统提示安装成功后,点击"开始"菜单->在"程序"中找到->"

管理工具"项->点开就可以看到"IIS Manager"项，点击"IIS Manager"

就可以看到IIS 7 的界面。

二、关于浏览网页的建议

由于系统的兼容性问题没有得到很好的解决，我们建议采用IE7，IE8

来访问本站。

- 8 -

附件：

素材/', /*url*/'素材/', /*url*/'', /*url*/'',

/*url*/'', /*url*/'', /*url*/'', /*url*/'',

/*url*/'', /*url*/'', /*url*/'', /*url*/'',

/*url*/'', /*url*/'', /*url*/'', /*url*/'',

/*url*/'', /*url*/'', /*url*/'', /*url*/'')"

background="../../Pictures/哈哈jpeg">

               &n

bsp;              &nbs

- 9 -

p;               

               &n

bsp;    

fp-style="fp-btn: Embossed Capsule 5; fp-font: SimSun-ExtB; fp-font-style: Bold Italic;

fp-font-size: 18; fp-font-color-normal: #008000; fp-font-color-hover: #FF00FF;

fp-font-color-press: #0000FF; fp-bgcolor: #FF0000; fp-proportional: 0" fp-title="music"

onmouseover="FP_swapImg(1,0,/*id*/'img12',/*url*/'')"

onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'')"

onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'')"

onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'')">

fp-style="fp-btn: Glow Tab 2; fp-font: SimSun-ExtB; fp-font-style: Bold Italic; fp-font-size:

36; fp-font-color-normal: #FF00FF; fp-font-color-hover: #00FF00; fp-bgcolor: #00FF00;

fp-proportional: 0" fp-title="首页" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'素材

/')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'素材/')"

onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'素材/')"

onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'素材

/')">            &nbs

p;               

               &n

bsp;              &nbs

p;

fp-style="fp-btn: Embossed Capsule 5; fp-font: SimSun-ExtB; fp-font-style: Bold Italic;

fp-font-size: 18; fp-font-color-normal: #008000; fp-font-color-hover: #FF00FF;

fp-font-color-press: #0000FF; fp-bgcolor: #FF0000; fp-proportional: 0" fp-title="video"

onmouseover="FP_swapImg(1,0,/*id*/'img14',/*url*/'')"

onmouseout="FP_swapImg(0,0,/*id*/'img14',/*url*/'')"

onmousedown="FP_swapImg(1,0,/*id*/'img14',/*url*/'')"

onmouseup="FP_swapImg(0,0,/*id*/'img14',/*url*/'')">    

fp-style="fp-btn: Glow Tab 2; fp-font: SimSun-ExtB; fp-font-style: Bold Italic; fp-font-size:

36; fp-font-color-normal: #00FFFF; fp-font-color-hover: #FF00FF; fp-font-color-press: #0000FF;

fp-proportional: 0" fp-title="自我介绍"

onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'')"

onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'')"

onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'')"

- 10 -

onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'')">

fp-style="fp-btn: Glow Tab 2; fp-font: SimSun-ExtB; fp-font-style: Bold Italic; fp-font-size:

36; fp-font-color-normal: #00FF00; fp-proportional: 0" fp-title="新闻"

onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'素材/')"

onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'素材/')"

onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'素材/')"

onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'素材/')">

Glow Tab 2; fp-font: SimSun-ExtB; fp-font-style: Bold Italic; fp-font-size: 36;

fp-font-color-normal: #FF0000; fp-proportional: 0" fp-title="体育"

onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'')"

onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'')"

onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'')"

onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'')">

Glow Tab 2; fp-font: SimSun-ExtB; fp-font-style: Bold Italic; fp-font-size: 36;

fp-font-color-normal: #0000FF; fp-proportional: 0" fp-title="小说"

onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'')"

onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'')"

onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'')"

onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'')">

fp-style="fp-btn: Glow Tab 2; fp-font: SimSun-ExtB; fp-font-style: Bold Italic; fp-font-size:

36; fp-font-color-hover: #000080; fp-font-color-press: #FFFF00; fp-proportional: 0" fp-title="

最新科技" onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'')"

onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'')"

onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'')"

onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'')">

fp-style="fp-btn: Glow Tab 2; fp-font: SimSun-ExtB; fp-font-style: Bold Italic; fp-font-size:

36; fp-font-color-normal: #00FF00; fp-font-color-hover: #FF0000; fp-font-color-press: #0000FF;

fp-bgcolor: #FF0000; fp-proportional: 0" fp-title="航母介绍"

- 11 -

onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'')"

onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'')"

onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'')"

onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'')">

onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'')"

onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'')"

onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'')"

onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'')" fp-style="fp-btn: Glow Tab 2;

fp-font: SimSun-ExtB; fp-font-style: Bold Italic; fp-font-size: 36; fp-bgcolor: #FF00FF;

fp-proportional: 0" fp-title="娱乐">

onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'')"

onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'')"

onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'')"

onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'')" fp-style="fp-btn: Glow Tab 2;

fp-font: SimSun-ExtB; fp-font-style: Bold Italic; fp-font-size: 36; fp-font-color-normal:

#00FFFF; fp-font-color-hover: #0000FF; fp-proportional: 0" fp-title="个人爱好">

- 12 -