大学校园失物招领网站网页设计与实现,网页设计论文

大学校园失物招领网站网页设计与实现,网页设计论文摘要：针对校园学生失物现象频繁发生、找寻困难这一问题,利用Dreamweaver软件设计最初网站,然后基于PHP和MySQL技术设计管理系统,用WampServer配置环境,调试运行PHP网页,最终设计出了失物招领管理网页,减少了校园学生的经济及精神损失。本文关键词语：网页制作;Dreamweaver;PHP;0引言在大学校园内,丢失物品现象非常普遍,同学们经常会遗失教学材料、钥匙、准考证、优盘、雨伞以及钱包等物品。失主丢失物品后往往苦于寻找,而现有失物招领处工作繁琐且效率低,拾主捡到物品若希望归还也很费事。所以,在学校的公共场所经常会有一些张贴寻物启事的公告,一则影响校容,助长了乱张贴小广告的风气;二则效果不明显,同时写寻物启事也会消耗损费失主的精神和财力。以上种种,给同学们的生活造成了极大的不便。1设计网页风格网页主页是一个网站的门面,是访问者第一印象的来源,必然希望尽量给人留下好的印象。一般来讲,好的网站应该给人这样的感觉:干净整洁、条理清楚、专业水准、引人入胜。另外,在网页设计时要有明确的主题。因而,主题鲜明是网页设计的前提,不同的主题应有不同的设计风格,不同的设计风格,给人以不同的视觉效果。网页设计属视觉设计领域,它的最终目的是使网页内容清楚明晰、具有条理性,并到达最佳的视觉效果[1]。其设计不但要单纯、简练、清楚明晰和准确,而且在强调艺术性的同时,更应注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题,同时要使网页从形式上给人良好的印象。鲜明的突出主题能够通过对网页的空间层次、主从关系、视觉秩序及相互间逻辑关系的把握运用来实现,合理布局、调整主次的位置关系、突出主题,能让阅读者在短时间内过目不忘、回味无穷。2设计首页菜单设计失物招领管理网页,首先要设计好首页的菜单。在网页设计中,首页菜单的设计应便于用户在阅读网站时一目了然,方便地使用网站。本站的首页菜单采用了常见的导航条导航形式,即采用了Spry选项卡式面板导航,阅读者能够通过单击面板上需要访问的选项卡来显示相应内容。将插入点定位于网页要插入Spry选项卡式面板的位置,插入Spry选项卡式面板,选择水平布局。点击Spry菜单栏左上角的蓝色选择区域,就出现了相关属性。根据需要,我们把项目1、项目2、项目3、项目4、项目5和项目6文本框中内容分别修改为首页失物信息招领启事登记失物登记招领和关于我们。最终本网页包括六个模块,构造如此图1所示。图1网页模块构造图3二级栏目网页和内容网页的制作3.1制作二级栏目页面模板打开Dreamweaver软件,选择新建空模板模板,布局选择无,点击开创建立。然后根据普通网页的制作方式方法来开创建立模板。模板做好以后还要确定模板的可编辑区域,即在以后的网页制作中利用该模板时能够编辑的内容。选中想要编辑的各个表格,插入中选择模板可编辑区域,把名称改为EditRegion1EditRegion2EditRegion3等等,点击确定。在以后套用此模板时这些可编辑区域是能够进行更改的,而其他区域不可更改。点击保存[2]。3.2利用模板制作各个二级栏目页面模板制作好以后,我们在本模板的基础上来制作详细的二级栏目网页。选择菜单栏当中的文件,选择新建空白页,页面类型选择模板,布局选择无,点击开创建立。接着在菜单栏中选择修改,选择最后一个模板选项,最后在其二级菜单栏选项中选择应用模板到页,然后在可编辑区域添加想添加的内容,最后保存为后缀为.的文件[3]。4安装WampServer并配置WampServer是指Windows下的Apache+Mysql+PHP,就是在Windows下将Apache+PHP+MySQL集成,能够快速安装配置环境,操作简单、界面友好。WampServer中PHP是一种高效的动态脚本编程语言,具有跨平台、强大的数据库支持等优点;MySQL是一个免费、快速、支持多线程/多用户的数据库服务器,并且PHP内置了对MySQL很好的支持,同时PHP与MySQL都是免费的,是动态网站开发的最佳组合。WAMP的安装经过:(1)从任意搜索引擎上下载到程序安装包,双击下载,当下版本WampServer集成了Apache、PHP、MySQL、Phpmyadmin、SqlBuddy、XDebug。(2)运行安装包:(1)弹出安装向导。点击next进行下一步即可;(2)安装协议,选择Iaccepttheagreement,继续点击next,进行下一步;(3)选择安装目录,默认是c:\wamp,也根据自个需要设置在其他盘;(4)询问能否在快速启动栏和桌面开创建立快速方式,选好之后继续点击next进行下一步;(5)确认设置能否正确,点击install开场安装;(6)安装中;(7)选择WampServer的默认文本编辑器(程序默认的是notepad文本编辑器),一直点击next,直至完成安装。安装完毕,点击Finish完成安装。(3)安装完毕之后,右下角的任务栏会多出一个WAMP的小图标,本次安装的WAMP版本为WAMP51.7.4,成功启动后鼠标右键点击系统右下角的扇形小图标,依次选择Language-chinese,即可设置为简体中文[4]。(4)在阅读器里输入或,按回车测试能否安装成功。(5)配置PHP、MySQL和Apache。安装好WAMP之后并不能马上使用,还要配置PHP、MySQL和Apache,需分别点击localhost和phpmyadmin等进行相应设置。华而不实MySQL数据库用户的密码需要修改(安装完默认没有密码),可使用root用户(数据库默认用户)登录phpmyadmin数据管理器修改用户密码。最后点击重新启动所有服务,配置完成。5基于PHP和MySQL技术制作失物招领网页5.1怎样使用数据库管理根据MySQL技术的数据库管理功能的使用方式方法,应该针对网站数据的存放和应用特点,确保数据库的准确性、融合性、有效性等,采取适当措施使数据库检索技术愈加优良,并使检索数据的效率变得更高层次,网站构建的整体质量取决于数据库设计构造能否合理。在数据库系统中把各种各样不一样类型的数据资源按照一定的类别进行分类处理和储放,同时将各种文档的信息加注相应的日期、作者、预览内容等信息,主要的数据操作功能有编辑、录入、存储、删除、复制等等。还有,应该保证数据库的完好性和应时性,网站管理人员应该及时对数据进行更新和存储,要严格遵守相应的规则,为了提高系统的可用性和灾难可恢复性,应当在特定时期进行数据备份,以防数据丢失,数据库的管理权限一般为网站管理人员[5,6]。5.2怎样使用资源分享功能资源分享分为两个部分,分别是站内资源分享和站外资源分享。站内资源分享包括管理人员录入的资源数据库和上传的相关资料等,站外资源是选择专门的参考网站,要注意的是,应根据所需内容进行选择。在资源分享功能的使用中,资源使用效率这一问题不容忽视,应着重提高使用效率,利用站内搜索技术和互联网搜索引擎技术提供优质、完善的资源环境。6网页的测试与内容的发布6.1网页的测试网页制作完成以后,需要经过反复的测试、审核、修改,直到确认无误后才可正式发布。(1)检查阅读器兼容性。DreamweaverCS6提供的阅读器兼容性检查功能能够帮助设计者在阅读器中查找有问题的和CSS部分,并提示设计者哪些标签属性在阅读器中可能出现问题,以便对文档进行修改。以下为操作流程:把DreamweaverCS6打开,选择菜单栏当中的窗口菜单,选择结果,在二级菜单中选择阅读器兼容性,这时点击右下角属性面板中的绿色按钮,选择检查阅读器兼容性。(2)对链接的测试。为避免出现无效链接的尴尬,树立良好的网站形象,无论是发布前的本地测试,还是发布后的远程测试,都应该认真检查能否存在失效链接,以便及时修改。操作流程同样是选择菜单栏当中的窗口菜单和结果,然后在二级菜单中选择链接检查器,检查链接。6.2站点的上传网站制作完成后,需要上传至远端服务器,才能让用户阅读。另外在站点上传之前,需在网上注册域名,并申请虚拟空间,最后再借助软件将网站上传。站点上传就是将通过测试后的网页复制到远程Web服务器。上传站点时,通过Dreamweaver的站点管理器进行。7结束语综上所述,本文介绍了基于PHP和MySQL技术的校园失物招领管理网页的设计与实现。此项目施行的前提是保证项目的公益化而非商业化,此项目运行后,希望同学们丢了东西之后不用消耗损费自个的精神张贴各种寻物启事,而是登上我们的网页动一动手指,依靠全校学生的气力就能够很快地找到所失之物,进而减少经济及精神损失,规范学校的校风校貌,有利于开创建立一个无遗的和谐校园。以下为参考文献:[1]刘欣,李慧.PHP开发宝典[M].北京:机械工业出版社,2020.[2]兰玉.PHP与MySQL网站开发全接触[M].北京:机械工业出版社,2020.[3]王逾西.动