本科生毕业设计说明书(毕业论文)题目:电影网站的设计学生姓名:学号:专业:计算机科学与技术班级:指导教师:毕业设计说明书(毕业论文)2第二章开发语言及工具的介绍2.1HTML开发环境2.1.1HTML语言的由来与定义HTML,英文为HyperTextMarkupLanguage,中文译为超文本标记语言,它是用来创建Web文档的语言。超文本的定义就是一种含有指向其他文档链接的文本,即我们俗称的链接。超文本的本质就是把存放于不同计算机中的文档链接在一起。访问者不用关心链接所指向的内容,只要鼠标点击一下的链接,页面就跳转到所指的文档中去。网页就是通过结合使用其他的Web技术的超级文本标记语言,创造出的功能强大的网页。超级文本标记语言可以作为一个标准通用标记语言或一种规范以及一种标准,通过它的标记符号来标记要显示的网页中的各个部分。HTML能够将文字、图像、声音、动画及视频等多样的媒体结合起来,将丰富多彩的页面展现给浏览者,它还可以通过添加后台,接收到用户的信息,并与数据库相连,实现用户的查询、评论请求等各种交互功能[12]。2.1.2DIV+CSS布局介绍HTML虽然可以将内容、结构和格式化等信息全部包含在一个Web文档中,这样做即简单方便,但也存在许多问题,各种不同的信息存放在同一个文件中不仅不利于文档的维护,修改起来也费时费力。因此HTML只负责网页的内容显示和结构排布,并把格式化信息新建一套语言来完成,这就是CSS。CSS全称为CascadingStyleSheet,中文解释为层叠样式表(也有译作级联样式表的)。它的作用是要控制HTML的页面布局和外观样式,它在网页设计中是最为标准的布局语言,它的主要作用是可以将网页样式如字体大小、图文格式、背景图片、行高度等属性更加灵活地控制、局部定位等。DIV+CSS布局,现在已经广泛的应用到网页设计中了。布局合理,既可以使页面更加美观,还可以使页面访问者精确的定位到网页头部的功能,这不仅使得网页开发更加快捷、方便,也可以使浏览者更加清晰的阅读网页内容。在网页的设计过程中,根据需求设计好各版块的位置之后,就可以通过CSS对各块进行定位,进而实现对页面的整体规划。在版块位置设计完成后,就可以毕业设计说明书(毕业论文)3向各个版块添加相应的内容,从而完成对页面的整体设计。2.1.3网页特效脚本语言JavaScriptJavaScript是一种紧缩的、基于对象的脚本进行描述的脚本语言,它采用小程序段的方式实现编程[3]。用于对客户端和服务器端Internet应用程序的开发,由Internet公司开发。JavaScript是用来开发网页客户端的应用程序,结合HTML和CSS实现在一个网页中与用户的交互功能。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程[13]。它不像其他语言,需要编译,而是在程序运行过程中被逐行地解释,它可以与HTML标识结合在一起,从而方便用户的使用操作。2.2开发工具2.2.1DreamweaverCS8Dreamweaver8是一种专业工具用于建立站点和应用程序。其工作原理是将可视布局工具和应用程序开发功能和代码编辑组合在一起使用。Dreamweaver为使用者提供了专业且高效的环境中所需的工具。操作者使用Dreamweaver及所选择的服务器技术来创建功能强大的网络应用程序,从而使用户可以连接到数据库以及Web服务。2.2.2Photoshop5PhotoshopCS5是一款功能强大的图片处理工具,在网页设计前期,Photoshop用于图片设计,logo设计等,只要涉及到图像,就会用到图像处理软件[7]。Photoshop是网页设计中的一个重要组成部分。使用Photoshop可以将图像进行精确的加工。在本次设计中PhotoshopCS5是最关键的一个工具之一,网站中的每一张图片都经过了Photoshop的处理。早在网站最初开始设计时,就是使用Photoshop进行模板设计,LOGO、导航还有整体的框架都是使用了Photoshop进行设计。2.2.3FireworkFirework是另外一款图形图像编辑器,Firework也是网页编辑的一个强大的辅助工具,它不仅可以轻松的完成动感的gif动画,还可以完成大图的切割,并会自动保存到文件夹里[8]。在本次设计中因为有了PhotoshopCS5来进行图形图像编辑,所以Firework就用来进行大图片的切割,在Photoshop中制作好网页的毕业设计说明书(毕业论文)4模板之后就在Firework中把图片切割成网页中相应div块大小的图片。