网站开发文档

基于开源框架的网站开发云南大学软件学院综合技能实践项目——网站开发文档网站主题：麦田圈之谜网站开发团队:刘晶软件工程20111120055王志梅软件工程20111120164沈璐软件工程20111120192指导老师：李海2012年12月7日星期五基于开源框架的网站开发1一、网站总体说明1.网站结构网站首页(主题内容：麦田圈之谜，导航，关联板块向导)——导航下拉列表相关内容链接——站内内容。首页呈现：2.网站页面语言运用wamp搭建软件开发环境，网站设计采用div+css设计，使用超文本预处理语言php来开发网站。3.设计思路基于麦田圈主题的思考，在网站设计时，主页设置导航，链入下拉子单，转另一内容页面，主页板块简要介绍麦田怪圈印象，并设动态图片作展示，在局部突出的基础之上渗透方便用户了解信息的理念。二、特色介绍1.网站设计个性化，首页导航栏“主页”下设有十种背景色选项，访问用户可根据需求自由进行变换，方便浏览网站信息。效果呈现如图：基于开源框架的网站开发22.网站右下角设置有页面内容置顶功能，如图所示：3.页面右上角设置有search，方便站内搜索相关信息：4.作为开放性考虑，网站首页右侧设有facebook，google等网站相关链接：三、开发过程记录总结1.在搭建开发环境的过程中，安装XAMPP服务器系统开发套件总基于开源框架的网站开发3是出错，为解决这一问题，我们通过网上搜索到一款软件wamp来替代XAMPP创建开发环境，wamp可在64位机下运行，从而成功地搭建起了平台，安装了joomla。2.首次安装joomla和有的组件时，如sampledata，覆盖了数据库，导致内容丢失，还有flexcontent会自动复制原有内容，造成了一些不必要的麻烦，为解决这些问题，我们又重装了一次joomla，对相关组件进行了选择，使得后续开发得以顺利进行。3.在选择保留插件时，误关了user这个插件，导致了后台无法登录，即使账号密码正确，也一直停留在登录页面，后发现问题及时进行了修正。4.以管理员身份在后台安放内容的过程中，新建导航栏某一题标下方的下拉菜单时，由于位置选择了根，导致未能新建成功，而是建了一个导航题标，后将其位置更改为父目录才新建成功。5.在网站首页设置相关链接时，偶尔出现链接无效，404的情况，后通过查找相关资料，使用各种网上诊断工具，不断优化了页面，解决了大部分死链情况。四、总结1.通过此次网站设计开发，了解了用wamp搭建环境的方法，对joomla做网站的功能有了一定认识，并且在遇到困难和解决困难的过程中，得到了一些扩展的使用心得。2.在网站内容和风格的设计过程中，充分展示了具有时代特征的思想基于开源框架的网站开发4理念，关注当下热点，内容涉及科学前沿的探索，对新兴人群更具吸引力。3.对以后更高层次网站的开发设计和相关文档的编写奠定了基础。4.体现出当今社会团队合作的理念，一些网站尤其是大型网站更需要这种资源优化配置，分工明确，共同开发的精神。基于开源框架的网站开发0云南大学软件学院综合技能实践项目——网站使用测试报告测试对象：麦田圈网站网站测试人:刘晶软件工程20111120055王志梅软件工程20111120164沈璐软件工程20111120192指导老师：李海测试时间：2012年12月7日星期五基于开源框架的网站开发1一、测试目的测试网站功能的完整性二、测试方法将完成的网站进行发布，从Internet连线到我们的外部IP的Joomla!,使用看看是否能连线到网站，并对对网站的基本功能进行测试。测试开始后，我们从另一台pc机，在浏览器中输入，成功地连线到了网站，进入主页。三、网站相关功能说明及测试结果连线到网站后，首页显示如图：网站主题：麦田圈之谜。旁边附有云南大学标识，导航栏“主页”下拉菜单中网站背景色十选项测试均正常，如图为“渐变蓝”切换到“街道”背景色的测试：基于开源框架的网站开发2其余导航下拉菜单选项经测试均连接正常，通过这些选项点击可进入下一页面，浏览相关信息。运用search搜索站内信息，测试显示良好：右下角置顶功能显示正常无误，动态图片展示正常。经过相关测试，网站基本实现基础功能，连接正常，运行良好。基于开源框架的网站开发3四、网站不足1.页面内容有待充实，设计风格也不是很完美。2.contact链接尚未完善，出现404。3.网站静态展示居多，缺少相关视频内容，多样化欠缺。4.相关特色设计虽然新颖，但在实用性上有所欠缺。由于是初次用joomla做网站，难免会有不足之处，我们将会在以后的学习中改进提高，开发出更多有创意，功能完备的网站。另附源代码：!DOCTYPEHTMLhtmllang=zh-cndir=ltrheadmetacharset=utf-8/metahttp-equiv=X-UA-Compatiblecontent=IE=edge,chrome=1basehref==generatorcontent=Joomla!-OpenSourceContentManagement/title主页/titlelinkhref=/joomla/index.php?format=feed&type=rssrel=alternatetype=application/rss+xmltitle=RSS2.0/linkhref=/joomla/index.php?format=feed&type=atomrel=alternatetype=application/atom+xmltitle=Atom1.0/linkhref==opensearchrel=searchtitle=搜索cropcirclessercetstype=application/opensearchdescription+xml/linkhref=/joomla/templates/yoo_subway/favicon.icorel=shortcuticontype=image/vnd.microsoft.icon/linkrel=stylesheethref=/joomla/cache/widgetkit/widgetkit-6b22bc86.csstype=text/css/scriptsrc=/joomla/media/system/js/mootools-core.jstype=text/javascript/scriptscriptsrc=/joomla/media/system/js/core.jstype=text/javascript/scriptscriptsrc=/joomla/media/system/js/caption.jstype=text/javascript/scriptscriptsrc=/joomla/media/system/js/mootools-more.jstype=text/javascript/scriptscriptsrc=/joomla/media/widgetkit/js/jquery.jstype=text/javascript/scriptscriptsrc=/joomla/cache/widgetkit/widgetkit-a20e6bb5.jstype=text/javascript/scriptscripttype=text/javascriptwindow.addEvent('load',function(){newJCaption('img.caption');});基于开源框架的网站开发4window.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=stylesheethref=/joomla/media/widgetkit/css/ie.css/![endif]--linkrel=apple-touch-icon-precomposedhref=/joomla/templates/yoo_subway/apple_touch_icon.png/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/base.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/layout.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/menus.css/stylebody{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;}/stylelinkrel=stylesheethref=/joomla/templates/yoo_subway/css/modules.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/tools.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/system.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/extensions.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/custom.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/animations.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/background/gradientblue.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/font2/newciclefina.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/font3/newciclefina.css/linkrel=stylesheethref=/joomla/templates/yoo_subway/css/style.css/linkrel=stylesheethref=/joomla/templates