班级网站设计.doc
《班级网站设计.doc》由会员分享,可在线阅读,更多相关《班级网站设计.doc(28页珍藏版)》请在三一办公上搜索。
1、班级网站设计摘 要随着Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。关键字:网站设计 班级网站 DreamweaverABSTRACTAlong with the rapid development of the Internet, the In
2、ternet becomes people to quickly get, release information and the important channel, it in politics, economy, life aspects plays an important role. On the Internet site information release mainly through, but also to obtain information on the Internet Marine according to certain retrieval will need
3、to download information from the web site. Therefore website construction in the Internet application status of the obvious, it has become a government, enterprises informationization construction, which is an important component in the more peoples attention.Key words: website design the class web
4、site Dreamweaver目 录摘 要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选题背景“上溯几十年的历史,电脑的发展走过了艰辛的历程,而在网络产生了以后,电脑才真正实现了最大的优势与价值。如今,
5、网络形成的是一种新兴的文化,塑造的是一批新兴的人类,成就的是一个新兴的社会。它逐渐以它的快捷统率着整个世界通过网页制作的学习,将提高我们的网络知识水平,拓宽知识面,使我们的班级在新文化的簇拥下茁壮成长,造就我们一批新兴的人类!”。21世纪是网络的时代,是信息的时代,互联网正逐渐地改变我们的生活方式。人们很容易地接受网络知识和在网上得到的信息。在网络飞速发展的趋势下,各类网站应运而生,学生对此问题有强烈的探究兴趣;学校的校园网建设的完成,学校网站建设也完成了新一轮的更新,而各教学班级网页建设正处于萌芽状态,为了充实学校网站,加强学校班级网页建设,因此我们提出了这样一个课题,同时希望以此为载体,培
6、养学生自主探索,主动提出问题,研究问题,并在一定程度上解决问题的能力,从而在提高学生自主学习,终身学习能力上做一些有益的探索。班级网站是一个班级与外界交流的窗口,也是本班同学相互联系的平台。在这个毕业离开的季节,希望做出一个特别的班级网站,能够让大家了解我们的班级,同时也能让同学们在各自离开后能够方便的互相联系。1.2研究的目的及意义1.2.1研究的目的随着网络的发展,人们通过网络可以更方便更快捷交流,学习,教育,商业贸易等等。为了促进本班同学能更好的学习交流,感情勾通,快捷通知,搞好班上工作,所以决定开发班级论坛平台给同学们发表建议及意见,提供资源共享,布置班上各种计划和任务,提供更好的学习
7、与交流环境。1.2.2研究的意义班级网站的建设有利于家校的沟通,班级网站建设有利于教师信息素养的提高,班级网站建设有利于学生信息素养的提高,班级网站建设有利于学生网络道德教育。班级网站建设有利于信息的积累,班级站建设有利于学生互相学习,班级网站建设有利于班集体的建设。1.3 设计思想通过班级网站,全面宣传,展示班级风采、优点与特色,发布班级的重大活动安排,增强同学之间的相互联系,提高办事效率。1.4主要研究内容本论文共分为三章,主要内容如下:第一章主要介绍课题的选题背景,然后分别介绍课题研究的目的和意义, 另外简单的概括一下本文的设计思想;第二章主要是软件的介绍及相关的术语解释,帮助我们更容易
8、的了解网站的制作;第三章主要介绍网站的总体分析与设计,该网站分为五个页面,主页面和四个链接子页面,然后分别详细的介绍每个页面的设计内容,设计理念,是怎样设计的等等。第二章 软件介绍及相关术语解释2.1 Dreamweaver 简介Dreamweaver是美国Adobe公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver特点:1、 最佳的制作效率Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photos
9、hop等档案移至网页上。使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。对於选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需离开Dremweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。2、 网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML
10、属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。3、 无可比拟的控制能力Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver 支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-part
11、y厂商,包含ASP, Apache,BroadVision, Cold Fusion,iCAT, Tango与自行发展的应用软体。更多去 宿迁房产网。当您正使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。 梦幻样版和XML Dreamweaver将内容与设计分开,应用於快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。
12、对于cascading style sheets的动态HTML支援和鼠标换图效果,声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能,Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时,只要从Dreamweaver的网站在下载它的描述档,便可得知详尽的成效报告。2.2 HTML简史 HTML超文本标记语言(Hypertext Markup Language) 网络的资讯越来越多,网站须有引人注意的外观,才能增加浏览人次,达到宣传的目的。人们开始注意网页的外观,HTML亦因此变得更复杂、更具弹性。表格,原本
13、是更整齐展现资料的工具,变成了排版工具。CSS的出现令以表格为基础的外观设计被视为过时。服务器方面的技术亦改变了网络的构造,使用者可以选择其浏览方式、外观。Flash的出现为设计师和媒体创作人开创了新路。除了引人的外观之外,亦有一个重要的考虑点:网络无障碍,即使用者能否容易读取资讯。2.3 CSS样式表概述CSS是Cascading Style Sheet 的缩写,译作“层叠样式表单”。它是一种在网页制作过程中经常用到的技术。CSS样式表其实是一组样式,它增加了更多的样式定义方法来辅助HTML。样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。其实,我们很早就已经与“样式
14、”打过交道了。在Word的“格式”菜单中的“样式项”里,提供了多种样式,如“标题1”、“标题2”、“正文”等。只要选定文字,然后选择不同的样式,所选定的文字就会自动改变字体、字号、对齐方式、字间距等。同样,我们可以通过CSS来规定网页元素的各种样式,如颜色、位置、大小等。 2.4 CSS样式表的优势CSS样式表是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。通过使用CSS样式表,不仅可以对文字格式进行设置,还可以更加精确地控制布局、字体、颜色、背景和其他图文效果,从而避免在标识字符和设置段落格式等操作时重复定义需要的样式,提高网页编辑的效率。2.5 CSS样式表在HT
15、ML中的实现 在HTML网页中加入CSS并不是只有一种方法,在不同的情况下,可以采用不同的方法,比较常用的有下面几中。2.5.1嵌入式样式表 嵌入式样式表的实现很简单,只需在每个要应用样式的HTML标签后写上CSS属性即可。例如要设置指定表格中的文字的样式为红色,字号为10pt,可在当前表格的标记内添加下面的代码: 。这种方式主要用于对具体的标签作具体的调整,其作用的范围只限于本标签。嵌入式样式表不能充分体现出CSS样式表的优越性,所以应用场合并不多。2.5.2内联式样式表 若想只对当前页面应用样式,就要使用内联式样式表。所谓内联式样式表就是把样式表定义语句放在标签和中,设置时通常放在HTML
16、代码的部分。2.5.3外联式样式表 外联式样式表是将指定的样式代码放到一个扩展名为.css的样式文件中以方便其他网页的调用。这种方式的优点是可以通过一个.css文件管理网站中的多个网页。如果要对网站中其他页面进行样式引用,可以先把样式用记事本定义成一个“.css”的文件。例如:打开记事本,将定义的名为h3的样式代码写到记事本中,保存的文件名为example.css,代码如下: h3 font-family:”黑体”; color:green; font-style:italic; 引用时在网页HTML代码的标记后用引用这个样式文件,在部分的相应内容的前后加上和。2.6 超链接 超链接在本质上属
17、于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。超链接对象:如果按照使用对象的不同,网页中的链接又可以分为:文本超链接
18、,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。超链接是一种对象,它以特殊编码的文本或图形的形式来实现链接,如果单击该链接,则相当于指示浏览器移至同一网页内的某个位置,或打开一个新的网页,或打开某一个新的WWW网站中的网页。网页超链接:网页上的超链接一般分为三种:一种是绝对URL的超链接。URL(Uniform Resource Locator)就是统一资源定位符,简单地讲就是网络上的一个站点、网页的完整路径。http:/www.xxx. com/ 第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去; 还有一种称为同一网页的超链接,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 班级 网站 设计

链接地址:https://www.31ppt.com/p-2400041.html