谢谢观赏
所含的创新性解决方案解决了图形设计人员和网站管理员所面临的主要问题。使用 Fireworks,您可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。Fireworks 使您可以在单个应用程序中创建和编辑位图和矢量两种图形。并且所有元素都可以随时被编辑。除此之外,工作流可以实现自动化,从而满足耗费时间的更新和更改要求。
Fireworks 与多种产品集成在一起,包括 Macromedia 的其它产品(如 Dreamweaver、Flash、FreeHand 和 Director)和其它您喜欢的图形应用程序及 HTML 编辑器,从而提供了一个真正集成的 Web 解决方案。利用为您所使用的 HTML 编辑器自定义的 HTML 和 JavaScript 代码,您可以轻松地导出 Fireworks 图形。
Flash 是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常,使用 Flash 创作的各个内容单元称为应用程序,即使它们可能只是很简单的动画。您可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的 Flash 应用程序。Flash 特别适用于创建通过 Internet 提供的内容,因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。
谢谢观赏
谢谢观赏
第二章 可行性分析
2.1功能可行性分析
1、根据网站的目的确定网站的结构导航。
一般学校网站应包括:学校概况、教师队伍、学生天地、家长之窗、教育科研、教学资
源、校园采风。
2、根据网站的目的及内容确定网站整合功能。 如开篇引导、网站图片显示系统、等。
3、确定网站的结构导航中的每个频道的子栏目。
如每个子栏目当中都会及时更新当天发生的重要体育事件及图片新闻等等。 4、如果网站栏目比较多,则考虑采用网站编程专人负责相关内容。 注意:网站内容是网站吸引浏览者最重要的因素,无内容或不实用的信息不会吸引匆匆浏览的访客。
5、确定网站内容的实现方式。如图片中心使用动态程序数据库还是静态页面;网站是采用列表方式还是地图展示。 2.2技术可行性分析
HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过浏览器显示出效果。
所谓超文本,因为它可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。通过HTML可以表现出丰富多彩的设计风格,下面来举一些我们都常用的代码例子:
谢谢观赏
谢谢观赏
图片调用:
文字格式: 通过HTML可以实现页面之间的跳转
页面跳转: 声频:
其中在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Homage省略标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。
之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。 标记一般不省略, 表示正文内容的开始。 下面是一个最基本的超文本文档的源代码:欢迎光临我的主页
这是我第一次做主页,无论怎么样,我都会努力做好!
谢谢观赏
谢谢观赏
第三章 需求分析
3.1功能描述
网站后台是用Dreamweaver+ ACCESS所做,主要目的是让用户可以通过我们的网站,了解我们的最新情况。
我在设计网站之初并没有把网站想的多么复杂,就是想自己设计一个网站,能够达到自己所学习的水平和能力就可以了,在设计时我基本上以静态网站为主要思路,尽量丰富网站的内容,体现网站的主题思想,全面展示学校的特色之处,搭建一个平台,使得外界能够更加全面地了解学校的情况。
网站的主要功能就是提供浏览的资源和信息,浏览者还是以浏览资源为主,基本都是单方面交流,我将在以后的学习中不断完善网站的内容,增强网站的交互性,真正使得网站与受众能够多方面交流。 3.2内容
设计中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。 1.视听元素
这里所说的视听元素,主要包括:文本、背景、按、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。 以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。比如,大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件(如MP3音乐)需要先下载到本地硬盘上,然后启动相应的外部程序来播放。另外,在浏览器使用插件(Plug-in)可以播放更多格式的多媒体文件。微软推出IE浏览器后,提供了基于OLE的ActiveX技术,用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序,相比于插件和ActiveX,JavaApplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。总之,技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。 2.版式设计
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计,是在有限的屏幕空间
谢谢观赏
谢谢观赏
上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。
但网页的排版与书籍杂志的排版又有很多差异。印的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。
第四章 网站开发工具
4.1 网页制作软件概述
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
4.2 网页制作软件
DREAMWEAVER、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋。所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。 优点:
1.最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简
2.网站管理单步骤便可完成
Dreamweaver能与您喜爱的设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需离开Dreamweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
3.无可比拟的控制能力
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑
谢谢观赏