毕业论文静态网页设计与制作

1、毕业论文静态网页设计与制作 xinyu college毕业设计论文题 目 静态网页设计与制作 学 号 0808031003 姓 名 陈 凯 所 属 系 计算机信息与工程系 专 业 计算机网络技术 班 级 08计网1班 指导教师 陈岩岩老师 新余学院教务处制题目静态网页设计与制作主要内容1网页设计语言概述2网页制作要用的软件3内部对象系统的使用4 web页面信息的交互窗体与框架5结论指导老师评语成绩指导老师目 录摘 要0第1章 绪论111 internet的历史和发展112 网页概述1第2章 开发软件简介621 dreamweaver简介622 6html语言的简介723 flash 简介 8

2、24 photoshop 简介 923 本章小结14第3章 网站需求分析1531相关术语及解释1532个人网站的由来与发展1533我的个人网页的设计与规划18 com 我的个人网页的概貌 19 com 个人网页的设计理念 2034 本章小结19第4章 结论20致 谢21参考文献22静态网页的设计与制作摘 要本文就网站的设计与制作以软件工程的方法对全过程进行了分析与研究本文的主要工作集中在1对web页进行概述主要是对internet的历史和发展作了回顾并对web页的定义和特性进行阐述并对网站设计过程中使用的工具和技术简单的介绍2对网站建设中提及的术语进行简单解释并对网站的由来和发展进行讨论3对自

3、己设计的网站从设计理念到制作的过程进行详细分析4使用dreamweaverflashphotoshop 等软件的设计方式进行解析5就网站的设计与制作提出自己的观点以及建议关键词网站 设计工具 设计方案 创意 风格 static web design and productionabstract this website design and production with the method of software engineering to process the analysis and research this paper main work concentrates in1 th

4、e paper to web page is mainly to the internets history and development and a review of the definition and characteristics of web pages is expounded and the website design process using the tools and techniques of simple introduction2 the website construction mentioned in terms of website and simple

5、explanation of the origin and development are discussed3 for the design of your own website from design concept to making process were analyzed4 use flash dreamweaver photoshop software design methods are analyzed5 just website design and facture put forward its own views and suggestions第1章 绪论随着21世纪

6、的到来人们更深切地感受到计算机在生活和工作中的作用越来越重要越来越多的职业需要具有计算机应用技能型人才掌握计算机是职业的需要更是事业发展的需要网页设计与制作是计算机能力的具体表现本章主要介绍网页设计的相关知识11internet的历史与发展internet最早来源于美国国防部高级研究计划局darpa defense advanced research projects agency 的前身arpa建立的arpanet该网于1969年投入使用从60年代开始arpa就开始向美国国内大学的计算机系和一些私人有限公司提供经费 以促进基于分组交换技术的计算机网络的研究1968年arpa为arpanet网

7、络项目立项这个项目基于这样一种主导思想网络必须能够经受住故障 的考验而维持正常工作一旦发生战争当网络的某一部分因遭受攻击而失去工作能力时网络的其它部分应当能够维持正常通信最初arpanet主要用于 军事研究目的它有五大特点 支持资源共享 采用分布式控制技术 采用分组交换技术 使用通信控制处理机 采用分层的网络通信协议1972年arpanet在首届计算机后台通信国际会议上首次与公众见面并验证了分组交换技术的可行性由此arpanet成为现代计算机网络诞生的标志 arpanet在技术上的另一个重大贡献是tcpip协议簇的开发和使用 1980年arpa投资把tcpip加进unix bsd41版本 的内

8、核中在bsd42版本以后tcpip协议即成为unix操作系统的标准通信模块 1982年internet由arpanetmilnet等几个计算机网络合并而成作为internet的早期骨干网arpanet试验并奠定了internet存在和发展的基础较好地解决了异种机网络互联的一系列理论和技术问题 1983年arpanet分裂为两部分arpanet和纯军事用的milnet该年1 月arpa把tcpip协议作为arpanet的标准协议其后人们称呼这个以arpanet为主干网的网际互联网为internettcp ip协议簇便在internet中进行研究试验并改进成为使用方便效率极好的协议簇与此同时局域网

9、和其它广域网的产生和蓬勃发展对 internet的进一步发展起了重要的作用其中最为引人注目的就是美国国家科学基金会nsf national science foundation 建立的美国国家科学基金网nsfnet 1986年nsf建立起了六大超级计算机中心为了使全国的科学家工程师能 够共享这些超级计算机设施nsf建立了自己的基于tcpip协议簇的计算机网络nsfnetnsf在全国建立了按地区划分的计算机广域网并将这些 地区网络和超级计算中心相联最后将各超级计算中心互联起来地区网的构成一般是由一批在地理上局限于某一地域在管理上隶属于某一机构或在经济上有共同 利益的用户的计算机互联而成连接各地区

10、网上主通信结点计算机的高速数据专线构成了nsfnet的主干网这样当一个用户的计算机与某一地区相联以后 它除了可以使用任一超级计算中心的设施可以同网上任一用户通信还可以获得网络提供的大量信息和数据这一成功使得nsfnet于1990年6月彻底取 代了arpanet而成为internet的主干网 网页是网站中的一页通常是html格式文件comcomjsp等网页通常用图像档来提供图画网页要透过网页浏览器来阅读 网页是构成网站的基本元素是承载各种网站应用的平台通俗的说您的网站就是由网页组成的如果您只有和虚拟主机而没有制作任何网页的话您的客户仍旧无法访问您的网站 所谓网站 website 就是指在网际网路

11、因特网上根据一定的规则使用html等工具制作的用於展示特定内容的相关网页的集合简单地说网站是一种通讯工具就像布告栏一样人们可以通过网站来发布自己想要公开的资讯信息或者利用网站来提供相关的网路服务网络服务人们可以通过网页浏览器来访问网站获取自己需要的资讯信息或者享受网路服 dreamweaver 简介 dreamweaver是美国macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器它是第一套针对专业网页设计师特别发展的视觉化网页开发工具利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页1最佳的制作效率 dreamweaver可以用最快速的方式将fir

12、eworksfreehand或photoshop等档案移至网页上使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色对于选单快捷键与格式控制都只要一个简单步骤便可完成dremweaver能与您喜爱的设计工具如playback flashshockwave和外挂模组等搭配不需离开dreamweaver便可完成整体运用流程自然顺畅除此之外只要单击便可使dreamweaver自动开启firework或photoshop来进行编辑与设定图档的最佳化 2网站管理 使用网站地图可以快速制作网站雏形设计更新和重组网页改变网页位置或档案名称dreamweaver 会自动更新所有连结使用支援文字html码h

13、tml属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单 3无可比拟的控制能力 dreamweaver是唯一提供roundtrip html视觉化编辑与原始码编辑同步的设计工具它包含homesite和bbedit等主流文字编辑器帧 frames 和表格的制作速度快的令您无法想像进阶表格编辑功能使您简单的选择单格行栏或作未连续之选取甚至可以排序或格式化表格群组dreamweaver 支援精准定位利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置所见即所得 dreamweaver成功整合动态式出版视觉编辑及电子商务功能提供超强的支援能力给third-party厂商包含asp a

14、pachebroadvision cold fusionicat tango与自行发展的应用软体当您正使用dreamweaver在设计动态网页时所见即所得的功能让您不需要透过浏览器就能预览网页梦幻样版和xml dreamweaver将内容与设计分开应用于快速网页更新和团队合作网页编辑建立网页外观的样版指定可编辑或不可编辑的部份内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式您也可以使用样版正确地输入或输出xml内容 dreamweaver还集成了程序开发语言对aspnetphpjs的基本语言和连接操作数据库都是完全支持的htmlhypertext mark-up language

15、即超文本标记语言或超文本链接标示语言是目前网络上应用最为广泛的语言也是构成网页文档的主要语言html文本是由html命令组成的描述性文本html命令可以说明文字图形动画声音表格链接等html的结构包括头部head主体body两大部分其中头部描述浏览器所需的信息而主体则包含所要说明的具体内容html文档制作不是很复杂且功能强大支持不同数据格式的文件镶入这也是盛行的原因之一其主要特点如下 1 简易性html版本升级采用超集方式从而更加灵活方便 2 可扩展性html语言的广泛应用带来了加强功能增加标识符等要求html采取子类元素的方式为系统扩展带来保证 3 平台无关性虽然pc机大行其道但使用mac等

16、其他机器的大有人在html可以使用在广泛的平台上这也是盛行的另一个原因 用什么可以编辑html html其实是文本它需要浏览器的解释html的编辑器大体可以分为三种 1 基本编辑软件使用windows自带的记事本或写字版都可以编写当然如果你用wps来编写也可以不过存盘com作为扩展名这样浏览器就可以解释执行了 2 半所见即所得软件这种软件能大大提高开发效率它可以使你在很短的时间内做出homepage且可以学习html这种类型的软件主要有hotdog还有国产的软件网页作坊 3 所见即所得软件使用最广泛的编辑器完全可以一点不懂html的知识就可以做出网页这类软件主要有frontpage98drea

17、mweaver 更先进难懂的技术xhtml xhtml中的x是可扩展的意思xhtml就是可扩展的超文本标记语言它比html有更严格的要求如果说html是汉语那么xhtml就是标准普通话对于现在才刚刚开始学习网页设计的朋友直接学习xhtml是最佳的选择事实上它也属于html家族并且它是基于xml的对比以前各个版本的html它具有更严格的书写标准更好的跨平台能力由于某些需要xhtml将以前版本的html能够实现的一些功能交给了css这意味着你将需要学习两种技术但是这确实是web未来发展的潮流flash的前身是future wave公司的future splash是世界上第一个商用的二维矢量动画软件

18、用于设计和编辑flash文档1996年11月美国macromedia公司收购了future wave并将其改名为flash在出到flash 8以后macromedia又被adobe公司收购最新版本为adobe flash cs5flash通常也指macromediflash player现adobe flash player用于播放flash文件flash的特性1flash被大量应用于互联网网页的矢量动画设计 因为使用向量运算（vector graphics）的方式产生出来的影片占用存储空间较小 2使用flash创作出的影片有自己的特殊档案格式（swf） 该公司声称全世界97的网络浏览器都内建

19、flash播放器（flash player） 3flash是macromedia提出的富因特网应用ria概念的实现平台flash 是一种创作工具设计人员和开发人员可使用它来创建演示文稿应用程序和其它允许用户交互的内容flash 可以包含简单的动画视频内容复杂演示文稿和应用程序以及介于它们之间的任何内容通常使用 flash 创作的各个内容单元称为应用程序即使它们可能只是很简单的动画您也可以通过添加图片声音视频和特殊效果构建包含丰富媒体的 flash 应用程序 flash 特别适用于创建通过 internet 提供的内容因为它的文件非常小flash 是通过广泛使用矢量图形做到这一点的与位图图形相比

20、矢量图形需要的内存和存储空间小很多因为它们是以数学公式而不是大型数据集来表示的位图图形之所以更大是因为图像中的每个像素都需要一组单独的数据来表示 要在 flash 中构建应用程序可以使用 flash 绘图工具创建图形并将其它媒体元素导入 flash 文档接下来定义如何以及何时使用各个元素来创建设想中的应用程序 在 flash 中创作内容时需要在 flash 文档文件中工作flash 文档的为 fla fla flash 文档有四个主要部分 舞台是在回放过程中显示图形视频按钮等内容的位置在flash 基础中将对舞台做详细介绍 时间轴用来通知 flash 显示图形和其它项目元素的时间也可以使用时间

21、轴指定舞台上各图形的分层顺序位于较高图层中的图形显示在较低图层中的图形的上方 库面板是 flash 显示 flash 文档中的媒体元素列表的位置 actionscript 代码可用来向文档中的媒体元素添加交互式内容例如可以添加代码以便用户在单击某按钮时显示一幅新图像还可以使用 actionscript 向应用程序添加逻辑逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式flash 包括两个版本的 actionscript可满足创作者的不同具体需要有关编写 actionscript 的详细信息请参阅帮助面板中的学习 flash 中的 actionscript 20 flash 包含了许

22、多种功能如预置的拖放用户界面组件可以轻松地将 actionscript 添加到文档的内置行为以及可以添加到媒体对象的特殊效果这些功能使 flash 不仅功能强大而且易于使用 完成 flash 文档的创作后可以使用文件 发布命令发布它这会创建文件的一个压缩版本其扩展名为 swf swf 然后就可以使用 flash player 在 web中播放 swf 文件或者将其作为独立的应用程序进行播放photoshop是adobe公司旗下最为出名的图像处理软件之一集图像扫描编辑修改图像制作广告创意图像输入与输出于一体的图形图像处理软件深受广大平面设计人员和电脑美术爱好者的喜爱从功能上看photoshop可

23、分为图像编辑图像合成校色调色及特效制作部分 图像编辑是图像处理的基础可以对图像做各种变换如放大缩小旋转倾斜镜象透视等也可进行复制去除斑点修补修饰图像的残损等这在婚纱摄影人像处理制作中有非常大的用场去除人像上不满意的部分进行美化加工得到让人非常满意的效果 图像合成则是将几幅图像通过图层操作工具应用合成完整的传达明确意义的图像这是美术设计的必经之路photoshop提供的绘图工具让外来图像与创意很好地融合成为可能使图像的合成天衣无缝 校色调色是photoshop中深具威力的功能之一可方便快捷地对图像的颜色进行明暗色编的调整和校正也可在不同颜色进行切换以满足图像在不同领域如网页设计印刷多媒体等方面应用 特效制作在photoshop中主要由滤镜通道及工具综合应用完成包括图像的特效创意和特效字的制作如油画浮雕石膏画素描等常用的传统美术技巧都可藉由photoshop特效完成而各种特效字的制作更是很多美术设计师热衷于photoshop的研究的原因aspasp是active server pages 的英文缩写即动态服务器