大学论文网站设计与应用

《大学论文网站设计与应用》由会员分享，可在线阅读，更多相关《大学论文网站设计与应用（24页珍藏版）》请在金锄头文库上搜索。

1、网站的设计与应用 摘要学校网站是实现教育资源分配的桥梁，它有巨大的教育资源库并且可以集全社会的力量，使教育资源无限增长。在我制作学校网站时我所使用的软件是 dreamweaver，该软件相对于其他相关软件具有不生成冗余代码、方便的代码编辑、强大的动态页面支持、优秀的网站管理功能、便于拓展、操作简便等优势。在网页的制作与链接中，我学到了很多，然后补充一些比较热门的技巧。网站具有快键、无距离更新的特征，同时提供进入日常活动处理平台的“入口” ，具有较强的实用价值，这个网站能被广大教师，学生群体所普遍使用，随着网络的普及和高效性的不断提高，它的实用性已经使它的应用地位越来越高，越来越广。本文对网站设

2、计作了介绍，进行了需求分析，模块划分、框架、dreamweaver 和 ccs 的介绍。关键词：dreamweaver、超链接、性能、ccs、实用价值目录第一章 前言 1.1 课题来源1.2 网页开发项目需求分析1.3 学校网站网页的设计1.4 制作软件 dreamweaver 的简介1.5 软件运营环境 第二章 网页的制作2.1 做网页的步骤2.2 做网页的要素2.3 系统各模块功能实现第三章 学校网站的建立步骤3.1 确立学校网站主题3.2 给学校网站选一个好域名3.3 确定一个美观的学校网站界面3.3.1 栏目与板块的编排3.3.2 学校网站的目录结构与链接结构3.3.3 对学校网站进行

3、形象设计 3.4 突出学校网站的风格3.5 学校网站的部分代码实现3.6 推广学校网站第四章 学校网站的测试4.1 测试内容4.2 测试过程4.2.1 功能测试4.2.2 可用性测试4.2.3 兼容性测试4.3 效率分析4.3.1 优点及不足4.3.2 软件测试的意义 结束语参考文献第一章 前言1.1 课题来源随着社会的进步，我们对中小学的教育也越来越重视。但现在在一些相对不太发达的城镇，学生的教育资源受到一些条件的限制，而且不能够给大部分学生提供个性化的学习平台。所以我认为给一些中小学创建自己的学校网站是非常有必要的。首先， 学校网站是学校的“商标“，每一所学校都有自己的特色，每一所学校都有

4、自己的个性。在这个高度信息化的社会里，建立自己学校网站是最直接的宣传手段。其次，学校网站能提供教学互动的全新方式学校网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约，而且，校网站能够提供个性化学习的平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需，使学生能够自主选择自己要学习的内容。互联网的出现为实施有“针对性”的个性化教学提供了强有力的技术支持，网络教学可以充分发挥计算机超强“记忆”的优势，全程“记忆”跟踪学生的学习过程，教师可依据电脑的“记忆库”全面了解学生的学习情况，为学生提供

5、“个性化”的教学服务， 教育网站“个性化”教学服务有别于家教、教育软件等教学模式，在挖掘人才潜力与培养人才方面的优势是传统教学方式所无法比拟的。只有将这一优势体现出来，确实去满足学生和家长在教育方面的深层次的需求，网络教育的概念才能够被广大用户接受，教育网站才能够获得蓬勃发展。1.2 网站开发项目需求分析对于中小学的教育来说，建立网站是十分必要。学校网站建设是学校教育信息化建设的重要方面，是全面提高学校信息化水平的标志性工程。学校网站是学校对外宣传的窗口，是提高学校教学、科研、管理效率的重要工具，也是全校师生展示才能、互相学习、共同发展的阵地。更是培养信息化人才，建设高素质教师队伍的重要突破口

6、。建立网站是学校发展的必然，既然如此，不如从现在开始，近早参与，更快的积累更多的建设和管理经验，让我们的学校在未来教育中立于不败之地。现在无论是小学生，还是中学生，上网已经很普及，通过上网，让他们交际越来越广泛，而且他们毕业后将走向全国东西南北，所以学校网站，会对学校起到相当大的宣传作用。比如说在学校建站初期搞一次全校学生参与的校园网络文学赛，要求学生作品直接在网站指定页面发表，学校从中评出优秀作品并通过网站进行奖励，当然最好把其中一些学生的作品投递给国内的一些学生刊物选登，这对学生和网站建设都是一种很好的支持；另外，学校网站还开设学校的学习论坛，邀请学生做适合自己兴趣爱好栏目的版主；不定期举

7、办比赛通过这一系列的活动可以让更多的学生了解学校网站并参与其中，达到不错的教育作用。在学校网站建设过程中，校园快讯以及校园风采图库的建设非常的重要，它们在一定程度上可以反映学校的办学思想、教学观念以及师生在校园的学习生活情况，经常查看这些栏目的除了在校师生外我想主要还有以下一些群体：一是已经毕业校友，他们关心学校的发展，所以会经常“回来”看看，试想，如果一位已经工作几十年的老校友再“回到”母校能看到自己当初的照片依然还放在学校网站上，那种心情是何等的激动，毕竟母校还没有忘记他们；二是，各级教育部门和学生家长，他们需要及时了解一些学校的教育教学工作情况，并及时的向学校有关部门反馈他们的意见或建议

8、。现在学校各类活动，都可以分类的把它们放在网站的校园风采图库内，以记录着学校的历史！每个不同的网站将满足网络用户的不同需求.学校网站所面对的对象是广大教师和学生,所以,教师和学生和一些渴望了解学校基本情况的人群的需求,就成了学校网站设计要满足的对象。1.3 学校网站网页的设计根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：l 学校风采 通过学校概括、教师风采、校园之星及部分图片等内容来展现。l 优点特色 通过新闻、生动活泼的教育教学栏目来展现。l 信息发布 通过公告栏、信息查询等栏目来实现，内容有招生政策、活动安排等。l 部分校务 根据校务的公开程

9、度与参与人数的多少，特选择图书管理、评优、考试查分、家校联系四大校务在网上实现。主页设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于四大校务，就得利用与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的 web 画面来实现。主页结构图1.4 制作软件 dreamweaver 的简介dreamwraver 软件由美国著名的网站应用开发工具生产厂商 Adobe Macromedia 于 2005 年 6 月推出并正式投入市场以来，已经发展得 相当成熟。关于 dreamwraver 的技术介绍的相关书

10、籍与网络信息相 当丰富。通过大学中软件开发环境课程的学习，对 dreamwraver 有 了比较深刻的认识，并比较轻松的掌握了 dreamwraver 的操作。因 此，软件技术可以完成任务的要求。1.5 软件运营环境Dreamweaver 是一款简体中文软件，可以在 Win2003/WinXP 中安全 运行。第二章 网页的制作2.1 做网页的步骤想要制作网页首先我们了解一点简单的网页制作工具。例如：Dreamweaver，专门制作网页的工具，可以自动将网页生成代码，其界面简单、功能强大是初学网页制作者的第一选择。想要做一个网叶，我们基本上要分八个步骤：1、确定网站主题 ：网站主题就是要建立的网

11、站所要包含的主要内容，一个网站必须要有一个鲜明的主题。在你的主题范围内内容要做到大而全、精而深。2、搜集材料 ：我们如果想让我们的网站有真材实料，能够吸引更多的用户，我们就得尽可能多的收集材料，材料收集的越多、越全，我们以后制作网站就越容易。我们手机材料不及可能从互联网上收集，还可以在报纸、书籍、多媒体上得到。然后我们把收集到的信息进行整理，留下有用的部分，作为制作网页的素材。3、规划网站 ：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面

12、布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。4、选择合适的制作工具 ：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。5、制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出

13、现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。6、上传测试：当我们把网页制作完成后，发到 WBS 上，使大家都能看见我们的网页，在上传完成后我们要自己在浏览器中打开我们自己的网站，逐个链接进行测试，发现问题，修改问题，然后再上传测试。7、推广宣传：网页做好之后，我们要对其进行宣传，只有这样才能提高网页的访问量和知名度。推广宣传的方法有很多，我们只需要选择简单方便、经济适用的一些方法即可。2.2 做网页的要素1、网页的整体布局设计 网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形

14、的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购买。2、网页设计中色彩的运用 色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美

15、丽的页面。根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，在已经有了完备的 CIS（企业形象识别系统）的企业进行网页设计时，更应该按照其中的 VI 进行色彩运用。在色彩的运用过程中，还应注意的一个

16、问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。3、网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都