《电子信息系班级网站设计毕业论文》由会员分享，可在线阅读，更多相关《电子信息系班级网站设计毕业论文（26页珍藏版）》请在金锄头文库上搜索。
1、电子信息系班级设计毕业论文目 录摘 要IABSTRACTII第一章绪论11.1选题背景11.2研究的目的及意义11.3 设计思想21.4主要研究容2第二章 软件介绍及相关术语解释32.1 Dreamweaver 简介32.2 HTML简史42.3 CSS样式表概述42.4 CSS样式表的优势52.5 CSS样式表在HTML中的实现52.6 超6第三章 的总体分析与设计83.1系统分析83.2主页设计83.3详细设计9结论25致谢26参考文献27 .专业.专注. 第一章绪论1.1选题背景“上溯几十年的历史，电脑的发展走过了艰辛的历程，而在网络产生了以后，电脑才真正实现了最大的优势与价值。如今，网
2、络形成的是一种新兴的文化，塑造的是一批新兴的人类，成就的是一个新兴的社会。它逐渐以它的快捷统率着整个世界通过网页制作的学习，将提高我们的网络知识水平，拓宽知识面，使我们的班级在新文化的簇拥下茁壮成长，造就我们一批新兴的人类！”。21世纪是网络的时代，是信息的时代，互联网正逐渐地改变我们的生活方式。人们很容易地接受网络知识和在网上得到的信息。在网络飞速发展的趋势下，各类应运而生，学生对此问题有强烈的探究兴趣；学校的校园网建设的完成，学校建设也完成了新一轮的更新，而各教学班级网页建设正处于萌芽状态，为了充实学校，加强学校班级网页建设，因此我们提出了这样一个课题，同时希望以此为载体，培养学生自主探索
3、，主动提出问题，研究问题，并在一定程度上解决问题的能力，从而在提高学生自主学习，终身学习能力上做一些有益的探索。班级是一个班级与外界交流的窗口，也是本班同学相互联系的平台。在这个毕业离开的季节，希望做出一个特别的班级，能够让大家了解我们的班级，同时也能让同学们在各自离开后能够方便的互相联系。1.2研究的目的及意义1.2.1研究的目的随着网络的发展，人们通过网络可以更方便更快捷交流，学习，教育，商业贸易等等。为了促进本班同学能更好的学习交流，感情勾通，快捷通知，搞好班上工作，所以决定开发班级论坛平台给同学们发表建议及意见，提供资源共享，布置班上各种计划和任务，提供更好的学习与交流环境。1.2.2
4、研究的意义班级的建设有利于家校的沟通，班级建设有利于教师信息素养的提高，班级建设有利于学生信息素养的提高，班级建设有利于学生网络道德教育。班级建设有利于信息的积累，班级站建设有利于学生互相学习，班级建设有利于班集体的建设。1.3 设计思想通过班级，全面宣传，展示班级风采、优点与特色，发布班级的重大活动安排，增强同学之间的相互联系，提高办事效率。1.4主要研究容本论文共分为三章，主要容如下：第一章主要介绍课题的选题背景，然后分别介绍课题研究的目的和意义， 另外简单的概括一下本文的设计思想；第二章主要是软件的介绍及相关的术语解释，帮助我们更容易的了解的制作；第三章主要介绍的总体分析与设计，该分为五
5、个页面，主页面和四个子页面，然后分别详细的介绍每个页面的设计容，设计理念，是怎样设计的等等。第二章 软件介绍及相关术语解释2.1 Dreamweaver 简介Dreamweaver是美国Adobe公司开发的集网页制作和管理于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver特点：1、 最佳的制作效率Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安
6、全色。对於选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。2、 管理使用地图可以快速制作雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的更新变得迅速又简单。3、 无可比拟的控制能力
7、Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCA
8、T， Tango与自行发展的应用软体。更多去 宿迁房产网。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。 梦幻样版和XML Dreamweaver将容与设计分开，应用於快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，容提供者可直接编辑以样式为主的容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML容。 全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHT
9、ML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的在下载它的描述档，便可得知详尽的成效报告。2.2 HTML简史 HTML超文本标记语言（Hypertext Markup Language） 网络的资讯越来越多，须有引人注意的外观，才能增加浏览人次，达到宣传的目的。人们开始注意网页的外观，HTML亦因此变得更复杂、更具弹性。表格，原本是更整齐展现资料的工具，变成了排版工具。CSS的出现令以表格为基础的外观设计被视为过时。服务器方面的技术亦改
10、变了网络的构造，使用者可以选择其浏览方式、外观。Flash的出现为设计师和媒体创作人开创了新路。除了引人的外观之外，亦有一个重要的考虑点：网络无障碍，即使用者能否容易读取资讯。2.3 CSS样式表概述CSS是Cascading Style Sheet 的缩写，译作“层叠样式表单”。它是一种在网页制作过程中经常用到的技术。CSS样式表其实是一组样式，它增加了更多的样式定义方法来辅助HTML。样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。其实，我们很早就已经与“样式”打过交道了。在Word的“格式”菜单中的“样式项”里，提供了多种样式，如“标题1”、“标题2”、“正文”等
11、。只要选定文字，然后选择不同的样式，所选定的文字就会自动改变字体、字号、对齐方式、字间距等。同样，我们可以通过CSS来规定网页元素的各种样式，如颜色、位置、大小等。 2.4 CSS样式表的优势CSS样式表是用于（增强）控制网页样式并允许将样式信息与网页容分离的一种标记性语言。通过使用CSS样式表，不仅可以对文字格式进行设置，还可以更加精确地控制布局、字体、颜色、背景和其他图文效果，从而避免在标识字符和设置段落格式等操作时重复定义需要的样式，提高网页编辑的效率。2.5 CSS样式表在HTML中的实现 在HTML网页中加入CSS并不是只有一种方法，在不同的情况下，可以采用不同的方法，比较常用的有下
12、面几中。2.5.1嵌入式样式表 嵌入式样式表的实现很简单，只需在每个要应用样式的HTML标签后写上CSS属性即可。例如要设置指定表格中的文字的样式为红色，字号为10pt，可在当前表格的标记添加下面的代码： 。这种方式主要用于对具体的标签作具体的调整，其作用的围只限于本标签。嵌入式样式表不能充分体现出CSS样式表的优越性，所以应用场合并不多。2.5.2联式样式表 若想只对当前页面应用样式，就要使用联式样式表。所谓联式样式表就是把样式表定义语句放在标签和中，设置时通常放在HTML代码的部分。2.5.3外联式样式表 外联式样式表是将指定的样式代码放到一个扩展名为.css的样式文件中以方便其他网页的调
13、用。这种方式的优点是可以通过一个.css文件管理中的多个网页。如果要对中其他页面进行样式引用，可以先把样式用记事本定义成一个“.css”的文件。例如：打开记事本，将定义的名为h3的样式代码写到记事本中，保存的文件名为example.css，代码如下： h3 font-family:”黑体”; color:green; font-style:italic; 引用时在网页HTML代码的标记后用引用这个样式文件，在部分的相应容的前后加上和。2.6 超 超在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页在一起后，才能真正构成一个。所谓的超是指从一个网页指向一个
14、目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子地址，一个文件，甚至是一个应用程序。而在一个网页中用来超的对象，可以是一段文本或者是一个图片。当浏览者单击已经的文字或图片后,目标将显示在浏览器上，并且根据目标的类型来打开或运行。按照路径的不同,网页中超一般分为以下3种类型: 部,锚点和外部。超对象：如果按照使用对象的不同，网页中的又可以分为：文本超，图像超，E-mail，锚点，多媒体文件，空等。超是一种对象，它以特殊编码的文本或图形的形式来实现，如果单击该，则相当于指示浏览器移至同一网页的某个位置，或打开一个新的网页，或打开某一个新的WWW中的
15、网页。网页超：网页上的超一般分为三种：一种是绝对URL的超。URL（Uniform Resource Locator）就是统一资源定位符，简单地讲就是网络上的一个站点、网页的完整路径。.xxx. / 第二种是相对URL的超。如将自己网页上的某一段文字或某标题到同一的其他网页上面去； 还有一种称为同一网页的超，这种超又叫做书签。颜色：在网页中，一般文字上的超都是蓝色（当然，用户也可以自己设置成其他颜色），文字下面有一条下划线。当移动鼠标指针到该超上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就可以直接跳到与这个超相连接的网页或WWW上去。如果用户已经浏览过某个超，这个超的文本颜色就会发生改变（默认为紫色）。只有图像的超访问后颜色不会发生变化。 第三章 的总体分析与设计3.1系统分析根据前面的设计思想进行分析，按照系统开发的基本观点对进行分解，从容上可对总体布局如下：3.2主页设计 每个都会有一个首页，就功能上而言，它代表着一个
