《Web网页设计》课程设计
题    目:                           
班    级:                     
姓    名:                     
         
指导教师:                         
         
2011年12月22日
html网页设计报告总结课程设计任务书
一、 设计任务及要求：
  采用Dreamweaver+ASP+Access综合进行课程设计，开发一个动态的网站系统，要求能够根据设计题目的要求，划分功能模块，根据功能模块的划分，进行相应的数据库设计，画出程序流程图，列出组成网页的文件清单；完成程序代码，对各模块进行整合，并进行调试，编写课程设计报告。
1、设计任务要求
（1）进一步巩固和加深“Web网页设计”课程的基本知识，了解ASP动态网页设计知识在实际中的应用。
(2) 综合运用“ASP动态网页设计”课程和先修课程的理论及生产实际知识去分析和解决问题，进行的相关训练。
(3) 学习ASP动态网页设计的一般方法，了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式，培养正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。
(4) 通过能系统的分析、系统设计、数据库设计和功能的实现等，培养ASP动态网页设计的基本技能
2、设计内容要求
1）、站点主题自拟、站点风格自行设计、布局简洁美观，站点内容健康详实，站点图片与网页内容贴近主题。
2）、所有页面必须有头部导航栏和尾部版权信息。
3）、文档结构清晰，不得出现中文的文件夹名字以及中文的网页名字。
4）、所有网页必须给标题命名。
5）、整个站点必须有良好的导航系统。
6）、考虑页面与屏幕的分辨率问题。　
3、设计报告要求
1）、设计报告要有封面、有页码；
2）、设计报告必须在2011年12月23日提交；
3）、设计报告必须交打印文档。
                                                    指导教师签名           
                                                           
  年  月    日
二、 指导教师评语：
                                              指导教师签名           
                                                              年    月    日
三、 成绩评定
                                                 
指导教师签名           
    年    月    日
一、课题名称：
二、设计时间：
2011年12月12日——2011年12月23日
时间安排：
12月12日——12月22日设计、编码
12月23日：书写设计报告、提交
三、设计环境
硬件：多媒体机房
软件：Dreamweaver8.0 +AspWebServer +Access2003+Flash+PS
四、设计目的：
1、进一步巩固和加深“Web网页设计”课程的基本知识，了解ASP动态网页设计知识在实际中的应用。
2、综合运用“Web网页设计”课程和先修课程的理论及生产实际知识去分析和解决问题，进行的相关训练。
3、学习ASP动态网页设计的一般方法，了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式，培养正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。
  1）、数据库、表的设计
  2） 增加模块、修改模块、删除模块的代码编写
4、通过能系统的分析、系统设计、数据库设计和功能的实现等，培养ASP动态网页设计的基本技能。
五、设计要求
1、独立完成课程设计。
2、要求熟练掌握Dreamweaver的操作使用，AspWebServer的安装与配置
3、熟练掌握Access数据库的设计基本方法。
4、站点主题自拟（体育、军事、茶叶、个人站点等）站点风格自行设计、布局简洁美观，站点内容健康详实，站点图片与网页内容贴近主题。
5、文档结构清晰，不得出现中文的文件夹名字以及中文的网页名字
6、所有网页必须给标题命名，整个站点必须有良好的导航系统
六、设计内容与步骤
1、 网站的规划与设计
1） 网站定位（面向人，涉及范围）
随着信息化全面普及，为处理大量数据、发布及时信息，所以建立一个系部网站。希望该
网站能够让师生之间进行良好的沟通。网站通过asp架构可以对学生的基本信息及其大量的学习成绩尽心处理
2） 网站简介
信息工程管理系统网是面向信息工程系的信息、管理系统。信息工程管理系统旨在为广大师生提供一个交流的平台，强调师生互动的特，而非仅仅是自上而下发布消息的场所。网站基于ASP+Access的架构，通过后台管理，能够实现即时更新。通过学院服务器进行组建服务管理。网站涵盖了了系部的动态信息的发布，各个班级子网的建设。此网站能让同学知道更多关于系部的消息及外部人员更好的了解本系动态。为实现更好的网站建设，由各个班级自己实施管理，可以根据实际需要发布班级动态，自主查自己需要的信息，可以更好的促进个人与集体的沟通交流。
3） 网站的栏目规划（总体结构设计）
       
4） 网站的数据设计与规划
一个专业的网站建立在合理的网站规划前提之下，网站规划既有战略性的内 容，也包含战术性的内容，网站规划应站在网络营销战略的高度来考虑，战术是为战略服务的。网站规划是网站建设的基础和指导纲领，决定了一个网站的发展方 向，同时对网站推广也具有指导意义。网络营销计划侧重于网站发布之后的推广，网站规划侧重于网站建设阶段的问题，
但网站建设的目的是为了开展网络营销的需 要，因此应该用全局的观点来看待网站规划，在网站规划阶段就将计划采用的营销手段融合进来，而不是等待网站建成之后才考虑怎么去做营销。网站规划的内容对 网络营销计划同样具有重要意义，具有与网络营销计划同等重要的价值，二者不可互相替代。网站规划的主要意义就在于树立网络营销的全局观念，将每一个环节都 与网络营销目标结合起来，增强针对性，避免盲目性。
5） 网站的文档结构图
   
2、 网站主要页面及核心代码
<body onLoad="init();" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="global_nav"><ul><li><a href='index.asp' id=menu1 title='首页'>首页</a></li>
<li><a href='Huaihi_Type.asp?Huaihi_typeid=2' id=menu2 title='学校概览'>系部风采</a></li>
<li><a href='Huaihi_Type.asp?Huaihi_typeid=3' id=menu3 title='机构设置'>系部动态</a></li>
<li><a href='Huaihi_Type.asp?Huaihi_typeid=4' id=menu4 title='招生就业'>10网络</a></li>
<li><a href='Huaihi_Type.asp?Huaihi_typeid=5' id=menu5 title='教学科研'>10多媒体</a></li>
<li><a href='Huaihi_Type.asp?Huaihi_typeid=6' id=menu6 title='德育之窗'>10冶控</a></li>
<li></li>
<li></li>
<li></li><li></li>
</ul><SCRIPT LANGUAGE=javascript>
<H2>校长寄语</H2>
<DIV class=email>
<a target="_blank" href="www.Huaihi/?此连接地址在Huaihi_xx.asp文件内修改！">
<img border="0" src="Images/aa.jpg" align="absbottom" width="214" height="218"></a></div>
</div>
<div class="clear_float"></div></A>
<!--邮箱登录开始-->
<div class=login_email>
<H2>邮箱登录</H2>
<DIV class=email>
<p align="center">
<select onchange="window.open(this.options[this.selectedIndex].value)" name="select" size="1">
<option selected>请选择邮箱</option>
<a  target="_blank" href="Huaihi_ReadNews.asp?NewsId=175" title="信息工程系动态">信息工程系动态 </a>
</div>   
<div class=tj>
</div>
</div>
<div class="clear_float"></div>
  <map name="Map7" id="Map7">
    <area onmouseover="javascript:ShowPic(Layer7);" shape="rect" coords="14,1,115,30" />
    <area onmouseover="javascript:ShowPic(Layer8);" shape="rect" coords="134,5,204,28" />
  </map>
  <SCRIPT>
      document.all.Layer8.style.display="none";
      document.all.Layer8.style.visibility="hidden";
<div id=daodu>
<div id=picture>
  <div class="login_email">
    <h2>10网络</h2>
    <div class="email">
      <ul class="list">
        <li></li>
        </ul>
    </div>
  </div>
  </div>
<div class=tt_tj>
<div class=tiaotiao>
<a  target="_blank" href="Huaihi_ReadNews.asp?NewsId=175" title="信息工程系动态">信息工程系动态 </a>
</div>   
<div class=tj>
</div>
</div>
<div class="clear_float"></div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。