简析网页设计-毕业论

《简析网页设计-毕业论》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx题目：简析网页设计学院：计算机科学与工程专业：班级：学生姓名：学号：指导教师：2016年6月12日 目录摘要IAbstractII前言11.1研究背景11.2研究目的及意义1第1章网页设计历史及发展21.1第一张网页31.2W3C的出现31.3基于表格的设计31.4基于Flash的设计31.5动态HTML（DHTML）41.63DML41.7基于CSS的设计4第2章HTML、JavaScript、CSS简介52.1HTML简介52.1.1Html的结构52.1.2Html的发展历史52.2HTML562.2.1什么是 HTML562.2.2HTML5的主要新功能62.2.3HTML 语法的变化72.2.4HTML5的优势82.3JavaScript、CSS特性82.3.1JavaScript82.3.2CSS9第3章主流网页设计工具的介绍103.1网页制作工具103.1.1FrontPage103.1.2Dreamweaver103.1.3AdobePagemill103.1.4HomeSite113.1.5Netscape编辑器113.1.6VisualStudio.Net113.1.7EditPlus113.2网页动画制作与特效工具113.2.1Flash113.2.2UleadGifAnimator123.2.3Swish12 3.2.4Photoshop123.2.5Swishmax12第4章总结13致谢14 摘要本文通过对网页设计历史的回顾，介绍了网页设计的概念、历史及发展。工欲善其事，必先利其器。本文简单介绍在网站建设中所要用到的各种工具，包括网页设计工具、网页制作工具、网页动画和特效工具。通过了解各种软件的概念，比较他们的特点，使大家对其有一个基本的认识，在制作中应结合自己的实际情况以及网站的具体要求，选择适合的工具达到事倍功半的效果。关键字：网页设计；网页动画和特效；工具II AbstractThispaperintroducestheconcept,historyanddevelopmentofwebpagedesignbyreviewingthehistoryofwebpagedesign.Sharptoolsmakegoodwork.Intheconstructionsitebytheuseofthevarioustoolsaresimplyintroducedinthepaper,includingwebdesign,webproductiontools,webanimationandspecialeffectstools,throughtheconceptofunderstandingthevarioussoftware,theircharacteristics,sothatwehaveabasicunderstandingoftheir,intheproductionshouldbecombinedwiththeirownactualsituationandsitespecificrequirements,selecttheappropriatetoolstogettwicetheresultwithhalftheeffort.Keywords:Webdesign;Webanimationandspecialeffects;ToolsII 前言信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。1.1研究背景21世纪人们称之为信息时代、电子时代或者IT时代,它是建立在以电子计算机为平台的基础之上的。如今计算机和网络的发展日新月异，以迅雷不及掩耳之势席卷全球。人们获取信息的方式越发依赖于网络。各个商业机构和企业纷纷涌入互联网，数以千计的大型公司和不计其数的小型企业正在利用互联网进行自我宣传和企业推广，并在网上展开营销活动甚至提供完备的售后服务，互联网已成为企业宣传其产品或者服务的重要方式。网页已经成为当今社会的主要媒体之一，可以这样说，网页是超越广播、电视、报纸、杂志等媒体的更加全面快捷方便的获取信息的方式，是传播设计中的中坚武器。在日常生活中，无论是有关衣食住行，还是生老病死，只要你能想到的主题，都能在网络中找到你想要的信息。当遇到突发性新闻事件或热点事件，网络无疑便是最重要的信息传播渠道。在互联网日益发展的今天，我们已经很难与计算机和网络分开了。计算机和网络交流必然成为今后人们生活中重要组成部分。网络文化已经形成一种为大众所接受的文化现象。因此，人们对网页提出了更高的要求，因为它设计的好坏直接影响着信息的交流和网络的传播，甚至影响网络事业的发展。随着电子设备的普及，人们对信息的获取越来越依赖于自己的电脑或是手机，而通过浏览网页正是获取信息的一个重要来源。而随着网页设计技术的进步，人们对网页设计提出了更多的要求。1.2研究目的及意义通过本文，大家可以简单的了解到网页的历史及近几年的发展趋势，了解到在网页发展过程中主流的技术及思想以及网页设计的一些基本知识，了解到HTML、CSS、JS的概念及作用，初步认识到一些常用的网页设计工具并简单了解到它们各自的特点。希望通过本文，能给对网页设计有兴趣的人一些帮助，让大家更快的加入到学习的队伍中来。16 第1章网页设计历史及发展自从第一个网站在上个世纪90年代初诞生以来，设计师们尝试了各种网页的视觉效果。自从1911年第一个网页被创造出之后，到今天已经过了100多年。从一开始的文字，到今天充满图片、flash、内嵌程式等多元的网页，走过了漫长的路。虽然现在已经改朝换代，但那种怀旧气氛还是让人眷恋不已。接下来让我们看看各个时期的重点吧：1990年早期以文字为主的网站。1990年早期网站只有单行呈现，由HTML写成。1990年中期发展至图表阶段，网页设计软件出现（FLASH在1996年进入市场）。1990年晚期FLASH大量应用，许多网站结合图表与FLASH制作，内容更加丰富。2000年样式表语言（CSS）崛起，将网站内容与外部设计分开。透过CSS可以统合同一个网页的呈现风格，和其他网页做出区隔。2000年早期至中期JAVA语法兴起，让网页设计师可以不用透过FLASH写出虚拟选单，并计算数据或更多。2000年中期语意网出现，让机器能够理解人类的指令。透过通用语言（metadata），网络有更多资讯交换的空间。虽然语意网并无法像设计者当初预想的完美理解，但还是有许多技术被开发出来。例如RDF、XML。2000年晚期WEB2.0将主导权回归使用者，藉由个人化的分享来创造新的网络革命。商品不再单纯销售，更着重在多面向的媒体呈现方式：包含照片、影片、文字等。社群网站出现更聚焦在使用者身上，并鼓励大量的分享。手机网络时代2008年手机进入网络时代，让不少网页都会一起设计手机浏览版本。手机浏览设计与电脑不同，配合手机屏幕是以瘦长为主，内容则精简呈现重点。16 1.1第一张网页1991年8月，TimBerners-Lee发布了第一个简单的，基于文本，包含几个链接的网站。原始网页的副本现在仍然在线。它有十多个链接，试图告诉人们什么是万维网。随后的网页都比较相似，完全基于文本，单栏设计，有一些链接等等。最初版本的HTML只有最基本的内容结构：标题(＜h1>,＜h2>...)，段落(＜p>)和链接(＜a>)。随后新版本的HTML开始允许在页面上添加图片(＜img>)，然后开始支持制作表格(＜table>)。1.2W3C的出现W3C是英文WorldWideWebConsortium的缩写，中文意思是W3C理事会或万维网联盟。W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员（大约500名会员）包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识W3C简介。自从Web诞生以来，Web的每一步发展、技术成熟和应用领域的拓展，都离不开成立于1994年10月的W3C(WorldWideWebConsortium，万维网联盟)的努力。W3C是专门致力于创建Web相关技术标准并促进Web向更深、更广发展的国际组织。万维网联盟（W3C）的成立，将HTML确立为网页的标准标记语言。这一举动阻断了任何独立公司想要开发专利的浏览器和相应的程序语言的野心，因为这会对网络的完整性产生不利的影响。W3C一直致力于确立与维护网页编程语言的标准(例如JavaScript)。1.3基于表格的设计表格布局使网页设计师制作网站时有了更多选择。在HTML中表格标签的本意是为了显示表格化的数据，但是设计师很快意识到可以利用表格来构造他们设计的网页，这样就可以制作较以往作品更加复杂的，多栏目的网页。表格布局就这样流行了起来，融合了背景图片切片技术，常给人以看起来较实际布局简洁得多的结构。1.4基于Flash的设计基于Flash的网页设计Flash（最初被称为FutureSplashAnimator，然后是MacromediaFlash，现在叫做AdobeFlash）开发于1996年。起初只有非常基本16 的工具与时间线，最终发展成能够开发整套网站的强大工具。Flash提供了大量的远远超过HTML所能够实现的视觉表现效果。1.5动态HTML（DHTML）在Flash初次涉足网页设计领域的同一时期（20世纪90年代末至21世纪初），由几种网络技术（如JavaScript和一些服务器端脚本语言）组成的用于创作互动/动画页面元素的DHTML技术的推广，也在如火如荼地进行中。这时，随着Flash的发展和DHTML的普及，不只是阅读静态内容，还允许用户与网页内容互动的交互页面的概念诞生了。1.63DML3DML是一个鲜为人知的用于制作三维站点的网页设计语言。由MichaelPowers编写于1996年，3DML文件实际上由一种非标准的XML语言写成。FlatlandRover是一款独立开发的3DML浏览器，尽管还有对应的InternetExplorer，NetscapeNavigator，theAOLbrowser和Opera浏览器插件，但随着开发进度停滞于2005年，Firefox的插件始终未能问世。现在仍然有应用3DML构建的网站，但如果没有上述浏览器或是相应插件，3DML就是不可见的。3DML曾用于制作称作“Sopts”的世界与场景。3DML真正的杀手锏是比大多数语言都快的3D模型构建速度（就算是Flash也需要打开Flash桌面应用来创建并编辑Flash内容）与更加小巧的文件体积。1.7基于CSS的设计CSS设计受到关注始于21世纪初。虽然CSS已经存在很长一段时间了，但是在当时仍然缺乏主流浏览器的支持，并且许多设计师对它很是陌生（甚至感到恐惧）。与表格布局与Flash网页相比，CSS有许多优势。首先它将网页的内容与样式相分离，这从本质上意味着视觉表现与内容结构的分离。CSS是网页布局的最佳实践，与CSS相比表格布局根本不值一提。CSS极大地缩减了标签的混乱还创造了简洁并语义化的网页布局。CSS还使得网站维护更加简便，因为网页的结构与样式是相互分离的。人们完全可以改变一个基于CSS设计的网站的视觉效果而不去改动网站的内容。16 第2章HTML、JavaScript、CSS简介2.1HTML简介HTML表示超文本标记语言（HyperTextMarkupLanguage）。HTML文件是一个包含标记的文本文件。这些标记告诉浏览器怎样显示这个页面，标记又分为单标记和双标记两种，每宗都要求闭合使用。HTML文件必须有htm或者html扩展名。HTML文件可以用任何含编辑功能的文本编辑器创建。2.1.1Html的结构html标签 -- 称为根标签，所有的网页标签都在中。head标签，代表HTML文档的头信息，以开始，结束，它是所有头部元素的容器。头部元素有