网站开发文档_第1页
网站开发文档_第2页
网站开发文档_第3页
网站开发文档_第4页
网站开发文档_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

云南大学软件学院综合技能实践项目——网站开发文档网站主题:麦田圈之谜网站开发团队:刘晶软件工程20231120055王志梅软件工程20231120234沈璐软件工程20231120232指导老师:李海2012年121.网站结构网站首页(主题内容:麦田圈之谜,导航,关联板块向导)——导航下拉列表相关内容链接——站内内容。首页呈现:2.网站页面语言运用wamp搭建软件开发环境,网站设计采用div+css设计,使用超文本预处理语言php来开发网站。3.设计思路基于麦田圈主题的思考,在网站设计时,主页设置导航,链入下拉子单,转另一内容页面,主页板块简要介绍麦田怪圈印象,并设动态图片作展示,在局部突出的基础之上渗透方便用户了解信息的理念。二、特色介绍1.网站设计个性化,首页导航栏“主页”下设有十种背景色选项,访问用户可根据需求自由进行变换,方便浏览网站信息。效果呈现如图:2.网站右下角设置有页面内容置顶功能,如图所示:3.页面右上角设置有search,方便站内搜索相关信息:4.作为开放性考虑,网站首页右侧设有facebook,google等网站相关链接:三、开发过程记录总结1.在搭建开发环境的过程中,安装XAMPP服务器系统开发套件总是出错,为解决这一问题,我们通过网上搜索到一款软件wamp来替代XAMPP创建开发环境,wamp可在64位机下运行,从而成功地搭建起了平台,安装了joomla。2.首次安装joomla和有的组件时,如sampledata,覆盖了数据库,导致内容丢失,还有flexcontent会自动复制原有内容,造成了一些不必要的麻烦,为解决这些问题,我们又重装了一次joomla,对相关组件进行了选择,使得后续开发得以顺利进行。3.在选择保留插件时,误关了user这个插件,导致了后台无法登录,即使账号密码正确,也一直停留在登录页面,后发现问题及时进行了修正。4.以管理员身份在后台安放内容的过程中,新建导航栏某一题标下方的下拉菜单时,由于位置选择了根,导致未能新建成功,而是建了一个导航题标,后将其位置更改为父目录才新建成功。5.在网站首页设置相关链接时,偶尔出现链接无效,404的情况,后通过查找相关资料,使用各种网上诊断工具,不断优化了页面,解决了大部分死链情况。四、总结1.通过此次网站设计开发,了解了用wamp搭建环境的方法,对joomla做网站的功能有了一定认识,并且在遇到困难和解决困难的过程中,得到了一些扩展的使用心得。2.在网站内容和风格的设计过程中,充分展示了具有时代特征的思想理念,关注当下热点,内容涉及科学前沿的探索,对新兴人群更具吸引力。3.对以后更高层次网站的开发设计和相关文档的编写奠定了基础。4.体现出当今社会团队合作的理念,一些网站尤其是大型网站更需要这种资源优化配置,分工明确,共同开发的精神。云南大学软件学院综合技能实践项目——网站使用测试报告测试对象:麦田圈网站网站测试人:刘晶软件工程20231120055王志梅软件工程20231120234沈璐软件工程20231120232指导老师:李海测试时间:2012年12月7日星期五测试目的测试网站功能的完整性测试方法将完成的网站进行发布,从Internet连线到我们的外部IP的Joomla!,使用://ip/joomla/,看看是否能连线到网站,并对对网站的基本功能进行测试。测试开始后,我们从另一台pc机,在浏览器中输入,成功地连线到了网站,进入主页。网站相关功能说明及测试结果连线到网站后,首页显示如图:网站主题:麦田圈之谜。旁边附有云南大学标识,导航栏“主页”下拉菜单中网站背景色十选项测试均正常,如图为“渐变蓝”切换到“街道”背景色的测试:其余导航下拉菜单选项经测试均连接正常,通过这些选项点击可进入下一页面,浏览相关信息。运用search搜索站内信息,测试显示良好:右下角置顶功能显示正常无误,动态图片展示正常。经过相关测试,网站基本实现基础功能,连接正常,运行良好。网站不足页面内容有待充实,设计风格也不是很完美。contact链接尚未完善,出现404。网站静态展示居多,缺少相关视频内容,多样化欠缺。相关特色设计虽然新颖,但在实用性上有所欠缺。由于是初次用joomla做网站,难免会有不足之处,我们将会在以后的学习中改进提高,开发出更多有创意,功能完备的网站。另附源代码:<!DOCTYPEHTML><htmllang="zh-cn"dir="ltr"><head><metacharset="utf-8"/><meta-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><basehref="://113.55.44.46/joomla/"/><metaname="generator"content="Joomla!-OpenSourceContentManagement"/><title>主页</title><linkhref="/joomla/index.php?format=feed&type=rss"rel="alternate"type="application/rss+xml"title="RSS2.0"/><linkhref="/joomla/index.php?format=feed&type=atom"rel="alternate"type="application/atom+xml"title="Atom1.0"/><linkhref="://113.55.44.46/joomla/index.php/component/search/?format=opensearch"rel="search"title="搜索cropcirclessercets"type="application/opensearchdescription+xml"/><linkhref="/joomla/templates/yoo_subway/favicon.ico"rel="shortcuticon"type="image/vnd.microsoft.icon"/><linkrel="stylesheet"href="/joomla/cache/widgetkit/widgetkit-6b22bc86.css"type="text/css"/><scriptsrc="/joomla/media/system/js/mootools-core.js"type="text/javascript"></script><scriptsrc="/joomla/media/system/js/core.js"type="text/javascript"></script><scriptsrc="/joomla/media/system/js/caption.js"type="text/javascript"></script><scriptsrc="/joomla/media/system/js/mootools-more.js"type="text/javascript"></script><scriptsrc="/joomla/media/widgetkit/js/jquery.js"type="text/javascript"></script><scriptsrc="/joomla/cache/widgetkit/widgetkit-a20e6bb5.js"type="text/javascript"></script><scripttype="text/javascript">window.addEvent('load',function(){ newJCaption('img.caption'); });window.addEvent('domready',function(){ $$('.hasTip').each(function(el){ vartitle=el.get('title'); if(title){ varparts=title.split('::',2); el.store('tip:title',parts[0]); el.store('tip:text',parts[1]); } }); varJTooltips=newTips($$('.hasTip'),{maxTitleChars:50,fixed:false}); });</script><!--[iflteIE8]><linkrel="stylesheet"href="/joomla/media/widgetkit/css/ie.css"/><![endif]--><linkrel="apple-touch-icon-precomposed"href="/joomla/templates/yoo_subway/apple_touch_icon.png"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/base.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/layout.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/menus.css"/><style>body{min-width:1180px;}.wrapper{width:1030px;}#sidebar-b{width:230px;}#maininner{width:800px;}#menu.dropdown{width:250px;}#menu.columns2{width:500px;}#menu.columns3{width:750px;}#menu.columns4{width:1000px;}</style><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/modules.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/tools.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/system.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/extensions.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/custom.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/animations.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/background/gradientblue.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/font2/newciclefina.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/font3/newciclefina.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/style.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/css/print.css"/><linkrel="stylesheet"href="/joomla/templates/yoo_subway/fonts/newciclefina.css"/><script>window["WarpSystemPath"]="://113.55.44.46/joomla";</script><script>window["WarpThemePath"]="/joomla/templates/yoo_subway";</script><scriptsrc="/joomla/templates/yoo_subway/warp/js/warp.js"></script><scriptsrc="/joomla/templates/yoo_subway/warp/js/accordionmenu.js"></script><scriptsrc="/joomla/templates/yoo_subway/warp/js/dropdownmenu.js"></script><scriptsrc="/joomla/templates/yoo_subway/js/three.js"></script><scriptsrc="/joomla/templates/yoo_subway/js/template.js"></script><!--[iflteIE8]><linkrel="stylesheet"href="/joomla/cache/template/ie-6ab6da9f.css"/><scriptsrc="/joomla/templates/yoo_subway/warp/js/html5.js"></script><![endif]--><!--[ifIE7]><linkrel="stylesheet"href="/joomla/cache/template/ie7-7ee3247c.css"/><![endif]--><!--[ifIE8]><linkrel="stylesheet"href="/joomla/cache/template/ie8-f79acb07.css"/><![endif]--></head><bodyid="page"class="pagesidebar-b-rightisblogtransparency-25system-transparent"data-config='{"twitter":0,"plusone":0,"facebook":0}'> <divid="body"> <divclass="body-1"><divid="socialbar"> <ulclass="social-icons"> <li><aclass="twitter"target="_blank"href="://twitter/yootheme"></a></li> <li><aclass="facebook"target="_blank"href="://facebook"></a></li> <li><aclass="googleplus"target="_blank"href="s://plus.google"></a></li> <li><aclass="feed"target="_blank"href="://yootheme/rss"></a></li></ul> </div><divclass="wrappergrid-block"> <headerid="header"> <divid="toolbar"class="grid-block"></div> <divid="headerbar"class="grid-block"><aid="logo"href="://113.55.44.46/joomla"><h1><em><strong><imgsrc="/joomla/images/banners/1.png"border="0"alt=""width="54"height="46"/>麦田圈之谜</strong></em></h1></a></div><divid="menubar"class="grid-block"><navid="menu"><ulclass="menumenu-dropdown"><liclass="level1item101parentactivecurrent"><ahref="/joomla/"clheme/menu/icon_menu_home.png');"></span>主页</span></a><divclass="dropdowncolumns2"style="width:400px;"><divclass="dropdown-bg"><div><divclass="width50column"><ulclass="level2"><liclass="level2item131"><ahref="/joomla/?profile=default"class="level2"><span>渐变蓝</span></a></li><liclass="level2item132"><ahref="/joomla/?profile=ambientpink"class="level2"><span>粉红</span></a></li><liclass="level2item133"><ahref="/joomla/?profile=street"class="level2"><span>街道</span></a></li><liclass="level2item134"><ahref="/joomla/?profile=animatedred"class="level2"><span>动画红</span></a></li><liclass="level2item135"><ahref="/joomla/?profile=wood"class="level2"><span>木质</span></a></li></ul></div><divclass="width50column"><ulclass="level2"><liclass="level2item164"><ahref="/joomla/?profile=ambientturquoise"class="level2"><span>绿松石</span></a></li><liclass="level2item165"><ahref="/joomla/?profile=gradientgrey"class="level2"><span>渐变灰</span></a></li><liclass="level2item166"><ahref="/joomla/?profile=grass"class="level2"><span>草地</span></a></li><liclass="level2item167"><ahref="/joomla/?profile=bridge"class="level2"><span>桥</span></a></li><liclass="level2item168"><ahref="/joomla/?profile=animated"class="level2"><span>动画蓝</span></a></li></ul></div></div></div></div></li><liclass="level1item137parent"><ahref="/joomla/index.php/widgetkit"class="level1parent"><span><spanclass="icon"style="background-image:url('://113.55.44.46/joomla/images/yootheme/menu/icon_menu_widgetkit.png');"></span>神圣几何学</span></a><divclass="dropdowncolumns2"style="width:400px;"><divclass="dropdown-bg"><div><divclass="width50column"><ulclass="level2"><liclass="level2item138"><ahref="/joomla/index.php/widgetkit/slideshow"class="level2"><span>圆、方、三角、螺旋</span></a></li><liclass="level2item147"><ahref="/joomla/index.php/widgetkit/slideset"class="level2"><span>五边形、五角星</span></a></li></ul></div><divclass="width50column"><ulclass="level2"><liclass="level2item149"><ahref="/joomla/index.php/widgetkit/gallery"class="level2"><span>六边形、六角星</span></a></li><liclass="level2item146"><ahref="/joomla/index.php/widgetkit/2012-12-02-13-16-52"class="level2"><span>生命之花</span></a></li></ul></div></div></div></div></li><liclass="level1item106parent"><ahref="/joos/yootheme/menu/icon_menu_zoo.png');"></span>UFO</span></a><divclass="dropdowncolumns1"><divclass="dropdown-bg"><div><divclass="width100column"><ulclass="level2"><liclass="level2item175"><ahref="/joomla/index.php/zoo/2012-12-02-10-25-38"class="level2"><span>是UFO制造了麦田圈吗</span></a></li><liclass="level2item180"><ahref="/joomla/index.php/zoo/2012-12-02-10-33-26"class="level2"><span>新观点-设计图</span></a></li><liclass="level2item181"><ahref="/joomla/index.php/zoo/wiltshire"class="level2"><span>神秘的Wiltshire</span></a></li><liclass="level2item183"><ahref="/joomla/index.php/zoo/2012-12-02-13-33-42"class="level2"><span>玛雅预言</span></a></li><liclass="level2item184"><ahref="/joomla/index.php/zoo/2012-12-02-13-35-50"class="level2"><span>外星人回信</span></a></li></ul></div></div></div></div></li></ul></nav><divid="search"><formid="searchbox"action="/joomla/index.php"method="post"role="search"> <inputtype="text"value=""name="searchword"placeholder="search..."/> <buttontype="reset"value="Reset"></button> <inputtype="hidden"name="task"value="search"/> <inputtype="hidden"name="option"value="com_search"/> <inputtype="hidden"name="Itemid"value="101"/> </form><scriptsrc="/joomla/templates/yoo_subway/warp/js/search.js"></script><script>jQuery(function($){ $('#searchboxinput[name=searchword]').search({'url':'/joomla/index.php/component/search/?tmpl=raw&type=json&ordering=&searchphrase=all','param':'searchword','msgResultsHeader':'SearchResults','msgMoreResults':'MoreResults','msgNoResults':'Noresultsfound'}).placeholder();});</script></div></div></header><divid="main"class="grid-block"><divid="maininner"class="grid-box"><sectionid="content"class="grid-block"><divid="system-message-container"></div><divid="system"><divclass="itemsitems-col-0grid-block"><divclass="grid-boxwidth100leading"><articleclass="item"data-permalink="://113.55.44.46/joomla/index.php/7-holiday-impressions"> <header> <timedatetime="2012-12-07"pubdate> <spanclass="day">07</span> <spanclass="month">12月</span> <spanclass="year">2023</span> </time> <h1class="title"><ahref="/joomla/index.php/7-holiday-impressions"title="麦田圈印象">麦田圈印象</a> </h1> </header> <divclass="contentclearfix"><p><imgsrc="/joomla/images/banners/2.jpg"border="0"alt=""width="128"height="145"/></p><p>从17世纪至今,关于麦田怪圈的争论就不绝于耳。它们常常在春天和夏天出现,几乎遍及全世界,美国、澳大利亚、欧洲、南美、亚洲,无处不在。世界上唯一没有出现过麦田圈的国家只有一个:南非。虽然研究发现有80%的麦田怪圈属于人类的恶作剧,但是其他的是人类目前无法完成的。</p> </div> </article><divclass="links"> <ahref="/joomla/index.php/7-holiday-impressions"title="麦田圈印象"> ContinueReading </a> </div></div></div> </div></section><sectionid="innerbottom"class="grid-block"><divclass="grid-boxwidth100grid-h"><divclass="moduledeepest"><div>id="slideshow-52-50bc75c3dfdf2"class="wk-slideshowwk-slideshow-subway-list"data-widgetkit="slideshow"data-options='{"style":"subway_list","autoplay":1,"interval":5000,"width":"auto","height":188,"duration":500,"index":0,"order":"default","navigation":200,"animated":"fade"}'> <div> <ulclass="navnav-200clearfix"> <li> <span>mymusic</span> </li> <li> <span>mymovies</span> </li> <li> <span>mybooks</span> </li><li> <span>myapps</span> </li> </ul> <divclass="slides-container"><ulclass="slides"><li><articleclass="wk-contentclearfix"><imgalt="DemoImage"height="150"width="310"src="/joomla/images/yootheme/demo/slideshow/demo_music.png"/></article></li><li><articleclass="wk-contentclearfix"><imgalt="DemoImage"height="150"width="310"src="/joomla/images/yootheme/demo/slideshow/demo_movies.png"/></article></li><li><articleclass="wk-contentclearfix"><imgalt="DemoImage"height="150"width="310"src="/joomla/images/yootheme/demo/slideshow/demo_books.png"/></article></li><li><articleclass="wk-contentclearfix"><imgalt="DemoImage"height="150"width="310"src="/joomla/images/yootheme/demo/slideshow/demo_apps.png"/></article></li></ul></div> </div></div> </div></div></section> </div> <!--maininnerend--><asideid="sidebar-b"class="grid-box"><divclass="grid-boxwidth100grid-v"><divclass="modulemod-boxmod-box-color2deepest"> <p><ahref="/joomla/index.php/component/content/?id=20&Itemid=66"><imgclass="size-autoalign-center"src="/joomla/images/yootheme/icon_contact.png"border="0"alt="ContactIcon"width="126"height="126"/></a></p><h3class="module-title">QQ:153702172</h3> </div></div><divclass="grid-boxwidth100grid-v"><divclass="modulemod-boxmod-box-transparentdeepest"> </div></div><divclass="grid-boxwidth100grid-v"><divclass="moduledeepest"><divid="gallery-51-50bc75c3e5680"class="wk-slideshowwk-slideshow-subway"data-widgetkit="slideshow"data-options='{"style":"subway","width":220,"height":220,"autoplay":1,"order":"default","interval":5000,"duration":500,"index":0,"navigation":1,"buttons":1,"slices":20,"animated":"kenburns","caption_animation_duration":500,"lightbox":0}'> <div> <ulclass="slides<li><imgsrc="/joomla/cache/widgetkit/gallery/51/01-0d26af5daa.jpg"width="220"height="220"alt="01"/></li><li><imgsrc="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw=="data-src="/joomla/cache/widgetkit/gallery/51/02-e7e033

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论