网页设计复习提纲.doc

《网页设计复习提纲.doc》由会员分享，可在线阅读，更多相关《网页设计复习提纲.doc（14页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、网页设计与制作复习提纲（艺术学院、2012级）一、考试方式：笔试(闭卷)(总评成绩=平时成绩40%+期末成绩60%)二、题型：单选题（每小题2分，共30分）填空题（每空2分，共30分）名词解释（每小题4分，共16分）简答题（每小题4分，共16分）综合应用题（共8分）三、各部分知识点：（三部分比例：5：4：1）1、Dreamweaver部分n 三剑客软件各自有什么作用Dreamweaver是专业的网页编辑工具，主要用于对Web站点、Web页和Web应用程序进行设计、编码和开发。Flash主要用于动画短片的制作、交互式的商业应用、综合应用。Fireworks用于网页的图形图像处理。n 网页文件、f

2、lash文件、图片文件的扩展名 图片文件：bmp,jpg,dib,jpeg,png,jfif,jpe,tif,tiff,gif等 Flash文件：gif，flv，swf等 网页文件：htm，html，xhtml，asp，aspx，php等n IP地址的分类、URL的概念IP地址分为A/B/C/D/EA：首位为0；1.0.0.0126.0.0.0；B：前两位为10；128.1.0.0191.255.0.0；C：前三位为110；192.0.1.0223.255.255.0； D：前四位为1110；224.0.0.0239.255.255.255 E：前四位为1111；240.0.0.0255.25

3、5.255.254URL：由四部分组成：协议名，域名，端口号，文件保存路径。通过URL可以指定的主 要有以下几种：http、ftp、gopher、telnet、file等 URL即“统一资源定位符（Uniform Resource Locators）”，是Internet的文件命名系统。n HTML标签（、等）常用标签意义属性意义 HTML标记头部信息主体标记设置背景图像设置文字颜色设置没访问过的超级链接文字颜色设置已访问过的超级链接文字颜色设置背景颜色设置背景图片固定设置左边距设置上边距表格标记设置表格边框的宽度设置整个表格的宽度设置表格的背景颜色设置表格背景图像设置单元格的内容与边框之间的

4、距离设置单元格之间的距离表格行设置单元格的宽度行内单元格设置单元格的高度设置单元格内容的水平对齐方式设置单元个内容的垂直对齐方式设置单元格的背景颜色设置单元格背景图像设置单元格边框颜色段落标记换行标记文字特征标记设置文字的大小设置文本的颜色设置文本字体文本加粗文本加下划线文字斜体文字超级链接图像标记设置图像文件存放位置及文件名设置图像显示的宽度设置图像显示的高度设置图像显示的左右空间设置图像的上下空间设置图像的边框厚度设置对齐方式设置图片名称n 站点类型：本地站点、远程站点和测试站点；建立本地站点的操作步骤；发布站点的操作步。 站点类型：本地站点（本地硬盘）、远程站点（可以申请域名，空间）和测

5、试站点 （介于两者之间） 创建本地站点的工作流程一般如下： 1. 单击“站点”|“新建站点”命令，系统将弹出定义站点对话框。2. 文本框中输入站点的名称，单击“下一步”按钮，弹出选择服务器技术对话框。3. 由于现在建立的是本地站点，所以这里选中“否，我不想使用服务器技术”单选按钮。4. 在“在开发过程中，您打算如何使用您的文件？”下方有两个单选按钮，选中“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”单选按钮。5. 单击“下一步”按钮，将弹出设置远程服务器对话框。该对话框主要用于定义本地文件如何上传到远程服务器，在“您如何连接到远程服务器”下拉列表框中选择“无”选项。6. 单击“下

6、一步”按钮，将弹出总结对话框。在该对话框中，Dreamweaver 将前面设置的站点信息罗列在一起。7. 单击“上一步”按钮，可返回前面的页面重新设置；单击“完成”按钮，一个本地新站点就创建完成了。发布站点的操作步骤：1.建立本地站点，确定网站主题；2.搜集材料.：3.建立站点 目录结构;4.设计与制作主业及其他网页。5.测试：6。申请发布网址并上传网页申请域名或免费主页。7.网页的日常维护。n RGB颜色空间的概念，6位16进制数表示，每种颜色的取值范围，典型颜色的16进制值 RGB（红绿蓝）色彩空间是依据人眼识别的颜色定义出的空间，可表示大部分颜色。但在科学研究一般不采用RGB颜色空间，因

7、为它的细节难以进行数字化的调整。它将色调，亮度，饱和度三个量放在一起表示，很难分开。它是最通用的面向硬件的彩色模型。该模型用于彩色监视器和一大类彩色视频摄像。6位16进制数表示每种颜色的取值范围0-255 #FFOOOO红;#OOFFOO绿;#OOOOF蓝;#FFFFOO黄;#OOOOOO黑;#FFFFFF白n 标准安全色、一般安全色、非安全色 标准：#FFOOOO红;#OOFFOO绿;#OOOOF蓝;#FFFFOO黄;#OOOOOO黑;#FFFFFF白 一般：#CCDDFF 非：#12CCFFn 获得网页素材的几种途径 利用图形处理软件，PHOTOSHOP,FIREWORKS;购买网页素材

8、光盘；到网上下载素材n 三种不同的视图（设计视图、代码视图、拆分视图） 代码视图：以代码的形式显示页面，方便文档代码编写。 拆分视图：同时显示代码和设计视图，可同时看到两种效果。 设计视图：以设计形式显示视图，可看到所见即所得的网页效果。n 两种布局工具：布局表格和框架n 框架与框架集的保存 单击“文件/保存全部”命令，弹出保存文件对话框。首先是 保存框架集，框架集边框显示为虚线修改文件名.htm.单击保存。保存框架集，依次保存框架集中的其他网页保存对应网页时以虚线显示（上框架.htm)n 超链接的载体（文本、图像、按钮等）n 插入图像的三种方法 1。插入/图像选择图像源文件对话框；2.在本地

9、站点 面板与拖动图片;3.在属性面板上的源文件输入保存图像的路径n 超链接的五种类型及概念（普通链接、锚点链接、邮件链接、下载链接、热点链接） 普通链接：超文本链接是指文本中的词、短语、符号、图像、声音剪辑或影视剪辑 之间的链接，或者与其他的文件、超文本文件之间的链接； 锚点链接（同一个页面的不同位置连接)、 邮件链接（可以直接打开默认的邮件系统的链接）下载链接(可以直接打开默认的 下载系统的链接） 热点链接(是一个能对链接指示作出反应的图形或文本框）n 属性面板中“目标”下拉列表框中四个选项的区别：_blank、_self、_parent、_top 新窗口_blank、本机窗口_self、上

10、一级窗口_parent、 本级窗口的顶部窗口_topn 相对路径和绝对路径 相对路径相对网页文件路径 绝对路径被链接文档的URL地址，包括协议。 n 网上流行的三种图像格式的各自特点 JPG:用来显示照片等颜色丰富的图像，占用空间小。GIF：不用来显示照片等颜色丰 富的网页图像，占用空间大。PNG：集JPG，GIF优点于一身，占用空间小。n CSS样式表的概念，内部样式和外部样式；新建CSS样式对话框的组成及操作；附加样式表的两种方式（导入、链接） CSS样式表的概念是用于（增强）控制网页样式并允许将样式信息与网页内容分离 的一种标记性语言。 内部样式应用于当前正在边界文档中的样式。 外部样式

11、以文件的形式保存的，扩展名：.css 新建CSS样式对话框的组成及操作1）单击窗口/CSS命令，打开CSS样式面板2）在 CSS样式面板单击“新建样式”，打开“新建样式”对话框。3）在“新建样式” 对话框中：选中“仅对该文档”单选按钮，则建立内部样式；选择新建样式表文件单击按钮就是外部样式。n 行为的基本概念及行为面板的操作 行为的基本概念在网页中进行 一系列动作，通过这些动作实现用户与网页的交互。 行为面板的操作：1）在网页中选中一个添加行为的对象2）打击“窗口/行为”命令， 打开行为面板3）单击“行为面板”上的+按钮在快捷菜单中选择所需动作。4）在弹出的参数设置对话框中，输入适当的参数，单

12、击确定，返回行为面板。在行为面板的泪表中中可以看到已添加的行为。n 层的基本概念及特性 网页内容的容器，对网页内容精确定位。特性：绝对定位，重叠， 嵌套。n 层的属性面板中的几个重要属性：Z轴值、可见性、溢出、剪辑 Z轴值：Z轴值大的位于小的层上，负数时，位于 网页内容下。 可见性(Defualt,Inherit,Visible),Hidden(隐藏） 溢出Visible(隐藏），Hidden（可见），Scroll(滚动条)，Auto（自动） 剪辑 “左”文本框：设置层中可见区域左端相对于层左端的距离。 “右”文本框：设置层中可见区域右端相对于层右端的距离。 “上”文本框：设置层中可见区域上端

13、相对于层上端的距离。“下”文本框：设置层中可见区域下端相对于层下端的距离。n 层的两种常用行为：拖动层和显示-隐藏层n 时间轴的基本概念，时间轴面板的基本操作 时间轴的基本概念：一条表示时间的直线，直线上不同的点表示不同的时刻。 时间轴面板的基本操：作时间轴下拉菜单；行为通道；动画通道；动画条；控制按 钮；控制选项等n 模板、库、插件的基本概念及扩展名 模板：是统一站点网页风格的工具。扩展名: .dwt 库:是一种用来存储想要在整个网站上经常重复使用或更新的页面元素（图像，文 本和其他对象）的方法。扩展名：.lbi 插件:可以扩展Dreamweaver的功能。扩展名：.mxp2、Flash部分

14、n Flash动画的基本原理 诸多静止的连续性画面根据时间发展连续播放而产生的视觉动感，即画面在动。n 帧、关键帧、帧频率帧是进行flash动画制作的最基本的单位 关键帧用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进 行编辑的帧。 帧频率就是换画面的速度n Flash动画类型 逐帧动画， 遮罩动画，补间动作动画，补间形状动画，路劲引导动画n Flash中的元件与实例、元件的三种类型 Flash中的元件与实例元件是指在Flash中创建地图形、按钮或影片剪辑，能够至始 至终在您地影片或其她影片中重复使用,实例是指位于舞台上或嵌套在另一个元件内地原件副本.重复使用实例会增加文件地

15、大小，是使文档文件保持较小地 战略中很好地一部分。元件还简化了文档地编辑，当编辑元件时，该元件地一切实例都相应地更新以反映编辑。元件地另一益处是使用它们能够创建完善地交互性。 元件的三种类型元件可以是图形、按钮或影片剪辑影片剪辑：简称MC，有独立的时 间轴，可以加入代码。按扭：简称：Button，只有四个关键帧，可以加入代码。图形：有独立的时间轴，随主时间轴的运行而运行，不能加入代码。 n Flash动画文件的输出格式：（.swf、.htm、.gif）n Flash中的四种填充样式（其中，“纯色”填充不能用填充变形工具修改） 纯色 线形 放射状 渐变n Flash中的两对关联层 遮罩层与被遮罩

16、层的关联关系；引导层与被引导层的关联关系。n 按钮元件的制作过程 1）单击“插入/新建元件”命令，打开创新建元件对话框，设 置名称，行为为按钮，单击确定，进入编辑状态。2）单击弹起帧，从库面板中将k1元件拖动到编辑区中。3）单击指针经过帧，按F6增加一个关键帧，然后从库面板中将k2元件拖动到编辑区中。4）插入图层2，在图层2的“指针经过”帧，按F6增加一个关键帧，然后从库面板中将fly影片剪辑元件拖动到编辑区中，并置于在线作业实例中间。n 常用工具及面板的作用及使用方法： 直线（绘制直线）、铅笔(模式)（绘制线条)、刷子(模式)绘制填充色块，即 使绘制的是线条也不具笔触属性。钢笔（绘制折线或曲

17、线）、 椭圆、矩形(绘制变形图形)、 整体选取：对舞台中对象选中、拖动、改变形状等； 部分选取部选取工具：使用部分选取工具可在图形边缘出现节点。 套索可以以不规则形状选取对象。 墨水瓶（改变边框）、吸管（从一个对象上拾去填充笔触和文本属性，应用到另 一个对象上）、颜料桶】（改变颜色）、 任意变性（围绕图像的变化中心进行旋转，缩放）、填充变形（对内部填充渐变 色或位图的图形调整）、 橡皮檫(模式)（标准擦除，擦除填色，线条，所选填充，内部擦除） 混色器面板功能是编辑填充、轮廓和文字的颜色 信息面板改变坐标变形面板改变形状，角度库面板包涵元件 动作面板可创建和编辑对象或帧的actionscript

18、代码。它由三部分组成。右侧部分是“脚本窗口”，是输入代码的区域。左上角部分是“动作工具箱”，“脚本导航器” n 交互式动画的概念及简单应用duplicateMovieClip：（目标，新名称，深度）动态地创建影片剪辑的实例 removeMovieClip：（目标）动态地删除影片剪辑的实例 getProperty：（目标，属性）获取影片剪辑实例的属性 setProperty：（目标，属性，值）设置影片剪辑实例的属性 on的使用循环结构While,do-while，if常用的快捷键：新建（ctrl+N)、复制（ctrl+C)、剪切（ctrl+X)、粘贴（ctrl+V)、 撤销（ctrl+Z)、重做

19、ctrl+y. 插入关键帧 F6普通帧 F5 添加形状提示 ctrl+shift+h 信息面板 ctrl+i 变形面板 ctrl+t 回车 Enter:换行且换3、Fireworks部分n Fireworks中的切片和热点工具的使用 Fireworks中的切片 1)打开需要创建切片Fireworks文档 2)选择web面板中的切片工具 3)鼠标指针变为+形状，拖动鼠标在需要创建切片的位置绘制切片 4)在属性面板中设置切片的各个参数 热点工具的使用 1)打开需要创建热点的Fireworks文档 2)选择web面板中的矩形热点工具 3）鼠标指针变为+形状，拖动鼠标在需要创建切片的位置绘制热点 4）

20、在属性面板中设置切片的各个参数 5）按F12在IE浏览器中预览n Fireworks中网页按钮的制作过程 1. 启动Fireworks ，单击工具栏的新建文档按钮，弹出新文档对话框。设置画布大小200*300像素，分辨率72像素/英寸，画布颜色，单击该对话框中的OK按钮，打开一个新文档页面。 2. 单击编辑/插入/按钮命令，启动按钮向导，弹出按钮器窗口 3. 在矢量工具面板中选择圆角矩形工具，在属性面板中设置填充颜色为蓝色 （#0000FF）纹理为“水平线1”纹理总量50%。在按钮器窗口中拖动鼠标，画一个适当大小的矩形。 4. 选择矢量工具面板中的文本工具A在属性面板中设置字体为“楷体”，大小24，颜色#FFFFFF,在矩形上输入文字网站首页.按钮的释放状态完成图 5. 单击滑过选项卡，编辑按钮的滑过状态。单击“复制弹起时的图形”将按钮的释放状态复制过来，在属性面板中设置它的填充颜色为#0099FF。按钮的滑过状态完成。 6. 单击滑过选项卡，编辑按钮的滑过状态。单击“复制滑过时的图形”将按钮的滑过状态复制过来，在属性面板中设置它的填充颜色为#0099FF。按钮的按下状态完成。 7. 单击按下时滑过选项卡，编辑按钮的按下时滑过状态。单击“复制按下时的图形”将按钮的按下态复制过来。按钮的按下时滑过状态完成。