网页制作复习纲要.doc

网页制作复习第1章 网页制作概况l 网页的概念l 网页HTML文件与web浏览器间的关系理l 首页和主页的异同点l 网页制作的常用工具软件有哪些l 网页正文区和文件头的位置关系，文件头内的唯一一个必须出现的标记是哪一个标记？l l网页的概念l 用HTML语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。l l网页HTML文件与web浏览器间的关系理l 用户在地址栏发出访问某个页面的请求后，浏览器把该请求送到页面所在的服务器，服务器把用户要访问的页面所对应的HTML文件通过HTTP协议传送给客户的浏览器，浏览器对该HTML文件进行解释执行，把整个页面显示在浏览器窗口中。 l l首页和主页的异同点l 浏览网站时最先访问的页为首页，一般为欢迎信息，通过链接再进入主页（例如：榕树下网站） 。主页是整个网站的导航中心（例如：163网站） 。有些网站首页即主页.l l网页制作的常用工具软件有哪些l Dreamweaver MX 2004和Fireworks MX 2004l l网页正文区和文件头的位置关系，文件头内的唯一一个必须出现的标记是哪一个标记？l HTML文件开始l 文件头开始l . 网页标题区l 文件头开始结束l 网页正文区开始l 网页正文区内容l 网页正文区结束l HTML文件文件结束ll Title标记是文件头中惟一一个必须出现的标记，它也只能出现在文件头中。Title标记的格式为：文件标题l 6.单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？l .单标记指令（由构成），如：。l 双标记指令（由构成），l 如： l 7.注释语句的含义，其正确书写格式l 注释语句 例：l 8.HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式l HTML标记是由“”所括住的指令l 标记属性 例：l 普通的字体也可以改变，使用字体大小标记能够改变包含的字符、单词、短语或指定范围文本的字号大小。l 语法格式：文字l #1=1，2，3，4，5，6，7 or +#，-#，缺省时为3号字体。l #2=颜色的16进制数或英文名称l 标题可以有对齐属性，格式为align=#,其中#可以是left 标题居左，center 标题居中，right 标题居右l 9在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记l .段落标记（）与换行标记（）l 是HTML格式中特有的段落元素。在原始文件中的，指出在这儿告一段落，下面的文字另起一段。 l 另外一个类似的标记元素是。这个标记用来标识一个换行动作，相当于字处理文件中的按回车键的功能。在HTML文件中可以用它来调整行间距。在处理类似诗歌式的语句时常常用到。l 10.HTML中的常用标记的对应名称 l . HTML文件的基本架构如下：l HTML文件开始l 文件头开始l . 网页标题区l 文件头开始结束l 网页正文区开始l 网页正文区内容l 网页正文区结束l HTML文件文件结束l 标题（Title）标题号（Hn）字体标记（）段落标记（）与换行标记（）水平线标记（Hr）无序列表（Ul）有序列表（Ol）定义式列表l （项目, 定义）. 创建一个表格。l 2. . 定义表格一行的单元格。l 3. . 定义一个单元格的内容。l 4. 定义表格页眉单元格的内容。l 5. 显示表格的标题。l 上述标记中后两个可省略，前三个不可省。l 1.3.5 多媒体标记l 图像标记l HTML语言中的基本图像标记：。l ll 背景音乐标记l 通过这个标记可以嵌入多种格式的音乐文件。l 其基本语法为：l ll 1.3.6 超链接标记l 链接标记l l 链接标记的属性l 插入多媒体对象的HTML语句的正确格式l 图像标记l HTML语言中的基本图像标记：。l ll 背景音乐标记l 通过这个标记可以嵌入多种格式的音乐文件。l 其基本语法为：l ll 无序列表的相关知识无序列表用开始，每一个列表条目用引导，最后以结束。注意列表条目不需要结尾标注。输出时每一列表条目缩进，并且以黑点标示TYPE的取值设置的符号样式设置效果Disc圆点符号，是系统的默认值Circle空心圆点Square空心方块ll 有序列表的相关知识l 有序列表与无序列表相比，只是在输出时列表条目用数字标示。默认情况下，有序列表的列表项是阿拉伯数字，通过TYPE属性也可以修改有序列表的序号类型，如右表所示。l TYPEl 的取值l 设置的符号样式l 1l 系统的默认效果，以数字1、2、3进行排列l al 以小写的字母a、b、c进行排列l Al 以大写的字母A、B、C进行排列l il 以小写的罗马数字i、ii、iii、iv进行排列l Il 以大写的罗马数字I、II、III、IV进行排列ll 表格标记的相关知识l 表格标记主要包括如下几种：l 1. . 创建一个表格。l 2. . 定义表格一行的单元格。l 3. . 定义一个单元格的内容。l 4. 定义表格页眉单元格的内容。l 5. 显示表格的标题。l 上述标记中后两个可省略，前三个不可省。l 属性l 描述l Hrefl 指定链接地址 l Namel 给链接命名 l Titlel 给链接提示文字 l Targetl 指定链接的目标窗口 ll 超链接语句的相关知识需要记住一些html标记的含义：文件类型 （放在档案的开头与结尾） 文件主题 （必须放在文头区块内） 文头 （描述性资料，像是主题） 文体 （文件本体） 标题 （从1到6，有六层选择） 字体大小 （从1到7） 段落标记（）换行标记（）水平线标记（Hr）无序列表（Ul）有序列表（Ol）. 创建一个表格。. 定义表格一行的单元格。. 定义一个单元格的内容。 定义表格页眉单元格的内容。 显示表格的标题。图像标记：链接标记需要记住一些html标记的含义：文件类型 （放在档案的开头与结尾） 文件主题 （必须放在文头区块内） 文头 （描述性资料，像是主题） 文体 （文件本体） 标题 （从1到6，有六层选择） 字体大小 （从1到7） 段落标记（）换行标记（）水平线标记（Hr）无序列表（Ul）有序列表（Ol）. 创建一个表格。. 定义表格一行的单元格。. 定义一个单元格的内容。 定义表格页眉单元格的内容。 显示表格的标题。图像标记：链接标记第2章 DW网页制作基础l 如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？首选参数l Dreamweaver站点的概念和特点一种组织所有与Web站点关联的文档的方法通过在站点中组织文件，可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。除非定义站点，否则不能充分利用Dreamweaver的功能。 设置Dreamweaver站点的方法不止一种(站点菜单、文件面板)l 在文件面板中进行管理的功能有：新建网页更改文件名删除文件等l 关于【远端站点】和【本地文件】的特点和概念所有制作完成的网页最后要放置在Web Server上。制作者可以在服务器上制作网页。制作网页时常把本地计算机的文件夹模拟成远程服务器的文件夹，因此本地文件夹也称为本地文件。完成作品后再将本地文件夹里完成的作品上传到服务器中成为真正的网站，服务器即远端站点。l 哪些是HTML文档的基本属性？页面标题背景图像文本l 如何插入图像的一些基本常识？为了管理方便，一般设计习惯把图片放在“images”文件夹内以便于管理网站里的网页和图片等资源的文件名最好用中文，以便于管理。插入图像可以选择“插入”菜单中的“图像”命令进行插入。插入图像可以选择使用面板组“资源”面板进行插入。l URL的全称是？统一资源定位符l 网页中添加换行符的快捷键？shift+enterl 网页中文本的首行缩进？全角状态下按空格键l Dreamweaver工作区是一个使用什么(多文档界面)的集成工作区？书中出现的选择题l 层叠样式表（CSS）是一系列格式规则，它们控制网页内容的外观。CSS样式规则由什么组成？选择器和声明。l 层叠样式表（CSS）的选择器类型有哪些？类、标签、高级l CSS选择器针对超级链接进行设置的状态有哪些？a:Active 选中超级链接状态a:Hover 光标移上超级链接状态a:Link 超级链接的正常状态，没有任何动作的时候a:Visited 访问过的超级链接状态 l 如何将CSS文件在站点内共享给其他HTML文件在css样式面板上按下附加样式按钮，则可将CSS文件链接进HTML页中。l 插入音乐的方法有哪些？常用工具栏的媒体插件按钮、插入菜单媒体插件。l Dreamweaver MX 2004提供的工作区布局,分别是什么？设计者工作区布局、 代码编写者工作区布局l “文档”窗口用于显示当前文档。有哪些dreamweave的文档视图。显示代码视图、显示设计视图、显示代码视图和设计视图（拆分）l 插入视音频的相关操作与参数设置插入GIF图像和GIF动画均使用插入图象命令。插入音频和插入视频均使用插件命令。第3章 DW网页设计应用l 在Dreamweaver中插入表格的实现方法。1）选择“插入”“表格”；2）在常用类之插入工具栏中单击“表格”按钮；3）在布局类之插入工具栏中单击“表格”按钮。l 表格的三种查看模式。 标准、扩展和布局l 表格的组成元素。 单元格、行/列、表格l 如何选取表格元素？单击标签选择器中的标签可选取光标所在单元格；单击标签选择器中的标签可选取光标所在行；让鼠标指向表格的顶边，当鼠标变成黑色实心下向单箭头形状时单击，便可选取箭头所指向的列；单击标签选择器中的标签可选取光标所在表格。l 如何设置表格宽度？方法可有：1）新建表格时，在“表格”设置框的“宽度”框中输入值，再指定其相应的宽度单位。2）选取表格后，在其属性面板的“宽度”框中输入值，再指定其相应的宽度单位；3）当宽度单位为像素时，在选取表格后，用鼠标拖拽右边框的黑色控点。 l 如何设置表格高度？方法可有：1）选取表格后，在其属性面板的“高度”框中输入值，再指定其相应的宽度单位；2）当宽度单位为像素时，在选取表格后，用鼠标拖拽下边框的黑色控点。 l 可用哪些单位来度量表格的宽度或高度？ 百分比或像素l 你为什么把表格的宽度或高度设置为100%的？ 希望表格会随着浏览器窗口大小的变化而自动调整其宽度或高度。l 你是怎么理解表格的边框粗细的？ 在浏览器窗口中浏览网页时，是否可见到表格线。0则见不到，0则见得到。l 你是怎么理解表格的单元格边距的？ 单元格边距指的是单元格内容到单元格左/右边框之间的距离。l 你是怎么理解表格的单元格间距的？ 单元格间距指的是相邻两个单元格之间的距离。l 嵌套表格的实现。 在一个单元格中插入另一个表格。l 布局表格与布局单元格？标准表格与布局表格。在布局查看模式下所制作的表格称为布局表格。布局单元格是布局表格的组成成分。即一个布局表格是由布局单元格组成的。在标准查看模式下所查看到的表格称为标准表格。布局表格最终都要被转换成标准表格，才能在网页中得以使用。一个标准表格由布局单元格和非布局单元格所组成。换句话说，一个布局表格是一个标准表格的子集。l 有哪些创建网页模板的常用方法？最基本的方法是哪一种？方法可有：1）基于现有网页文档创建；2）基于Dreamweaver设计文件创建；3）在“资源”面板中创建。最基本的方法是基本现有网页文档来加以创建。l 制作网页的常用方法方法可有：1）在代码视图下输入HTML代码；2）在设计视图下直接加入网页元素；3）基于表格来安排网页元素布局；4）基于框架集来制作网页；5）基于模板来设计网页。l 何谓框架集？框架集指的是包含有多个框架的网页文档。l 何谓框架？框架是浏览器窗口中的一个区域，用它来显示出一个网页。框架是框架集的组成成分。l 一个Dreamweaver模板文档的文件扩展名是什么？.dwt。意即：dreamweaver templates。l 在Dreamweaver中，模板与站点的关系。1）模板一定存在于站点中；2）模板可使站点的网页风格保持一致性，站点不一定非得包含有模板不可。l 套用已建成模板来设计网页的实现方法。在Dreamweaver中调出要套用模板的网页文档，然后使资源面板显示于Dreamweaver窗口右侧的面板组中（按F11键），单击该面板左侧的“模板”按钮，使当前站点中所有模板都显示出来，然后从中挑选所要模板，最后单击面板左下角的“应用”按钮。l 合并表格中单元格的实现。在表格中选取了要合并的单元格后，执行“修改”“表格”“合并单元格”菜单操作。l 对表格中拆分某个单元格。把光标移入到要拆分的单元格中，然后执行“修改”“表格”“拆分单元格”菜单操作。以下两章请参考ppt课件及教材进行复习第4章 FW网页制作基础l 位图与矢量图的特点及常用格式是什么？l 数码图像常选择什么格式？l 网页上常见的图像的格式及特点？l Fireworks默认的存储格式是？（.png）l Fireworks生成动画时，帧延时设置默认为多少秒？（7毫秒）l 各种工具的使用，例如“放大”工具、“锐化”工具、“模糊”工具、“减淡”工具、“橡皮图章”工具、“矩形”工具、椭圆”工具、“替换颜色”工具等等l 选区的操作：加选、减选、全选、取消选择l 图像优化图像优化的目的:在不影响图像品质的前提下,降低文件的大小,达到图像瘦身,网页加速的效果。l 可利用优化面板进行优化设置。例:monkey.pngl GIF文件的优化 设置如下内容l 保存设置、导出文件格式：索引调色板、最大的颜色数目、失真、抖动、透明效果类型及选取/增加/删除透明色等。（颜色数目减少/失真数值增高，可使文件变小，但会降低品质失真。渐变时，抖动会增加效果，但却会加大文件）。l 可利用预览2幅的功能观看比较不同的设置效果 l JEPG文件的优化 JEPG为有损压缩。效果随品质而降低（压缩量大可减少文件大小但品质降低，调高品质却会增大文件）。 平滑可部分弥补因增大压缩量所导致的品质损失。ll 对文本的操作l 输入文本 通过使用“属性”面板中的“文本”工具和选项，可以在图形中输入文本并对其进行格式化和编辑。l 编辑文本 在文本块内，可以改变文本的所有特性，包括字号、字体、间距、字顶距以及基线调整等。 l 将笔触、填充和效果应用到文本 创建文本之后，它会保持在Fire