动态网站制作实训指导书.docx
《动态网站制作实训指导书.docx》由会员分享,可在线阅读,更多相关《动态网站制作实训指导书.docx(36页珍藏版)》请在课桌文档上搜索。
1、ASP动态网页设计与制作实训指导书(新闻网站版本)班级:组员:一、实训目的1 .驾驭Web数据库管理系统开发的般步骤。2 .能独立进行数据库的设计。3 .能合理有效的进行网站书目结构的设计。4 .能娴熟的运用ASP技术进行动态网站的建设。5 .能驾驭网站建设中简洁的平安防范措施。二、课题介绍1 .网站主题以“新闻”为主题,设计一个能够完成新闻阅读、网站留言与回熨和网站发布等功能的网站。2 .功能要求网站包括前台和后台部分。1)前台能够分类显示各类新闻;能够阅读新闻具体内容;能够进行基于新闻标题或新闻正文的模糊查询:能进行新闻点击量的统计并汇总:能够基于网站进行留言。2)后台能够实现登录用户的管
2、理功能;能够进行新闻类别和新闻的管理;能够进行留言的审核和回星。3 .技术要求前台页面的设计要合理,界面适当进行美化,能运用CSS文件进行页面的格式化;模块化设计,如数据库连接字符串单独文件组织;网站的平安防范,如数据库文件的平安防范、SQ1.注入防范、页向权限验证等:新闻正文页面供应页面打印和关闭功能”三、实训要求1 .以34人为小组的形式进行实训,每组同学通过合作,共同完成课题。2 .实训结束,每组提交网站份。3 .实训结束,每人完成实训总结一份。四、时间支配上午卜午作业与思索1分组了解时间支配、解读任务数据库需求分析、概要设计、逻辑设计打算网站素材数据库物理设计初始数据库原始数据网站书目
3、结构设计各页面布局设计2网站书目结构通用模块设计CSS设计首页设计RecordSet对象的运用方法和步骤3分类新闻显示页面设计新闻正文页面设计Connection对象的运用方法和步骤4新闻搜寻页面设计网站留言页面设计页面间如何进行数据的传递5用户登录设计管理菜单设计用户管理:用户显示、删除框架与表格布局管理框架设计6用户管理:用户添加、修改新闻类别管理:显示、删除如何实现删除一条记录前进行提示确认7新闻类别管理:添加、修改新闻管理:显示、删除如何处理新闻中空格和回车符8新闻管理:添加、修改留言管理:审核、回复留言为什么须要进行审核9平安防范网站整合考评总结五、实训内容1.数据库设计1 )E-R
4、图: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是/否
5、默认值Fa1.se,是否审核用户表(Users)序号字段名类型宽度备注1IM自动编号主键2UName字符串50用户名3CPwd字符串50密码3)物理设计文件名News.mdb,最终改名为ews.asp。W:熟掘序(Access2000文件格式)打开&鼠、:.:口鼾建如X%:?团In使用设计静自腌康使用向导&J座表i1.坡输入数筹创建表*MtvsMiC1.nUiri是/否字段J1.性及痂长到,字孑包1.三s)EI可=美字名*o个1(拓格按,便9百11(.NcvsCIass:表EB?字段名作说明国自动需号ICTiUt文本ICDrdW数手字段压住字段大小Uf1.格?:tjj51行Ie稼记字段展性段值
6、式题引语字折格标案智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数
7、据库连接对象13dminCheckQX.asp后台页面访问权限验证页面14dmin1.ogin.asp后台登陆页面15AdminXCheck1.ogin.asp登陆脸证页面16Admin1.ogout.asp退出后台管理页面17AdmirA1.ef1.Tree.asp后台管理菜单页面18AdminDefau1.t.asp后台管理框架页面19AdminNewsManager.asp新闻标题阅读页面20AdminNewsAdd.asp添加新闻页面21AdminXNewsModify.asp修改新闻页面22AiminNewsOPT.asp新闻管理执行页面23AdmirANewsC1.assManag
8、er.asp新闻类别名称阅读页面24AdminNewsC1.assAdd.asp添加新闻类别页面25dninNewsC1assModify.asp修改新闻类别页面26AdminNewsC1.assOPT.asp新闻类别管理执行页面27AdininMessageManager.asp网站留言阅读页面28AdminXMessageRep1.y.asp网站留言回史页面29AdminXMessageOPT.asp网站留言管理执行页面30AdmirACsersManager.asp用户阅读页面31AdmirACsersAdd.asp添加用户页面32AdminMsersModify.asp修改用户页面33
9、AdminUsersOPT.asp用户管理执行页面34AdminCheckPWD.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设
10、计步骤:(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)其次行水平居中,添加版权信息
11、和后台入口,并创建超级链接。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页
12、面的超级集接,传递参数新闻类别编号和新闻类别名称;(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标记对插入对c
13、onn,asp的包含:(6)在其次行其次列内插入宽度为800的2行3列表格;第行合并,高度43,设置背景,输入“举荐新闻”并设置样式;其次行第一列宽度50,水平右对齐,插入图片索材,其次列宽度500,第三列宽度250;添加脚本,读出最新的6条举荐新闻,并将新闻标题循环绑定到其次行的其次列,点击率和时间绑定到其次行的第三列,创建新闻标题到OneNews.asp页面的链接,传递参数新闻编号:(7)在其次行接着插入宽度为800的2行3列表格:第行合并,高度43,设置背景:其次行第一列宽度50,水平右对齐,插入图片素材,其次列宽度500,第三列宽度250;添加脚本,读出序号最小的4个新闻类别信息,将新
14、闻类别名称绑定到表格第一行并设置样式,读出该类新闻的最新6条新闻,将新闻标题、点击率和时间循环绑定到其次行,创建新闻标题到OneNeWs.asp页面的性接,传递参数新闻编号。7) News,asp(1)同index,asp设计的(1)(5);(2)在其次行其次列内插入宽度为800的3行3列表格;(3)第一行合并,高度43,设置背景图片;(4)其次行高度25,第一列宽度50,水平右对齐,插入图片素材,其次列宽度500,第三列宽度250:(5)添加脚本,定义NC1.d和NeTitIe变量,并通过读取参数进行赋值,将NCrit1.e绑定到第一行并设置样式:读取指定新闻类别编号的全部新闻,将新闻标题、
15、点击率和时间循环绑定到其次行,创建新闻标题到OneNews.asp页面的链接,传递参数新闻编号;(6)定义PageN。变量,通过读取参数进行赋值,将rs对象按30条记录一页进行分页,对PageNo进行异样处理,修改脚本完成对指定页新闻的显示:第三行合并,水平居中,添加“首页”、“上一页”、“下一页”和“尾页”页码导航,并创建链接,传递新闻类别编号、新闻类别名称和页码参数:按“当前页码/总页码”的格式添加W1.前贞码信息。Xr三F,,J1.M翼身叽g公”寅失3=x*ac=5f!r-*/iifH“3)KgS-E;KM3-A”三WF!三*r”)fFm*”艮三-5uFe三trgwrRF*te*Jr骞0
16、弋三夕:uMMN1.SfW1,“Sj耽WSi:U:KS:MNkiHtX三C.亍幺“有用力W0g99J2*Z*AFCJ1.3H5三1Mf=3URff)。 T*3 喋工,安家4” awrz*三 ,三三ri三*.*rMatrjn*Mt. A.T三*W 工*字A,OCi1. isfct三三5es5JMwarattf1.e*ee*rs三r*c=-R三育 t三9*rMxr*1.三1FVmCWC三M1*KZT5* ,sfvtzv ,csrwc*三z三*七7*arJUBX-SP-XWX立XGiiCut:SfK:Oe4*X:sS-t-:uuKMCH:%;Sf1AK3MKS-AWWKMCHI:r三M-8X:*gX
17、,3CIAiXX8M:G:iWR:Arr,8KCM:初E关I*8M:Jui:1.ar-:*MHWstn三I,sc:CiUMOCM:MN1.r8sOC0C::*:;SfiSUMU:C“,:4r*NHI1.!三:;F:3:i+a4”MHr*Uhm:C9C3xK*8UHM)CC:xM-*SUM:HNt993XPC1MK9W-KUH:8) OneNews.asp(1)同IndeX.asp设计的(1)(5):(2)在其次行其次列内插入宽度为800的2行1列表格;(3)第一行高度43,设置背景图片,输入“新闻正文”并设置样式;(4)其次行水平居中,插入宽度600的5行1列表格;第一行水平居中,其次行插入水
18、平线,第三行水平左村齐,第四行和第五行水平右村齐;(5)添加脚本,定义NId变量,并通过读取参数进行赋值,读出指定编号的新闻,将新闻标题绑定到第一行,正文绑定到第三行,时间绑定到第四行,第五行添加“打印”和“关闭”,并通过javascript完成相应功能。(6)添加脚本,对当前新闻的点击率增加1。-tt-.rHQ6iS9*X%*三-c.s三(BMIHF!十”9ve9) NewsSearch.asp(1)同IndeX.asp设计的(1)(5):(2)在其次行其次列内插入宽度为800的3行3列表格;(3)第一行合并,高度43,设置背景图片,输入“新闻搜寻并设置样式;(4)其次行高度25,第一列宽度
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 动态 网站 制作 指导书

链接地址:https://www.desk33.com/p-1809518.html