网站开发技术综合训练设计题目秦时明月网页设计学生学号：学生姓名：专业班级：指导教师：摘要在In te rn e t飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，因此网站建设在I n te rn et应用上的地位越来越重要了。
目前In te rn et上已有百万个We b站点，其内容范畴跨越了教育科研，文化事业，金融，商业，新闻出版娱乐体育等各个领域，其用户群十分庞大。
动漫设计网站成为越来越多动漫爱好者和非动漫爱好者获取信息和交流的平台，它满足了广大用户随时随地进行交流和沟通的需要，为网上用户提供交流场所，实现高效动态信息交流。
本学期通过对《网页设计》的学习，让我了解到了如何设计网页，以及一些基础的网页设计的知识和对D r ea mw ea ve r软件的基础应用。
学到了运用一些基础的网页设计工具和原则来制作和美观网站，比如，背景图片、文字、超级链接、布局、框架多媒体、Fl as h动画等等。
关键字：IIS、Access、Dreamweaver、秦时明月.目录第1章绪论 (4)1.1前言 (4)1.2设计任务 (4)第2章开发环境简介 (5)2.1开发环境描述 (5)第3章网站需求分析 (5)3.1系统概述 (5)3.2系统的可行性分析 (6)第4章网站的开发与实现 (6)4.1网站的开发 (6)4.2网站的实现 (13)第5章网站测试 (21)参考文献 (23)课程设计总结 (24)第1章绪论1.1前言在本学期通过对网页设计的学习，以及个人对动漫的喜欢，使得我想在网页设计课程设计中作一个关于动漫的网站，作为动漫爱好者以及动漫专业人员有三个浏览动漫类网站的理由：一、喜欢动漫希望了解动漫相关信息；二、在线观看动漫；三、相互交流。
大约90%的浏览者是出于第一个目的进行浏览的。
现在有很多动漫网站，形式统一，给人感觉整体感强，分类规律，文字颜色统一，有突出重点颜色，网站内容与网站名较符合，因此针对以上现状和问题我想设计针对于《秦时明月》的相关网站，一来是因为我是忠实的秦时明月粉，二是想向大家介绍一下这部动漫，一部很不错的国产动漫。
1.2设计任务通过设计达到掌握网页设计、制作的技巧。
了解和熟悉网页设计的基础知识和实现技巧。
根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。
熟练掌握Dr ea mw ea ve rc s6、F la sh5.0、ii s6.0、A cc es s 2003等软件的的操作和应用。
增强动手实践能力，进一步加强自身综合素质，作为一个动漫网站，首先布局一定新颖，有特色，只有这样才能引起用户的关注，包含的信息要全面才能适应不同需求的人，最大限度的满足人们的需求，而且要有很强的交互性，交互性差的网站会让用户产生厌烦情绪，当然一个好的动漫网站还要有很完整的处理信息的功能，以便及时的更新网络中的信息，通过对用户的调查和现有动态网站的分析，为了满足大多数用户的需求，所以我的目标是要构建一个简单清晰但包含信息相对全面、交互性强、具有个性的动漫网站。
第2章开发环境简介2.1开发环境描述软件环境：Win d ow 7硬件环境：个人计算机开发工具：Dr ea mwe a ve r、I IS、Ac ces s第3章网站需求分析3.1系统概述在本学期通过对网页设计的学习，以及个人对动漫的喜欢，使得我想在网页设计课程设计中作一个关于动漫的网站，作为动漫爱好者以及动漫专业人员有三个浏览动漫类网站的理由：一、喜欢动漫希望了解动漫相关信息；二、在线观看动漫；三、相互交流。
大约90%的浏览者是出于第一个目的进行浏览的。
现在有很多动漫网站，形式统一，给人感觉整体感强，分类规律，文字颜色统一，有突出重点颜色，网站内容与网站名较符合，因此针对以上现状和问题我想设计针对于《秦时明月》的相关网站，一来是因为我是忠实的秦时明月粉丝二是想向大家介绍一下这部动漫，一部很不错的国产动漫。
作为一个动漫网站，首先布局一定新颖，有特色，只有这样才能引起用户的关注，包含的信息要全面才能适应不同需求的人，最大限度的满足人们的需求，而且要有很强的交互性，交互性差的网站会让用户产生厌烦情绪，当然一个好的动漫网站还要有很完整的处理信息的功能，以便及时的更新网络中的信息，通过对用户的调查和现有动态网站的分析，为了满足大多数用户的需求，所以我的目标是要构建一个简单清晰但包含信息相对全面、交互性强、具有个性的动漫网站。
3.2系统的可行性分析3.2.1实用性网站的宗旨是为用户提供更详尽的信息。
3．2.1技术性网站给客户提供了关于秦时明月的各种信息和历史信息。
第4章网站的开发与实现4.1网站的开发4.1.1网站主题：秦时明月4.1.2系统设计动漫网站是一个典型的网络，有前台浏览和网站后台管理两大部分组成。
（1）前台功能模块前台主要包括动漫首页、动漫背景、动漫小视频、动漫音乐和一些子网页的链接，首页是一个网站的起点，它展示了一个网站的整体风格。
（2）后台管理模块后台主要包括后台登录模块，注册模块，登陆成功、登录失败模块等。
网络的前台系统功能结构如图4-1所示：图4-1动漫网站前台主要功能简述：4.1.3、主页：a.主页——导航模块：当鼠标移动至导航，相应处背景变换，移动到文字连接，文字颜色发生变化。
点击超链接，将跳转到相应页面。
如：将鼠标放在“首页处”文字颜色和背景都将发生变化。
点击“动画”，将跳转到动画页面。
b.主页——动画动漫模块：当鼠标经过相应的版块，会对应出相应模块。
当鼠标经过超链接时，图像的边框颜色和宽度以及文字部分会发生变化。
c.主页——背景音乐模块：当主页打开，背景音乐自动循环播放。
d.主页——登录模块：与数据库连接。
当输入正确的用户名及密码会显示登录成功。
用户名或密码出错，将会给出提示。
主页——子网页链接：点击链接将进入相应的网站。
e.注册页面——注册模块：与数据库链接。
用户输入正确的用户名及密码（非空），点击注册，将显示注册成功或者用户名已被注册。
f.登录界面：登录窗口的注意点：（1）用户名必须先验证后，并且登录成功后，才能登录到后台的管理信息。
（2）注册的实现。
（3）用户密码的实现。
（4）用户登录错误提示。
功能模块的描述如图4-2：图4-2部分代码如下：<b od y><f or m ac ti on=”va l id at eA ct io n.asp m et ho d=po st”><t ab le b or de r=”1”w id th=”400”a l ig n=”en te r”><t r><t d al ig n=”ri ght”密码：</t d><t d><i mg id=”i mg”sr c=”co de.a sp”><ah r ef=”j av as cr ipt:re fe rs h co de()”></tr><t r><t d al ig n=”ri ght”>输入密码：</t d><t d><i np ut t yp e>”te xt”na me“in p ut co de”</td></tr></ta bl e></fr om><d iv s ty le”co lor:re d;te xt-a li gn:c en te r;”>I n t w id th=100;//密码的宽度I n t he ig ht=25;//密码的高度S t ri ng s=””//密码字符串C h ar[]C o de={‘a’,’b’,’c’,’d’,’e’,’f’,’g’,’h’,’1’,’2’,’3’,’4’,’5’,’6’}R a nd om r an do m new ra nd om();F o r(in t i=1;i<=4;i++){S=co de[r an do m.n ex ti nt(c od e.len g th)];登录成功显示登录信息：<%U s er u se ri nf o=(us e r)se ss io n.ge tAt t ib ut e(“lo gi nus e r”); S y st em .ou t .p rin t ln(u se ri nf o.get u se rN am e());%><t ab lea l ig n=”ce nt er”b o rd er=”()”c ell p ad di ng=”5”cel l sp ac i n g=”0”b g co lo r=”#C CC CC”wi dt h=”100%”h e ig ht=”100%”><t r><t d al ig n=”ce nte r”><i mg s rc =”im age/he ad<%us er in fo.g eth e ad()%>”wi dt h=”60”he ig ht=”60”><b r/><% u se ri nf o.ge tus e rN am e()%>已登录<b r><%us er in fo.g et int e gr al()%><b r/>4.1.4 I IS安装与调试进入Wi nd ow7的控制面板，打开左侧的打开或关闭Wi nd o w功能如图4-3所示：图4-3按照图片勾选功能如图4-4所示：图4-4安装完成后，再次进入控制面板里的管理工具，进入II S控制面板。
4.1．5 A cc es s数据库在桌面上右击鼠标打开新建里的Mi cr o so ft o ff ic e a cce s s如图4-5图4-5创建新建空白数据库如图4-6：图4-6以及其他部分截图如图4-7、4-8所示：图4-7图4-8 4.2网站的实现网站的主页面截图如图4-9所示：图4-9主页部分代码如下：<!DO CT YP E ht ml PU B LI C "-//W3C//DT D X HT ML 1.0T r an si ti on al//E N""h tt p://ww w.w3.or g/T R/xh tm l1/D TD/x ht ml1-tr an si tio n al.d t d"><h tm l xm ln s="h ttp://ww w.w3.o rg/1999/xh tm l"><h ea d><m et a ht tp-e qu iv="Co nt en t-Ty pe" c o nt en t="t ex t/htm l;c h ar se t=gb2312" /><t it le>无标题文档</ti tl e><s ty le t yp e="t ext/cs s"><!--b o dy {b a ck gr ou nd-i ma ge:u r l(../52a aa b82620f85160e00f0363b e a3da c.jp g);}.S TY LE17 {f on t-st y le: i ta li c; co lo r: #CC0099; f on t-f am il y: "苏新诗双勾体";}#L ay er1 {p o si ti on:a bs ol ute;w i dt h:200p x;h e ig ht:115px;z-in de x:1;l e ft: 481p x;t o p:-7p x;}#L ay er2 {p o si ti on:a bs ol ute;w i dt h:256p x;h e ig ht:116px;z-in de x:1;l e ft: 524p x;t o p: 63p x;}.S TY LE18 {f o nt-f am il y: "微软繁魏碑";f o nt-s iz e: 45p x;c o lo r: #0066FF;f o nt-w ei gh t: b old;}.S TY LE19 {co lo r: #00FF00}.S TY LE20 {co lo r: #CC00CC}.S TY LE21 {co lo r: #FF FF00}.S TY LE23 {fo nt-fa m il y:"微软简中圆"}.S TY LE38 {fo nt-si z e: 24p x}--></st yl e><s cr ip t t y pe="te xt/J av aSc r ip t"><!--f u nc ti on M M_in itT i me li ne s() { //v4.0//MM_i ni tT im e li ne s() C op yr ig h t 1997 M ac ro me di a, I nc.A l l ri gh ts r es erv e d.va r ns = n av i ga to r.ap pN am e == "Ne ts ca pe";va r n s4=(n s &&p ar se In t(na vig a to r.ap pV er si on)==4);va r ns5 = (ns && pa rs eI nt(n avi g at or.a pp Ve rs ion) > 4);va r ma cI E5 =(n av ig at or.p lat f or m ?(n av ig at or.p la tfo r m == "Ma cP PC") : f al se) &&(n av ig at or.a pp Nam e == "M ic ro so ft I nt er ne t Ex pl ore r") && (p ar se In t(na vi gat o r.ap pV er si on) >= 4);do cu me nt.M M_T im e = ne w Ar ray(1);do cu me nt.M M_T im e[0] = n ew Ar r ay(0);do cu me nt.M M_T im e["T im el in e1"] =d o cu me nt.M M_Ti me[0];do cu me nt.M M_T im e[0].M M_Na me = "Ti me li ne1";do cu me nt.M M_T im e[0].f ps = 15;do cu me nt.M M_T im e[0].l as tF ram e = 0;fo r (i=0; i<d oc um en t.MM_T ime.le ng th; i++) {do cu men t.M M_Ti me[i].ID = n ul l;do cu men t.M M_Ti me[i].cur F ra me = 0;do cu men t.M M_Ti me[i].del a y =1000/d oc um en t.MM_T im e[i].f ps;}}//--></sc ri pt></he ad><b od yo n lo ad="MM_t im eli n eP la y('T im el ine1');M M_Ch ec kF las h Ve rs i o n('7,0,0,0','本页内容需要使用较新的Ma cr om ed ia F l as hP l ay er 版本。