《网页设计与制作》复习提纲.docx
《《网页设计与制作》复习提纲.docx》由会员分享，可在线阅读，更多相关《《网页设计与制作》复习提纲.docx（28页珍藏版）》请在冰豆网上搜索。
《网页设计与制作》复习提纲
《网页设计与制作》复习提纲
第一部分基础知识
1、网站：
就是指在因特网上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。
人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。
2、网页：
是构成网站的基本元素，是承载各种网站应用的平台。
网页内容可以包含多种字体和样式的文本、各种图片、电影片段和声音等。
3、主页：
就是进入网站后的第一个页面，也称首页，是进入网站中其它页面的“入口”。
4、超文本标记语言：
HTML是一种超文本标记语言，一直被用作为万维网上的信息表述语言，用来描述网页的格式以及与其他网页的链接信息。
5、超级链接：
在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。
主要由两部分组成：
超级链接源和超级链接目标。
主要包括4种形式：
文本超级链接、图像超级链接、邮件超级链接以及锚记超级链接。
6、万维网：
（又称WWW、3W或Web），是Internet（因特网）最为重要的应用之一。
万维网由客户端和服务器组成。
7、热点（热区）：
是指在一幅图片上的不同位置创建不同的链接，添加交互响应的技术。
8、切片：
切片是将制作好的图像切割成许多小块输出，这样做是为了优化导出质量，提高图像下载速度，同时切片还可以用来给图像添加行为。
9、库项目：
Dreamweave允许把网站中需要重复使用或需要经常更新的页面元素（如图像、文本或其他对象）存入库中，存入库中的元素就叫库项目。
库项目实质上是网页中的一段HTML代码。
10、模板：
实质上指创建其他文档的基础文档，可以使网站和网页具有统一的结构和外观。
11、CSS样式表：
又称为层叠样式表，是一系列格式规范，可以控制网页内容的外观，可以灵活的控制网页外观——从精确的布局定位到特定的字体和样式。
12、位图：
也称为点阵图或像素图，由排列成网格的称为象素的点组成。
编辑位图图形时，修改的是象素，而不是线条和曲线。
位图图形与分辨率有关，它的表现力强、细腻、层次多，适合表现真实的照片效果。
13、矢量图：
也称为向量图，它是由一系列计算机指令来描述和记录。
编辑矢量图形时，修改的是描述其形状的线条和曲线的属性。
矢量图形与分辨率无关，它生成的文件比较小。
不适合表现细腻的效果。
14、表单：
是站点管理员和用户之间进行信息交流的一种主要工具，是一个由文本和表单域组成的集合。
15、形变动画：
指的是由一种图形逐渐转换为另外一种图形，创建形变动画只要确定首、末两个关键帧，然后再使用“形状补间”生成中间帧。
但是首、末两个关键帧的对象必须是形状。
要给组合体、实例或位图应用形状渐变则必须使用分离命令使之称为形状。
使用“变形提示”命令可以控制更加复杂的形状变化。
如转动的三棱锥。
16、运动动画：
指的是物体的位移变化，还包括物体的尺寸缩放、颜色交替等。
创建运动动画只要确定首、末两个关键帧，然后再使用“补间动画”生成中间帧。
但是首、末两个关键帧的对象必须是实例。
17、轨迹动画：
是运动动画的扩展，指的是物体沿一定的路线进行移动，通常需要两个图层，一个是轨迹层，用于确定运动物体的移动路线；另一个就是被引导层，用于制作运动物体的运动动画。
两个图层之间必须是相互关联的。
18、逐帧动画：
也叫帧并帧动画，指的是在时间轴上必须为每一帧都创建关键帧，通过连续播放产生的动画。
19、遮罩动画：
其本质是确定显示范围的动画。
至少需要两个图层，一个是遮罩层，另一个是被遮罩层。
遮罩层中的对象就是显示区域，显示被遮罩层中的对象。
遮罩层中的对象可以是形状、文本对象、图形实例或电影剪辑。
20、锚记链接：
指的是在同一页面内的跳转的一种链接方式，锚记是页面内的定位标记。
21、网页的组成：
页面标题、网站标志（即LOGO）、页眉区、导航栏、主内容区、页脚区
22、文本资料的获取途径有3种：
键入文本、文本图像扫描、扫描识别文本。
23、制作网页的过程其实就是把文字、声音、图像、视频等元素有机的组织在一起的过程。
获取途径主要有3种：
从素材库中获取、自行创作、利用各种设备获取。
24、计算机动画有两种基本类型：
基于角色的动画和基于帧的动画。
25、图像可以分为位图与矢量图
26、URL的结构和含义
含义：
统一资源定位器。
，即互联网上一个资源唯一的地址
结构：
协议：
//主机的域名：
/端口/路径/文件名以及文件的扩展名
27、网站制作的流程
确定主题、搜集材料、规划网站、制作网站、测试评估、正式上传、推销网站、维护更新
28、网站规划的主要内容是：
（1）主题栏的设置
（2）目录结构设计
（3）颜色搭配
（4）网站标志logo
（5）版面布局
（6）图像的运用
29、确定网站主题时一般要遵循的原则：
（1.）主题鲜明。
一个网站必须要有一个明确的主题，在主题范围内做到内容全而精
（2）明确设立网站的目的
（3）体现自己的个性。
把自己的兴趣爱好尽情的发挥出来、突出自己的个性，办出自己的特色
30、制作网站主要包括步骤：
（1）建立本地站点。
建立站点根文件夹，用于存放首页、相关网页和网站中的其他文件
（2）在站点根文件夹下创建子文件夹。
为了使文件安排比较清晰，将页面文件和图像文件分开存放
（3）向站点添加所需要的空网页
（4）设计网页的尺寸
（5）设置网页属性，也包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等
31、矢量图形和位图图形的概念与特点：
1、矢量图形也称为向量图，是由点、线、面等来组成图形，是用数字形式来进行表达的，可以无限放大、变形、缩放而不影响其精度，它的文件比较小，只适合表示有规律的线条组成的图形。
2、位图图形由一个个像素来组成的图形，也称为点阵图或像素图。
点阵图形的优点是表现力强、细腻、层次多、细节多，但是对其进行拉伸、放大等操作会影响其精度，并且文件比较大。
32、怎么宣传站点：
1到各大搜索引擎注册自己的站点。
2使用一些能够帮助注册的软件，它可以将站点注册到许多搜索引擎中。
3在网站排行榜上登记。
4使用友情链接。
5到各种BBS论坛宣传自己的网站。
33、网页编辑器的分类及其特点：
可分为“所见及所得”和“非所见及所得”两种。
“所见及所得”网页编辑器的优点是直观，缺点是难以精确达到与浏览器完全一致的显示效果，源代码难以控制。
“非所见及所得”不存在这个问题，因为需要手工编写HTML代码，工作效率比较低。
34、模板的优点：
1、可以使网站和网页具有统一的外观和结构，保持风格一致，省去了制作相同页面的麻烦。
2、如果要修改共同的页面，不必一个一个地修改，只要更改应用于它们之上的“模板”即可。
3、免除了以前没有此功能时还要经常进行“另存为”操作，一不小心覆盖了重要文件的困扰。
35、规划站点与网页的思路与原则：
1、确定站点的主题。
2、整体规划站点的结构，使之简单明了，易于浏览。
3、网页的布局和谐统一。
4、网页的排版要注意整体的视觉感受，要做到易于阅读5、进行页面编排的时候要做到形式与内容的统一。
6、适当插入一些图片与注释。
7、了解站点是否兼容于浏览器。
第二部分HTML语言基础
1.HTML语言的含义和功能：
含义：
超文本标记语言，是一种规范，一种标准，它通过标记符（tag）来标记要显示的网页的各个部分
功能：
（1）声明网页的整体框架
（2）引用外部资源，通过地址的方式引用出来
2.HTML工作原理
通过在网页中添加标记符，可以告诉浏览器如何显示网页，即确定内容的格式。
浏览器按顺序阅读网页文件（HTML文件），然后根据内容周围的HTML标记符解释和显示各种内容。
3.HTML基本语法
在HTML中，所有的标记符都用尖括号括起来。
例如，、。
HTML标记符是不区分大小写的。
、和没有区别。
绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。
某些标记符，例如
，只要求单一标记符号。
开始标记符与结束标记符的区别在于：
结束标记符多一个斜杠“/”（不是反斜杠“\”！
）
在HTML中，所有的属性都放置在开始标记符的尖括号里，多个属性之间用空格分开，通常也不区分大小写。
4.HTML文档的基本构成，
（1）html文档标记
（2）html文档头部标记
（3）在浏览器标题栏显示的HTML文档标题标记</p><p>…...（文档标题）</p><p>（4）html文档主体标记
….（文档主体）
4.HTML语言的表单标记的属性中，GET和POST方式的区别是什么？
答：
get方式的传输有数据上的限制，只能是一个个的。
而post方式的传输没有数据量的限制，并以文件形式传输。
，把多的元素打包整体上传
第三部分Dreamweaver
1、Dreamweaver软件的工作界面和主要功能以及特点。
1、Dreamweaver的工作界面由主菜单、插入工具栏、文档工具栏、文档窗口、属性面板、面板组和文件面板组成。
（1）主菜单包含Dreamweaver的所有功能命令。
（2）插入工具栏包含用于将各种类型的对象插入到文档中的按钮。
（3）文档工具栏包含按钮和弹出式菜单。
（4）文档窗口显示当前创建和编辑的文档。
5、属性面板用于查看和更改所选对象或文本的各种属性。
（6）面板组是一组停靠在某个标题下面的相关面板的集合，分别为CSS、“应用程序”、“文件”和“标签检查器”。
（7）文件面板可以管理组成站点的文件和文件夹。
2、Dreamweaver的主要功能：
（1）它是一款“所见即所得”的网页制作软件，是可视化的网页制作工具。
为用户提供了两种工作区布局：
可看到基础HTML代码的代码视图和设计视图，设计视图中的文档看起来与他在浏览器中的外观非常相似。
（2）可以方便快捷的定义站点。
（3）使用模板和库项目可以使网站和网页具有统一的外观和结构。
3、Dreamweaver的主要特点：
（1）可视化操作。
（2）跨浏览器支持。
（3）支持动态网页设计（4）强大的网站管理功能。
（5）丰富的媒体支持（6）能够和Flash以及Fireworks协同工作。
2、Dreamweaver在制作网页上的特点：
（1）最佳的制作效率
（2）网站管理（3）无可比拟的控制能力；（4）所见即所得（5）全方位呈现
3、Dreamweaver8中表单的主要用途和主要元素组成：
表单是非常重要的的通过网页在与服务器之间传递信息的途径，表单网页可以用来收集浏览者的意见和建议，以实现浏览者与站点之间的互动。
表单的元素标记则又主要包括：
表单的发送预重置、文字输入和密码输入、复选框和单选钮、隐藏元素、选择菜单狂、文本域等等。
4、Dreamweaver中，用户可以自己根据自己的喜好来定义Dreamweaver工作区，工作区面板都是浮动的，可以展开或折叠，还可以移动和停靠。
面板具有可对接性、可重组性。
面板可以按F4键进行显示或隐藏。
工作区主要包括主菜单、插入工具栏、文档工具栏、文档窗口、属性面板、面板组、文件面板。
工作区的大小可以可以调节。
5、在Dreamweaver中，使用插入栏中的文本对象可以向网页中插入特殊字符。
6、在Dreamweaver中，可以直接修改水平线的宽与高、对齐方式以及阴影。
7、在Dreamweaver中，可以设置表格的行和列、表格宽度与边框粗细、单元格填充和间距。
8、Dreamweaver中，添加一个电子邮件链接的操作方法：
在属性面板的“链接”文本框输入mailto:
加上电子邮件地址，如mailto:
9、锚记链接是页面内的定位标记，可以实现在同一页面内的跳转。
具体操作是在属性面板文本框输入#加上锚记的名字。
10、Dreamweaver中，按F12键可以浏览网页。
按F4键进行显示或隐藏面板。
11、Dreamweaver中的框架可以增强网页的导航功能，框架的作用是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。
框架由框架页和单个框架组成。
框架内的框架称为嵌套框架。
一个有3个框架的Web页实际上有4个独立的HTML文件。
12、Dreamweaver8中，创建框架可以用到2种方法：
创建自定义框架页、创建预定义框架页。
13、Dreamweaver中，有8种不同的垂直对齐图象的方式，基线可以使图象的底部与文本的基线对齐。
顶端可以将图象的顶部与当前行中最高项的顶端对齐。
居中将文本的基线和图象的中部对齐。
底部将文本的基线和图象的下边缘对齐。
绝对居中将文本的中线和图象的中线对齐。
默认值通常将指定一个基线来对齐。
14、在Dreamweaver中，按住Shift键可以使图像在缩放时不失真。
37、在Dreamweaver中，可以在网页的“页面属性”中设置跟踪图像及其透明度，背景颜色、文本颜色、链接颜色，标题与编码。
15、Dreamweaver中的超链接中定义目标的属性有4种：
_bank，表示在一个新的浏览器中打开链接的网页。
_parent链接会在父框架或窗口中打开。
_top会在完整的浏览器窗口中打开网页。
_self是浏览器的默认值，会在当前网页所在的窗口或框架中打开链接的网页。
16、热区是指已被分为区域（或称为“热点”）的图像，使用热区工具可以为一张图片设置多个链接，选中热区后，可以在属性面板中为其设置链接，热区一旦创建，还可以再次修改其形状，使用矩形热区工具、椭圆形和多边形热区工具，可以分别创建不同形状的热区。
17、Dreamweaver中，表单是一个由文本和表单域组成的集合，它的使用完全实现了站点管理员和访问者之间的信息交换。
访问者在浏览有表单的网页时，填上必需的信息，然后按提交按钮递交。
这些信息通过Internet传送到服务器上。
服务器上专门的程序对这些数据进行处理。
表单处理程序放在服务器上，我们可以知道信息是否被成功递交到服务器。
18、Dreamweaver中，表单的文本域的形式有3种：
单行文本域、多行文本域、密码域。
19、在Dreamweaver中，使用表格排版自由度稍差，但兼容性好。
使用层排版具有更多的自由，但兼容性不好。
使用层排版后可以转换为表格排版，使用表格排版也可以转换为层排版。
20、行为实质上就是网页上的一段用于实现访问者与WEB页进行交换的JavaScript代码。
行为是事件和动作的组合，行为可以让网页具有强大的交互功能，动作的发生是在事件的发生之后，事件是由浏览器为每个页面元素定义的，指访问者对网页的基本操作，例如onMouseOver、onMouseOut、onClick指的是事件。
动作是预先编写好的JavaScript脚本，可用来执行指定任务，例如打开浏览器、播放声音或者停止电影指的是动作。
21、Dreamweaver8工作区布局有二种：
（1）代码视图，可看到基础HTML代码。
（2）设计视图，文档看起来与他在浏览器中的外观非常相似。
22、Dreamweaver8中，表单的文本域的形式有3种：
单行文本域、多行文本域、密码域。
23、Dreamweaver8中，如果要在文本中另起一个段落，可以按Enter键。
如果只是想使文本另起一行，则应该按Shift+Enter键。
24、在Dreamweaver中，更新库文件时，使用库文件的网页会自动更新，使用模板文件的网页不会自动更新。
模板文件的格式是.dwt，库文件的格式是.lbi。
25、在Dreamweaver的模板文档中，可编辑区是指页面中变化的部分，如每日导读的内容。
锁定区（不可编辑区）是指各页面中相对保持不变的部分，如导航栏和栏目标志等。
在编辑模板的时候，可以修改可编辑区，也可以修改锁定区。
但是当模板应用于文档，进行网页编辑时，锁定区是不允许修改的，只能通过修改模板来实现。
26、在模板编辑时可以定义，而在网页编辑时不可以定义的是可编辑区、可选择区、可重复区。
27、在Dreamweaver中插入表格时，可以设置表格的行和列、表格宽度与边框粗细、单元格填充和间距、还可以设置表格的页眉、表格的标题、对齐方式以及摘要。
对于表格的边框设置，如果不需要表格线，则输入0。
在表格单元格的属性面板中可以设置单元格内文本的对齐方式以及单元格的背景。
单元格内文本的对齐方式有顶端、居中、底部、基线或默认五种对齐方式。
表格单元格的属性面板中可以设置单元格的背景颜色或背景图像。
当对一个单元格同时设置“背景图像”和“背景颜色”，背景图像将浮在背景颜色的上面，在图像没有下载完成时，将优先显示背景颜色。
要添加单元格的行和列选择“修改”-“表格”—“插入行”命令。
要拆分单元格选择“修改”-“表格”—“拆分单元格”命令。
要合并单元格选择“修改”-“表格”—“合并单元格”命令。
28、Dreamweaver中，给框架命名需要注意什么原则问题：
（1）框架名称必须是单个词：
允许下划线，但不允许使用连字符、句号和空格。
（2）框架名称最好以字母开头（而不能以数字大头）。
框架名称区分大小写。
（3）不要使用JavaScript中的保留字作为框架名称。
29、Dreamweaver中，一个图像超级链接可以使用哪两种方式来分配目标URL：
（1）整个图像被分配为默认的超级链接。
（2）图像被分割为一个或多个热点。
30、Dreamweaver中CSS样式表的作用是：
可以做到不需要逐个修改页面中的标记属性，而直接使用CSS进行定义来修改大量的页面效果，这对于页面的风格统一化有很大的作用，而且能够减轻相当网页维护的工作量，提高了网页维护工作的质量.
31、Dreamweaver8中使用层的好处：
1、使用层可以以像素为单位精确地定位页面元素。
2、层对于制作网页的部分重叠有特殊作用，可以控制元素的显示顺序，还能控制元素的显示或隐藏。
32、Dreamweaver8中创建文本超级链接的方法：
选择需要设置链接的文字部分，单击“属性”面板中的“链接”文本右侧的浏览文件图标，在打开的对话框中选择要链接的目标文件，然后单击确定。
做好链接的文字默认情况下添加了一条下划线。
第四部分Flash
1、Flash软件中选择图层的方法：
1、单击时间轴中的图层名称。
2、在时间轴中单击要选择的图层的任意一帧。
3、在舞台中选择要选择的图层上的任意对象。
2、在Flash中制作动画需要注意的事项。
1、对于动画中出现多次的对象，应该尽量采用动画元件，使用元件是减小动画的有效途径。
2、避免在动画中使用大量的位图图像，位图图像只作为动画的背景出现。
3、声音在动画中通常会占有较大的比例，将声音进行大量的压缩可以有效减少Flash动画的容量，通常采用MP3、8位压缩声音。
4、尽量避免大量的文本同时出现，而且尽量不要使用太多的字体。
5、限制特殊类型线条的数量。
3、Flash的工作界面由标题栏、菜单栏、工具箱、时间轴、舞台、工作区和面板组成。
（1）标题栏显示应用程序名和当前的文件名。
（2）菜单栏包含Flash的所有功能命令。
（3）工具箱包含用于创建、放置和修改文本与图形的工具。
（4）时间轴显示动画场景、图层、帧等重要信息。
5、舞台是创作影片中各个帧内容的区域。
（6）工作区是舞台以外的灰色区域。
（7）面板是与动画编辑相关的控制面板及窗口。
4、Flash的主要功能：
它是一个动画制作软件，可以让用户创作出文件体积小、质量高的全画面动画或者动画导航栏、动态按钮等各种各样的网页元素。
Flash使用内置语句并结合JavaScript语言，可以制作出交互性很强的动画，如动态网页和在线游戏等。
5、Flash的主要特点：
（1）使用矢量图和流式播放技术。
（2）通过使用关键帧和图符使得所生成的动画文件非常小。
（3）把音乐、动画、声效、交互方式融合在一起。
（4）强大的动画编辑功能。
6、一个复杂的Flash动画可以有多个场景，影响场景的因素有背景、帧和播放速度。
7、在Flash中，时间轴的主要组件是图层、帧和播放头。
8、根据Flash动画制作方法的不同分为五个大类：
逐帧动画、形变动画、运动动画、轨迹动画、遮罩动画。
9、在Flash中，若两个关键帧之间有一条箭头线相连，表示这两个帧之间有补间动画。
补间是断的或不完整的时候，两个关键帧之间有虚线相连。
Flash中时间轴中的一个小方格就代表一帧，帧格中是实心的黑圆点表示是关键帧，关键帧就是在时间轴中记录动画画变化的帧。
当关键帧中没有内容时，该圆点为空心圆点，成为空白关键帧。
若帧格是灰色的，表示这一帧延续前面关键帧的内容，一个连续帧段的最后一帧用方框表示。
10、元件是Flash中最基本的概念，它存放在库面板中，分为图形、按钮和影片剪辑三种类型。
当把它放到舞台中时，就称为创建了元件实例。
Flash提供了多种方式，来编辑元件，如：
1、在当前位置编辑。
2、在新窗口编辑。
3、在元件编辑模式下编辑。
11、在Flash中可以操作的对象是矢量图形，因此对于文本、位图等不能操作的对象，需要使用打散功能使其成为可以编辑的元素，组合键为Ctrl+B。
12、FLASH中，要绘制精确的直线或曲线路径，可以使用钢笔工具。
擦除工具的使用：
要快速删除舞台上的所有元素，可双击擦除工具。
舞台上的任何元素都是可以擦除的。
用户还可以对擦除工具进行自定义，使之只擦除线条，或只擦除颜色、单个的色块等。
在Flash中，为了便于在舞台上精确地绘画、调整图形，用户可以使用辅助线功能，但前提是标尺必须显示。
13、FLASH中，在逐帧动画和形变动画中，逐帧动画必须记录完整的各帧信息，而形变动画不用。
14、FLASH中，制作形状补间动画，使用形状提示，如果要获得最佳变形效果，必须要确保变形提示的逻辑性。
15、在Flash中，有两种类型的声音：
事件声音与数据流声音
16、在FLASH中使电影优化的方法：
如果电影中的元素有使用一次以上者，则可以考虑将其转换为元件。
尽量避免大量文本的出现。
限制特殊类型线条的数量。
要尽量避免使用位图图像元素的动画。
17、在FLASH中，要给文本应用形状渐变动画，需要对文本进行一次分离。
18、FLASH中，stop（）；指的是让动画不要自动播放。
stop（）；//指的是让影片剪辑不要自动播放。
on（release）{play（）}//指的是释放鼠标后开始播放。
on（release）{stop（）}//指的是释放鼠标后停止。
第五部分Fireworks
1、Fireworks软件的工作界面和主要功能以及特点：
Fireworks的工作界面主要由标题栏、菜单栏、工具栏、工具箱、工作区、面板等几部分组成。
（1）标题栏显示应用程序名和当前的文件名。
（2）菜单栏包含处理图像的菜单命令。
（3）工具栏包含主要工具栏和修改工具栏。
（4）工具箱分为6个类别：
选择、位图、矢量、Web、颜色和视图。
（5）工作区可以显示和编辑图像（6）面板按特定的功能分为层面板、帧面板、历史记录面板、样式面板、库面板等。
主要功能：
Fireworks是一个创建、编辑和优化网页图形的多功能应用程序可以创建编辑位图及矢量图，设计网页效果，以压缩文件大小并节省时间。
Fireworks具有以下特点：
1、可以赋予图像动态特性和交互性。
2、可以对图像进行优化和各种格式的转换。
3、将矢量图和位图编辑工具相结合，能够在单个文件中创建和编辑矢量图和位图。
2、Fireworks中按钮的4种状态：
1、释放：
该状态是按钮的默认状态。
2、滑过：
该状态用于设置当鼠标指针在浏览器中经过按钮时的外观。
3、按下：
该状态代表单击按钮时所显示的状态。
4、按下时滑过：
该状态代表当鼠标指针经过处于按下状态按钮时的外观。
3、Fireworks制作动画的几种方法方法：
（1）合并图像形成动画。
（2）使用元件生成动画效果。
（3）手工绘制
4、Fi
升级会员 