web网站设计实训报告范文1.doc

上传人：w****g

文档编号：3103613

上传时间：2024-06-18

格式：DOC

页数：10

大小：1.56MB

《web网站设计实训报告范文1.doc》由会员分享，可在线阅读，更多相关《web网站设计实训报告范文1.doc（10页珍藏版）》请在咨信网上搜索。

附录1：设计报告封面湖南娄底职业技术学院 web网站设计课程设计报告设计题目：个人网站系部：电子信息工程息专业：网络技术学生姓名：黄永凤学号: 200902060109 起迄日期：年月日 ~ 年月日指导教师：罗金铃教研室主任：一.网站的需求分析对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。二.系统实现所需要的软件网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash、ACCESS数据库、动态网页编程语言ASP 三、网站设计的思路网站拓扑图构画从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的，下面是我个人网站的结构图：四、系统功能模块的实现过程个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与连接实现了人机交互功能。 1个人首页功能模块功能的实现过程个人首页主要放置主人的最新动态，导航条菜单包括首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。给我留言，必须通过先登陆或先注册才能进行留言。底部插入个人网站的版权信息，同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。（1）.个人首页导航功能实现介绍个人首页导航有七个链接分别是：我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。它们都采用“行为”中“交换图像”。如图3-1所示。图3-1首页导航（2）.个人首页公告栏功能实现过程公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。主要用于提示和建议如何进行合法访问和主人的一些个人小要求。如图3-2所示。图3-2 本站最新公告栏本站最新公告栏中的信息当鼠标经过时就停止，当鼠标移开时又开始流动。其功能的实现主要是通过以下代码： <td height="99"><marquee behavior="scroll" direction="up" width="170" height="116" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()"> …… </marquee></td> （3）.留言板功能实现过程设计一个留言板作为和浏览者交流的纽带，这样可随时掌握浏览者的相关信息和最新动态。浏览者通过留言后提交到后台数据库中，然后管理用户可以通过后台进行对其留言的回复。留言薄的设计如图3-4所示这样就可以产生一个动态的留言薄交互平台。图3-4留言薄发表页面（4）.注册功能模块实现过程注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设计的页面。当浏览者注册后的信息将自动提交到后台数据库中，以便下次要进行留言。注册页面的设计如图3-5所示。图3-5 注册页面 2个人简介功能模块的实现过程本模块是个人简介部分，每个个人网站都会有作者介绍。在个人简介中主要实现了两个功能模块分别是：个人简历列信息显示和个人作品的展现。在这页面主要的是静态的页面。只在个人简历页面采用了热点链接来进行到个人作品的跳转。在这个模块访客会了解到作者的一些基本信息，界面内容如图3-6所示。图3-6个人简历页面完成上述页面后，单击我的“作品展示”这时链接到我的个人作品页面。这个页面基本上是静态的。主要放置了我的Photoshop作品和Flash作品等。在这个有限和空间里放置我的作品是不够的。所以采用了用层和行为来进和作品的交换显示。界面的内容如图3-7所示。图3-7作品展示页面 3个人相册功能模块的实现过程本模块是展示个人的相册，主要是借鉴影集的制作来完成个人相册的功能的实现。个人相册进行好归类后分成多个方面的相册所以首先进入是个人相册的目录。个人相册主中，浏览者可以看到我“求学生涯”、“友情合影”、“大学生活”、“欢乐之行”、“拥抱记忆”、“温馨之家”，的相关照片。在进行相册查看时浏览者通过单击滚动中的小图片然后在层中显示在图片,如下图3-8所示。图3-8个人相册“面友情合影”页个人相册中的照片展示以单击滚动中的小图后在上方显示相对应的大的照片。此功能的实现是在上方绘制了层，添加了“显示隐藏图片”的行为。 4聊天室功能模块的实现过程聊天室是一个交友与娱乐的场所。在聊天室里，可以随意发表，与大家进行交流。目前聊天室已成为各网站一个标准服务，是吸引网民和提高人气的一种重要方式。（1）聊天室的总体设计使用聊天室的必须过行登入才能进入聊天室，但是对何种用户没有限制。聊天室室的主页面是一个框架文件，它主要包括在线用户统计页面，用户发表页面和显示页面。聊天室的总体设计如图3-16所示：聊天室聊天室主页面用户登陆在线用户统计显示发言页面用户发表页面（2）具体页面制作本系统共的五个文件构成，分别如下： 1.Global.asa 功能：统计在线人数。 2.进入聊天室登录页面：Logion.asp 功能：提供用户注册框提示：处理文件main.asp 表单提交方式：post 相关文本域的名称：帐号：xm1 密码：mm 具体设计界面如图3-10所示。 3. 主菜单页面：main.asp 功能：判断用户输入的帐号与密码是否为空，则提示重填；设置框架网页，将窗口一分为二：一个显示信息：display.asp，另一个用于发送信息：sponse.asp。具体设程序代码如下： <% if request.form("xm1")="" or request.form("mm")="" then response.write("对不起，您的资料不服合要求,请重新输入！"&"<a href='logion.asp'>_返回上一页</a>") else session("xm2")=trim(request.form("xm1")) end if %> 当用户为“qq”密码为“qq”登入之后，进入如图3-11所示。 4.发送页面：sponse.asp 功能：收集用户欲发送的信息。提示：表单中的内容：用于处理文件：spnse.asp；表单提交方式：POST：文本域名称：message 设计界面如3-12所示。图3-12用户发表页面发送页面的相关代码如下： <% if request.Form("message")<>""then message1=trim(request.Form("message")) application.Lock() xm3=session("xm2") application("show")=xm3&"在"&time&"说："&message1&" "&application("show") application.UnLock() end if %> 5. 显示页面 disply.asp 功能：显示聊天记录、在线人数提示：为及时显聊天记录，可设置页面刷新代码：<meta http-equiv="refresh" content="8"; URL='display.asp'/>具体设计界面如图3-13所示：如图3-13 显示页面相关代码如下： <body> 在线人数为:<%=application("sum")%> 欢迎进入《飞扬部落》话吧★ <%=application("show") %></body> 五、后台管理每个网站都是需要一个后台管理系统，对整个网站进行数据的管理。在后台中只有管理人员通过口令和密码验证才能进入管理后台的主页面。在后台管理中可以进行留言的查看、留言回复、更新和注册用户信息的查看和注册信息的修改。注册信息的查看和修改步骤基本一至。后台管理设计的逻辑拓扑图如图3-15所示。六、个人网站测试、上传与发布七、总结

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档保存到电脑，查找使用更方便

8 金币

申诉本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请申请举报、认领或删除 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: web 网站设计报告范文

咨信网温馨提示：
1、咨信平台为文档C2C交易模式，即用户上传的文档直接被用户下载，收益归上传人（含作者）所有；本站仅是提供信息存储空间和展示预览，仅对用户上传内容的表现方式做保护处理，对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿，我们不确定上传用户享有完全著作权，根据《信息网络传播权保护条例》，如果侵犯了您的版权、权益或隐私，请联系我们，核实后会尽快下架及时删除，并可随时和客服了解处理情况，尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确)，网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据，个别因单元格分列造成显示页码不一将协商解决，平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺，下载前须认真查看，确认无误后再购买，务必慎重购买；若有违法违纪将进行移交司法处理，若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传，付费前请自行鉴别，如您付费，意味着您已接受本站规则且自行承担风险，本站不进行额外附加服务，虚拟产品一经售出概不退款（未进行购买下载可退充值款），文档一经付费（服务费）、不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印，是因预览和防盗链等技术需要对页面进行转换压缩成图而已，我们并不对上传的文档进行任何编辑或修改，文档下载后都不会有水印标识（原文档上传前个别存留的除外），下载后原文更清晰；试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓；PPT和DOC文档可被视为“模板”，允许上传人保留章节、目录结构的情况下删减部份的内容；PDF文档不管是原文档转换或图片扫描而得，本站不作要求视为允许，下载前自行私信或留言给上传者【w****g】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用；网站提供的党政主题相关内容(国旗、国徽、党徽－－等)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
6、文档遇到问题，请及时私信或留言给本站上传会员【w****g】，需本站解决可联系【微信客服】、【 QQ客服】，若有其他问题请点击或扫码反馈【服务填表】；文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“【版权申诉】”（推荐），意见反馈和侵权处理邮箱：1219186828@qq.com；也可以拔打客服电话：4008-655-100；投诉/维权电话：4009-655-100。

关于本文

本文标题：web网站设计实训报告范文1.doc
链接地址：https://www.zixin.com.cn/doc/3103613.html

w****g

内容提供者

实名认证

查看上传人更多文档

部分上传会员的收益排行 01、路***（￥15400+），
02、曲****（￥15300+），
03、wei****016（￥13200+）,
04、大***流（￥12600+），
05、Fis****915（￥4200+），
06、h****i（￥4100+），
07、Q**（￥3400+），
08、自******点（￥2400+），
09、h*****x（￥1400+），
10、c****e（￥1100+）,
11、be*****ha（￥800+），
12、13********8（￥800+）。

相似文档

自信AI助手