职教高考模拟试卷-网页设计与制作-答案

STYLEREFBT1上参考答案··参考答案第1章静态站点1.1站点的创建与管理同步练习一、单项选择题1．A 2．B 3．D 4．C 5．D 6．B 7．A 8．B 9．B10．C 11．D 12．C 13．B 14．A 15．C二、简答题1．（1）网站是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。（2）网页是构成网站的基本元素，一般又称作HTML文档，是一种可以在互联网上传输，能被浏览器识别和翻译成页面并显示出来的文件。（3）主页是指在浏览器的地址栏中输入网站的URL后见到的第一个网页。（4）网站是若干网页的集合，主页是网站中所有网页的索引页，通过单击主页上的超链接可以打开其他的网页。2．（1）分为静态站点和动态站点。（2）在静态站点中，浏览者与网页之间不涉及交互活动，静态页面向每一位浏览者发送完全相同的响应，而在动态站点中，动态页面可自定义响应，根据浏览者的输入信息提供不同的页面信息。3．（1）启动DreamweaverCC，选择“站点”→“新建站点”命令。（2）输入站点名称“欣欣书屋”，在“本地站点文件夹”中选择D:\abc，单击“确定”按钮。4．（1）插入U盘，在DreamweaverCC中选择“站点→管理站点”命令，选择站点“摄影天地”，单击“导出当前选定的站点”按钮。（2）选择U盘，输入站点定义文件的文件名，单击“保存”按钮。（3）将D盘abc文件夹复制到U盘。（4）目标机器，复制U盘abc文件夹到目标机器的D盘。（5）DreamweaverCC选择“站点→管理站点”命令，单击“导入站点”按钮，选择U盘中的站点定义文件，单击“打开”按钮。5．（1）网站名称：小明的站点站点文件夹：H:\website（2）本地站点（3）定义服务器1.2文档的基本操作与页面属性设置同步练习一、单项选择题1．C 2．C 3．A 4．D 5．B 6．C 7．B 8．A 9．B10．B 11．B 12．C 13．C 14．C 15．D二、简答题1．①标签 ②编辑窗口大小 ③实时预览按钮2．（1）右单击页面空白处，选择“页面属性”命令（2）选择“链接”选项，在“变换图像链接”颜色框中选择红色，在“下划线样式”列表中选择“始终无下划线”，单击“确定”。3．（1）拆分视图特点：同时显示代码视图和设计视图。（2）设计视图、代码视图、实时视图4．（1）跟踪图像作为页面辅助背景，使用户在编辑网页时即可精确的定位页面元素。（2）不显示（3））右单击页面空白处，选择“页面属性→跟踪图像”，单击“跟踪图像”后的浏览按钮选择tx.jpg；拖动“透明度”滑块到50%处，单击“确定”。5．（1）右单击页面空白处，选择“页面属性”命令，选择“外观（CSS）”，单击“背景图像”后浏览按钮，选择bj.jpg，单击“确定”按钮。（2）①no-repeat（或不重复）②repeat（或重复）③repeat-x（或横向重复）④repeat-y（或纵向重复）6．（1）右单击页面空白处，选择“页面属性”命令；（2）选择选择“外观（CSS）”，设置大小为12px，上、下、左、右边距均为10px，单击“确定”按钮。1.3HTML标签同步练习一、单项选择题1．B 2．D 3．B 4．D 5．A 6．B 7．A 8．C 9．B10．C 11．C 12．A 13．C 14．A 15．C二、简答题1．HTML即超文本标记语言，是用于创建Web文档的一种标记语言。HTML文档的结构包括头部分（head）和主体部分（body）两大部分，头部分描述浏览器所需的信息，主体部分包含要说明的具体内容。2．（1）<title>网站首页</title>（2）<pclass="abc">会议通知</abc>（3）<bodybgcolor="#303030"></body>（4）<ahref="">百度</a>（5）<inputtype="submit"Value="提交">3．（1）border="1"（2）colspan="4"（3）<imgsrc="images/a2-2.png">（4）<ahref="web1.html">（5）<br>（6）</table>但愿练习题一、单项选择题1．B 2．D 3．A 4．B 5．A 6．A 7．A 8．B 9．D10．C 11．C 12．C 13．A 14．B 15．B 16．C 17．B 18．A19．C 20．A二、简答题1．URL含义是统一资源定位符，也称为网址。URL由三个部分组成：协议、主机名、路径及文件名2．网站是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。网站通常分为静态网站和动态网站3．（1）使用记事本之类的工具，直接输入HTML源代码，并保存为以htm或html为扩展名的网页文件。（2）使用可视化的网页制作工具，根据用户操作自动生成HTML代码。4．（1）选择“文件→页面属性”命令。（2）在页面空白处右单击，选择“页面属性”命令（3）单击属性面板中的“页面属性”按钮。5．（1）链接颜色（2）变换图像链接（3）已访问链接（4）活动链接6．WWW服务采用客户机/服务器工作模式，由WWW浏览器、Web服务器和WWW协议组成。WWW的信息资源以网页的形式存储在Web服务器中，用户通过客户端的浏览器，向Web服务器发出URL请求，Web服务器接收并处理用户请求后，将网页返回给客户端，浏览器接收到网页后对其进行解释，最终将文字、图片、声音、动画、影视并茂的画面呈现给用户。7．（1）behavior：滚动方式（2）direction：滚动方向（3）scrollamount：滚动速度8．（1）bgcolor：背景颜色（2）width：表格宽度（3）align：表格对齐方式（4）border：边框宽度（5）cellpadding：单元格边距（6）cellspacing：单元格间距三、操作题1．（1）跟踪图像作为页面辅助背景，使用户在编辑网页时即可精确的定位页面元素。（2）①右单击页面空白处，选择“页面属性”命令；②选择“跟踪图像”类别，单击“跟踪图像”后的浏览按钮选择tx.jpg；③拖动“透明度”滑块到50%处，单击“确定”按钮。2．（1）右单击页面空白处，选择“页面属性”命令；（2）选择“外观（CSS）”类别，单击“背景图像”后的浏览按钮选择bj.jpg；（3）在“重复”列表中选择no-repeat，单击“确定”按钮。3．（1）<title>济南旅游</title>（2）bgcolor="#E3DADA"（3）width="700"（4）cellpadding="0"（5）rowspan="2" （6）<ahref="#">济南概况</a> （7）</body>4．（1）将光标定位到表格第一行，单击“代码”切换到代码视图；修改文本为“<marquee>欢迎访问广州某某苗木公司官方网站</marquee>”。（2）代码视图中，在“新闻动态”的前后分别添加<ahref="/news.html">和</a>；（3）①右击窗口空白处，选择“页面属性”命令；②选择“标题/编码”类别，在“标题”框中输入“主页”，单击“确定”。（4）①右击窗口空白处，选择“页面属性”命令；②选择“链接（CSS）”类别，在“下划线样式”列表中选择“始终无下划线”；③在“变换图像链接”后选择颜色为红色，单击“确定”按钮。第2章表格、模板及Div的应用2.1表格布局同步练习一、单项选择题1．C 2．A 3．A 4．C 5．A 6．A 7．A 8．C 9．B10．A 11．A 12．B 13．A 14．A 15．B 16．A 17．C 18．D19．B 20．C二、简答题1．（1）单击表格的边框线。（2）将光标定位到表格中，在标签选择器中单击<table>标签。（3）将鼠标指针移到表格的左上角，出现表格的缩略图时单击左键。（4）将光标定位到表格中，按两次Ctrl＋A键。2．（1）按住Ctrl键在单元格内单击。（2）在单元格内单击并向相邻的单元格拖动鼠标。（3）将光标定位到单元格内，单击标签选择器上的<td>标签。（4）将光标定位到单元格内，按Ctrl+A键。（5）按住Ctrl键依次单击要选择的单元格，可以选择不连续的单元格3．（1）在扩展表格模式下，DreamweaverCC临时向文档中的所有表格添加单元格边距和间距，并且增加表格的边框。（2）优点：使用这种模式，可使编辑操作更加直观，可以方便选择表格中的内容或精确的定位插入点。4．（1）连续多个矩形区域的单元格才能合并。（2）方法：选择要进行合并的单元格①右键菜单中选择“表格→合并单元格”命令。②单击属性面板上的“合并单元格”按钮。③按【Ctrl＋Alt＋M】组合键。5．（1）按Ctrl+Alt+T键新建一个2行1列的表格，边框粗细为0；（2）调整第1行的行高，右击第2行选择“表格→拆分单元格“按钮，将单元格拆分5列；（3）选中第2行所有单元格，在属性面板设置“水平”为“居中对齐”，设置背景色；（4）在第2行单元格中依次输入“网站首页”等；（5）按Ctrl+Alt+T键再插入一个1行2列，边框粗细为0的表格。6．（1）创建嵌套表格就是在已有表格的某单元格中插入新的表格（2）注意问题：①在嵌套表格中可以再嵌套表格，但嵌套层数最多不要超过3层，因为嵌套层数越多，浏览网页时所需的下载时间越长。②创建嵌套表格时，最外层表格宽度单位最好采用像素，嵌套表格宽度单位采用百分比。7．（1）像素、百分比（2）创建表格后，选中表格，单击属性面板上的“将表格宽度转换为百分比”或“将表格宽度转换为像素”按钮可实现单位的转换。8．<tablewidth="600"border="0"align="center"cellpadding="1"cellspacing="2"><tr><tdheight="45"colspan="3"align="center">问卷调查</td></tr><tr><tdalign="center">问题1</td><tdalign="center">问题2</td><tdalign="center">问题3</td></tr></table>2.2模板的应用同步练习一、单项选择题1．D 2．B 3．A 4．B 5．D 6．C 7．D 8．B 9．A10．B 11．D 12．D 13．B 14．B 15．A二、简答题1．（1）模板是一种用于设计统一风格页面的特殊类型文档（2）使用模板既能快速创建风格一致的各个网页，还能快速改变整个站点的布局和外观，为后期的网站维护提供方便2．（1）选择“插入→模板→可编辑区域”命令。（2）按Ctrl+Alt+V键。（3）在“插入”面板选择“模板”中的“可编辑区域”3．（1）命名一个可编辑区域时，不能使用单引号、双引号、尖括号和&等符号。（2）不能对同一模板中的多个可编辑区域使用相同的名称。（3）可将整个表格或单个单元格标记为可编辑区域，但不能将多个单元格标记为单个可编辑区域。（4）可编辑区域不能嵌套插入。4．打开要从模板分离的网页，选择“工具”→“模板”→“从模板中分离”命令，即可将文档从模板中分离出来。5．（1）选择“文件→另存为模板”命令，选择当前站点，输入模板文件名称mb.dwt，单击“保存”按钮；（2）打开mb.dwt，将光标第3行单元格中，选择“插入→模板对象→可编辑区域”命令，输入可编辑区域名称ab，单击“确定”。（3）①打开a001.html，选择“工具→模板→应用模板到页”命令；②选择模板index.dwt，单击“选定”按钮③弹出“不一致的区域名称”对话框，选择Documentbody<未解析>，在“将内容移到新区域”列表中选择e123；选择Documenthead<未解析>，在“将内容移到新区域”列表中选择head。6．（1）原因：模板文档存储位置错误。解决方法：将模板文档移动到站点根目录下的Templates文件夹中。（2）原因：模板中没有可编辑区域。解决方法：打开Web.dwt，选择需要编辑的区域或内容，选择“插入→模板→可编辑区域”命令，打开“新建可编辑区域”对话框，输入可编辑区域名称，单击“确定”。7．（1）单引号、双引号、尖括号、&（2）不支持（3）选择要取消的可编辑区域，右单击选择“模板→删除模板标记”命令2.3DIV布局同步练习一、单项选择题1．D 2．A 3．A 4．B 5．D 6．C 7．A 8．B 9．C10．A 11．A 12．B 13．D 14．C 15．B二、简答题1．（1）absolute：生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。（2）fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。（3）relative：生成相对定位的元素，相对于其正常位置进行定位。（4）static：默认值。没有定位，元素出现在正常的流中。（5）inherit：规定应该从父元素继承position属性的值。2．float定位是CSS排版中非常重要的手段。float的值包括left、right、none。3．（1）选择“插入→Div”命令（2）选择“插入”面板中的“html→Div”命令。4．（1）单击Div的边框线。（2）在DOM面板中单击Div。（3）按Shift键，分别单击要选择的各个Div的内部或边框线，可以选中多个Div。5．（1）选择“插入→Div”命令，弹出“插入DIV”对话框；（2）在“插入”列表中选择“在插入点”，在ID框中输入a1；（3）单击“新建CSS规则”按钮，打开“新建CSS规则”对话框，单击“确定”；（4）选择“方框”分类项，设置Width、Height为200px；（5）选择“背景”分类项，设置background-color为#343456，单击“确定”返回“插入DIV”对话框，单击“确定”按钮。6．①margin ②border ③padding ④content7．（1）选择“插入→Div”命令，弹出“插入DIV”对话框；（2）在“插入”列表中选择“在插入点”，在ID框中输入qq；（3）单击“新建CSS规则”按钮，打开“新建CSS规则”对话框，单击“确定”；（4）选择“方框”分类项，设置Width、Height为300px；（5）选择“背景”分类项，单击background-image后的浏览按钮选择images/bj.jpg，在background-repeat列表中选择no-repeat（6）选择“类型”分类项，设置font-size为18px，line-height为30px，单击“确定”返回“插入DIV”对话框，单击“确定”按钮。但愿练习题一、单项选择题1．A 2．C 3．A 4．A 5．D 6．B 7．C 8．C 9．B10．A 11．A 12．B 13．B 14．A 15．B 16．D 17．D 18．D19．A 20．C 21．B 22．C 23．A 24．B 25．B二、简答题1．（1）直接用鼠标拖动选中该行中的所有单元格。（2）将光标定位到要选择行的某个单元格中，在标签选择器中单击<tr>标签。（3）将鼠标指向要选择行的左边缘，当鼠标指针变为右箭头“→”时，单击鼠标左键2．（1）按Ctrl键在单元格内单击。（2）在单元格内单击并向相邻的单元格拖动鼠标。（3）将光标定位到单元格内，单击标签选择器上的<td>标签。（4）将光标定位到单元格内，按Ctrl＋A组合键3．（1）连续多个矩形区域的单元格才能合并。（2）方法：选择要进行合并的单元格①右键菜单中选择“表格→合并单元格”命令。②单击属性面板上的“合并单元格”按钮。③按【Ctrl＋Alt＋M】组合键。4．（1）命名一个可编辑区域时，不能使用单引号、双引号、尖括号和&等符号。（2）不能对同一模板中的多个可编辑区域使用相同的名称。（3）可将整个表格或单个单元格标记为可编辑区域，但不能将多个单元格标记为单个可编辑区域。（4）可编辑区域不能嵌套插入。5．一个盒子模型由content（内容）、border（边框）、padding（间隙）和margin（间隔）四部分组成。6．（1）单击Div的边框线。（2）在DOM面板中单击Div。（3）按Shift键，分别单击要选择的各个Div的内部或边框线，可以选中多个Div。三、操作题1．（1）按Ctrl+Alt+T键新建一个3行1列的表格，边框粗细为1；（2）选中表格第1行单元格，在属性面板“背景颜色”中选择合适的背景色；（2）右击第2行选择“表格→拆分单元格“按钮，将单元格拆分4列；（4）选中第2行所有单元格，在属性面板设置“水平“为”居中对齐“；（5）在第2行单元格中依次输入“网站主页“等；2．（1）将光标定位到表格第2行单元格，右击，选择“表格→插入行或列”命令，设置在当前位置之下插入1行，单击“确定”（2）选择“文件→另存为模板”命令，选择当前站点，输入模板文件名称abc.dwt，单击“保存”按钮；（3）打开abc.dwt，将光标第3行单元格中，选择“插入→模板对象→可编辑区域”命令，输入可编辑区域名称edit，单击“确定”。（4）①打开wy.html，选择“工具→模板→应用模板到页”命令；②选择模板abc.dwt，单击“选定”按钮③弹出“不一致的区域名称”对话框，选择Documentbody<未解析>，在“将内容移到新区域”列表中选择edit；选择Documenthead<未解析>，在“将内容移到新区域”列表中选择head。3．（1）选择“插入→Div”命令，弹出“插入DIV”对话框；（2）在“插入”列表中选择“在插入点”，在ID框中输入qq；（3）单击“新建CSS规则”按钮，打开“新建CSS规则”对话框，单击“确定”；（4）选择“方框”分类项，设置Width、Height为300px，float为left；（5）选择“背景”分类项，设置background-images为images/tx.jpg，backgroud-repeat为no-repeat；单击“确定”返回“插入DIV”对话框，单击“确定”按钮。第3章网页元素的插入和设置2.1文本的输入及属性设置同步练习一、单项选择题1．B 2．C 3．D 4．D 5．C 6．A 7．A 8．B 9．D10．B 11．D 12．D 13．D 14．D 15．A二、简答题1．（1）段落换行：直接按Enter键，生成新的段落，并在两段之间出现一个空行，产生<p></p>标记；（2）换行符换行：按Shift+Ente组合键，不生成新的段落，两行之间不出现空行，产生<br>标记。2．①按【Shift＋Enter】组合键。②选择“插入→HTML→字符→换行符”命令。③在“代码”视图窗口中，输入换行标记<br>。④选择“插入”面板中的“文本”类别，在“字符”下拉菜单中选择“换行符”。3．①选择“插入”面板中的“HTML”类别，在下拉菜单中选择“不换行空格”。②选择“插入→HTML→不换行空格”命令。③按Ctrl＋Shift＋Space组合键。④在“代码”视图窗口中，输入空格代码“ ；”。⑤切换中文输入法为全角状态，按空格键可以输入多个空格。⑥选择“编辑→首选项”命令，在“分类”列表中选择“常规”选项，勾选“允许多个连续的空格”复选框，单击“确定”按钮。4．（1）<title>唐诗欣赏</title>（2）align="center"（3）type="square"（4）</ul>5．（1）光标定位到第1行诗词前面，按Ctrl+Shift+Space键四次插入2个汉字宽度的空格；同样的操作为在第2行诗词前也插入相同的空格。（2）①单击文本属性面板中的“字体”列表按钮，选择“管理字体”命令②选择“自定义字体堆栈”选项卡，在“可用字体”列表中双击楷体，将其添加到“选择的字体”列表中，单击“完成”按钮。③选中文本，在属性面板的字体列表中选择“楷体”。（3）光标定位到“静玉案元夕”后面或下一行，单击“代码”切换到代码视图，输入代码<hrcolor="#333333">。2.2图像、动画的插入及属性设置同步练习一、单项选择题1．C 2．A 3．A 4．A 5．C 6．D 7．C 8．A 9．C10．D 11．D 12．C 13．B 14．D 15．A二、简答题1．（1）选择“插入→Image”命令。（2）单击“插入”面板“HTML→Image”按钮。（3）按Ctrl+Alt+I键2．（1）鼠标经过图像是指在浏览器中当鼠标指针移到一幅图像上时发生变化的图像。鼠标经过图像实际上由两幅图像组成，即初始图像和替换图像。（2）将光标定位到要插入图像的位置，选择“插入→HTML→鼠标经过图像”命令，选择原始图像、鼠标经过图像、替换文本等，单击“确定”。3．（1）裁剪（2）亮度和对比度（3）锐化（4）从源文件更新（5）重新取样4．（1）矩形热点工具：用于在图像中创建矩形区域的热点。（2）圆形热点工具：用于在图像中创建圆形区域的热点。（3）多边形热点工具：选择该工具后，按顺时针或逆时针方向在图像的各个顶点单击鼠标，可以在图像中创建不规则多边形区域的热点。（4）指针热点工具：用于选择图像中不同的热点。5．（1）选择“插入→HTML→FlashSWF”命令，选择banner.swf，单击“确定”；选中刚插入的Flash动画，在属性面板的“Wmode”列表中选择透明。（2）双击表格第三行中的图片，在弹出的对话框中选择tx.jpg，单击“确定”；选中刚插入的图片，在属性面板的“标题”框中输入“美丽山东”。（3）选择“插入→HTML→插件”命令，选择music.mp3，单击“确定”；选中该插件，在属性面板中将“宽”和“高”设置为0。但愿练习题一、单项选择题1．A 2．B 3．C 4．B 5．D 6．B 7．D 8．C 9．C10．C 11．D 12．D 13．A 14．C 15．A 16．A 17．B 18．D19．C 20．D二、简答题1．①选择“插入”面板中的“HTML”类别，在下拉菜单中选择“不换行空格”。②选择“插入→HTML→不换行空格”命令。③按trl＋Shift＋Space组合键。④在“代码”视图窗口中，输入空格代码“ ；”。⑤切换中文输入法为全角状态，按空格键可以输入多个空格。⑥选择菜单“编辑→首选项”命令，在“常规”选项中，勾选“允许多个连续的空格”复选框，单击“确定”。2．（1）段落换行：直接按Enter键，生成新的段落，并在两段之间出现一个空行，产生<p></p>标记；（2）换行符换行：按Shift+Ente组合键，不生成新的段落，两行之间不出现空行，产生<br>标记。3．（1）支持GIF，PNG，JPEG图像格式（2）插入图像方法：①选择“插入→image”命令。②单击“插入”面板“HTML”类别中的“image”按钮。③按Ctrl＋Alt＋I键。4．（1）鼠标经过图像是指当鼠标指针移到一幅图像上时发生变化的图像。（2）由两幅图像组成，即初始图像和替换图像。（3）选择“插入”→“HTML”→“鼠标经过图像”命令，设置原始图像、鼠标经过图像、替换文本等属性，单击“确定”。5．（1）允许在一个文件中存放多幅图像，当多幅相关图像连续播放时，可以产生动画效果；（2）支持透明背景显示；（3）GIF格式的文件较小，适合于网络传输，最多只能使用256种颜色；（4）主要用于按钮、图标、徽标、网页背景等具有统一色彩和色调的图像。6．（1）JPEG格式支持24位真彩色；（2）采用有损压缩的方式，可以高效压缩图片并能保持图像的颜色画质基本不丢失，普遍用于存储颜色丰富的的图像；（3）特别适合在网络上发布照片。7．（1）矩形热点工具：用于在图像中创建矩形区域的热点。（2）圆形热点工具：用于在图像中创建圆形区域的热点。（3）多边形热点工具：选择该工具后，按顺时针或逆时针方向在图像的各个顶点单击鼠标，可以在图像中创建不规则多边形区域的热点。（4）指针热点工具：用于选择图像中不同的热点。三、操作题1．（1）默认的中文字体为宋体（2）①单击文本属性面板中的“字体”列表按钮，选择“管理字体”命令②选择“自定义字体堆栈”选项卡，在“可用字体”列表中双击华文中宋，将其添加到“选择的字体”列表中，单击“完成”按钮。③选中文本，在属性面板的字体列表中选择“华文中宋”。2．（1）光标定位在最新动态下面的正文文本前，按Ctrl+Shift+Space键四次。（2）光标定位到图片新闻下面的空白单元格，选择“插入→Image”命令，选择图片tx.jpg，单击“确定”。（3）光标定位到第1行单元格，选择“插入→HTML→FlashSWF”或按Ctrl＋Alt＋F键，选择FLASH动画文件dh.swf，单击“确定”。选中刚插入的Flash动画，在属性面板的“Wmode”列表中选择透明。3．方法1：单击文档工具栏的“代码”按钮进入“代码”视图，在<head>和</head>之间的任意位置添加以下代码：<bgsoundsrc=”sound/music.mp3”loop=”-1”>。方法2：选择“插入→HTML→插件”命令，在打开的对话框中选择music.mp3，单击“确定”按钮，选择插件占位符，直接在属性面板中将其宽度和高度的值设为0。4．（1）不可以，因为有些浏览器不支持中文命名。解决方法：将“明天会更好.mp3”重命名为英文文件名。（2）将光标定位到网页中，选择“插入→HTML→插件”命令插入重命名后的音频文件，单击“确定”按钮，选中音频插件，在属性面板中将其宽度和高度的值设为0。第4章超链接、行为4.1超链接的插入同步练习一、单项选择题1．B 2．A 3．C 4．A 5． C 6．A 7．A 8．D 9．C10．C 11．A 12．C 13．B 14．C 15．A二、简答题1．根据链接使用的对象不同，可将超链接分为：文本链接、图像链接、电子邮件链接、空链接、文件下载链接、脚本链接等。2．链接路径可以分为三种：绝对路径、相对路径和根路径。（1）绝对路径；绝对路径是指链接目标对象的完整路径。（2）相对路径：相对路径是以当前文件所在位置为起点，到被链接文件经由的路径。（3）根路径：根路径是从站点的根文件夹到文档的路径。3．（1）相对路径是以当前文件所在位置为起点，到被链接文件经由的路径。（2）当要链接到同一站点文件夹中的文件时，或者说是建立内部链接时，一般使用相对路径。（3）①要链接到同一目录下的文件，只需输入要链接文件的名称。②要链接到下级目录中的文件，需先输入目录名，然后加“/”，再输入文件名。③要链接到上一级目录中的文件，则先输入“../”，再输入文件名。4．（1）_blank：将链接的文档在一个未命名的新浏览器窗口中打开，原来打开的窗口不变。（2）new：将链接的文档始终在同一个新的浏览器窗口中打开。（3）_parent：将链接的文档在该链接所在框架的父级框架或父级窗口中打开。（4）_self：将链接的文档在当前浏览器窗口中打开。该目标是系统默认项。（5）_top：将链接的文档在整个浏览器窗口中打开，会删除所有框架5．（1）选择“首页”，单击属性面板“链接”框后的浏览按钮选择index.html，在“目标”列表中选择_blank；（2）选择“留言板”，在属性面板的“链接”框中输入mailto:liuyanban@126.com；（3）选择“网页设计与制作”教材图片，在属性面板的“链接”框中输入web2.html#dw；（4）选择“返回顶部”，在属性面板的“链接”框中输入#；（5）选择“关闭网页”，在属性面板的“链接”框中输入javascript:window.close()。6．（1）选择“文件→新建→新建文档→HTML”，打开“新建文档”对话框，输入网页标题为“杭州亚运吉祥物”，单击“创建”按钮，按Ctrl+S键保存网页到index.html。（2）光标定位到网页中，选择“插入→Image”命令插入tx.jpg；（3）选择图片，单击属性面板上“矩形热点工具”为“琮琮”图像创建一个热点选区，选中该热点，单击属性面板“链接”框后的浏览按钮选择1.html；同样的操作，为“莲莲”和“宸宸”创建热点，分别链接到2.html和3.html。7．（1）①<imgsrc"images/213.jpg">②<ahref="other/web1.html"target="_blank">新闻</a>③<ahref="mailto:abc@126.com">联系我们</a>（2）①<imgsrc="../images/2321.jpg">②<ahref="../default.html">主页</a>4.2行为的应用同步练习一、单项选择题1．B 2．D 3．A 4．B 5．B 6．B 7．B 8．C 9．D10．C 11．C 12．A 13．D 14．D 15．B二、简答题1．（1）行为是Dreamweaver预置的JavaScript程序库。（2）每个行为包括一个动作和一个事件，其中，事件是指引发动作产生的条件，即触发动态效果的原因。动作是指事件发生后计算机系统执行的一个动作，即最终完成的动态效果。2．（1）在页面上选择一个元素；（2）选择“窗口→行为”命令打开行为面板，单击“行为”面板上的“添加行为”按钮，弹出动作菜单；（3）从动作菜单中选择一种动作，弹出相应的参数设置对话框，进行参数设置后，单击“确定”按钮；（4）在“事件”列表中选择一种事件。3．①在标签选择器中选择<body>标签；②按<Shift+F4>快捷键打开“行为”面板；③单击“添加行为”按钮选择“打开浏览器窗口”，单击“浏览”按钮，选择gongyi.html；④设置事件为onLoad。4．（1）选中图片，单击“行为”面板上的“添加行为”按钮（2）选择“交换图像”命令，在弹出的“交换图像”对话框中将tp2.jpg设置为交换图像，勾选“鼠标滑开时恢复图像”复选框，单击“确定”按钮；（3）将生成的“恢复交换图像”和“交换图像”两个行为的事件分别设置为onMouseOut、onMouseOver。5．（1）onLoad：载入对象时触发。（2）onClick：鼠标单击时触发。（3）onDblClick：鼠标双击时触发。（4）onMouseDown：按下鼠标左键时触发。（5）onMouseUp：鼠标左键按下后释放时触发6．（1）选中“提交”按钮，打开行为面板，单击“添加行为”按钮选择“检查表单”命令，弹出“检查表单”对话框；（2）选中姓名对应的文本字段名称，在“值”中勾选“必须的”复选框；（3）选中密码对应的文本字段名称，在“可接受的”区域中选中“数字”单选按钮；（4）选择E-mail对应的文本字段名称，在“可接受的”区域中选中“电子邮件地址”；（5）设置“事件”为“Onclick”。7．（1）Shift+F4（2）<body>（3）OnLoad（4）可以8．（1）预先载入图像（2）操作步骤：①在标签选择器中选择<body>标签，打开“行为”面板②单击“添加行为”按钮选择“预先载入图像”，单击“浏览”按钮，选择123.jpg③设置事件为onLoad但愿练习题一、单项选择题1．A 2．C 3．C 4．B 5．C 6．D 7．B 8．D 9．B10．B 11．A 12．B 13．B 14．C 15．A二、简答题1．根据链接使用的对象不同，可将超链接分为：文本链接、图像链接、电子邮件链接、空链接、文件下载链接、脚本链接等。2．链接路径可以分为三种：绝对路径、相对路径和根路径。（1）绝对路径；绝对路径是指链接目标对象的完整路径。（2）相对路径：相对路径是以当前文件所在位置为起点，到被链接文件经由的路径。（3）根相对路径：根相对路径是从站点的根文件夹到文档的路径。3．（1）在页面上选择一个元素；（2）选择“窗口→行为”命令打开行为面板，单击“行为”面板上的“添加行为”按钮，弹出动作菜单；（3）从动作菜单中选择一种动作，弹出相应的参数设置对话框，进行参数设置后，单击“确定”按钮。（4）在“事件”列表中选择一种事件。4．（1）onLoad：载入对象时触发。（2）onClick：鼠标单击时触发。（3）onDblClick：鼠标双击时触发。（4）onMouseDown：按下鼠标左键时触发。（5）onMouseUp：鼠标左键按下后释放时触发三、操作题1．（1）选择“首页”，单击属性面板“链接”框后的浏览按钮选择index.html，在“目标”下拉列表中选择“_blank”；选择“课程练习”，在属性面板的“链接”框中输入/default.html，在“目标”下拉列表中选择“_blank”。（2）选择“在线答疑”，在属性面板的“链接”框中输入mailto:sdzxdy2024001@126.com。（3）右单击页面空白处，选择“页面属性”命令，选择“链接”选项，在“下划线样式”列表中选择“始终无下划线”，单击“确定”。2．（1）①选中图片，单击“行为”面板上的“添加行为”按钮，选择“交换图像”命令；②在弹出的“交换图像”对话框中将tp2.jpg设置为交换图像，勾选“鼠标滑开时恢复图像”复选框，单击“确定”按钮；③将生成的“恢复交换图像”和“交换图像”两个行为的事件分别设置为onMouseOut、onMouseOver。（2）①选择<body>标签，打开“行为”面板，单击“添加行为”按钮选择“弹出信息”；②输入信息“欢迎进入本站点登录页面”，设置事件为onLoad。（3）①选中“登录”按钮，打开行为面板，单击“添加行为”按钮选择“检查表单”命令，弹出“检查表单”对话框；②选中手机号对应的文本字段名称，在“值”中勾选“必须的”复选框；选中密码对应的文本字段名称在“值”中勾选“必须的”复选框③设置“事件”为“Onclick”。3．（1）选择“游在苏州”，单击属性面板“链接”后的浏览按钮选择sz.html；选择“历史沿革”，在属性面板的“链接”框中输入#（2）单击<body>选择整个网页；打开“行为”面板，单击“添加行为”按钮，选择“弹出信息”命令；输入内容“欢迎光临苏州”，单击“确定”按钮；在事件列表中选择OnLoad。（3）选中图片；打开“行为”面板，单击“添加行为”按钮，选择“效果→shake”命令；设置方向、时间、次数等，单击“确定”按钮；在事件列表中选择OnMouseover。（4）右单击页面空白处，选择“页面属性”命令；选择“链接”选项，在“下划线样式”列表中选择“仅在变化图像时显示下划线”；将“链接颜色”、“活动链接”、“已访问过链接”的颜色设置为黑色；将“变换图像时链接”颜色设置为红色，单击“确定”。第5章CSS样式5.1CSS样式的应用同步练习一、单项选择题1．A 2．B 3．A 4．B 5．D 6．B 7．B 8．A 9．B10．D 11．A 12．B 13．B 14．B 15．A二、简答题1．（1）Shift+F11 （1分）（2）源 （1分）@媒体 （1分）选择器 （1分）属性 （1分）2．CSS是一种用来表现HTML文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力3．（1）选择“窗口→CSS设计器”命令打开CSS设计器；（2）单击“添加CSS源”按钮，选择“在页面中定义”选项（3）单击“添加选择器”按钮，输入样式名称.style01（4）image-url后的浏览按钮选择tx1.jpg（5）设置background-repeat为no-repeat4．（1）文本颜色为#FF0000（2）文本字体为黑体（3）文本大小14px（4）行高30px（5）居中对齐5．（1）①选择“窗口→CSS设计器”命令打开CSS设计器；②单击“添加CSS源”按钮，选择“创建新的CSS文件”选项，输入文件名style.css，单击“确定”按钮；③单击“添加选择器”按钮，输入样式名称.abc；④选择.abc样式，单击“添加CSS属性”按钮，选择“文本”选项，设置font-size为16px，link-height为20px；（2）选择“华信教育资源网”，在属性面板的“类”列表中选择样式abc。但愿练习题一、单项选择题1．D 2．B 3．B 4．D 5．C 6．B 7．A 8．D 9．B10．A 11．A 12．C 13．A 14．B 15．B二、简答题1．（1）选择“窗口”→“CSS样式”命令。（2）按Shift+F11键。（3）单击“属性”面板上的“CSS设计器”按钮。2．（1）设置元素的定位方法（2）包括静态（static）、绝对（absolute）、固定（fixed）和相对（relative）三、操作题1．（1）选择“窗口→CSS设计器”命令打开CSS设计器；（2）单击“添加CSS源”按钮，选择“创建新的CSS文件”选项，输入文件名style.css，单击“确定”；（3）单击“添加选择器”按钮，输入样式名称.a1；（4）选择.a1样式，单击“添加CSS属性”按钮，选择“布局”选项，设置width和height为300px，margin为10px；（5）选择“背景”选项，设置background-color为#E4DDDD。2．（1）启动Dreamweaver，选择“文件→新建”命令，选择“新建文档→HTML文档”，单击“创建”按钮新建网页文件；（2）在设计视图中选择“插入→Div”命令插入一个Div并输入文本内容：“一起向未来TogetherforaSharedFuture”；（3）选择“窗口→CSS设计器”命令打开CSS样式面板，单击“添加CSS源”按钮，选择“在页面中定义”选项；（4）单击“添加选择器”按钮，输入样式名称.yj，选择.yj样式，单击“添加CSS属性”按钮，设置样式如下：border-radius:50px50px50px50px;background-image:#8CE2E9;width:260px;height:120px;（5）选择Div，在属性面板的Class列表中选择yj；（6）选择“文件→保存”命令，保存网页到default.html文件。第6章表单的应用6.1表单的应用同步练习一、单项选择题1．D 2．A 3．C 4．A 5．B 6．C 7．D 8．A 9．B10．D 11．C 12．D 13．C 14．A 15．A二、简答题1．（1）表单是Internet用户和服务器之间进行信息交流的一种重要工具，它将用户信息收集起来并提交给Web服务器上特定的程序进行处理。（2）一个完整的表单由两部分组成，表单对象和应用程序表单对象就是HTML源代码，起描述作用；应用程序是服务器和客户端的交互，通过它们实现对用户信息的处理。2．（1）表单标签：包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。（2）表单域：包含了文本段、密码、复选框等表单元素。（3）表单按钮：包括提交按钮、重置按钮和普通按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。3．（1）默认：默认的发送方法。一般情况下，浏览器采用的是GET方法。（2）POST：将发送的数据嵌入HTTP请求中，可以发送大量的数据，安全性比较高。（3）GET：将发送的数据附加到URL地