《Web网页设计》课程设计我的网站

四川机电职业技术学院四川机电职业技术学院Web网页设计课程设计题 目: 我的网站 班 级: 10网络6班 姓 名: 指导教师: 2011年12月22日课程设计任务书一、 设计任务及要求： 采用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） 网站简介该网站主要是实现网页与数据库的连接从而达到在网页上对数据库里面的内容进行增加、删除、查找、修改。从而达到对数据库进行网页化管理，使得管理效率更高。3） 网站的栏目规划（总体结构设计）本网站主要分为三大块；包括栏目、新闻、用户。其中用户与栏目基本上相近而新闻在实现添加上要复杂一点，具体如下：用户修改添加添加修改添加修改删除增加增加编辑删除删除 编辑增加编辑网站新闻栏目4） 网站的数据设计与规划5） 网站的文档结构图MyeduFlashbatonnbannerDatawangyetupianlanmunewuseropencloseindexshoenewdenete6)网站主要页面及核心代码生成主页 ：主页 用户 密码 本站首页 系部动态 10网络 11网络 10多媒体 11多媒体 四川机电职业技术学院版权所有 地址:攀枝花市东区马家田路65号 邮编:617000 电话:0812-6251211 6251819 蜀ICP备05006533号 如此则首页生成了效果如下：生成栏目管理 ：四川机电职业技术学院 栏目 栏目管理 新闻管理 用户管理 新闻添加 编号 栏目 操作 a href=edit.asp?id=编辑 a href=delete.asp?id=删除   效果如下：生成为用户管理： 用户 密码 栏目管理 新闻管理 用户管理 新闻添加 编号 用户 操作 a href=edituser.asp?id=编辑 a href=deleteuser.asp?id=删除 效果如下：生成新闻管理以及新闻添加： 栏目管理 新闻管理 用户管理 新闻添加 编号 标题 操作 t