- 1.86 MB
- 2022-09-08 发布
- 1、本文档由用户上传,淘文库整理发布,可阅读全部内容。
- 2、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,请立即联系网站客服。
- 3、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细阅读内容确认后进行付费下载。
- 网站客服QQ:403074932
初中英语短语练习网站河北农业大学本科毕业论文(设计)题目:初中英语短语练习网站学院:信息科学与技术学院专业班级:计算机1001班学号:学生姓名:指导教师姓名:指导教师职称:副教授二O一四年五月三十日\n初中英语短语练习网站摘要通过使用开发的初中英语短语网站,让初中生在短语练习的过程中产生兴趣,对于学习英语短语有着很好的帮助。网站提供了多元化的练习方式,让乏味的英语不再那么的枯燥,而变的有乐趣。这使得学生们更愿意去学习、练习短语,从而能有效的帮助初中生更好的掌握英语。论文阐述了网站开发的目的,结合初中生在英语学习过程中缺乏乐趣的实际情况,利用php语言作为开发的编程语言详细阐述了初中生短语学习网站的开发。本网站以静态网页为主,以html5为网站制作页面的语言。采用mysql数据库作为后台数据库。通过对数据库基本理论的阐述并在此理论的指导下,详细的给出了从初中英语短语网站的数据分析。网站的总体设计、详细设计与实现及网站的练习功能的各个环节都在网站的前后台得以体现。关键词:html、css+div、mysql、php、英语短语。\n初中英语短语练习网站AbstractInthispaper,throughthedevelopmentofjuniormiddleschoolEnglishphrases,letstudentsinterestedinthecourseofpractice,forthestudyofEnglishidiomshaveaverygoodhelp.Therearemanydiversifiedpractice,lettheboringEnglishnotsodull,andhavefun.Makestudentswillingtolearn,practice.CaneffectivelyhelpthejuniormiddleschoolstudentstolearnEnglishwell.Thispaperexpoundsthepurposeofwebsitedevelopment,combinedwithjuniorhighschoolstudentslackofinterestoftheactualsituationandneedsintheprocessofEnglishlearning,usingPHPlanguageofprogramminglanguage.ThiswebsitetostaticWebpage,takingHTML5asthewebpagelanguage.UsingMySQLasthebackstagedatabase.BasedonthebasictheoriesofdatabaseStatesandundertheguidanceofthistheory,givesadetailedanalysisfromthejuniormiddleschoolEnglishphrasewebsitedata.Allaspectsofthesite'soveralldesign,detaileddesignandimplementationandsitepracticefunctioninthewebsitebeforeandafterreflected.Thissitehasmiddleschoollearningphrasesomemethodsandwaysetc..Keywords::html、css+div、mysql、php、Englishphrases.\n初中英语短语练习网站目录1绪论11.1系统开发背景11.2系统开发的目的及意义11.3系统开发及运行环境32系统可行性分析及技术简介42.1技术可行性42.2经济可行性42.3操作可行性42.4相关技术简介42.4.1网页制作工具Dreamweaver8介绍42.4.2html技术52.4.3css+div技术62.4.4javascript62.4.5php技术72.4.5MySQL数据库73需求分析与设计及实现93.1需求规范93.1.1产品背景93.1.2产品概述93.1.3性能需求93.1.4总体设计概述93.2系统功能描述103.3数据库分析与设计103.4系统主要功能模块实现113.4.1系统前台113.4.2普通管理员模块123.4.3练习功能模块133.5php与数据库的连接174结束语18致谢19参考文献20\n初中英语短语练习网站1绪论1.1系统开发背景随着科技的发展,计算机本身经历了巨大的变化。计算机的概念也由原始的分立式走向今天的网络式。网络技术已逐渐成为现代信息技术的主流,网络的概念也随着Internet技术和应用的发展而渐入人心。Internet/Intranet的作用正为越来越多的人所认识,通过网络共享信息正成为科学研究的一种重要手段。可以这么说,谁拥有信息,谁就能在科技信息革命的大潮中获得主动权,就能获取成功。面对信息时代的挑战,网络的功能越来越强,国内教育系统也在积极建设或升级计算机网络,并已建成了规模较大的英语网站,全国也纷纷建立许多的初中英语练习网站,许多高校还有自己的英语练习的网站。英语短语练习网站是结合多媒体来发展英语的一个横好的媒介。但是,目前很多的英语练习网站的利用率却不是很高,主要原因是缺少好的练习应用、有趣的方式。以前开发的网站往往是在单机上运行,或者采用单调的页面开发出来的,对于今天因特网时代来说,这些网站很大程度上已经不能满足新生代的初中生更好的来学习英语。学习英语最初是自己背诵、练习,显然在信息化发展的今天,这远远不能满足新生代的初中生了。后来,一些简单的英语短语练习的开发,这在很大程度上解决了上述问题但是,这种网站如今也不能满足的要求了,这主要是由于新生代的初中生接触的对媒体越来越多。因此,开发多元化又有趣的英语短语练习网站是势在必行。本文正是在这种背景下提出的,目的是为了开发出一套功能完善、操作便捷、及时性好、适用面广初中短语练习网站,以提高初中生学习英语效率。随着计算机互联网技术的飞速发展,计算机在各行各业的应用越来越广泛,而且网络化是21世纪计算机技术发展的重要趋势之一。目前,我国的计算机网络发展己初具规模,大部分中学网都已开通。因此,如何充分利用中学网络,发挥其巨大功能来为中学的教学和科研服务成为摆在我们面前的一个需要深入探讨和解决的重大课题。随着网络技术的日益成熟,网页技术的应用已经深入到了生活的每个角落。一直以来人们使用传统学习英语短语的方式,这种学习方式存在着许多缺点,如:效率低、趣味性低,另外时间一长,学生们也会感觉到乏味,这对于学习英语带来了不少困难。随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。1.2系统开发的目的及意义20\n初中英语短语练习网站21世纪以来,人类经济高速发展,人们发生了日新月异的变化,特别是计算机的应用及普及到经济和社会生活的各个领域。使原本的旧的学习方法越来越不适应现在社会的发展。许初中生还停留在旧的一些网站乏味的练习方式中。这大大地阻碍了初中生学习英语的发展。为了适应现代社会人们高度强烈的时间观念,好的初中英语短语练习网站为学生带来了极大的方便。近年来,随着计算机技术、网络技术的发展和普及,各行各业的工作信息化程度越来越高,教育行业也不例外。随着英语在全球的普及,以及其在各行业的重要性。显然我们要更好的来学习英语,二英语短语又是英语中重要的部分。英语在中学阶段是一个需要熟记,和记忆的过程。因此开发一个学习和复习英语短语网站就显得尤为重要。随着网络的普及,我们的生活已经离开不了网络,在今天,网络技术已经相当的成熟,而且已经基本普及,网络技术在生活中更是随处可见,英语在现在是一门很重要的课程,随着中国逐渐走进国际,使用英语的范围也越来越广。现在在日常的生活中许多地方都用得到英语,如平常同学之间经常说的口语:thanks、sorry。英语一门主要的课程,与语数英并列,英语以后是要考四六级的,现在不学好英语,以后就更不用说了。英语也是现在世界上用的最多的一门语言,许多国家都在学英语,所以,学好了英语,出门就不怕沟通不方便了。在各大中小学校,用简单的网站练习来复习英语已经越来越普遍了。用计算机不但可以提高学习效率,而且还节省了许多人力物力,增强了学生的自学性。为此,用网站来学习英语,是非常必要的。初中英语短语练习网站是一个初中生对于学习英语的重要部分。一个功能齐全、简单易用的初中英语短语网站不但能有效地减轻学生的学习压力,全世界75%的电视节目是英语,四分之三的邮件是用英语书写,电脑键盘是英语键盘,任何一个会议敢号称是国际会议,其会议工作语言一定要用英语,也是联合国的正式工作语言。我们看到,很多官方的、政府性质的活动、文件、交流方式都使用英语。外贸行业也把英语作为通用语言,外贸交往、国际礼仪、书信函电、进出口文件、还有银行文件语言等等,统统以英语作为标准通用语言。大多数国家的高等学府,大学院校,都开设英语语言文学专业,仅在中国,就有一百多所大学设有英语专业或英语相关专业。电脑和互联网,也是建立在英语的基础上,这个行业的语言,就是英语。初中英语短语练习网站,其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强,数据安全性好的数据库。而对于后者则要求练习功能完备、多远化、有趣化。清晰明了又易操作等特点。本网站实现了初中英语短语练习的主要功能。作为计算机应用的一部分,使用计算机对学校的各类信息进行管理,具有手工管理所无法比拟的优点.例如:检索迅速、查询方便、效率高、可靠性好、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高学校信息管理的效率,也是一个单位科学化、正规化管理,与世界接轨的重要条件。如今时代是飞速发展的信息时代,在各行各业中离不开信息处理,这正是计算机被广泛应用于学习的环境。而初中英语短语练习网站是一个学生们不可缺少的学习方式。它中国在近几十年的确发生了翻天覆地的变化,各方面都发展得很快。但是,不容置疑的是,我们在很多技术方面仍然落后于西方先进国家。要发展,要进步,要在较短的时间内掌握各种技术,我们不可能单靠自己搞研究,必须学习发达国家先进的技术,而学习的必要前提便是要掌握世界通用技术交流语言-英语。就计算机程序开发为例,虽然目前的计算机操作系统已经有中文版,但要进行应用程序开发,程序还是用英语编写的。高新技术资料大部分都是以英语编写。印度虽然在很多方面的发展比不上中国,但印度的软件开发业却比中国发达很多,造成这种差距的一个重要原因就是印度程序员普遍英语应用水平比中国程序员20\n初中英语短语练习网站高。我们在学习别人先进技术,经验的同时,也需要与世界各国展开各种技术上和经济上的合作。如果不懂英语,便无法与合作方沟通交流,也更谈不上合作了。譬如某公司开发了一个具有世界水平的产品,如果能打开国际市场,前途将是一片光明。但偏偏公司人员不懂英语,无法很好地与国外客户沟通,无法将产品的优良性能展示出来,这将是一个惨重的损失。1.3系统开发及运行环境操作系统:WindowsXP/win7/win8;数据库:mysql;服务器:Tomcat6.0开发工具包:php以及html5;20\n初中英语短语练习网站2系统可行性分析及技术简介可行性研究(FeasibilityStudy)是为了弄清所定义的项目是不是可能实现并值得进行。可行性研究的目的是用较小的代价尽可能快的确定问题是否能够解决,是否值得解决,并通过分析以避免冒太大的风险。从技术、经济和操作三个方面分析本系统的可行性。2.1技术可行性初中英语短语练习网站,它采用了当前流行的html5和Internet网络技术。技术上的可行性分析主要分析现有技术条件能否顺利完成开发工作,软硬件配置能否满足开发者需要等,这一特点非常适合计算机的特点,发挥计算机的数据处理速度快,准确率高的优势,现代计算机硬件和软件技术的飞速发展,为系统的建设提供了技术条件。由于对英语练习网站这一类的网站进行开发已有一定的时期,有很多成功的实例,技术基础也已经非常雄厚,因而技术上的准备应该不成问题。其相关技术简介详见2.4节。2.2经济可行性主要是对项目的经济效益进行评价,一方面是支出的费用,其中包括设备购置费,软件开发费,管理和维护费,人员工资和培训费等。另一方面是取得的收益中可以用钱来衡量的那部分(收益的另一部分难以用钱来表示)。基于企业的现有计算机及配套设备,建设网站。不但能大大减少重复性的附资料的,学生的负重,提高初中生们的学习效率,而且能提初中生的乐趣性,为初中生提供很方便。由于初中英语短语是一个比较小型的网站,是由我一个人进行开发的,所以从人力、物力、财力方面来说都是可行的。2.3操作可行性网络化已经成为社会的趋势,本系统操作简单方便,初中生们可以通过网站的提示就能轻松使用该网站。采用本网站,能够使整个网站内部所有数据的简化的出现来帮助学生完成练习,提高学习效益。由于采用最新更新的数据信息,使相关学习数据能够快速地查询所需的数据、资料及,使初中生们学习英语快速高效、笨企鹅具有乐趣性。2.4相关技术简介2.4.1网页制作工具Dreamweaver8介绍MacromediaDreamweaver8是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大20\n初中英语短语练习网站,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS的设计的领先支持到手工编码功能,Dreamweaver提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序,从而使用户能连接到数据库、Web服务和旧式系统。·Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver8的发布,更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理[1]功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。其特点如下:(1)灵活的编写方式Dreamweaver具有灵活编写网页的特点,不但将世界一流水平的“设计”和“代码”编辑器合二为一,而且在设计窗口中还精化了源代码,能帮助用户按工作需要定制自己的用户界面。(2)可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器,可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性,并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面,Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。(3)功能更多的CSS支持——CSS可视化设计、CSS检查工具(4)动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性,可以指定何种浏览器为测试用浏览器,同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。(5)强大的WEB站点管理功能(6)内建的图形编辑引擎(7)Dreamweaver的集成特性Dreamweaver8继承了Fireworks、Flash和Shockwave的集成特性,可以在这些Web创作工具之间自由地切换,轻松地创建美观实用的网页。(8)丰富的媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能,在设计DHTML和CSS方面表现得极为出色,它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。(9)超强的扩展能力Dreamweaver还支持第三方插件,任何人都可以根据自己的需要扩展Dreamweaver的功能,并且可以发布这些插件。2.4.2html技术首先html(HyperTextMarkupLanguage)是学生会网站的基础,html即超文本标记语言。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(外语:Head)、和“主体”部分(外语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,其主要特点如下:简易性、可扩展性、平台无关性、通用性一个网页对应一个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型20\n初中英语短语练习网站源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:
),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。标记符,说明该文件是用超文本标记语言(本标签的中文全称)来描述的,它是文件的开头;而,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。;这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。;,网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。2.4.3css+div技术DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提及DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。“DIV+CSS”其实是错误的叫法,而标准的叫法应是XHTML+CSS。因为DIV与Table都是XHTML或HTML语言中的一个标记,而CSS只是一种表现形式。也许其提出者本意并没有错,但是跟风者从表现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。css是层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。精简的代码,使用DIV+CSS布局,页面代码精简,提高访问速度、增加用户体验性,div+css结构清晰,很容易被搜索引擎搜索到,天生就是适合优化seo,降低网页大小,让网页体积变得更小。页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样:外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。 "@import"命令方法:类以下代码,@importurl(css/style01.css);2.4.4javascriptJavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。是一种动态、弱类型、基于原型的语言,内置支持类。一个完整的JavaScript实现是由以下3个不同部分组成的:核心(ECMAScript)、文档对象模型20\n初中英语短语练习网站(DocumentObjectModel,简称DOM)、浏览器对象模型(BrowserObjectModel,简称BOM)。JavaScript是客户端脚本语言,也就是说JavaScript是在用户的浏览器上运行,不需要服务器的支持而可以独立运行。JavaScript程序是由若干语句组成的,语句是编写程序的指令。JavaScript提供了完整的基本编程语句,它们是:赋值语句、switch选择语句、while循环语句、for循环语句、foreach循环语句、do...while循环语句、break循环中止语句、continue循环中断语句、with语句、try…catch语句、if语句(if..else,if…elseif…)。Javascript加入网页有两种方法:直接方式和引用方式。大部分含有Javascript的网页都采用这种方法,例如:2.4.5php技术PHP(PHP:HypertextPreprocessor的缩写,中文名:“PHP:超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,入门门槛较低,易于学习,使用广泛,主要适用于Web开发领域。用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;PHP还可以执行编译后代码,编译可以达到加密和优化代码运行,使代码运行更快。PHP支持几乎所有流行的数据库以及操作系统。开放的源代码所有的PHP源代码事实上都可以得到。PHP是免费的和其它技术相比,PHP本身免费且是开源代码。具有以下几种优势:快捷性:程序开发快,运行快,技术本身学习快。嵌入于HTML:因为PHP可以被嵌入于HTML语言,它相对于其他语言。编辑简单,实用性强,更适合初学者。跨平台性:由于PHP是运行在服务器端的脚本,可以运行在UNIX、LINUX、WINDOWS、MacOS下。效率高:PHP消耗相当少的系统资源。图像处理:用PHP动态创建图像,PHP图像处理默认使用GD2。且也可以配置为使用imagemagick进行图像处理。面向对象:在php4,php5中,面向对象方面都有了很大的改进,php完全可以用来开发大型商业程序。专业专注:PHP支持脚本语言为主,同为类C语言。PHP在数据库方面的丰富支持,也是它迅速走红的原因之一,它支持下列的数据库或是数据文件:Adabas、D、DBA、dBase、dbm、filePro、Informix、InterBase、mSQL、MicrosoftSQLServer、·MySQL、Solid、Sybase、Oracle、PostgreSQL20\n初中英语短语练习网站2.4.5MySQL数据库MySQL是一个关系型数据库管理系统,关联数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性。MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。MySQL软件采用了双授权政策(本词条“授权政策”),它分为社区版和商业版,由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,一般中小型网站的开发都选择MySQL作为网站数据库。由于其社区版的性能卓越,搭配PHP和Apache可组成良好的开发环境。与其他的大型数据库例如Oracle、DB2、SQLServer等相比,MySQL自有它的不足之处,但是这丝毫也没有减少它受欢迎的程度。对于一般的个人使用者和中小型企业来说,MySQL提供的功能已经绰绰有余,而且由于MySQL是开放源码软件,因此可以大大降低总体拥有成本。使用C和C++编写,并使用了多种编译器进行测试,保证源代码的可移植性。MySQL使用标准的SQL数据语言形式,Mysql对PHP有很好的支持,PHP是目前最流行的Web开发语言。优化的SQL查询算法,有效地提高查询速度。20\n初中英语短语练习网站3需求分析与设计及实现软件需求分析是软件开发期的第一个阶段,也是关系到软件开发成败的关键步骤。准确、完整和规范化的软件需求是软件开发成功的关键。它的重要性在于让用户完全清楚对网站的确切要求,它不是确定网站怎样完成它的工作,而仅仅是确定系统必须完成哪些工作。也就是对目标系统提出完整、准确、清晰、具体的要求。反复的调查和研究,了解数据库的组织的详细情况,了解网站的业务流程等系统需求,它对于设计好概念模型是至关重要的。而需求分析的好坏直接影响到系统设计的好坏。3.1需求规范本网站根据初中生英语教材,将初中英语短语练习整个练习过程分成若干环节,通过网页完成初中生放学后,自主练、学习英语的方式。运用数据库及网页技术,控制练习的各个环节,动态统计各种数据,完成对练习各个环节的质量监控。3.1.1产品背景目前,我国的计算机网络发展己初具规模,很多的英语网站都已开通。因此,如何充分利用初中英语短语练习网站来很好的帮助学生,发挥其巨大功能来为初中生学习英语服务成为摆在我们面前的一个需要深入探讨和解决的重大课题。随着网络技术的日益成熟,网页技术的应用已经深入到了生活的每个角落。3.1.2产品概述初中英语短语练习网站,是将初中生各个学期中的短语分成若干环节,来进行练习。采用3种模式,通过网页完成毕业论文各环节的信息采集工作,运用数据库及网页技术,控制英语短语练习各个环节,动态统计各种数据。3.1.3性能需求本系统由php语言所开发,所以具有高度的可移植性。在软件方面,响应时间,更新处理时间都比较快且迅速,完全满足初中学生需求。当用户需求,如操作方式,运行环境发生变化时,设计的网站要做适当调整,灵活性非常大。3.1.4总体设计概述20\n初中英语短语练习网站本网站整体设计非常简单、明晰。程序设计时并不是一个网页一个网页设计的,而是以网站主页为模板,分别制作其他页面,采用统一的css+div布局,通过引入不同的javascript形成一个完整的网页,减少了设计的工作。本次网站设计所有页面均是以这种方式设计完成。对于后台部分,前台网站与数据库连接后,即可通过数据库在添加、修改英语短语。前台用户可以随时复习其中的英语短语,同样,后台管理员进行的操作也会相应的呈现在前台。这种结构,可以轻松的添加要都系的内容。系统主要实现的功能:学生能方便快捷的来完成英语短语的复习内容。可以很好,很快的添加自己要学习、复习的内容。3.2系统功能描述本系统主要包括学生、管理员用户二种角色。其功能主要有:学生用户:直接登陆便能进行练习。管理员用户:在后台添加和修改一些需要更改的数据。初中生们进行练习的方式:1、选择:给你汉语意思,通过汉语意思在3个英语短语中,选择出正确的那个答案2、判断:通过汉语意思判断出给你的英语短语对还是错。3、翻译:图中给你汉语意思,下面给短语的单词,按顺序排序。4、答对了会有:加油啊的提示。答错了会有:小伙子真棒,继续努力的提示。5、提示:如果遇见不会的会有提示查看公告:网站的更新会及时的出现在提示中。3.3数据库分析与设计数据库是本网站的基础,把英语短语数据按照一定的顺序和单元组织起来,提供存储、检索数据的功能,使网站可以方便、及时、准确安全的从数据库中获取所需要的信息。数据库是网站的各个部分能否紧密的结合在一起以及如何结合的关键所在。由于数据量不会很大,所以本网站设计采用数据库mysql存储英语短语信息。根据初中生每学期的要求增减信息,共3个表,uint表中存放着choice中的数据、unit_judge表中存放着judge中的数据、unit_select表中存放内容translate中的内容如图3-1所示。图3-1数据库表unit、unit_judge、unit_select类似。表中内容,如图3-2:20\n初中英语短语练习网站图3-2数据库表3.4系统主要功能模块实现详细设计是软件开发时期的第三个阶段,也是软件设计的第二步。总体设计阶段已经确定了软件系统的总体结构,给出了系统中各个组成模块的功能和模块间的联系。这一步的工作,就是要在上述结果的基础上,考虑“怎样实现”这个软件系统,直到对系统中的每个模块给出足够详细的过程性描述。需要指出,这些描述应该用详细设计的表达工具来表示,但它们还不是程序,一般不能在计算机上运行。详细设计是编码的先导。这个阶段所产生的设计文档的质量,将直接影响下一阶段程序的质量。为了提高文档的质量和可读性,说明书除了说明详细设计的目的、任务与表达工具外,还要介绍结构程序设计的基本原理,以及如何用这些原理来指导模块内部的逻辑设计,提高模块控制结构的清晰度。1、根据原型化的开发原则,为系统的每个模块功能进行界面设计,作为进一步优化的基础。2、进行系统的流程分析,为模块的细化做好准备。3、对每个模块进行详细的算法设计。3.4.1系统前台打开主页的时候,渐变的背景让人感觉到亲切有自然感,体现练习中的乐趣和快乐,努力塑造更好的学习氛围,图中有顶端的标题,背景图片。有网站名字。还具有3中练习方式的图标choice、judge、translate。如下图3-3所示。20\n初中英语短语练习网站图3-3网站主页3.4.2普通管理员模块管理员只是在后台进行网站数据的添加和删改还有,网站的维护、网站日常管理。后台管理员输入正确的用户名和密码后才能正确登陆,登陆的界面如图3-4所示,图3-4管理员认证20\n初中英语短语练习网站进行登陆时验证算法的流程图如图3-5所示。图3-5登陆流程管理员登陆成功之后可以对数据进行添加、修改,具体操作界面如图3-6所示。图3-6管理员修改数据页面3.4.3练习功能模块在进行练习时,经分析设定了下面三种不同的练习方法,可根据需要进行不同的选择。具体选择操作的界面如图3-7所示。20\n初中英语短语练习网站图3-7学生模块图1、选择功能是题目给出了汉语意思,选项中给出了出3个英文选项,要求从中选出一个符合上述汉语意思的英文选项。如图3-8图3-8选择模块图选择题算法的流程图如图3-9所示20\n初中英语短语练习网站图3-9选择模块图在做题过程中会出现作对或做错的情况,这时不管对错都会有提示的窗口出现。如果答题正确会出现一个笑脸并且有句勉励的话在笑脸下面出现“小伙伴真棒,继续努力!”会鼓舞初中生的学习劲头。如图3-10所示。图3-10选择模块图如果答题错误会出现一个哭泣的脸并且有鼓励的话在哭泣的脸下“加油啊!”,会鼓励初中生继续努力好好学习。如图3-11所示。图3-11选择模块图20\n初中英语短语练习网站(另外的两种练习方式都会出现一样的对错功能界面,就不再一一列举了。)2、判断功能是给出汉语,在汉语意思下给出一个英文的短语。看英文短语意思是否和上面的汉语意思一致。如果对就点right,如果不一致就点wrong。如图3-12图3-12判断模块图3、translate功能主要是给出一个汉语的意思,在它的下方有一蓝色区域,在蓝色区域中错乱排列着短语中的单词,在蓝色区域下有个答题框。需要初中生把蓝色区域中的单词拿鼠标脱下来到答题框并且正确排列。如图3-13图3-13翻译模块图20\n初中英语短语练习网站3.5php与数据库的连接建立好数据库表以后,本网站采用mysql_connect()函数方法连接数据库。具体的关键代码如下。$host="127.0.0.1";$user="admin";$pwd="123456";$db=mysql_connect($host,$user,$pwd)ordie('Couldnotconnect:'.mysql_error());mysql_select_db("TABLE1",$db);mysql_query("SETNAMESgb2312",$db);这里是一个字符都不能错的否则将不能正确连接。20\n初中英语短语练习网站4结束语本次初中英语短语网站设计与开发历时三个月左右,初中英语短语网站的设计与架构是一项大工程,不可能是一个人在短时间内可以完成的,我这个网站设计也只是完成了一小部分。因为是初学者,在设计过程中遇到了不少技术性问题。一个人曾迷茫过、困惑过、沮丧过,迫于毕业的压力,还是做下来了。这里只是实现了初中英语短语网站最基本的功能,如选择、判断、翻译,和后台数据的增减。对于资料上传下载。每一个网站的建立都是制作人员辛勤劳动的结果,完成一个很小的功能,布局都要仔细的修改代码再反复测试再修改才能达到一个理想的效果。一个严谨的学习态度是开发过程中所必须的。20\n初中英语短语练习网站致谢在论文即将完成之际,回顾紧张但又充实的学习班和开发过程,本人在此向所有关心我的及帮助我的老师和同学们致以最真诚的感谢。本论文设计是在指导老师常淑惠的悉心指导和严格要求下完成的。从课题选择、研究方法到程序设计都得到了常老师无私的帮助与指导,在大学学习中也感受着老师一丝不苟、严谨细致的工作作风。在设计程序中,遇到了不少技术性问题,多亏了常老师的精心指导和同学们的热心帮助。在此,诚挚的向老师表示衷心的感谢。,身上学到了很多东西。他认真负责的工作态度,严谨的治学精神和深厚的理论水平都使我收益匪浅。他无论在理论上还是在实践中,都给与我很大的帮助,使我得到很大的提高,这对于我以后的工作和学习都有一种巨大的帮助,在此感谢他耐心的辅导。在撰写论文阶段,常老师几次审阅我们的论文,提出了许多宝贵意见,没有他的指导,我们就不能较好的完成课题设计的任务。另外,我还要感谢在这几年来对我有所教导的老师,他们孜孜不倦的教诲不但让我学到了很多知识,而且让我掌握了学习的方法,更教会了我做人处事的道理,在此表示感谢。同时,在网站开发过程中还有同组的同学也给了我不少帮助,这里一并表示感谢。20\n初中英语短语练习网站参考文献[1]唐四新.基于web标准的网页设计与制作北京:清华大学出版社,2009年.[2]RobbibsJ.N.学习web设计者.机械工业出版社.2009年[3]何翠平.HTML网页制作从入门到精通.人民邮电出版社》2007年7月[4]何秀芳,孙良营网页制作与网站建课堂实录.人民邮电出版社2009年5月[5]旭日东升网页设计与配色经典案例解析.电子工业出版社2011年3月[6] 前沿科技 曾顺. 精通CSS+DIV网页样式与布局. 人民邮电出版社,2009年11月[7] 邹天思,孙鹏. PHP从入门到精通[M]. 北京: 清华大学出版社, 2008年.[8] 陈湘扬, 陈国益. PHP5+MySQL网页系统开发设计[M]. 北京: 电子工业出版社, 2007年.[9]王莹.JavaScript网页特效案例教程.机械工业出版社,2012年1月.[10]叶青.完全手册HTML+CSS+JavaScript实用详解.电子工业出版社2008年6月20
),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。标记符,说明该文件是用超文本标记语言(本标签的中文全称)来描述的,它是文件的开头;而,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。;这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。;,网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。2.4.3css+div技术DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提及DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。“DIV+CSS”其实是错误的叫法,而标准的叫法应是XHTML+CSS。因为DIV与Table都是XHTML或HTML语言中的一个标记,而CSS只是一种表现形式。也许其提出者本意并没有错,但是跟风者从表现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。css是层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。精简的代码,使用DIV+CSS布局,页面代码精简,提高访问速度、增加用户体验性,div+css结构清晰,很容易被搜索引擎搜索到,天生就是适合优化seo,降低网页大小,让网页体积变得更小。页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样: