网站的设计与实现毕业论文网站设计论文计算机论文Word文件下载.docx

网站的设计与实现毕业论文网站设计论文计算机论文Word文件下载.docx

《网站的设计与实现毕业论文网站设计论文计算机论文Word文件下载.docx》由会员分享，可在线阅读，更多相关《网站的设计与实现毕业论文网站设计论文计算机论文Word文件下载.docx（13页珍藏版）》请在冰豆网上搜索。

　　摘要：

幼儿学英语专题网站的设计与开发，主要是通过分析与研究幼儿的特点与习性而进行的。

网站主要以幼儿英语启蒙作为切入点，利用幼儿处在这个时期的好奇心和求知来设计开发一个丰富有趣、风格独特的网站，以此来激发幼儿学习英语的兴趣。

以网站的形式来呈现英语的部分基础知识，将一些零散的知识进行一个整合，让幼儿在学习的过程中能够一目了然，直观有序，使学习变得更加轻松有趣。

本文的主要内容是针对该网站的六个功能模块进行介绍，其中还介绍了作品结构框架和关键技术这两大模块，介绍了该作品框架的内容、页面布局、采用的技术等。

　　关键词：

幼儿英语;

专题网站;

设计与开发;

　　1网站设计开发的理论基础

　　据调查研究表明幼儿期是大多数孩子心理机能发生并且形成的黄金时期，比如说语言、智力、人格、情感等这些都是需要在幼儿时期培养并发展的。

幼儿处在两三岁这个年龄段时，舌头肌肉还是没有成熟定型的，再加上儿童时期的孩子大脑具有极强的可塑性，因此人们都说孩子语言发展的黄金时期就是幼儿期，也是学习语言的绝佳时期[1]。

所以说，抓住这个关键时期对幼儿进行良好的语言教育，给孩子提供适量充足的信息和丰富有趣的语言情境来帮助刺激孩子们的语言功能，使其得到充分的发展，这将会使孩子的未来受益无穷，拥有良好的语言能力也是儿童未来全面发展的不可或缺的一项重要技能，并且能够使孩子的各项能力得到显着地提高，还能够帮助孩子在未来的发展道路上走向成功。

　　2网站研究的内容范围界定

　　本网站主要是以幼儿英语的启蒙为主，刺激幼儿对于第二语言学习的兴趣，从最基础的英语知识开始入手，即从英语的字母、音标以及简单的单词开始学起，字母和音标的学习对于英语的入门来说是十分重要的，只有学好字母和音标才有利于单词和句子的学习；

再配合一定的口语学习和情景对话，既能加固字母单词的学习，又能锻炼孩子的语言能力，二者相辅相成；

不过基础的语法知识是英语学习必不可少的一项内容，英语语法是一个结构清晰、框架完整、逻辑缜密的完善的知识体系，只有熟练的掌握语法知识，才能更好地学习英语。

所以，将字母、音标、简单的单词和语法以及口语训练和对话训练作为本网站研究的主要内容。

　　3网站设计

　　3.1网站结构框架设计

　　当今社会中，网站的种类形形色色，网站的功能也是应有尽有；

网站的主要特点是信息内容一般来说相对集中具体，而且使用起来也是方便快捷，所以网站的构建还是很有必要的，网站是由网页集合而成的，大家通过浏览器所看到的画面就是人们所说的网页。

那么要想成功地做出一个网站，它的结构框架设计是不可缺少的一部分，设计者需要先对网站的需求和可行性进行一个简单的分析，再考虑选用哪种语言和技术来完成网页的设计，如何能够将简单的文字、图片、音频、视频以及动画等素材组合形成一个精美直观的网页。

　　本网站主要分为两个大的模板，一个是首页的结构框架，另一个是知识内容的介绍页面，然后又将首页分为网站首页、学习园地、口语训练、趣味英语、学习检测和网站论坛六个模块；

每个模块又包含了下拉菜单，除此之外还包含banner条、侧栏（家长导读和图书推荐）和版权区，在首页的正文内容编辑区里又设置了两个部分的内容，分别是基础学习和升级训练，如图1所展示的就是网站的整体结构框架规划。

　　图1网站结构框架

　　3.2网站界面设计

　　网站的界面设计和一般的平面设计是不一样的，它有它自身设计的原则和特征，网站的界面设计应该时刻围绕网站主题来进行，设计者必须通过界面设计让浏览者和使用者清晰的知道该网站的主题是什么，并且能够让使用者在操作时感觉到简单、舒适、便捷。

所以在界面设计时设计者应格外注重网页界面的清晰，要让用户能够清楚地知道该网站的用途、准确地表达出信息内容；

设计者在界面设计时要遵循以用户为中心的原则，时刻考虑用户的感受；

还要注重网页布局的合理性，保证页面布局均匀，注意图片、颜色、文字的搭配合理，以及要分清模块的主次，保证重要的信息放到中心位置，标题、导航要让人一眼看到等。

　　3.2.1首页的界面设计

　　图2首页的界面设计

　　网站的首页即刚进入网站就看到的页面，是整个网站的核心，具有多个链接模块，引导用户浏览其他页面的内容。

首页主要包含五个部分：

banner条、导航条、侧栏、内容编辑区、版权区；

该网站的首页主要是由文字、图片和Flash动画组合而成的，首页展现了网站的基本风格，采用的是将想要展示的内容直接呈现到整个页面中，让使用者能够一目了然，清晰明了地知道网页的内容以及怎么样去操作；

给使用者留下一个直观的感受和体验。

该网站的首页界面如图2所示。

　　3.2.2导航模块的设计

　　图3导航栏

　　导航栏是整个网站的指南针，它起着链接站点或者网站内各个页面的作用，它可以引领用户完成网站内各页面的跳转，它是整个网站的地图，同时也展现了整个网站的目录信息，能帮助用户快速地找到所需信息[2]。

该网站的导航栏主要分为六个模块，分别为如图所示的网站首页、学习园地、口语训练、趣味英语、学习检测、网站论坛；

并且除了网站首页之外，其余的模块都有属于自己的下拉菜单导航，然后将属于每个模块的内容都列举到下面，逐级递进、循序渐进，让学习者由浅入深的学习知识。

　　3.2.3内容编辑区设计

　　图4内容编辑区

　　如图4所示，内容编辑区是整个网站唯一一处可以变动的地方，每个网页想要表达的内容都可以放到内容编辑区内，这样既保持了页面布局的统一性，又不影响内容的展示；

上面这幅图展示了首页内容编辑区里的内容，这里主要是分为两个版块，一个是基础学习，一个是升级训练；

先让孩子进行基础学习，之后设计一些习题来进行升级巩固，从而让所学知识掌握的更加牢固。

　　3.2.4网站论坛的设计

　　网站论坛给使用者提供了一个交互平台，里面包含了注册登录和交流讨论，使用者经过注册登录环节之后，可以在交流讨论区发表一些自己的学习心得体会，分享自己的学习经验，或者通过浏览别人的留言来提升自己对于本次学习的认识和感知，同时也可以和其它的使用者进行交流讨论，相互借鉴，从而促进双方的学习，当然还可以提出在学习中遇到的疑难困惑或者是关于本网站的一些不足之处以及改进的建议，这样有利于大家交流讨论和相互进步。

　　4网站开发的关键技术和难点技术

　　每个网站在开发过程中总会拥有属于它自己的关键技术和难点技术，该网站的关键技术包括布局表格的使用，这关系着整个网站的页面布局效果，页面布局的好坏决定了网站开发的成功与否；

难点技术包括下拉菜单的制作、下拉菜单的显示与隐藏、音频嵌入效果、Flash动画的插入、注册登录和交流讨论的制作。

　　4.1网站开发的关键技术

　　使用表格布局，在表格搭建好之后就要进行文字、图片、动画、视频、音频和链接的插入和设置。

　　4.1.1设计语言HTML语言

　　HTML语言即超文本标记语言，是一种在使用转义码文档中应用的格式化语法，其主要提供一些语法标记，再由浏览器解释生成相应的页面[3]。

HTML语言是网页设计者一定要掌握的基本知识，同时也是网页设计与制作的基础。

　　4.1.2表格布局

　　对于刚入门的网页设计者来说，使用TABLE方式布局是简单易懂的，这种布局方式具有所见即所得的效果，也就是说当设计者插入TABLE的时候马上就可以看到它的效果，并且它还具有良好的可读性，它的语句编写也是便捷的，关键是它在建设网站的时候对于开发速度也很是快捷。

与此同时，它的兼容性也非常的强，自从TABLE设计出来，就得到了很多浏览器的支持，最重要的是它的显示效果也不错。

　　4.1.3文字的设置

　　网页中最能够直接有效传递信息的方式就是文字，简单来说就是文字是网页的内容。

而文字也是网页的基本元素之一，对网页的制作有着举足轻重的作用。

　　文本的设置和排版也是一件非常重要的事情，在网页的设计与制作中没有特别规定文本要怎么样设置，这是任由设计者依靠自己的想象力去设置排版的，不过要想吸引浏览者的注意并且想要给浏览者留下深刻的印象，这时候文字的设置就很重要了，设计者需要考虑字体风格、字体大小以及字体颜色的选择。

　　4.1.4图像的插入

　　一个精美的网页离不开图片的插入，图片，就是网页的美观。

有了图片，网页才能够吸引更多的浏览者和使用者，才能够更好地表现主题。

在制作网站时，总会用到不少的图片，为了方便图片的管理，也是为了防止出现更换电脑之后图片无法显示的情况，一般将图片集中放到名为image的文件夹内，如果图片较少的话，也可以直接存放到站点根目录下，不过有一点需要注意，文件在命名时要使用英文或拼音命名，不能用中文来命名，否则在预览时背景图片将无法显示。

　　通常插入图像的方法有两种：

（1）使用插入菜单：

选择插入图像，弹出选择图像源文件对话框，选中某个图像文件如1.jpg，单击确定按钮。

（2）使用面板组资源面板：

单击左侧图像图标，单击按钮选择站点，展开根目录下的图片文件夹，选中某个图像如1.jpg，用鼠标拖至工作区合适位置即可。

　　4.1.5超链接的创建

　　超链接就是指由一个网页中的某一个对象指向一个目标的链接关系，这个目标可以是网页，可以是图片、也可以是一个文件等等之类的东西[4]。

总之，在网页中想要实现网页之间的跳转，就要通过超链接来实现.

　　4.2网站开发的难点技术

　　本网站的难点技术是下拉菜单的制作，导航栏的下拉菜单就相当于是导航栏的子菜单，如果因为内容过多致使导航栏不能直接表达清楚的话，这时就可以借助下拉菜单来实现内容的分类，可以让使用者看到之后有一目了然的感觉，让使用者能够直截了当的进行学习，下拉菜单的制作相对不是很难，但是为了网页的美观，设计者需要对其进行设置，在鼠标离开的时候收起下拉菜单，而鼠标在上的时候显示下拉菜单，这是一个技术难点，下面将介绍如何制作下拉菜单并设置其显示和隐藏效果。

（1）在需要下拉菜单的导航栏下面插入层，然后在层上完成下拉菜单的制作，之后调整它的位置。

（2）下拉菜单制作完成后，需要将下拉菜单和导航栏联系起来，将导航栏的层属性中的可见性设置为default，下拉菜单的则设置为hidden。

　　（3）然后给下拉菜单的层添加行为控制，选择显示-隐藏层，然后对想要设置的层进行设置，例如onMouseOver，选择要显示的层点击显示，onMouseOut,选择该层进行隐藏。