云南大学软件学院综合技能实践项目基于开源框架的网站Word格式文档下载.docx
- 文档编号:19100683
- 上传时间:2023-01-03
- 格式:DOCX
- 页数:17
- 大小:32.58KB
云南大学软件学院综合技能实践项目基于开源框架的网站Word格式文档下载.docx
《云南大学软件学院综合技能实践项目基于开源框架的网站Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《云南大学软件学院综合技能实践项目基于开源框架的网站Word格式文档下载.docx(17页珍藏版)》请在冰豆网上搜索。
实现了大部分的功能60
运作性实践(O)20%
运作良好90
运行正常,偶尔出现bug80
运行正常,但出现bug频率较高70
运行基本正常,会出现错误和bug60
项目完成后提交文档:
1)网站开发方案或网站开发计划书:
网站开发的规划和进度安排;
2)网站开发文档:
网站开发建设过程中出现的问题和解决方法的记录和总结;
3)网站使用测试报告:
对网站功能使用进行必要说明,并完成测试,记录测试结果。
1.选题要求
自主选题;
选题不宜过大、过难,以实用为目的;
团队开发;
编程语言不限。
项目指导:
第一部分网站服务器环境搭建
根据选择搭建网站技术的不同,在开发网站前应现搭建合适的网站开发部署平台,如采用asp和技术应该配置好WindowsIIS服务,采用JSP技术,应搭建好Java开发平台,采用PHP技术,应构建Apache+MYSQL+PHP环境。
下面以PHP开发平台为例,介绍Apache+MYSQL+PHP环境简单搭建.
官方网址:
支持操作系统:
Windows2000,XP(Server2003),Vista(Server2008),全部都是32位的,64位官方未测试。
介绍一下XAMPP1.7的特点:
XAMPP支持的操作系统包括:
Windows、Linux、MacOSX、Solaris;
XAMPP是完全免费的,并且遵循GNU通用公众许可
+PHP5.3.1+PEAR(PEAR,Mail_Mime,MDB2,Zend)
+Perl5.10.0(Bundle:
:
Apache2,Bundle:
Apache:
ASP,Bundle:
Email,Bundle:
DBD:
mysql,DBD:
SQlite)
+XAMPPControlVersion2.5.8(ApacheFriendsEdition)
+XAMPPCLIBundle1.6
+XAMPPPortCheck1.4
+XAMPPSecurity1.1
+ADOdbv5.09a
+FPDFv1.6
+ZendFramework1.9MinimalPackage(viaPEAR)
+MercuryMailTransportSystemv4.62
+Webalizer2.21-02(withGeoIPlite)
+Xdebug2.0.5forPHP
+Ming0.4.2forPHP
一、XAMPP的安装过程
XAMPP的安装过程很简单(是指exe安装包过程,解压包等就更简单一点,实测WindowsXP环境下),但需要注意的两点如下
1、安装路径,最好放置到D盘,不建议不要放到系统盘去,尤其是早期的XAMPP版本可能默认安装Programfiles下可能在Vista、Windows7可能需要修改写入权限。
下图所示(只需要选择驱动器,安装程序会自动创建xampp目录),然后点install,等候安装完成。
2、安装完成后,会弹出COMMAND设置窗口,问我们是否创建桌面快捷方式,我们选择Y并回车。
3、接下来问我们是否定位xampp的正确路径,晕太快跑过去了,没抓到图,大概就是ShouldIlocatethexampppathcorrectly这个样子,选择y并回车(此图略)。
4、选择是否让xampp支持便携使用(无驱动器号),这里要注意,如果后面想把XAMPP注册为系统服务的话,是必须使用驱动器号的,如果要使用USB安装xampp就不能使用驱动器号,因为USB设备可能在不同PC机上的设备号可能有所变化。
如下图。
天缘安装的是到D盘,固定驱动器,所以就选N并回车。
5、安装完,提示Press<
Return>
tocontinue。
按回车键继续,如下图。
6、这一步让我们确认PHP的时区配置UTC是否正确,这个没关系,即使后面发现正确,也可以自己在PHP.INI里修改掉,如下图,再按回车键继续。
7、这里是最后一步,如下图,我们只需要选择1并回车启动xampp控制面板,右下角的托盘中已经有了xampp控制面板启动程序。
8、然后界面会“闪”一下,如下图,我们选择x退出即可。
9、到这里xampp就安装完成了,如果出现xampp安装失败,请先运行安装一半的xampp目录下的卸载文件uninstall_xampp.bat执行一次清理,然后再重新安装。
下面我们来看一下xampp的控制面板,如下图。
二、XAMPP的基本常见使用方法
1.XAMPP的启动路径
xampp\xampp-control.exe
2.XAMPP服务的启动和停止脚本路径
启动Apache和MySQL:
xampp\xampp_start.exe
停止Apache和MySQL:
xampp\xampp_stop.exe
启动Apache:
xampp\apache_start.bat
停止Apache:
xampp\apache_stop.bat
启动MySQL:
xampp\mysql_start.bat
停止MySQL:
xampp\mysql_stop.bat
启动Mercury邮件服务器:
xampp\mercury_start.bat
设置FileZillaFTP服务器:
xampp\filezilla_setup.bat
启动FileZillaFTP服务器:
xampp\filezilla_start.bat
停止FileZillaFTP服务器:
xampp\filezilla_stop.bat
3.XAMPP的配置文件路径
Apache基本配置:
xampp\apache\conf\httpd.conf
ApacheSSL:
xampp\apache\conf\ssl.conf
ApachePerl(仅限插件):
xampp\apache\conf\perl.conf
ApacheTomcat(仅限插件):
xampp\apache\conf\java.conf
ApachePython(仅限插件):
xampp\apache\conf\python.conf
PHP:
xampp\php\php.ini
MySQL:
xampp\mysql\bin\my.ini
FileZillaFTP服务器:
xampp\FileZillaFTP\FileZillaServer.xml
Mercury邮件服务器基本配置:
xampp\MercuryMail\MERCURY.INI
Sendmail:
xampp\sendmail\sendmail.ini
4.XAMPP的其它常用路径
网站根目录的默认路径:
xampp\htdocs
MYSQL数据库默认路径:
xampp\mysql\data
5、日常使用只需要使用XAMPP的控制面板即可,可以随时控制apache、PHP、MYSQL以及FTP服务的启动和终止。
上面的Service是为了在安装后方便随时可以注册或卸载上文提到的服务项目。
三、附xampp的默认密码
1)MySQL:
User:
root
Password:
(空)
2)FileZillaFTP:
newuser
wampp
3)Mercury:
Postmaster:
postmaster(postmaster@localhost)
Administrator:
Admin(admin@localhost)
TestUser:
4)WEBDAV:
wampp
xampp
四、常见问题
1、关于为xampp添加ZENDOPTIMIZER的说明:
XAMPP1.7.2默认PHP加速是使用eaccelerator加速的,功能上相当于ZendOptimizer,但是缺少ZENDOPTIMIZER的网页加密解析功能。
1、不使用XAMPP,全部手动安装PHP、APACHE、MYSQL和ZendOptimizer。
2、使用XAMPP的早期版本,网上也能搜索到,早期版本默认支持ZENDOPTIMIZER。
3、ZendOptimizer3.3安装的时候会自动为PHP.INI文件增加Optimizer引擎接口。
4、如果大家不使用网页加密只使用PHP加速,就是用eaccelerator就可以了。
5、最后一点,就是xampp仅作开发环境使用,请不要用于服务器环境,因为xampp有很多安全问题未作处理,官方也特别做这个声明。
2、APACHE无法启动的常见问题
3、参照上文XAMPP安装和配置完成后,我们就可以安装等网页程序编辑软件,进行网页编程测试了。
第二部分网站搭建配置案例
基于开源框架的网站很多,可根据个人掌握的网站开发技术和网站需求不同,选取合适的开源网站系统进行配置和设计。
下面以Joomla为例来示范简单网站建设流程。
!
是一套在国内外相当知名的内容管理系统,它属於企业入口网站类型套件,顾名思义,就是比较适合作为商业类型的网站程式,使用它您不需自己懂得程式设计,就可以架设一个拥有强大後台管理及前端的入口网站。
是使用加上所开发的软体系统,可以在Linux、Windows、MacOSX等各种不同的平台上执行。
一、基本需求:
开启PHP解译功能+安装MySQ数据库
二、Joomla!
中文版下载:
注:
请先下载原版,然后下载语言包。
三、前台演示:
一、!
安装
下载完整包装後解压,於您的网站根目录之下(假设为C:
\WWW)建立一子目录joomla並且将完整包装解压缩到该目录之下。
当然你也可以不用建目录,直接安排在根目录。
如时你安装在远程主机(Linux/Uinux)上请注意以二进制上传。
解压完成後,确认这个文件的存在C:
\WWW\joomla\installation\index.php
在浏览器中连接这个网址之後出现安装第一步的画面,选择中文安装语言。
接下来出现一些环境变数的检查,检查看看是否都能通过
接下来阅读授权约定後,点选下一步进入MySQL设定,大部分用户依照建议值就可以。
接下来输入站台名称,例如我的小站
异。
另外这边也会显示您的网址以及网页目录,请检查是否正确。
最後一步,系统再度告知管理员帐号及密码,一定要记得喔,最後也请把installation子目录完全删除。
二、网站的配置:
使用下列的网址:
h网站的初始网页。
其中的有许多内容需要修改,因此下一步您要进入管理者网页介面。
想要进入管理的介面,点击管理区之後输入帐号及密码,即可进入管理介面。
进入之後会看到管理介面,接下来就请根据个人需求进行修改:
测试方式:
你可以邀请一位同学,从Internet连线到你的外部IP的Joomla!
对网站的基本功能进行测试。
测试完成后形成网站测试报告。
参考文档:
一、网站建设
网站建设是涵盖网站定位考虑,从营销角度立意而进行一个建设网站的过程,其中包括了前期网站定位、内容差异化、页面沟通等战略性调研确立后,去域名注册、空间租用、网站风格设计、网站代码制作五个部分,这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。
网站可以分为政府、事业单位网站,商业网站,个人网站及门户网站等等。
专业网站建设分为8步
网站建设分为如下8步:
一、申请域名();
二、申请空间;
三、定位网站;
四、分析网站功能和需求(网站策划)
五、网站风格设计;
六、网站代码制作;
七、测试网站;
八、FTP上传网站;
九、网站维护
做网站规划
这个问题是做网站规划首先要考虑的,首先必须分析可能的访问者有哪些,然后有针对性地设计相关内容。
一般来说,一个企业网站主要的访问者有几类,即:
直接用户、经销商、设备和原材料供应商、竞争者等。
前两类访问者是公司的现有用户和潜在用户,也是网站内容应该重点满足的对象。
至于供应商,除去那些具备BTOB功能的综合性电子商务网站来说,大多数以信息发布为主的企业网站很少顾及到,因此,也不是一般企业网站的重点内容。
至于竞争者,来访的目的无非是了解你公司的新动向,或者网站设计水平如何,是否有值得借鉴的地方,对此,在发布有关内容时应该给予适当的“防备”,而不是让竞争者满载而归。
内容应该作为网站的重点
既然公司的现有用户和潜在用户是网站的重点照顾对象,那么就要认真分析他们需要什么信息。
以一个电视机生产企业为例,一个用户/潜在用户访问某企业网站的目的大致有几种:
看看有什么新产品、对比不同规格产品的性能和价格、与其它品牌的同类产品进行对比、查询本地销售商和保修地址等等,如果可以进行网上订购,用户自然也希望了解与此相关的信息,比如订货方式、支付手段、送货时间和费用、退换商品政策等。
因此,这些内容应该作为网站的重点。
说起来如此简单,似乎应该是再明白不过的道理,但是,很多网站在内容设计上“跑题”的现象却时常发生。
即使在电子商务已经比较发达的美国,设计不合理的状况也十分明显,在中国,也许就更显得不足为怪了。
第一代网站建设技术:
运用一般的软件,把一些平面页面效果转化成网页,然后把网页链接起来成为一个企业网站。
采用“第一代网站建设技术”制作出来的企业网站,由于更新以及修改网站内容均需专业人员,维护麻烦,网站修改以及增加网页均需支付费用,导致企业经常不更新其网站内容,失去了建设网站的意义;
同时由于纯静态页面没有交互性,使得客户不能很好的与企业沟通。
第二代网站建设技术:
是指在第一代网站建设技术基础上,针对网站的某一个功能采用一些数据库管理模块(如新闻发布、产品发布等),网站的后台对这些个别的功能模块进行管理。
采用“第二代网站建设技术”制作出来的企业网站,在一定程度上摆脱了第一代网站建设技术在网站内容更新困难上的缺点,适合对于网站日常更新维护频繁,对网站各功能模块有独特需要的大型企业网站,但由于需要对企业的不同建站需求进行定制开发,所以价格一般也较高,一般中小企业难以承受。
第三代网站建设技术:
2003年初以来出现了第三代网站建设技术――。
网站用户通过智能建站系统能够很方便快捷地管理自己的网站,自己定义网站的框架内容,并能够随时升级网站的功能,且解决了每个客户都需要的网站前台界面个性化的需求。
使用智能建站系统进行企业建设,能够适应大多数中小企业对于网站建设的一般需求,开发周期短,更新维护便捷,是中小企业建设网站的理想选择。
网站建设前期准备工作
网站建设前期准备工作相当重要,这决定你建站的目的,以及日后维护网站,让你的网站发挥作用等是相当的重要。
在设计网站前,必须先准备好以下工作:
1.网站框架频道
网站频道就是网站的大框架,也就是主体部分,比如:
首页,公司简介,新闻动态,产品展示,在线留言,联系我们等,这是标准的企业网站的内容。
如果你有特定的框架,请您一一列出,这样方便我们设计。
2.网站风格要求
您必须知道您网站的目的,是以广告形式、还是仅给现有的老客户观察?
是功能型的,还是展示型的?
风格定位要准确,功能型的是,网站在美工设计上可能不适合大块图片,在数据功能上比较强大,比如搜索,会员注册等,一般大型企业网、购物网、大型门户、交友网等都是属于功能型的,如果是展示型的,这种类型的网站可能大部分追求视觉上的美丽,对功能要求不高。
那在美工上面,设计上就得有强烈的视觉感了。
这种网站一般属于:
美容业、女性用品、服饰等。
3.网站的针对对象
在设计网站前,您必须告诉我们您的网站所针对的人群、区域、国家等。
如果能提供某种行业的更好,这样我们在设计上就会针对这种人群的浏览习惯特别定制您的网页。
网站建设都要考虑哪些因素?
一、网站风格/创意
风格(style)是抽象的。
是指站点的整体形象给浏览者的综合感受。
整体形象包括站点的版面布局,色彩,字体,浏览方式等…。
如:
我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。
每一个网站都会给人
们留下的不同感受。
这里我们需要做到的是根据网站的定位做出网站特有的风格。
除此我们还需要在风格同一上需要把握一下,其实这个风格的统一和传统的印刷出版物没什么区别。
你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,都要统一风格,贯穿全站。
这样子用户看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。
创意,所谓创意就是不拘一格?
某些设计师在做创意的时候大费周章,做出来确实不可否认很有创意、很别致,但往往对于行业网站的客户为什么不能接受呢?
此时不要太责怪客户的不识货,应该反思,抓住客户的需求。
其实做行业网站不需要很多大的创意,也不要浪费过多的时间去追求如何个性、如何好看,我们只需要一点小小的创意贯穿全站,也许会使网站更生动更具有吸引力、更有思想,比如中国现车交易网(2005年此站已经消失)就是一个很好的案例,它把车的外形融入到网站中,使它脱颖而出。
二、网站LOGO
Logo顾名思义就是站点的标志图案,logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。
网站logo的设计过程中一般有以下三种思路:
1.直接以网站网址作为logo。
2.根据网站提供的产品/服务特点展开logo设计。
3.以传递网站运营商的经营理念为特色。
三、视觉流程
人们在阅读某种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,再看什么。
在心理学的研究表明,一般的浏览习惯是从上到下、从左到右,在一个平面上,上松下稳而压抑。
同样,平面的左松右稳。
所以平面的视觉影响力上方强于下方,左侧强于右侧。
这样平面的上部和中上部被称为“最佳视域”,也就是最优选的地方。
在网页设计中一些突出或推荐的信息通常都放在这个位置。
当然这种视觉流程只是一种感觉并非一种固定的公式,只要符合人们的心理顺序和逻辑顺序,就可以更为灵活地运用,在网页设计中,灵活而合理地运用直接影响到传达信息的准确与有效性。
四、网页框架与布局
网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型,在这里就不做一一论述了。
其实在我们做设计的时候并没有过多的去考虑什么形式,比如我们在一张纸看到一个圆形的东西,很容易可以联想到它像太阳,而有些人则联想到月亮等等…这都是一种形式比喻,最重要的是抓住客户的需求,把握网站的定位做处合理的框架布局。
1.分辨率
网页的整体宽度可分为三种设置形式:
百分比、象素、象素+百分比。
通常在网站建设中以象素形式最为常用,行业网站也不列外。
我们在设计网页的时候必定会考虑到分辨率的问题,科技发展到现在我们通常用的是1024*768和800*600的分辨率,现在网络上很多都是用到778个象素的宽度,在800的分辨率下面往往使整个网页很压抑,有种不透气的感觉,其实这个宽度是指在800*600的分辨率上网页的最宽宽度,不代表最佳视觉,不妨试试760~770的象素,不管在1024还是800的分辨率下都可以达到较佳的视觉效果。
2.空间的合理利用
很多的网页都具有一个特点,用一个字来形容,那就是“塞”,它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上,有多少挤多少,不加以规范,导致浏览时会遇到很多的不方便,主要就是页面主次不分,喧宾夺主,要不就是没有重点,没有很好的归类,整体就像各大杂烩。
让人难以找到需要的东西。
有的则是一片空白失去平衡,也可以用个“散”字来形容。
并非要把整个页面塞满了才不觉得空,也并非让整个页面空旷才不觉得满,只要合理的安排、有机的组合,使页面达到平衡,即使在一边的部分大面积留空,同样不会让人感到空,相反这样会给人留下广阔的思考空间,给人回味又达到了视觉效果。
3.文字编排
在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。
3.1文字图形化
文字图形化就是将文字用图片的形式来表现,这种形式在页面的子栏目里面最为常用,因为它具有突出,同时又美化了页面,使页面更加人性化加强了视觉效果。
是文字无法达到的。
对于通用性的网站弊端就是扩展性不强。
3.2强调文字
如果将个别文字作为页面的诉求重点,则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果,使其在页面整体中显得出众而夺目。
这些方法实际上都是运用了对比的法则。
如果在更新频率低的情况下也可以使用文字图形化。
五、网站配色
1.用一种
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 云南大学 软件 学院 综合 技能 实践 项目 基于 框架 网站