制作FLASH网页论文 - 江苏畜牧兽医职业技术学院毕业论文〔设计〕 制作Flash网页 校全购大学生自己的购物网.xiaoquangou. aohangouwu.taobao. 【摘 要】 本Flash制作静态网页是利用的 Dreamweaver、Flash、Photosh op等工具制作的网页,制作网站的根本步骤:要具备制作网站的工具,确定网页的根本版块,制作或下载一些必要的小动画链接到网站中,最后要维护好网站目前网页设计越来越接近于一门艺术而不仅仅是一项技术对于如今的我们要对网页设计抱着追求艺术的理想去制作好这个Flash网页, 我们要很好的融入现代具有听设计的Flash,能更好的说明我们都是新世纪的大学生本设计的开发过程从本人长时间的的需求分析^p ,模块分析^p 和详细设计等步骤到最后的维护实现,从而遵守了网页设计的标准过程 【【关键词】:^p 】Dreamweaver,Photoshop CS,Flash. 1 绪论 随着时代的开展,网页设计越来越接近于一门艺术而不仅仅是一项技术网页设计,日益被网站建立者所注重在目前国内对此领域研究甚少的情况下,作者将网页设计与其他艺术设计形式进展比拟,尝试从网页设计的内容、原那么和特点等三个方面,对这个新的艺术设计领域进展初步的归纳总结和理论讨论。
作者认为网页设计是艺术与技术的高度统一,指出网页设计包含视听元素与版式设计两项内容;以主题鲜明、形式与内容相统一、强调整体为设计原那么;具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的严密性等五个特点在明确了网页设计与网站主题的关系的根底上,提出了“美”和“功能”都是为了更好地表达网站主题这一观点网页设计是伴随着计算机互联网络的产生而形成的视听设计新课题,是网页设计者以所处时代所能获取的技术和艺术经历为根底,按照设计目的和要求自觉地对网页的构成元素进展艺术规划的创造性思维活动,必然要成为设计艺术的重要组成局部,并随着网络技术的开展而开展外表上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更 是艺术1 Flash网页 与技术的高度统一 2 设计任务及准备工作 2.1设计的主要任务 2.1.1设计的目的 Flash静态网页的设计目的是要更好的掌握和使用网页设计工具和技术,以便更深层的理解和进步对网页知识的认识使我们的在书上学到的东西不仅仅层次上的,而是把它们更深层的都运用在这次设计中以到达教师要求的效果和学以致用 2.1.2设计的要求 利用Flash、Dreamweaver、Photoshop等工具做一个个人静态网页,要求 让别人可以直观的欣赏我的作品,要求简洁漂亮,网页内容安康积极向上。
2.1.3设计的思想 由于只是设计个人网页,为了节省资,便于维护,采用了静态网页,而没有采取对页面要求较高的动态程序同时因为内容比拟简单,特意添加了一写文章、小贴图、Flash等使我的网页显得更加的生动形象有吸引力,让更多的网络朋友能多多支持我的个人网页 2.2网页设计考虑的问题 (1) 定位网页主题和名称 (2) 确定栏目和板块 (3) 网页的整体风格创意设计 (4) 网页的层次构造和链接构造 (5) 版面布局的窍门 (6) 色彩风格的搭配 (7) 效果与速度 (8) 交互性与亲和度 (9) 语句文字风格 3 开发工具 3.1开发工具 3.1.1 Dreamweaver简介 Dreamweaver是美国MACROMEDIA公司开发的,是最受专业设计者欢送的网页制作工具之一目前Dreamweaver处于网页设计软件市场的绝对优势位置2 江苏畜牧兽医职业技术学院毕业论文〔设计〕 Macromedia是一个可视化的网页编辑器,支持最新的X和CSS标准,采用多种先进技术,可以快速高效地创立极具有表现力和动感效果的网页,使网页创作过程变得非常简单。
值得称道的是,Dreamweaver不仅提供了强大的网页编辑功能,而且提供了完善的站点管理机制,可以说,它是一个集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别开展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越阅读器限制的充满动感的网页 3.1.2 Flash简介 Flash MX 是用于 Web 站点的图形、文本、动画和应用程序它们主要由矢量图形组成,但是还可以包含导入的视频、位图图形和声音Flash 影片可以结合交互性,从而允许观看者进展输入,您也可以创立与其它 Web 应用程序交互的非线性影片Web 设计人员可以使用 Flash 创立导航控件、动画徽标以及带有同步声音的长篇动画,甚至可以创立完好的丰富多彩的 Web 站点Flash 影片使用的是压缩的矢量图形,这使它们可以快速下载,并可以根据观看者的屏幕进展缩放 Flash 文档是具有 .fla 文件扩展名的文件,它包含开发、设计和测试交互式内容所需的所有信息Flash 文档并不是在 Flash Player 显示的影片这需要将FLA文档发布为 Flash 影片,而后者的文件扩展名为 .swf,其中只包含显示影片所需的信息。
FLASH MX 也是一种软件,是专门用来设计动画的Flash的前身是FutureSplash,是早期网上流行的矢量动画插件后来由于Macromedia公司收买了FutureSplash以后便将其改名为Flash2它是针对矢量图形编辑和动画创作的专业软件,目前,它已经晋级到Flash MX版本,功能非常强大正是因为它采用了矢量图形编辑制作,使得Flash输出的电影动画〔*.swf〕具有文件小、效果好、图像细腻、对网络带宽要求低以及可无损放大等诸多优点,从而,深受广阔电脑动画设计者和网页设计者的喜欢可以说,Flash已经渐渐成为交互式矢量的标准,将来网页的一大主流 3.1.3 Photoshop简介 Photoshop是ADOBE公司推出的功能强大的最为知名的图像处理软件之一,也是迄今为止世界上最畅销的图像编辑软件Adobe Photoshop CS2是目前Photoshop的最新版本,无论从性能的优越还是使用的方便等方面,运行Macintosh和Windows平台上, 应用范围:图像、图形、视频、出版等方面3 Flash网页 随着版本进步,功能更多,使用更简单从功能上看,Photoshop可分为图像编辑、图像合成、校色彩色及特效制作局部。
Photoshop 是优秀的图象处理软件,一直占据着图像处理软件的领袖地位,是平面设计、建筑装修设计三维动画制作及网页设计的必用软件它的惊人的功能也引起广阔业余图像处理爱好者的强烈兴趣 从功能上看,Photoshop可分为图像编辑、图像合成、校色彩色及特效制作局部 图像编辑是图像处理的根底,可以对图像做各种变换如放大、缩小、旋转、倾斜、镜象、透视等;也可进展复制、去除斑点、修补、修饰图像的残损等 图像合成那么是将几幅图像通过图层操作、工具应用合成完好的,传送明确意义的图像,这是美术设计的必经之路Photoshop提供的绘图工具让外来图像与创意很好地交融,成为可能使图像的合成无衣无缝 校色彩色是Photoshop中深具威力的功能之一,可方便快捷地对图像的颜色进展明暗、色编的调整和校正,也可在不同颜色进展切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用 在Photoshop中主要由滤镜、通道及工具综合应用完成包括图像的特效创意和特效字的制作,如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由Photoshop特访完成而各种特效字的制作更是很多美术设计师热衷于Photoshop的研究的原因。
3.1.4 简介 〔Hyper Text Markup Language 超文本标记语言〕是一种用来制作超文本文档的简单标记语言用编写的超文本文档称为文档,它能独立于各种操作系统平台〔如UNIX, WINDOWS等〕自1990年以来就一直被用作World Wide Web上的信息表示语言,用于描绘Homepage的格式设计和它与上其它Homepage的连结信息 文档〔即Homepage的文件〕是一个放置了标记的ASCII文本文件,通常它带有.或 的文件扩展名生成一个文档主要有以下三种途径: (1).手工直接编写〔例如用你所喜欢的ASCII文本编辑器或其它的编辑工具〕 4 江苏畜牧兽医职业技术学院毕业论文〔设计〕 (2).通过某些格式转换工具将现有的其它格式文档〔如WORD文档〕转换成文档 (3).由Web效劳器〔或称 效劳器〕一方实时动态地生成 语言是通过利用各种标记〔tags〕来标识文档的构造以及标识超链〔Hyperlink〕的信息虽然语言描绘了文档的构造格式,但并不能准确地定义文档信息必须如何显示和排列 ,而只是建议Web阅读器〔如Mosiac,Netscape等〕应该如何显示和排列这些信息,最终在用户面前的显示结果取决于Web阅读器本身的显示风格及其对标记的解释才能。
这就是为什么同一文档在不同的阅读器中展示的效果会不一样 4 设计步骤 4.1Flash网页设计步骤 4.1.1Flash 画面制作 通过使用Flash 制作出书页由上往下掉的意境,如图1所示: 图1 4.1.2Flash 文字 在设计网页的过程中,我用了字体滚动的效果,就是把一段文字设置成从左到右翻滚的格式,代码: 输入要写的字 这是一个可以字样变换的Flash图片 4.2Dreamweaver网页设计步骤 首先设计网站的构造,根据要求,只需要做一个页面就可以了为了便于管理,决定在局部内容页中采用框架本网页首先采用Dreamweaver进展网页的编辑和排版整体网页采用表格方式进展定位,表格边框宽度值为0,这5 第 9 页 共 9 页。