电子信息系班级网站设计论文.doc

电子信息系班级网站设计毕业论文 目 录 摘 要 I ABSTRACT II 第一章绪论 1 §1.1选题背景 1 §1.2研究的目的及意义 1 §1.3 设计思想 2 §1.4主要研究内容 2 第二章 软件介绍及相关术语解释 3 §2.1 Dreamweaver 简介 3 §2.2 HTML简史 4 §2.3 CSS样式表概述 4 §2.4 CSS样式表的优势 5 §2.5 CSS样式表在HTML中的实现 5 §2.6 超链接 6 第三章 网站的总体分析与设计 8 §3.1网站系统分析 8 §3.2主页设计 8 §3.3详细设计 9 结论 25 致谢 26 参考文献 27 第一章绪论 §1.1选题背景 “上溯几十年的历史，电脑的发展走过了艰辛的历程，而在网络产生了以后，电脑才真正实现了最大的优势与价值。如今，网络形成的是一种新兴的文化，塑造的是一批新兴的人类，成就的是一个新兴的社会。它逐渐以它的快捷统率着整个世界………通过网页制作的学习，将提高我们的网络知识水平，拓宽知识面，使我们的班级在新文化的簇拥下茁壮成长，造就我们一批新兴的人类！”。21世纪是网络的时代，是信息的时代，互联网正逐渐地改变我们的生活方式。人们很容易地接受网络知识和在网上得到的信息。在网络飞速发展的趋势下，各类网站应运而生，学生对此问题有强烈的探究兴趣；学校的校园网建设的完成，学校网站建设也完成了新一轮的更新，而各教学班级网页建设正处于萌芽状态，为了充实学校网站，加强学校班级网页建设，因此我们提出了这样一个课题，同时希望以此为载体，培养学生自主探索，主动提出问题，研究问题，并在一定程度上解决问题的能力，从而在提高学生自主学习，终身学习能力上做一些有益的探索。 班级网站是一个班级与外界交流的窗口，也是本班同学相互联系的平台。在这个毕业离开的季节，希望做出一个特别的班级网站，能够让大家了解我们的班级，同时也能让同学们在各自离开后能够方便的互相联系。 §1.2研究的目的及意义 §1.2.1研究的目的 随着网络的发展，人们通过网络可以更方便更快捷交流，学习，教育，商业贸易等等。为了促进本班同学能更好的学习交流，感情勾通，快捷通知，搞好班上工作，所以决定开发班级论坛平台给同学们发表建议及意见，提供资源共享，布置班上各种计划和任务，提供更好的学习与交流环境。班级网站的建设有利于家校的沟通班级网站建设有利于教师信息素养的提高班级网站建设有利于学生信息素养的提高班级网站建设有利于学生网络道德教育。班级网站建设有利于信息的积累班级站建设有利于学生互相学习班级网站建设有利于班集体的建设§1.3 设计思想 通过网站，全面宣传，展示风采、优点与特色，发布的重大活动安排，增强之间的联系，提高办事效率。§1.4主要研究内容 本论文共分为三章，主要内容如下： 第一章主要介绍课题的选题背景，然后分别介绍课题研究的目的和意义， 另外简单的概括一下本文的设计思想；第二章主要是软件的介绍及相关的术语解释，帮助我们更容易的了解网站的制作；第三章主要介绍网站的总体分析与设计，该网站分为五个页面，主页面和四个链接子页面，然后分别详细的介绍每个页面的设计内容，设计理念，是怎样设计的等等。 第二章 软件介绍及相关术语解释 §2.1 Dreamweaver 简介 Dreamweaver是美国Adobe公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Dreamweaver特点： 　　1、 最佳的制作效率 　　DreamweaverFireworks，FreeHandPhotoshop等档案移至网页上。使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。对於选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。 　　2、 网站管理 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 3、 无可比拟的控制能力 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令