创意网页设计.docx
《创意网页设计.docx》由会员分享，可在线阅读，更多相关《创意网页设计.docx（24页珍藏版）》请在冰豆网上搜索。
创意网页设计
创意网页设计
名词解释和问答
位图：
位图也称为点阵图或像素图，计算机屏幕上的图像是由屏幕上的发光点构成的。
每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的，类似于矩阵，多个像素的色彩组合就形成了图像。
关键帧：
关键帧就是在时间轴中记录动画画面变化的帧。
主页：
就是进入网站后的第一个页面，也称首页，是进入网站中其它页面的“入口”。
超级链接：
在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。
主要由两部分组成：
超级链接源和超级链接目标。
形变动画：
指的是由一种图形逐渐转换为另外一种图形，创建形变动画只要确定首、末两个关键帧，然后再使用“形状补间”生成中间帧。
但是首、末两个关键帧的对象必须是形状。
交互式动画：
交互式动画是指播放时支撑时间响应和交互功能的作品，也就是说，动画播放时能够受到某种控制，而不是像普通动画那样从头到尾进行播放。
库项目：
Dreamweave允许把网站中需要重复使用或需要经常更新的页面元素（如图像、文本或其他对象）存入库中，存入库中的元素就叫库项目。
库项目实质上是网页中的一段HTML代码。
热点（热区）：
是指在一幅图片上的不同位置创建不同的链接，添加交互响应的技术。
锚记：
锚记是网页内的定位标记，类似于书签，通过锚记能够控制在同一网页内的跳转。
矢量图：
矢量图也称为向量图，用一系列计算机指令来描述和记录的一幅图，一幅图可分解为一系列由点、线、面等组成的子图，矢量图记录的是对象的几何形状、线条粗细和色彩等。
网站：
就是指在因特网上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。
人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。
模板：
实质上指创建其他文档的基础文档，可以使网站和网页具有统一的结构和外观。
轨迹动画：
是运动动画的扩展，指的是物体沿一定的路线进行移动，通常需要两个图层，一个是轨迹层，用于确定运动物体的移动路线；另一个就是被引导层，用于制作运动物体的运动动画。
两个图层之间必须是相互关联的。
表单：
是站点管理员和用户之间进行信息交流的一种主要工具，是一个由文本和表单域组成的集合。
动态HTML：
动态HTML（即DHTML）是指HTML与特定的脚本语言的组合，用户可以使用该脚本语言更改HTML元素的样式或定位属性。
蒙版（Fireworks）：
所谓蒙版实际上是一幅256色灰度图象，它必须与图层的基本内容配合才能发挥作用。
其中，蒙版中的白色区域为透明区（即完全显示基本内容），黑色区域为非透明区（即该区域显示为白色），而灰色为半透明区。
帧-帧动画：
帧帧动画是将每一帧画面制作好，然后生成动画效果的动画。
图形元件：
用于制作静态图象，以及附属于主影片“时间轴”的可重复使用的动画片段。
站点地图：
所谓站点地图，是指由系统自动按各网页之间的链接关系生成的一个示意图，从而是整个网站的组织一目了然。
超文本文件：
是指具有超链接功能的文件，用鼠标单击该文件中已经定义好的关键字，便可得到该关键字的相关解释。
站点：
所谓站点，可以看作是一系列文档的组合，这些文档之间通过各种链接关联起来。
CSS样式表：
样式表CSS的全称应该是层叠样式表。
它用于对布局、字体、颜色、背景和其他文图效果实现更加精确的控制。
补间动画：
“补间”动画是制作好若干关键帧的画面，由Flash通过计算生成中间各帧，使得画面从一个关键帧过渡到另一个关键帧。
影片剪辑元件：
用来制作可重复使用的，独立于主影片“时间轴”的动画片断。
热点：
所谓热点又称图象映像，是出现在Web页面上的一个图形或一组图形。
超媒体：
超媒体是一种包含文字、影象、图片、动画、声音等媒体的图、文、声、像并茂的文件。
按钮元件：
用于创建响应鼠标单击、移动或其他动作的交互按钮。
虚拟链接：
所谓虚拟链接实际上是一个未设计的链接（空链接），利用该链接可激活页面上的对象或文本。
框架网页：
框架网页实际上包括了多个网页，一个是主框架网页，该网页定义了各框架的名称、位置及尺寸等，它在浏览器中不显示；另外的网页则是页面设计网页。
表单：
表单是网页中站点服务器处理的一组数据输入域。
表格与层：
表格是网页上的一行或多行单元格，用来组织网页的布局或有系统地布置数据。
HTML标记：
HTML标记是HTML中用来鉴别网页元素的类型、格式和外观的文本字符串。
插件：
插件也是程序，是用遵循一定规范的API编写出来的，Web浏览器能够直接调用插件代码。
Flash动画：
Flash动画是建立在流式媒体技术上的动画格式，主要由矢量图形组成，但也可以包括输入的视频、位图图形与声音。
它区别于GIF动画的最大特点是具有交互功能。
简答题
1、如何规划站点结构？
①归类站点。
②决定项目放置的位置。
③将本地站点和远程站点设置为相同的结构。
④使用合理的文件名称。
2、请简述Dreamweaver的功能。
①创建和编辑页面元素。
②编辑HTML。
③站点管理。
④插入Fireworks文件和Flash动画。
⑤启动和编辑媒体。
3、Fireworks中的图象切割的优点有哪些？
①可以单独优化图形的每个部分，从而使文件更小，装载速度更快。
②可以将图象的某个部分输出为GIF文件，而将其他部分输出为JPEG文件，从而获得更佳的图象效果。
③可以设计能重复使用同一图形中不同部分的页面，改变具有不同内容的切片。
用户也可以编辑和替换单个切片图形，而不必卸载一幅图象中的所有切片。
④可以利用切片创建滚动图象。
4、简述Flash中“时间轴”的主要用途。
“时间轴”面板主要由于组织和控制影片中图层和帧的内容，使这些内容随着时间的推移而发生相应的变化。
时间轴最重要的组织部分是帧、图层和播放头。
5、简述Flash中“图层”设置的目的及特点。
①当用户在一个图层中进行绘画和编辑时，它不会影响其他图层的内容。
②图层是透明的，透过图层上没有对象的区域可以看到下面图层上的对象。
③图层的数目仅受计算机内存的限制，并且增加图层的数量不会增加最终输出的影片文件大小。
④用户在“时间轴”控制面板设置动画时都是针对图层而言的。
因此，用户在制作动画时通常需要将不同类型的元素放入不同的图层。
6、简述在Dreamweaver中，“层”作用及其意义。
①层提供了精确定位页面元素的方法。
②可以控制层对象的显示或隐藏。
③利用时间轴同时在屏幕上移动一个或多个层。
7、在Dreamweaver中设计动态网页时，常采用的方法有哪些？
①在网页中使用翻滚图片。
②使用时间轴制作动态网页。
③使用行为制作交互式网页。
④创建滚动字幕。
⑤使用外部媒体元素。
8、Flash动画有哪些特点？
①动画的设置是以图层为单位进行的，因此，用户在使用Flash创建动画时通常要创建大量的层，以便对动画的不同元素进行控制。
②如果动画比较复杂，还可以将动画划分为不同的场景。
③为了能够重复使用某些动画片断，还可以创建影片剪辑。
④为了能够让浏览者对影片进行某些控制，可以为影片创建按钮并为关键帧、影片剪辑实例、按钮实例等书写AcrionScript脚本。
⑤为了创建能够与服务器交互的影片、网页等，可以在文档中添加组件并编写脚本。
9、简述Flash中元件与实例的功能及其相互关系。
①元件是可以重复使用的图形、影片剪辑和按钮，每个元件都可以有自己的“时间轴”、场景和完整的图层。
②实例是元件在场景中的具体应用，利用同一个元件可以创建出若干个不同颜色、大小和功能的实例。
③当元件被修改时，场景中的实例也将随着被更新。
10、在Flash影片中使用声音有哪些技巧？
①精确地设置声音的开始和结束点。
②尽量在不同关键帧重复使用相同的声音文件。
③可以循环播放一段较短的声音作为背景音乐。
④输出嵌入在视频剪辑中的音频时，音频的输出将采用由“发布设置”对话框设置的全局设置。
⑤在编辑中预览影片时，使用流式声音可使动画与声音保持同步。
⑥输出QuickTime影片时，可以使用尽可能多的声音文件和声道，因为QuickTime格式输出时，所有声音将被合成到一个单声道中，不会影响其文件大小。
11、在Flash中，修改图形的描绘和填充效果的方法有哪些？
①使用墨水工具修改图形的描绘效果。
②使用颜料桶工具修改图形的填充效果。
③使用填充变形工具编辑渐变色填充与位图填充图形。
④使用滴管工具复制边线或填充样式。
12、在Dreamweaver中，行为、事件、动作与行为面板之间的关系是什么？
行为实际上是事件与动作的联合，事件用于指明执行某项动作的条件，如鼠标移到对象上方、离开对象、单击对象、双击对象、定时等都是事件；动作实际上是一段执行特定任务的预先写好的JavaScript代码，如打开窗口、播放声音、停止Shockwave电影等都是动作。
13、模板和库的用途分别是什么？
①模版最强大的用途之一在于一次更新多个页面。
从模板创建的文档与该模板保持连接状态（除非以后分离该文档），用户可以修改模板并立即更新所有基于该模板的文档中的设计。
②库用于存放页面元素，如图像、文本或其他对象等。
这些元素通常广泛应用于整个站点，并能够被重复使用或更新。
14、在Flash中，对影片进行优化的方法有哪些？
①应尽量使用元件。
②最好制作过渡动画，而不要制作关键帧动画。
③限制每个关键帧中的可变区域。
④避免动画位图元素，而应将位图元素作为背景或静态元素。
⑤对于声音文件来说，尽可能使用MP3等尺寸较小的格式。
⑥如果可能的话，应组合元素，限制使用的线条类型，并优化曲线线条。
⑦使用层来区分元素。
⑧限制字体数量和字体样式，少用嵌入字体。
⑨少用渐变色与Alpha透明度。
15、在Flash中，可以对对象和图形执行哪些编辑操作？
在Flash中，对象是指场景中所有可以被选择和操作的元素，如图形、位图、文本、实例等。
在Flash中，用户可以移动、复制、删除、变换、堆叠、对齐与组合对象，也可将对象链接到URL。
16、简述创建滚动字幕的意义与基本方法。
①滚动字幕可以活跃网页气氛。
②可以吸引眼球；
③创建滚动字幕，可通过编辑HTML源文件的标签来实现。
④在网页中输入要滚动显示的文本或选择已有文本；在选中文本后，按下Ctrl+T键，在打开的快速标签编写器中输入marquee标签（或者直接在代码视图中写入相关标签），完成相关设置。
17、试述Flash元件的类型及其作用。
①图形元件。
②按钮元件。
③影片剪辑元件。
④字体元件。
18、简述Flash影片的素材。
Flash提供了多种方法来创建动画素材：
①用户即可以利用Flash提供的绘画与编辑工具直接绘制对象；
②也可以输入由其他程序创建的矢量图形、位图图像、视频、声音等
19、在设计网页时，选择目标观众时要考虑哪些问题？
①充分考虑目标观众的计算机类型、配置及其屏幕设置。
②充分考虑网络的连接速度。
③充分考虑目标观众的阅读习惯和接受心理。
20、简述Fireworks中制作热点的操作步骤。
①在Fireworks文档中创建热点。
②输出图像和HTML文件。
③将热点HTML放置在站点中合适的位置或放置在其他HTML文件中。
论述题
1、请你论述Fireworks软件的主要特点。
答：
FireworksMX是目前最为优秀的Web图象制作软件，利用该软件可方便地绘制与编辑矢量图形，为其设置填充图案、边线形式及效果。
利用该软件还可同时处理位图对象，例如用户可以在位图编辑状态下选择、移动、删除和填充区域；为选区设置羽化效果，檫除、复制图象；对图象或选区进行变形，调整位图对象的颜色，模糊、锐化图象等。
更为重要的是，它还具有诸多专门处理Web图象的特性。
例如，用户可方便地切割图象，制作翻转图象、按钮、导航条与热点，可以制作简单的动画，并提供了丰富的优化输出设置选项。
2、论述Flash影片的主要特点。
答：
Flash影片主要由矢量图形组成，但也可以包括输入的视频、位图图形与声音。
Flash影片可以包括交互功能，以便与浏览者进行交流。
此外，用户也可以创建能够与其他Web应用程序交互的非线性影片。
利用Flash可以创建导航控件，动画标识，带有同步声音的动画，甚至可创建具有完备功能的Web站点。
由于Flash影片使用矢量图形，因此，其下载速度很快，且可根据浏览者的屏幕尺寸自由缩放。
播放Flash动画，必须使用FlashPlayer。
该播放器既可以在浏览器中播放Flash动画，也可以在独立的窗口中播放Flash动画。
Flash文档的扩展名为.fla，但它不能使用Flash播放器播放。
用户必须将其发布为.swf格式的影片，才可以使用Flash播放器进行播放。
3、请你论述在Flash中创建交互式电影的意义与基本方法。
①具有交互性的电影可以使观众参与其中。
②通过相应的交互操作，用户可以使电影跳转到不同的部分。
③控制电影的音量，及移动电影中的对象。
④在Flash中，用户只能为关键帧、按钮实例和影片实例设置动作。
这些动作的设置都是通过“动作”控制面板进行的。
4、请阐述Dreamweaver软件的主要特点。
DreamweaverMX是Macromedia公司推出的一个所见即所得的网页编辑软件，它采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得简单无比。
更值得称道的是，DreamweaverMX不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制，是一个集网页创作和站点管理两大利器于一身的超重量级的创作工具。
5、论述DreamweaverMX软件中，层、表格和框架的作用分别是什么，并说明其各自特点。
①在Dreamweaver中，可以使用层创建布局表格；层具有可堆叠性，因而表现力强；层具有可显示性或隐藏性，便于进行交互设置。
②表格是在网页中添加数据与图片的强大工具，它提供了在网页中增加水平和垂直结构的网页设计方法；表格同时又是应用于排版的重要手段。
③框架适合制作区域划分明确的网页，它是一种重要的组织网页的手段。
④在设计网页时，要根据内容及层、表格和框架的各自特点，灵活运用相关技巧。
6、试论述网页制作新手，在建设一个网站前，通常需要了解的几个工作步骤。
①使用Windows资源管理器规划网站的目录结构。
②使用Dreamweaver配置站点。
③制作网页并将某个网页作为网站的入口网页，即主页。
一般要将主页命名为index.htm。
④在某个ISP处申请网页存放空间。
⑤利用Dreamweaver将本计算机上的站点内容上传到所申请的ISP服务器上。
请分别介绍JPEG图像和GIF图像在压缩上的特点？
答：
JPEG图像和GIF图像都是Web页面中较为常用的图像类型，两者在图像压缩上各有特点。
前者是在保证图像颜色不损失的情况下采用高压缩比，而后者则是通过减少图像中的颜色数目进行压缩。
因此JPG图像适用于Web页面中颜色丰富的照片级图像，而GIF图像适合于颜色数相对较少，边界又分明的图像。
简述Dreamweaver中CSS样式表的作用是什么？
答：
通过CSS我们可以做到不需要逐个修改页面中的标记属性，而直接使用CSS进行定义来修改大量的页面效果，这对于页面的风格统一化有很大的作用，而且能够减轻相当网页维护的工作量，提高了网页维护工作的质量.
简述Flash软件中选择图层的方法？
答：
1、单击时间轴中的图层名称。
2、在时间轴中单击要选择的图层的任意一帧。
3、在舞台中选择要选择的图层上的任意对象。
分别简述矢量图形和位图图形的概念及其特点?
答：
矢量图形也称为向量图，是由点、线、面等来组成图形，是用数字形式来进行表达的，可以无限放大、变形、缩放而不影响其精度，它的文件比较小，只适合表示有规律的线条组成的图形。
位图图形由一个个像素来组成的图形，也称为点阵图或像素图。
点阵图形的优点是表现力强、细腻、层次多、细节多，但是对其进行拉伸、放大等操作会影响其精度，并且文件比较大。
简述Flash软件中选择图层的方法？
答：
1、单击时间轴中的图层名称。
2、在时间轴中单击要选择的图层的任意一帧。
HTML语言具有哪些优点？
答：
1、HTML语言与应用程序的无关性，使用户可以利用各种浏览器查看同一个HTML文件；2、HTML语言可以应用在各种操作系统上，保证了信息跨越计算机平台的传播。
3、HTML语言类似于排版语言，，该标签用于告诉浏览器如何显示指定的内容。
在Deamweaver中，简单介绍模板的优点？
答：
1、风格一致，省去制作相同页面的麻烦。
2、如果要修改共同的页面，不必一个一个地修改，只要更改应用于它们之上的模板即可。
3、免去了以前没有此功能时还要经常进行另存为操作，一不小心覆盖重要文件的困扰。
简述Flash软件的特点？
答：
（1）使用矢量图和流式播放技术。
（2）通过使用关键帧和图符使得所生成的动画文件非常小。
（3）把音乐、动画、声效、交互方式融合在一起。
（4）强大的动画编辑功能。
简述Dreamweaver8中使用层的好处是什么？
答：
1使用层可以以像素为单位精确地定位页面元素。
2层对于制作网页的部分重叠有特殊作用，可以控制元素的显示顺序，还能控制元素的显示或隐藏。
简述Fireworks中按钮的4种状态，并分别对其进行描述？
答：
1、释放：
该状态是按钮的默认状态。
2、滑过：
该状态用于设置当鼠标指针在浏览器中经过按钮时的外观。
3、按下：
该状态代表单击按钮时所显示的状态。
4、按下时滑过：
该状态代表当鼠标指针经过处于按下状态按钮时的外观。
论述规划站点与网页的思路与原则？
答：
1、确定站点的主题。
2、整体规划站点的结构，使之简单明了，易于浏览。
3、网页的布局和谐统一。
4、适当插入一些图片与注释。
5、了解站点是否兼容于浏览器
6、网页的排版要注意整体的视觉感受，要做到易于阅读。
7、进行页面编排的时候要做到形式与内容的统一。
。
论述Fireworks的工作界面和主要功能以及特点。
答：
Fireworks的工作界面主要由标题栏、菜单栏、工具栏、工具箱、工作区、面板等几部分组成。
（1）标题栏显示应用程序名和当前的文件名。
（2）菜单栏包含处理图像的菜单命令。
（3）工具栏包含主要工具栏和修改工具栏。
（4）工具箱分为6个类别：
选择、位图、矢量、Web、颜色和视图。
（5）工作区可以显示和编辑图像。
主要功能：
Fireworks是一个创建、编辑和优化网页图形的多功能应用程序可以创建编辑位图及矢量图，设计网页效果，以压缩文件大小并节省时间。
Fireworks具有以下特点：
1、可以赋予图像动态特性和交互性。
2、将矢量图和位图编辑工具相结合，能够在单个文件中创建和编辑矢量图和位图3、可以对图像进行优化和各种格式的转换。
在Deamweaver中，什么是行为？
以及行为的组成和特点？
答：
1、行为可以让网页具有强大的交互功能，它能够根据访问者鼠标的不同动作来让网页执行不同的操作，或相应地更改网页的内容。
行为是事件和动作的组合。
动作是预先编写好的JavaScript脚本，可用来执行指定任务，例如打开浏览器等。
事件则是由浏览器为每个页面元素定义的，是访问对网页的基本操作。
在使用Flash创建动画的过程中应该要注意哪些问题？
答：
1、对于动画中出现多于一次的对象，应尽量采用动画元件，并非只有运动动画中才使用动画元件，使用元件是减少Flash动画的有效途径。
2、尽量避免大量的文本同时出现，而且尽量不要使用太多的字体，否则会影响动画的播放速度。
当设置文本为嵌入字体时，选定需要的文字即可
3、避免在动画文件中植入大量的位图图像，当压缩比率较大时会出现“马赛克”，影响画面质量。
通常位图图像只作为动画的背景出现。
4、声音在动画中通常会占有较大的比例，将声音进行大量的压缩可以极其有效地减小Flash动画的容量，通常采用Mp3、8位压缩声音。
5、限制特殊类型线条的数量，在实际动画制作中得出的经验是实线占用的内存较少，而虚线、点划线以及其他各种类型的线型则占用较多内存。
选择和填空
1、在网页中可以使用的图象格式有（GIF）、（JPG）、（PNG）3种。
2、网页的主要组成元素有（HTML文件）、超链接、超文本及超媒体、（表单）、表格与层、书签、脚本与脚本语言等。
3、在Dreamweaver中框架由（框架页）和（框架）两部分组成。
4、优化Fireworks图象的方法有，使用（优化）面板、选择文件菜单下的（导出预览）或导出向导。
5、如果Fireworks文档中包含了切片和热点等代码，则导出该文档时，应将其保存类型设置为（HTML）。
6、Flash影片由（矢量）图形组成，但也可以包括输入的视频、位图图形与声音。
7、首页是网站所默认的（页面）。
在浏览网站时，直接在地址栏中输入（网站地址），就会打开首页。
8、若要编辑基于模板的文档的锁定区域，必须执行将文档从模板中（分离）操作。
为此，可选择修改菜单下的（模板/从模板中分离）命令。
9、Flash中，元件是指在影片中重复使用的元素，它可以是（图形；按钮；影片剪辑）、声音文件或字体等。
10、利用Flash，用户既可以创建（帧-帧）动画，也可以创建（渐变）动画。
11、在Flash中导入视频时，可选的方式有（嵌入）和（链接）。
12、Dreamweaver所提供的链接类型有（内部链接）、（外部链接）、E-mail链接、链接特定“锚记”、虚拟链接。
13、在Dreamweaver软件中，网页插入翻滚图片对象时，所插入的两幅图片的（尺寸）应该相同。
14、在Dreamweaver软件中利用图片影象可将图片划分为若干区域，这些区域被称为（热点）。
15、在Flash中，若要对导入到文档中的位图局部进行编辑，应首先将其（矢量）化。
为此，可选择（修改/转换位图为矢量图）命令将其分解为可以选择和修改的离散颜色区域。
16、FireworksMX的功能主要有（位图编辑）、向量编辑、文本处理、制作动画、单步按钮制作程序、创建弹出式菜单、利用拖放方法创建翻转图片、切片制作设置与应用、（图像优化）。
17、在Fireworks中，路径对象的编辑方法主要有通过编辑（节点变形路径）、使用（变形工具变形路径）、使用（路径操作命令变形路径）和对象的变形与扭曲。
18、在Fireworks中，蒙版的类型有两种，它们是：
（位图）蒙版、（路径）蒙版。
19、通常情况下，用户在制作好Flash影片后，可以直接选择（控制/播放（或Enter））命令测试影片。
但是如果影片中包含了脚本，则只能选择（控制/测试影片命令（或Ctrl+Enter））来测试影片，此时系统将首先自动生成SWF文件，然后播放该文件。
20、在Dreamweaver中行为由（事件）和（动作）两部分组成。
21、在Dreamweaver中用于图象行为有（预先载入图象）、（交换图象）和恢复交换图象。
22、在Flash中，为了快速创建“补间”动画，可以使用系统提供的（修改/分散到图层）菜单，将一组对象自动分配到各图层，以作为创建补间动画的基础。
23、在Flash中，为了对群组、实例、位图图象或文本应用形状变换，必须将其分解为（图形元素）。
24、在Flash中可创建的动画有两种：
帧-帧动画和补间动画。
其中补间动画又可分为两种，（帧-帧）动画和（补间）动画。
25、FireworksMX的工具栏分为（主要）工具栏和（修改）工具栏。
26、在Dreamweaver中，创建模板后，还应在模板中创建（可编辑区域），这样，所创建的
升级会员 