网站说明文档
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
门户网网站说明文档
专业：计算机科学与技术1班
学号： ********
*名：***
成绩：
前言
在信息时代，我们需要用信息化、电子化的方式表达自我。
这样才能赶上时代前进的步伐！
现在有关新闻网站层出不穷，但是直接简明的展示新闻的网站还是很少的。
一个个性而又丰富多彩的网站能够展示出新闻的魅力！
下面我对本网站做简要介绍：
（一）从技术上
1、Windows 7 + DreamweaverCS6的网站设计制作环境。
2、网站中的图片、视频可以直接有效地了解到具体的内容。
（二）从整体结构上
首先，从整体的布局上来说，网站页面布局采用左导航栏的布局，多版块布局方式，提高页面浏览速度；从外观上采用淡色作为网站的主色调，淡淡的色调让整个页面充满了生气与活力。
其次，网站丰富的内容更是给人耳目一新的感觉，绝美的图片和优美的文字给用户耳目一新的感觉，提供给用户很多药了解的信息。
目录
1.网站结构图.................................................... - 3 -
2.技术支持...................................................... - 3 -
3.基本功能板块.................................................. - 5 -
4.开发流程...................................................... - 5 -
5.备注........................................................ - 6 -
1.门户网站结构图
2.技术支持
一、开发环境
1.Microsoft Office FrontPage 2003
2.IE7.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版本浏览器。
3.基本功能板块
一、前台功能
1、首页：不论在哪个页面点击主页都会进入网站的主页，方便用户进行浏览网站的全部功能。
2、新闻：用户可以浏览新闻。
3、体育：用户可以了解体育方面的新闻。
4科技、娱乐、汽车：用户可以了解相关知识。
二、前台功能特色
1、首页：打开首页了解到更多更详细的想要的信息。
2、信息：方便用户用很短的时间来了解自己想要了解的信息。
三、后台管理功能
本网站最大的特色简单直接，用户可以在最短的时间了解篮球的一切，并且找到最想要的图片、视频。
本网站的后台主要包括：
1、首页管理：其中包含首页管理，网站预览。
2、系统管理：包括系统配置和网站名，该功能能够很方便了解系统。
3、内容管理：这个功能中含有图片，素材，题材三个子功能，这样可以清晰的知道系统中各种信息的存放。
4.开发流程
一、网页开发流程
1、分析环节：
目标对象分析，功能分析，内容分析。
2、设计环节：
组成模块设计，版面设计，媒体元素设计，超链接设计。
3、制作方案：
提出具体主页布局及其它页面布局方式，画出页面大致效果图。
4、开发环节：
根据前面得出的开发制作方案，选用工具，进行网页制作：动画、图片的制作，单一网页的制作，最后用超链接将相关网页联系起来。
5、实施环节：
对开发好的网页进行使用，搜集存在的问题，修改完善。
5.备注
一、服务器的配置方法
（一）Windows2003中IIS服务器的配制方法
1、将源代码解压到服务器的任意文件夹下
2、打开“控制面板”-“管理工具”–打开“Internet 信息服务”，展开“网站列表”，右键-“新建”–“网站” -点击“下一步”，填入“网站描述”-选择IP地址-浏览解压的网站根目录-“下一步”—勾选所有的-“选项”后“下一步”-“完成”。
3、找到网站根目录后，右键-“安全” -给Internet来宾账户赋予“完全控制权限”。
4、打开IIS服务器，找到刚才建立的网站右键-“属性”–“文档”选项卡-“添加”–写入“index. asp”，然后将“index. asp”移动到第一位。
5、找到“主目录”选项卡-“配置” -找到“选项”选项卡-勾选“启用父路径”。
6、打开浏览器，在地址栏中输入
“http://localhost/index.asp”或者在其他电脑浏览器上输入http://刚才配置的IP地址/”刚才分配的IP地址进行浏览。
（二）Windows7(旗舰版)中IIS服务器的配置方
1、点击“开始”菜单->“控制面板”->点击打开->找到"程序"项。
2、在打开的窗口中找到“程序和功能”中->点击“打开或关闭Windows功能”。
3、我们需选中“Internet 信息服务”选项，然后点击确定即可。
随后系统会自动弹出“Windows正在更改功能”提示框,这时候用户只需等待一段时间。
4、系统提示安装成功后,点击"开始"菜单->在"程序"中找到->"管理工具"项->点开就可以看到"IIS Manager"项，点击"IIS Manager"就可以看到IIS 7 的界面。
二、关于浏览网页的建议
由于系统的兼容性问题没有得到很好的解决，我们建议采用IE7，IE8
来访问本站。
附件：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length; n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm; elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(yers) c=yers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || ==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>
<body onload="FP_preloadImgs(/*url*/'素材/button2.jpg', /*url*/'素材/button3.jpg', /*url*/'素材/button5.jpg', /*url*/'素材/button6.jpg', /*url*/'button8.jpg', /*url*/'button9.jpg',
/*url*/'buttonB.jpg', /*url*/'buttonC.jpg', /*url*/'buttonE.jpg', /*url*/'buttonF.jpg',
/*url*/'button1A.jpg', /*url*/'button1B.jpg', /*url*/'button1D.jpg', /*url*/'button1E.jpg', /*url*/'button23.jpg', /*url*/'button24.jpg', /*url*/'button1E1.jpg', /*url*/'button1F.jpg', /*url*/'button2.jpg', /*url*/'button3.jpg', /*url*/'button10.jpg', /*url*/'button11.jpg')" background="../../Pictures/哈哈jpeg">
<p align="center">
&n bsp; &nbs
p; &n bsp;
<a href="素材/music/Beyond%20-%20光辉岁月.wav">
<img border="0" id="img12" src="button1.jpg" height="40" width="100" alt="music"
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*/'button2.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'button1.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'button3.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'button2.jpg')"></a></p>
<p>
<img border="0" id="img2" src="素材/button1.jpg" height="80" width="200" alt="首页"
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*/'素材
/button2.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'素材/button1.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'素材/button3.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'素材
/button2.jpg')"> &nbs p; &n bsp; &nbs p;
<a href="朋友网（腾讯朋友）..swf">
<img border="0" id="img14" src="button12.jpg" height="40" width="100" alt="video"
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*/'button10.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img14',/*url*/'button12.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img14',/*url*/'button11.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img14',/*url*/'button10.jpg')"></a> </p>
<p>
<a href="个人介绍.htm">
<img border="0" id="img11" src="button1D1.jpg" height="80" width="200" alt="自我介绍"
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*/'button1E1.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'button1D1.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'button1F.jpg')"
- 10 -
onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'button1E1.jpg')"></a></p>
<p>
<a href="新闻.htm">
<img border="0" id="img3" src="素材/button4.jpg" height="80" width="200" alt="新闻"
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*/'素材/button5.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'素材/button4.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'素材/button6.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'素材/button5.jpg')"></a></p>
<p>
<a href="体育.htm">
<img border="0"id="img4"src="button7.jpg"height="80"width="200"alt="体育"fp-style="fp-btn: 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*/'button8.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button7.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button9.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button8.jpg')"></a></p>
<p>
<a href="小说.htm">
<img border="0"id="img5"src="buttonA.jpg"height="80"width="200"alt="小说"fp-style="fp-btn: 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*/'buttonB.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'buttonA.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'buttonC.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'buttonB.jpg')"></a></p>
<p>
<a href="最新科技.htm">
<img border="0" id="img6" src="buttonD.jpg" height="80" width="200" alt="最新科技"
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*/'buttonE.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'buttonD.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonF.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'buttonE.jpg')"></a></p>
<p>
<a href="航母介绍.htm">
<img border="0" id="img7" src="button19.jpg" height="80" width="200" alt="航母介绍"
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*/'button1A.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'button19.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'button1B.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'button1A.jpg')"></a></p>
<p>
<a href="娱乐.htm">
<img border="0" id="img8" src="button1C.jpg" height="80" width="200" alt="娱乐"
onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'button1D.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'button1C.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'button1E.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'button1D.jpg')" 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="娱乐"></a></p>
<p>
<a href="视频.htm">
<img border="0" id="img9" src="button22.jpg" height="80" width="200" alt="个人爱好" onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'button23.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'button22.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'button24.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'button23.jpg')" 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="个人爱好"></a></p>
<p>
</p>
<p></p>
</body>
</html>
- 12 -。