1、网页制作复习题(含某人的“答案” )写在前面:资料来源于互联网和本人对这本书的理解,不一定准确,仅供参考。需配合教材使用。各题所对应的页码数待确认。如内容有误,请指出。预祝大家网页设计与制作考试取得佳绩。第 1 章 网页制作概况网页的概念网页是用 HTML(超文本编辑语言)语言编写,通过 WWW 传播,并被 WEB 浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。网页 HTML 文件与 web 浏览器间的关系理 参照 P5首页和主页的异同点首页与主页的区别:浏览网站时最先访问的页为首页,一般为欢迎信息,通过链接再进入主页(例如:榕树下网站) 。主页
2、是整个网站的导航中心(例如:163 网站) 。有些网站首页即主页。网页制作的常用工具软件有哪些FrontPage、网页制作三剑客(Dreamweaver 与 Flash、Fireworks 并称为 Macromedia 的网页制作三剑客) 、Photoshop 网页正文区 和文件头的位置关系,文件头内的唯一一个必须出现的标记是哪一个标记? Title 标记HTML 文件的基本框架:文件开始表头区开始.标题区表头结束本文区开始(注:书上写本文区,本人认为应是文本区,待确认)本文区内容(注:书上写本文区,本人认为应是文本区,待确认)本文区结束(注:书上写本文区,本人认为应是文本区,待确认)文件结束
3、单标记和双标记的概念,HTML 标记中哪些是单标记,哪些是双标记?P5 起Comment 叶1: 参考 P6-P8的 1.2.2常用文本标记单标记指令(由 构成) ,如:、双标记指令(由构成) ,如: 注释语句的含义,其正确书写格式HTML标记的常用属性的含义,例如大小尺寸、对齐方式、颜色值属性的书写方式在 HTML文件中实现换段和强制换行的不同,及分别使用哪个标记段落标记()与换行标记() 是 HTML格式中特有的段落元素。在原始文件中的 ,指出在这儿告一段落,下面的文字另起一段。 另外一个类似的标记元素是。 这个标记用来标识一个换行动作,相当于字处理文件中的按回车键的功能。在 HTML文件
4、中可以用它来调整行间距。在处理类似诗歌式的语句时常常用到。语法格式:文本文本HTML中的常用标记的对应名称插入多媒体对象的 HTML语句的正确格式 P13-15 参考 1.2.5图像与多媒体标记(个人认为)无序列表的相关知识 P9 参考 1.2.3列表显示 1.无序列表(UI)有序列表的相关知识 P9-P10 参考 1.2.3列表显示 2.有序列表(OI )表格标记的相关知识 P11-P13 参考 1.2.4表格标记超链接语句的相关知识 P15 参考 1.2.6超链接标记第 2章 DW网页制作基础如果想更改工作区,可以使用“编辑”菜单中的什么命令切换到一种不同的工作区?首选参数(P22 )Dr
5、eamweaver站点的概念和特点(P29 起)一种组织所有与 Web站点关联的文档的方法通过在站点中组织文件,可以与 FTP一起利用 Dreamweaver将站点上传到 Web服务器、自动跟踪和维护链接、管理文件以及共享文件。除非定义站点,否则不能充分利用 Dreamweaver的功能。 设置 Dreamweaver站点的方法不止一种在文件面板中进行管理的功能有:新建网页更改文件名Comment 叶2: 参照 P50-P57的“2.4.3使用层叠样式表”删除文件等关于【远端站点】和【本地文件】的特点和概念所有制作完成的网页最后要放置在 Web Server上。制作者可以在服务器上制作网页。制
6、作网页时常把本地计算机的文件夹模拟成远程服务器的文件夹,因此本地文件夹也称为本地文件。完成作品后再将本地文件夹里完成的作品上传到服务器中成为真正的网站,服务器即远端站点。哪些是 HTML文档的基本属性?页面标题背景图像文本关于如何插入图像的一些基本常识?为了管理方便,一般设计习惯把图片放在“images”文件夹内以便于管理网站里的网页和图片等资源的文件名最好用中文,以便于管理。插入图像可以选择“插入”菜单中的“图像”命令进行插入。插入图像可以选择使用面板组“资源”面板进行插入。URL的全称是?URL是 Uniform Resource Location的缩写,译为“ 统一资源定位符”。网页中添
7、加换行符的快捷键?BR为换行符 (快捷键为 CTRL+ENTER)Dreamweaver工作区是一个使用什么(多文档界面)的集成工作区?Dreamweaver MX 工作区是一个使用 MDI(多文档界面)的集成工作区 层叠样式表(CSS)是一系列格式规则,它们控制网页内容的外观。CSS 样式规则由什么组成?选择器和声明(详细说明见 P50)层叠样式表(CSS)的选择器类型有哪些?CSS选择器针对超级链接进行设置的状态有哪些?如何将 CSS文件在站点内共享给其他 HTML文件插入音乐的方法有哪些?直接插入法、代码法(详细说明见 P59-P60)Dreamweaver MX 2004提供的工作区布
8、局,分别是什么?设计人员工作区,编码人员工作区。 “文档”窗口用于显示当前文档。有哪些 dreamweave的文档视图。设计视图,代码视图,拆分视图 插入视音频的相关操作与参数设置插入视频见 P64插入音频见 P59-P60第 3 章 DW 网页设计应用在 Dreamweaver 中插入表格的实现方法。1)选择“插入”“ 表格” ;2)在常用类之插入工具栏中单击“表格”按钮;3)在布局类之插入工具栏中单击“表格”按钮。表格的三种查看模式。标准、扩展和布局表格的组成元素。单元格、行/列、表格如何选取表格元素?单击标签选择器中的标签可选取光标所在单元格;单击标签选择器中的标签可选取光标所在行;让鼠
9、标指向表格的顶边,当鼠标变成黑色实心下向单箭头形状时单击,便可选取箭头所指向的列;单击标签选择器中的标签可选取光标所在表格。如何设置表格宽度?方法可有:1)新建表格时,在“表格”设置框的“宽度”框中输入值,再指定其相应的宽度单位。2)选取表格后,在其属性面板的“宽度”框中输入值,再指定其相应的宽度单位;3)当宽度单位为像素时,在选取表格后,用鼠标拖拽右边框的黑色控点。 如何设置表格高度?方法可有:1)选取表格后,在其属性面板的“高度”框中输入值,再指定其相应的宽度单位;2)当宽度单位为像素时,在选取表格后,用鼠标拖拽下边框的黑色控点。 可用哪些单位来度量表格的宽度或高度?百分比或像素你为什么把
10、表格的宽度或高度设置为 100%的?希望表格会随着浏览器窗口大小的变化而自动调整其宽度或高度。你是怎么理解表格的边框粗细的?在浏览器窗口中浏览网页时,是否可见到表格线。0 则见不到,0 则见得到。你是怎么理解表格的单元格边距的?单元格边距指的是单元格内容到单元格左/右边框之间的距离。你是怎么理解表格的单元格间距的?单元格间距指的是相邻两个单元格之间的距离。嵌套表格的实现。在一个单元格中插入另一个表格。布局表格与布局单元格?标准表格与布局表格。在布局查看模式下所制作的表格称为布局表格。布局单元格是布局表格的组成成分。即一个布局表格是由布局单元格组成的。在标准查看模式下所查看到的表格称为标准表格。
11、布局表格最终都要被转换成标准表格,才能在网页中得以使用。一个标准表格由布局单元格和非布局单元格所组成。换句话说,一个布局表格是一个标准表格的子集。有哪些创建网页模板的常用方法?最基本的方法是哪一种?方法可有:1)基于现有网页文档创建;2)基于 Dreamweaver 设计文件创建;3)在“资源”面板中创建。最基本的方法是基本现有网页文档来加以创建。制作网页的常用方法方法可有:1)在代码视图下输入 HTML 代码;2)在设计视图下直接加入网页元素;3)基于表格来安排网页元素布局;4)基于框架集来制作网页;5)基于模板来设计网页。何谓框架集?框架集指的是包含有多个框架的网页文档。何谓框架?框架是浏
12、览器窗口中的一个区域,用它来显示出一个网页。框架是框架集的组成成分。一个 Dreamweaver 模板文档的文件扩展名是什么?.dwt。意即:dreamweaver templates。在 Dreamweaver 中,模板与站点的关系。1)模板一定存在于站点中;2)模板可使站点的网页风格保持一致性,站点不一定非得包含有模板不可。套用已建成模板来设计网页的实现方法。在 Dreamweaver 中调出要套用模板的网页文档,然后使资源面板显示于 Dreamweaver窗口右侧的面板组中(按 F11 键) ,单击该面板左侧的“模板”按钮,使当前站点中所有模板都显示出来,然后从中挑选所要模板,最后单击面
13、板左下角的“应用”按钮。合并表格中单元格的实现。在表格中选取了要合并的单元格后,执行“修改”“ 表格”“ 合并单元格”菜单操作。对表格中拆分某个单元格。把光标移入到拆分的单元格中,然后执行“修改”“ 表格”“ 合并单元格”菜单操作。第 4 章 FW 网页制作基础位图与矢量图的特点及常用格式是什么?位图:由像素点组成,记录每个像素点的颜色值,再拼成整图。常用格式有.jpg、.gif 、.bmp 等矢量图由矢量轮廓线和矢量色块组成,文件的大小由图像的复杂程度决定,与图形的大小无关,并且矢量图可以无限放大而不会模糊。适用于网络标志或动画。常用格式有.ai、.cdr 、.fh.、swf 等。 数码图像
14、常选择什么格式?JPEGJPEG 文件格式是 Joint Photographic Experts Group(联合图像专家组)的缩写,文件的后缀名是.JPG,这也是最常见的一种文件格式,几乎所有的图像软件都可以打开它。 TIFFTIFF 是 Tagged Image File Format(标记图像文件格式)的缩写,文件的后缀名是.TIF,这是现阶段印刷行业使用最广泛的文件格式。 RAW目前,数码相机的存储格式除了 JPEG、TIFF 外,还有 RAW 格式。其实,RAW格式并不是一种图像格式,不能直接编辑。RAW 格式是 CCD 或 CMOS 在将光信号转换为电信号时的电平高低的原始记录,
15、单纯地将数码相机内部没有进行任何处理的图像数据,即CCD 等摄影元件直接得到的电信号进行数字化处理而得到的。 GIFGIF 是 Graphics Interchange Fotmat(图像交换格式)的缩写,文件的后缀名是.GIF。 BMPBMP 是 Bitmap 的缩写,后缀名是.BMP 。 网页上常见的图像的格式及特点?JPEGJPEG 文件格式是 Joint Photographic Experts Group(联合图像专家组)的缩写,文件的后缀名是.JPG,这也 是最常见的一种文件格式,几乎所有的图像软件都可以打开它。 GIFGIF 是 Graphics Interchange Fotm
16、at(图像交换格式)的缩写,文件的后缀名是.GIFFireworks 默认的存储格式是?PNG(Portable Network Graphics 的缩写)格式:此格式是 Macromedia Fireworks 的默认格式Fireworks 生成动画时,帧延时设置默认为多少秒?7/100秒各种工具的使用,例如“放大”工具、 “锐化”工具、 “模糊”工具、 “减淡”工具、 “橡皮图章”工具、 “矩形”工具、椭圆”工具、 “替换颜色”工具等等1)直线工具:画出线段;调整颜色、笔尖描边种类;例:笔尖大小 边缘揉化 笔刷颜色 描边种类 纹理2)钢笔工具 :绘制线段与多边形; 拖拽出曲线3) 用“橡皮
17、图章 ”工具可以把图像的一个区域复制或克隆到另一个区域中。4) “选取框 ”工具在图像中选择一个矩形区域。“椭圆选取框 ”工具在图像中选择一个椭圆形区域。5) “套索”工具在图像中选择一个自由变形区域。用套索工具大致选出人物,边界可多选一些,反选,去背“多边形套索 ”工具在图像中选择一个直边的自由变形区域。 (适合处理边缘由直线构成的画面)6)选区的 “魔术棒” 工具在图像中选择一个颜色相似区域。适合图像中的主题或背景为单一色彩或相似色彩的选区 7)用“橡皮图章” 工具可以把图像的一个区域复制或克隆到另一个区域中。小技巧:按ALT可重新选取参照点8)“替换颜色” 工具:修改图像的用色。9)“红
18、眼消除” 工具:移除闪光灯产生的红眼。10)“模糊”工具减弱图像中所选区域的焦点。11)“锐化”工具锐化图像中的区域。 对于修复扫描问题或聚焦不准的照片很有用12)“减淡”工具加亮图像中的部分区域13)“烙印”工具加深图像中的部分区域。例:加强雪地上树木的阴影效果 14)“涂抹”工具拾取颜色并在图像中沿拖动的方向推移该颜色。 例:令主体呈现滑行的效果 15)图像的化妆术- 滤镜,调整亮度对比度 选区的操作:加选、减选、全选、取消选择全选 CTRL+A取消选取 CTRL+D向像素选区添加SHIFT从选区中去除像素 ALT图像优化Fireworks 的优化面板是关键,比较简单的1.首先确定你的颜色
19、数,256 色的用 GIF 和 PNG 格式,256 色以上的用 JPG 格式。GIF 的例子,注意颜色参数 JPG 的例子,注意品质参数 2.确定颜色数和压缩比,进行比较对文本的操作 参照 P157-P159 的 4.7“文本的操作”引导线、标尺 参照 P129 的 4.3.5 的“1.使用标尺”和“2.使用引导线“画布大小与图像大小 关于画布的就在 P126,第 5 章 FW 网页设计应用资源面板包括什么?样式、URL、库、形状样式的概念及相关操作1)应用样式将样式应用到所选对象或文本块。 (1)选择对象或文本块。(2)单击“样式 ”面板中的某种样式2)创建新样式基于所选对象的属性来创建样
20、式,该样式将显示在“样式” 面板中。(1)创建或选择具有所需笔触、填充、效果或文本属性的矢量对象或文本。(2)从“样式 ”面板的“选项”菜单中选择“新建样式”(3)选择希望该样式所具有的属性。(4)给出样式名称,然后单击“确定” 按钮。下列属性可以保存在样式中:(1)填充类型和颜色,包括图案、纹理以及角度、位置和不透明度等矢量渐变属性。(2)笔触类型和颜色。(3)效果。(4)文本属性,如字体、字号、样式(粗体、斜体或下划线) 、对齐方式、消除锯齿、自动字距调整、水平缩放、范围微调以及字顶距等。3)删除样式(1)从“样式 ”面板中选择一个样式。(2)从“样式 ”面板的“选项”菜单中选择“删除样式
21、”(或单击“ 样式”面板中的“删除样式” 按钮)。4)编辑样式 更改样式包含的属性。 (1)用“选择 ”“取消选择”命令取消选择画布上的任何对象。 (否则会把该样式应用到选定对象上)(2)单击“样式 ”面板中的某个样式,从 “样式”面板的 “选项”菜单中选择“ 编辑样式”(或直接双击“样式”面板中的某个样式) 。(3)选择或取消选择希望应用的属性。(4)单击“确定 ” 。5)导出和导入样式 将样式导出以便在其他计算机上导入并使用,实现样式共享。 导出样式:(1)从“样式 ”面板中选择一个样式。(2)从“样式 ”面板的“选项”菜单中选择“导出样式”命令。*.stl(3)输入将包含所保存样式的文档
22、的名称和位置。(4)单击“保存 ”按钮。导入样式: (1)从“样式 ”面板的“选项”菜单中选择“导入样式”命令。(2)选择要导入的样式文档。元件、实例的概念及相关操作三种类型的元件:图形、动画和按钮。创建“元件”存放于“库”中后,就可以很方便地插入 “实例。当对元件进行编辑时,所有与其相关的实例就会自动更改。/创建元件 方法 1:将图形对象转换为元件(1)选择对象(五角星) , “修改”“元件”“转换为元件” 。(2)输入元件名称,如“星” 。(3)选择元件类型:“ 图形 ”。(4)单击“确定 ”按钮。方法 2:新建元件 (1)从“库”面板的“选项”菜单中选择“新建元件” 命令。(2)选择元件
23、类型:“ 图形 ”、 “动画”或“按钮” 。然后单击“ 确定”按钮。(3)使用“工具 ”面板中的工具创建元件 F8放置实例 将元件从“库 ”面板拖到画布中,就可将该元件的实例放在当前文档中。 复制元件 (1)在“库”面板中选择元件。(2)在“库”面板的“选项”菜单中选择“复制” 。删除元件 (1)在“库”面板中选择元件。(2)从“库”面板的“选项”菜单中选择“删除” 命令编辑元件 (1)选择某个元件,从“库” 面板的“选项”菜单中选择 “编辑元件“命令。(2)对该元件进行更改,然后关闭窗口。该元件及其所有实例都将被修改。 导入和导出元件 可将元件“库 ”分别导入到多个文件中,重复使用。导出元件
24、: (1)从 “选项 ”菜单中选择 “导出元件”命令。(2)选择要导出的元件,然后单击“导出” 按钮。(3)为该元件文件(*.PNG)输入一个名称,然后单击“ 保存”按钮。导入元件:(1)从“选项 ”菜单中选择 “导入元件”命令。(2)选择元件文件(*.PNG) ,然后单击“打开” 按钮。(3)选择要导入的元件,然后单击“导入” 。切片的优点与相关操作切片可将较大的图像分割为多幅较小的图像,是 Fireworks 中用于创建交互效果的基本构造块。切片的主要优点:加快下载速度 交互性 便于局部更新 便于优化1)创建切片方法 1:基于所选对象插入矩形切片用这种方法所创建的切片是一个矩形,它的区域包
25、括所选对象最外面的边缘。操作步骤:(1)选择某个对象。(2)选择“编辑 ”“插入”“切片”(或选择快捷菜单中的“ 插入切片 ”)创建 HTML 切片 如果要快速更新出现在站点中的文本而无须创建新图形,则 HTML 切片很有用。操作实例:切片_飞机.png(1)用“切片 “工具绘制切片对象。 (2)在“属性 “检查器中,从 “类型“中选择 HTML。 (3)单击“编辑 ”,键入文本。如果需要,通过添加 HTML 文本格式设置标记来设置文本的格式。(4)单击“确定 ”。(5)导出为*. htm 文件,或单击 F12 查看结果创建非矩形切片 当试图将交互性附加到非矩形图像时,Fireworks 允许您使用“ 多边形切片”工具绘制任何多边形形状的切片。 (1)选择“多边形切片 “工具。 (2)单击以放置多边形的矢量点。若要停止使用“多边形切片 “工具,请从“工具“面板中选择另一个工具移动切片引导线就可以编辑切片。单击某切片后,按 DEL 键可删除切片。
Copyright © 2018-2021 Wenke99.com All rights reserved
工信部备案号:浙ICP备20026746号-2
公安局备案号:浙公网安备33038302330469号
本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。