动态网站制作实训指导书.docx
ASP动态网页设计与制作实训指导书（新闻网站版本）班级：组员：一、实训目的1 .驾驭Web数据库管理系统开发的般步骤。2 .能独立进行数据库的设计。3 .能合理有效的进行网站书目结构的设计。4 .能娴熟的运用ASP技术进行动态网站的建设。5 .能驾驭网站建设中简洁的平安防范措施。二、课题介绍1 .网站主题以“新闻”为主题，设计一个能够完成新闻阅读、网站留言与回熨和网站发布等功能的网站。2 .功能要求网站包括前台和后台部分。1）前台能够分类显示各类新闻；能够阅读新闻具体内容；能够进行基于新闻标题或新闻正文的模糊查询：能进行新闻点击量的统计并汇总：能够基于网站进行留言。2）后台能够实现登录用户的管理功能；能够进行新闻类别和新闻的管理；能够进行留言的审核和回星。3 .技术要求前台页面的设计要合理，界面适当进行美化，能运用CSS文件进行页面的格式化；模块化设计，如数据库连接字符串单独文件组织；网站的平安防范，如数据库文件的平安防范、SQ1.注入防范、页向权限验证等：新闻正文页面供应页面打印和关闭功能”三、实训要求1 .以34人为小组的形式进行实训，每组同学通过合作，共同完成课题。2 .实训结束，每组提交网站份。3 .实训结束，每人完成实训总结一份。四、时间支配上午卜午作业与思索1分组了解时间支配、解读任务数据库需求分析、概要设计、逻辑设计打算网站素材数据库物理设计初始数据库原始数据网站书目结构设计各页面布局设计2网站书目结构通用模块设计CSS设计首页设计RecordSet对象的运用方法和步骤3分类新闻显示页面设计新闻正文页面设计Connection对象的运用方法和步骤4新闻搜寻页面设计网站留言页面设计页面间如何进行数据的传递5用户登录设计管理菜单设计用户管理：用户显示、删除框架与表格布局管理框架设计6用户管理：用户添加、修改新闻类别管理：显示、删除如何实现删除一条记录前进行提示确认7新闻类别管理：添加、修改新闻管理：显示、删除如何处理新闻中空格和回车符8新闻管理：添加、修改留言管理：审核、回复留言为什么须要进行审核9平安防范网站整合考评总结五、实训内容1.数据库设计1 )E-R图：2)逻辑设计新闻类别表(NewsC1.ass)序号字段名类型宽度备注1NCId自动编号主键2NCTit1.e字符串50类别名称3NCOrder数字序号新闻表(News)序号字段名类型宽度备注1自动编号主键2NCId数字长整外键3NTit1.e字符串255标题4NContent备注正文5Hits数字点击率6NDateTime日期/时间默认值Now()7Recommend是/否默认值Fa1.se,是否举荐网站留言表(MeSSage)序号字段名类型宽度备注1MeId自动编号主键2Message备注留言内容3Rep1.y备注回复4MeDateTime日期/时间默认值Now()5Checked是/否默认值Fa1.se,是否审核用户表(Users)序号字段名类型宽度备注1IM自动编号主键2UName字符串50用户名3CPwd字符串50密码3）物理设计文件名News.mdb,最终改名为ews.asp。W:熟掘序（Access2000文件格式）打开&鼠、：.：口鼾建如X%：？团In使用设计静自腌康使用向导&J座表i1.坡输入数筹创建表*««»«MtvsM"iC1.nUi«ri是/否字段J1.性及痂长到，字孑包1.三s)EI可=美字名*o个1(«拓格按，便9百11(.NcvsCIass:表EB?字段名作说明国自动需号ICTiUt文本ICDrdW数手字段压住字段大小Uf1.格？：tjj®»51行Ie稼记字段展性段值式题引语字折格标案智2 .站点书1.1.设计Img：存放网站图形图像等素材:Database：存放数据库文件:Admin：存放后台页面文件。3 .页面文件名规划序号文件名功能1CSS.css层叠样式表2Conn,asp数据库连接对象3Top.asp页面顶部模块4Bottom.asp页面底部模块51.eft,asp页面左侧模块6Index,asp首页7News,asp一级页面，分类显示新闻页面8OneNews.asp二级页面，新闻正文页面9NewsSearch.asp新闻搜寻页面10Message,asp网站留言页面11SaveMessage.asp网站留言保存页面12dminconn.asp数据库连接对象13dminCheckQX.asp后台页面访问权限验证页面14dmin1.ogin.asp后台登陆页面15AdminXCheck1.ogin.asp登陆脸证页面16Admin1.ogout.asp退出后台管理页面17AdmirA1.ef1.Tree.asp后台管理菜单页面18Admin'Defau1.t.asp后台管理框架页面19AdminNewsManager.asp新闻标题阅读页面20AdminNewsAdd.asp添加新闻页面21AdminXNewsModify.asp修改新闻页面22A<iminNewsOPT.asp新闻管理执行页面23AdmirANewsC1.assManager.asp新闻类别名称阅读页面24Admin'NewsC1.assAdd.asp添加新闻类别页面25dninNewsC1assModify.asp修改新闻类别页面26Admin'NewsC1.assOPT.asp新闻类别管理执行页面27AdininMessageManager.asp网站留言阅读页面28AdminXMessageRep1.y.asp网站留言回史页面29AdminXMessageOPT.asp网站留言管理执行页面30AdmirACsersManager.asp用户阅读页面31AdmirACsersAdd.asp添加用户页面32AdminMsersModify.asp修改用户页面33AdminUsersOPT.asp用户管理执行页面34AdminC'heckPWD.asp当前用户密码修改页面35DataBaseNews.asp数据库36I11g网站图形图像素材4 .前台设计1) CSS.css定义标记a的无下划线属性：定义body标记的上下间距为Oo2) conn.asp定义数据库连接字符串变:&Cons1.r:定义adodb.connection对象cn并初始化：定义adodb.recordset对象rs。3) Top.asp页面基本风格设计:Top.asp(1000*160)1.eft,asp(宽度200)宽度800Bottom,asp(1000*40)Top.asp设计步骤:(1)插入宽度为1000的2行5列表格：(2)第一行合并,插入f1.ash素材；(3)其次行高度指定为37,第1格和第5格宽度为167,设置背景图片；第2格宽度111,设置背景图片，输入“首页”，并创建超级链接；第5格宽度111,设置背景图片，并创建超级链接：第3格宽度111。(4)添加脚本，将新闻类别按序号升序排列后的前4个类别名称读出，并循环绑定到第3个单元格，创建对NeWS.asp页面的超级链接，传递参数新闻类别编号和新闻类别名称。4) Bottom,asp（1）插入宽度为100O的2行1列表格：（2）第行高度为2,设置.背景色为#0000FF；（3）其次行水平居中，添加版权信息和后台入口，并创建超级链接。5）1.eft.asp（1）添加表单form1.,指定AC1.ion为NeWSSearCh.asp页面：（2）插入宽度为200的3行2列表格：（3）第一行合并，高度49,设置背景图片，输入“新闻搜寻”并设置样式；（4）其次行第1列宽度80,输入“关键字”，第2列宽度120,添加名为TXtKeyWOrd的文本框；<5）第三行合并且水平居中,添加“搜寻”和“重置”按钮：（6）在表单外插入宽度为200的2行1列表格：<7）第一行高度49,设置背景图片，输入“全部类别”并设置样式:（8）其次行高度25；<9）添加脚本，读出全部新闻类别，并循环绑定到其次行，创建到News,asp页面的超级集接，传递参数新闻类别编号和新闻类别名称；（10）新插入宽度为200的2行1列表格：（I1.）第行高度49,设置背景图片，输入“热门新闻”并设置样式;（12）其次行高度25：（13）添加脚本，读出点击率最高的10条新闻，并将新闻标题（左边8个字符）循环绑定到其次行，创建到OneNews.asp页面的超级链接,传递参数新闻编号。6) Index,asp（i）添加宽度100o的3行2列表格：（2）第一行合并，插入对1.op.asp的包含：（3）第三行合并，插入对bottom,asp的包含；<4）其次行第一列宽度200,垂直顶端对齐，插入对Ie1.taSP的包含；（5）在Head标记对插入对conn,asp的包含：（6）在其次行其次列内插入宽度为800的2行3列表格；第行合并，高度43,设置背景，输入“举荐新闻”并设置样式；其次行第一列宽度50,水平右对齐，插入图片索材，其次列宽度500,第三列宽度250；添加脚本，读出最新的6条举荐新闻，并将新闻标题循环绑定到其次行的其次列，点击率和时间绑定到其次行的第三列，创建新闻标题到OneNews.asp页面的链接，传递参数新闻编号：（7）在其次行接着插入宽度为800的2行3列表格：第行合并，高度43,设置背景：其次行第一列宽度50,水平右对齐，插入图片素材,其次列宽度500,第三列宽度250；添加脚本，读出序号最小的4个新闻类别信息，将新闻类
