网页制作基础教程 （Dreamweaver CC）（第3版） 习题答案

习题答案习题11．网站、网页、主页之间有什么区别与联系？答：网站由网页和支持网页各种效果的程序文件、数据文件、说明文档等文件组成。网页是浏览的主体。主页是特殊的网页，是进入其他网页的索引页。2．用HTML编写一行代码，显示“今天开始学习Dreamweaver”，要求以宋体、16号字、左对齐的方式显示。答：<left><fontface="宋体"><fontsize=16>今天开始学习Dreamweaver</font></font></left>3．静态网页与动态网页在根本上有什么不同？有动态元素的网页就是动态网页吗？答：静态网页是在网站所在服务器上真实存在的。在浏览器中输入网页的网址时，网站服务器就会将该网页下载到浏览器中并打开。动态网页并不是真实存在的，或者不是完整存在的，网页中的一些内容来自数据库等信息源，由相关的网页程序来控制信息显示在模板的什么位置。有动态元素的网页不一定是动态网页。静态网页上可以有一些动态的效果，动态网页上也可以只有一些简单的文字和图片。4．在Dreamweaver中，文档工具栏上有哪些按钮？分别有什么作用？答：文档工具栏上有几种视图之间快速切换的按钮，分别是“代码”按钮、“拆分”按钮和“实时视图”下拉按钮。单击“代码”按钮会在Dreamweaver的文档编辑区显示“代码”视图。单击“拆分”按钮会在Dreamweaver的文档编辑区同时显示“代码”视图和“实时/设计”视图。单击“实时视图”下拉按钮，可以在弹出的下拉列表中进行“实时视图”和“设计”视图之间的切换。5．在Dreamweaver中，如何打开和关闭面板组？答：选择菜单栏中的“窗口”命令，在弹出的下拉菜单中依次选择相应命令，即可打开相应面板组。6．在Dreamweaver中，如何打开和关闭属性检查器？答：选择菜单栏中的“窗口”下的“属性”命令，可以打开属性检查器。单击属性检查器右上角的“X”，可以关闭属性检查器。7．在Dreamweaver中，新建网页的默认扩展名是什么？主页的默认文件名是什么？答：新建网页的默认扩展名是html。主页的默认文件名是index.html。8．网页标题与网页文件名有什么不同？答：网页标题是指浏览该网页时显示在浏览器标题栏中的文字，是网页内容的高度概括，可以是中文也可以是英文。网页文件名一般采用英文和拼音，并且不能太长，因此不容易直观地显示网页的内容。习题21．在编辑网页时，按Enter键和按Shift+Enter组合键在效果上有什么不同？答：按Enter键实施的是分段操作，段与段之间的距离较大，在效果上显得行间距大；按Shift+Enter组合键实施的是换行操作，文字仍处于一个段落，在效果上显得行间距较小。2．属性检查器有哪两种标签？在哪一个标签下可以设置字体和字号？答：属性检查器有“HTML”标签和“CSS”标签，在“CSS”标签下可以设置字体和字号。3．用插入空格的方法实现段首缩进2个字符，插入的代码是什么？用设置段落的方法实现段首缩进2个字符，插入的代码是什么？答：用插入空格的方法实现段首缩进2个字符，插入的代码是“ ”。用设置段落的方法实现段首缩进2个字符，插入的代码是“style="text-indent:2em"”。4．分别在什么情况下使用列表与缩进？答：当需要在网页内逐条显示一些并列的内容时，采用列表的方式。使用缩进可以突出显示文档中的重要的内容，使文字更整齐，处于显眼位置。5．浏览一下Dreamweaver窗口的“代码”视图，写出插入水平线的代码。答：水平线的代码是：<hralign="center"width="480"size="5"color="red">6．互联网上常用的3种图片格式是什么？各自有什么特点？答：互联网上应用最广泛的3种图片格式为GIF格式、JPEG格式和PNG格式。GIF格式的文件体积相对较小，常用于自绘图、图标、按钮、滚动条和背景等；JPEG格式在处理颜色和图形细节方面做得比GIF格式要好，因此在复杂徽标和图片镜像方面的使用更为广泛；PNG格式是一种无损压缩的位图格式，其压缩比高、生成的文件体积小。PNG格式只需下载图像的1/64，就可以在网页中显示一个低分辨率的图片，随着图片信息的不断下载，图片也会越来越清晰。7．在编辑网页时，如果同时设置背景颜色与背景图片，则浏览器会显示哪种？答：同时设置背景颜色与背景图片，浏览器会显示背景图片。习题31．设计网站布局需要考虑哪些因素？答：设计网站布局需要考虑平衡性、对称性、对比性、疏密度、反复性、韵律感以及颜色搭配等因素。2．确定网页风格时需要注意哪几点？答：确定网页风格时需要考虑网站的性质，商业性质的采用鲜艳的色彩吸引浏览者的注意；服务性质的可以简约一些，突出主题和内容；个人网站更具有个性色彩，与众不同和专业是吸引浏览者的关键。3．使用表格进行网页布局的优点是什么？答：使用表格进行网页布局操作简单，可以是让网页中的内容变得整齐，使网页中的各种元素合理、有序地整合在一起。4．使用表格布局网页时，如何将表格隐藏？答：使用表格布局网页时，把表格框线宽度改为0，可以将表格隐藏起来。5．选取表格的方法有哪些？选中单元格的方法有哪些？选中多个单元格的方法有哪些？答：选中表格的方法有四种：1.将鼠标指针移动到表格左上方的外框线上，当鼠标指针变为形状时单击，可以选中整个表格。2.先单击任意一个单元格，再单击Dreamweaver窗口底部的“<table>”标签，可以选中整个表格。3.按住Shift键的同时单击表格中的任意一个单元格，可以选中整个表格。4.先单击任意一个单元格，再选择菜单栏中的“编辑”→“表格”→“选择表格”命令，可以选中整个表格。选中单元格的方法有三种：1.先在单元格中单击，再单击Dreamweaver窗口底部的“<td>”标签，可以选中该单元格。2.先在单元格中单击，再按Ctrl+A组合键，可以选中该单元格。3.先在单元格中单击，再选择菜单栏中的“编辑”→“全选”命令，可以选中该单元格。选中多个单元格的方法有三种：1.在单元格中移动鼠标指针，可以选中多个相邻的单元格。2.在单元格中单击，按住Shift键的同时单击另一个单元格，可以选中以这两个单元格为矩形的多个相邻单元格。3.按住Ctrl键，依次单击多个单元格，可以选中多个不连续的单元格。6．Div的主要作用是什么？答：Div的主要作用是将页面分割为不同的区域，并设定文字、图像和表格的排列方式，通过移动或指定坐标的位置等方式，对文字、图像等元素进行精确定位。7．什么是CSS-P元素？答：CSS-P元素是指使用CSS（层叠样式表）来定义样式和布局的HTML元素，可以让用户更方便地控制网页的外观和行为。8．CSS-P元素的属性检查器中“可见性”下拉列表有哪4个选项？其作用分别是什么？答：CSS-P元素的属性检查器中“可见性”下拉列表有default、inherit、visible、hidden4个选项。其中，default表示不指明元素的可见性；inherit表示继承父元素的可见性；visible表示显示元素及其内容；hidden表示隐藏元素及其内容。习题41．内部超链接、外部超链接和锚记超链接三者有什么不同？答：。内部超链接是指打开的超链接对象在本网站内；外部超链接是指打开的超链接对象在WWW的其他网站内；锚记超链接可以链接到同一网页中的不同位置，又被称为“书签”。2．热区文本的特征是什么？答：将鼠标指针移动到热区文本上时，鼠标指针会变为手形，单击这个超链接会打开另一个网页。3．设置电子邮件超链接时需要在电子邮件地址前面添加什么？答：设置电子邮件超链接时需要在电子邮件地址前面添加mailto:。4．创建图片热区超链接的热区工具在什么位置？答：选中图片，在属性检查器右下角的空白处双击鼠标，展开属性检查器的全部选项，就可以看到热区选取工具。5．如何设置自动更新超链接？答：选择菜单栏中的“编辑”下的“首选项”命令，在弹出的“首选项”对话框的“分类”列表框中选择“常规”选项，单击“文档选项”选项区中的“移动文件时更新链接”右侧的下拉按钮，在弹出的下拉列表中选择“总是”选项，依次单击“应用”按钮和“关闭”按钮，完成设置。当对文件进行移动或改名时，与该文件相关的超链接会自动进行更新。6．如何在Dreamweaver的编辑状态下打开超链接？答：在Dreamweaver的编辑状态下，按住Ctrl键的同时单击超链接，可以打开链接的网页。习题51．CSS在网页制作过程中有什么作用？答：CSS可以控制HTML元素的颜色、字体、字号、元素之间的间距、元素的位置和排列、背景图片或颜色，以及不同设备和屏幕尺寸的显示效果等。2．CSS在网页中以哪3种方式存在？答：CSS样式可以通过3种方式应用到网页中：1.在HTML元素中使用style属性来定义样式的被称为“内联样式”；2.在HTML文档中使用<style>标签来定义样式的被称为“内部样式表”；3.在HTML文档中使用<link>标签或@import指令来引用外部CSS文件的被称为“外部样式表”。3．CSS语法由哪3部分组成？答：CSS的基本语法是由选择器、属性和值组成的。选择器用于指定要应用样式的元素；属性用于指定要修改的特征；值用于指定要使用的具体效果。4．“CSS设计器”面板的“@媒体”窗格有什么作用？答：“@媒体”窗格列出所选源中的全部媒体查询，可以根据不同的设备和屏幕尺寸来调整网页的布局及样式。5．什么是CSS过渡效果？过渡效果的速度由什么决定？答：CSS过渡效果可以实现网页元素不同状态之间的平滑过渡，经常用来制作一些动画效果。过渡效果的速度由“持续时间”决定。6．在设置CSS过渡效果时，延迟的作用是什么？答：在设置CSS过渡效果时，延迟的作用是不会立即出现过渡效果，等待设定时间后才开始出现过渡效果。7．设置CSS规则属性有哪3种途径？答：设置CSS的规则属性有3种方法：1.在“代码”视图中通过直接输入代码来实现，这种方法需要用户非常熟练地掌握各种代码知识；2.在“CSS设计器”面板中通过更改“属性”窗格中的内容来设置；3.通过“CSS规则定义”对话框来实现。8．如何打开“CSS规则定义”对话框？答：在属性检查器中单击“目标规则”右侧的下拉按钮，在弹出的下拉列表中选择“body:hover”选项，最后单击“编辑规则”按钮，可以打开“CSS规则定义”对话框。习题61．Dreamweaver支持哪些格式的音频文件？答：Dreamweaver支持Ogg、WAV、MP3等格式的音频文件。2．如何设置音频自动循环播放？答：选中音频控件，在属性检查器右侧的空白处双击将属性检查器完全打开，勾选“Loop”复选框可以设置音频自动循环播放。3．在设置HTML5视频时，为什么要设置两个Alt源？答：设置两个Alt源，可以当浏览器不支持“源”文本框中的视频文件格式时，播放“Alt源1”视频文件；当浏览器不支持“源”文本框和“Alt源1”文本框中的视频文件格式时，播放“Alt源2”视频文件。4．插入滚动文字的代码是什么？答：插入滚动文字的代码是<marquee>"滚动文字"</marquee>，将需要滚动的文字写入代码并插入网页的合适位置，就可以实现滚动文字效果。5．鼠标指针经过图像能产生什么样的效果？答：鼠标指针经过图像可以实现这样的效果：网页中有一张静态图片，当鼠标指针移动到这张图片上时，该图片会变为另一张图片，用于提醒浏览者这张图片存在超链接，单击图片可以打开其超链接的网页。6．插入日期和时间的作用是什么？答：插入日期和时间，显示制作网页当天的日期和保存网页的时间。此后，在每一次更新网页、保存网页时，该日期和时间都会自动更新。习题71．表单域的作用是什么？答：所有的表单元素都要插入到表单域中，这样所有的信息将得到统一处理。2．常用的表单元素有哪些？答：常用的表单元素有文本、文本区域、单选按钮与单选按钮组、复选框、选择（下拉列表）、按钮、文件域、图像域、隐藏域等。3．文本与文本区域的区别是什么？答：文本是供浏览者输入文字的文本框，文本区域就是多行文本框，可以输入多行文字，在文本框的右侧和下方可以出现滚动条。4．在文本的属性检查器中，Size属性与MaxLength属性的区别是什么？答：）“Size”文本框用于设置文本框的长度，以英文字符个数为基础。“MaxLength”文本框用于指定文本框的最大字符数。5．两个单选按钮与一个单选按钮组（两个单选按钮）有什么区别？答：在一个表单域中只允许一个单选按钮被选中，如果有两个单选按钮，则需要插入两个表单域。每个表单域中可以插入一个单选按钮组，不用插入两个表单域。6．在“选择”表单元素中，如何通过设置同时选择多个选项？答：选中“选择”表单元素后，在属性检查器中勾选“Multiple”复选框，允许用户按住Ctrl键选择多个选项。7．按钮有哪3种类型？答：按钮一共有3种类型：“提交”按钮是将表单资料传送到相应位置；“重置”按钮是将表单资料全部清除，等待重新输入；“无”是常规按钮，可以与其他程序相连，作为打开其他程序的按钮。8．如何提交表单信息？答：将鼠标指针移动到表单域虚线上并单击，选中整个表单域，打开属性检查器，在“Action”文本框中输入“mailto:电子邮件地址”，可以将表单信息将以电子邮件的形式发送给预设的电子邮件地址。习题81．什么是行为？Dreamweaver提供了多少种行为？答：行为是指为了响应网页中的某一事件而采取的一个动作。Dreamweaver提供了包括打开浏览器窗口、调用JavaScript、转到URL、交换图像、恢复交换图像、预先载入图像、弹出信息、设置状态栏文本、设置容器文本、设置文本区域文本、检查插件、改变属性、显示-隐藏元素、跳转表单、跳转表单开始、检查表单等16种行为。2．举例说明，在行为中有哪些常见的事件和动作？答：在行为中常见的事件是鼠标指针的移动、网页的打开与关闭、键盘的使用等；常见的动作有弹出问候语、刷新页面、播放音频、检查用户浏览器等。例如打开网页时，自动弹出友好的问候语供浏览者阅读。3．onMouseDown、onMouseMove、onMouseOut、onMouseOver和onMouseUp分别代表什么含义？答：onMouseDown表示按下鼠标左键（不释放）时触发事件。onMouseMove表示鼠标指针停留在选定元素上时触发事件。onMouseOut表示鼠标指针从元素上