网页复习提纲(新)

1《网页设计与制作》复习提纲第1章网页设计与制作基本知识1、网页的概念P1网页是用HTML语言语言编写，通过传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。2、HTTP协议与统一资源定位符P1HTTP协议是超文本传输协议，它是互联网上应用最为广泛的一种网络协议，所有的文件都必须遵守这个标准。统一资源定位符（URL）即是指在浏览器地址栏里输入的网站地址。当在HTTP专用浏览器的地址栏中输入一个URL或是单击网页上的一个超链接时，URL就确定了要浏览的地址。3、何谓超文本P3超文本是把一些信息根据需要连接起来的信息管理技术，人们可以通过一个文本的链接指针打开另一个相关的文本。只要用鼠标单击文本中通常带下划线的条目，便可获得相关的信息。网页的出色之处在与能够把超链接嵌入其中，使用户能够从一个网页方便的转移到另一个网页。4、网页制作的常用工具软件有哪些P7DreamweaverFlashFIireworksFrontpage5、网页正文区BODY/BODY和文件头HEAD/HEAD的位置关系，文件头内的惟一一个必须出现的标记是哪一个标记？P10唯一一个必须出现的标记是title//title6、单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？P11起单标记指令：只需单独使用就能完整地表达意思的标记（由标记指令构成），如：br。双标记指令：必须成对使用的、由“始标记”和“尾标记”组成的标记（由起始标记/结束标记构成），如：HEAD/HEAD7、注释语句的含义，其正确书写格式P10例：!--网页正文区从这里开始--8、HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式。P12起字体大小标记（font/font）语法格式：fontsize=#1color=#2文字/font2Hn有对齐属性，格式为align=#其中#可以是leftcenterright9、你是如何认识标题标记的？P13用于定义文章内章节标题的显示格式。N表示标题字号的级别，可以是1~6之间的任意整数，数字越小，字号越大。10、在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记P14-15P是HTML格式中特有的段落元素。在原始文件中的P，指出在这儿告一段落，下面的文字另起一段。11、HTML中的常用标记的对应名称P12起标题（Title）标题号（Hn）字体大小标记（font/font）段落标记（P/P）与换行标记（br）水平线标记（Hr）12、插入多媒体对象的HTML语句的正确格式P15起HTML语言中的基本图像标记：img。imgsrc=“图像文件的路径”border=“图片边框宽度”BGSOUNDSrc=“音乐文件的路径13、表格标记的相关知识P181.TABLE.../TABLE创建一个表格。2.TR.../TR定义表格一行的单元格。3.TD.../TD定义一个单元格的内容。4.TH定义表格页眉单元格的内容。5.CAPTION显示表格的标题。上述标记中后两个可省略，前三个不可省。超链接语句：链接标记AAhref==“_blank”第2章FireworksCS4数码图像基本操作1、位图与矢量图的特点及常用格式是什么？P25矢量图由矢量轮廓线和矢量色块组成，文件的大小由图像的复杂程度决定，与图形的大小无关，并且矢量图可以无限放大而不会模糊。适用于网络标志或动画。常用格式有.ai、.cdr、.fh.、swf等位图是由不同亮度和颜色的像素组成，适合表现大量的图像细节，可以很好地反映明暗的变化、复杂的场景和颜色，它的特点是能表现出逼真的图像效果，但是文件比较大，并且缩放时清晰度会降低并出现锯齿。常见格式有：JPEGPCXBMPPSDPICGIFTIFF.矢量图则使用直线和曲线来描述图形，所以矢量图形文件一般较小。矢量图形不会失真。主要用于插图、文字和徽标等图形。常见格式有AI等。32、网页上常见的图像的格式及特点？P27GIFJPGPNG压缩比例高极高,有损高,无损输出类型黑白、灰阶、16色、256色灰阶、全彩黑白、灰阶、256色、全彩、透明设定某一颜色无多种透明效果动画帧有无有适合处理的图片类型色彩单纯或有动画表现的图片一般照片（人物\风景),或有渐变\柔边\阴影等效果的高复杂图片较无限制3、Fireworks默认的存储格式是？P27保存默认格式为*.png导出默认格式为*.gif4、选区的操作：加选、减选、全选、取消选择P45-465、图像优化P741.根据具体情况选择合适的图像格式2.设置具体图像格式的选项3.调整图像中的颜色数GIF称为图形交换格式，目前最常用的网页图形格式，最多可以包含256色。JPEG专门为照片或增强色图像开发的，适合扫描照片的处理，支持百万种颜色。PNG称为可移植网络图形，通用网页图形格式，最多支持32位颜色。WBMP称为无线位图，为移动计算设备创建的图形格式。TIFF为标签图像文件格式，用于存储位图图像的图形格式。BMP用于显示位图图像。12.CSS选择器针对超级链接进行设置的状态有哪些？a:Active选中超级链接状态a:Hover光标移上超级链接状态a:Link超级链接的正常状态，没有任何动作的时候a:Visited访问过的超级链接状态第3章FireworksCS4网页高级应用1、切片的概念、优点及相关操作P89起概念：一种网页对象。它以HTML代码的形式出现，可以通过“层”面板中的“网页层”查看、选取和删除切片。切片分割FireworksCS4文档，到处是每部分都被保存于单独的文件中，同时创建包含表格代码的HTML文件，用它可在浏览器中重新组合出图形。优点：4①便于实现动态效果；②提高下载速度；③优化图像；④创建灵活的超链接。相关操作：①创建切片：方法1：基于所选对象插入矩形切片2.用切片工具创建矩形切片；②显示与隐藏切片：“隐藏切片和热点”按钮或者“显示切片和热点”按钮；③导出切片。2、交换图像的实现方法P95起【好长。。。】3、元件、实例的概念及相关操作P101起三种类型的元件：图形、动画和按钮。创建“元件”存放于“库”中后，就可以很方便地插入“实例。当对元件进行编辑时，所有与其相关的实例就会自动更改。可将自定义的“库”分别导入到多个文件中，重复使用。4、按钮的状态及按钮的相关操作P105起按钮状态:释放、滑过、按下、按下时滑过相关操作：1.创建按钮步骤：使用按钮编辑器创建按钮元件2.将按钮元件的实例插入到文档中，修改文本，生成各个按钮。第4章DreamweaverCS4网页制作基本操作1、Dreamweaver站点的概念和特点P149一种组织所有与Web站点关联的文档的方法通过在站点中组织文件，可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。除非定义站点，否则不能充分利用Dreamweaver的功能。设置Dreamweaver站点的方法不止一种2、在文件面板中进行管理的功能有哪些P153起新建网页更改文件名删除文件等3、关于【远端站点】和【本地文件】的特点和概念P1515所有制作完成的网页最后要放置在WebServer上。制作者可以在服务器上制作网页。制作网页时常把本地计算机的文件夹模拟成远程服务器的文件夹，因此本地文件夹也称为本地文件。完成作品后再将本地文件夹里完成的作品上传到服务器中成为真正的网站，服务器即远端站点。4、哪些是HTML文档的基本属性及基本元素？P156设置网页基本属性的目的在于设置网页的外观效果，其基本属性包括网页标题、背景色、背景图像等。网页的基本元素包括文本、图像、音频、视频等。5、插入图像可以选择哪些方法。如何设置鼠标经过图像时的说明文字？插入图像与插入鼠标经过图像有何区别？P160、P162可利用“插入”菜单来插入图像，也可利用“插入”面板来插入图像。6、Enter操作与Alt+Enter操作的区别按Enter键可插入一个分段符，按Alt+Enter键可插入一个分行符。7、Dreamweaver工作区是怎样一个工作区？使用的是一个多文档界面的集成工作区8、各种超链接设置的实现P164起常见的超链接设置是为网页元素（文本、图像、按钮等）设置链接，链接的目标可以是一个网页或一个文件。若链接的目标文件是压缩文件或可执行文件（.EXE），则可称之为下载链接；若链接的目标文件是一个有效的音频或视频文件，则会可打开其相应的播放器，再播放出音频或视频。为了实现能在同一网页内的位置跳转，则可使用锚记超链接。9、超链接四种目标选项所代表的意义P167_blank：单击链接后，将链接的文件载入新的浏览器窗口中；_parent：单击链接后，将链接的文件载入含有该链接的框架的父框架集或父窗口中。如果该文件没有嵌套框架，则加载到当前整个浏览器窗口中；_self：单击链接后，将连接的文件载入当前框架或窗口中。此选项是默认选项，如果没有指定参数，则链接的文件使用此默认设置；_top：单击链接后，将链接的文件跳出所有框架，网页直接出现在浏览器窗口中。10、认识音频文件格式和视频文件格式。P173音频：6WNA:微软专用的声音格式，压缩率较高。WAV：未压缩的声音格式，文件体积与声音采样率有关，文件一般都很大。MP3：压缩率较高，网上很流行。RM：Real公司的专用声音格式，压缩率较高，以前网上比较流行。MID：只能保存乐器的声音，不能录其他声音，文件非常小，一般用于背景音乐。视频：AVI：音频视频交错格式。MPEG：运动图像专家组格式。MOV：数字媒体软件技术领域的事实上的工业标准。WMV：微软推出的一种采用独立编码方式并且可以直接在网上实时观看视频节目的文件压缩格式。第5章DreamweaverCS4网页布局操作1、在Dreamweaver中插入表格的实现方法。P18112）在常用类之插入工具栏中单击“表格”按钮；3）在布局类之插入工具栏中单击“表格”按钮。2、表格的组成元素和是表格元素。表格组成元素：行、列、单元格；表格元素：行、列、单元格、表格。3、如何选取表格元素？利用标签指示器中的相应标签。P1834、如何设置表格宽度和高度？P182宽度：方法可有：1）新建表格时，在“表格”设置框的“宽度”框中输入值，再指定其相应的宽度单位。2）选取表格后，在其属性面板的“宽度”框中输入值，再指定其相应的宽度单位；3）当宽度单位为像素时，在选取表格后，用鼠标拖拽右边框的黑色控点。高度：方法可有：1）选取表格后，在其属性面板的“高度”框中输入值，再指定其相应的宽度单位；72）当宽度单位为像素时，在选取表格后，用鼠标拖拽下边框的黑色控点。5、可用哪些单位来度量表格的宽度或高度？P181百分比或像素6、你是怎么理解表格的边框粗细的？表格的单元格边距及间距呢？P182边框粗细：在浏览器窗口中浏览网页时，是否可见到表格线。0则见不到，0则见得到。单元格边距：单元格边距指的是单元格内容到单元格左/右边框之间的距离。单元格间距：单元格间距指的是相邻两个单元格之间的距离。7、嵌套表格的制作方法。P186在一个单元格中插入另一个表格。8、创建网页模板的方法。模板文档的文件扩展名是什么？P209-218方法可有：1）基于现有网页文档创建；2）基于Dreamweaver设计文件创建；3）在“资源”面板中创建。最基本的方法是基本现有网页文档来加以创建。文件拓展名：.dwt。意即：dreamweavertemplates。9、如何理解框架集？何谓框架？P192框架集指的是包含有多个框架的网页文档。框架是浏览器窗口中的一个区域，用它来显示出一个网页。框架是框架集的组成成分。10、在Dreamweaver中，模板与站点的关系。1）模板一定存在于站点中；2）模板可使