《网页设计与制作 》教材答案-清华大学出版社 陈学平著.docx

习题11 .填空题(1)建设网站的准备工作分为：了解服务群体、确定网站的主题、_画出结构草图和确定网站整体命名规则等4个步骤。(2)命名规则一般遵循3个原则：汉语拼音、一英文缩写、.英文原义.2 .选择LC3 .D4 .简答题1答：文本、图象、动画、超链接、表格、衩濒、音乐、表单和各类控件等。2.答网页设计师最常用到的软件是PS(PhotoShop)、dreamweaverFLASH0PS：一款专业的图像处理软件，通过它可以制作网页的界面和按钮等。DreamWeaVer:网页静态布局设计软件。FLASH：完成二维动画的软件，可以完成片头动画，或整个FLASH网站。网页制作工具，有dreamweaver记事本、sublime_text3等网页美化工具：有PS,FLASH,CSS33答。HTML5与HTML4相比发生了以下变化：(1)新的文档类型声明(DTD)(2)新增的HTML5标签(3)删除的HTML标签(4)重新定义的HTML标签(5)崭新的页面布局第2章L填空题(1)在MacromediaDreamweaverCC2017中提供了本地站点、远程站点和测试服务器文件夹3类站点。(2)站点项目的放置方式有2种。一种是整个站点只建立一个图象文件夹，一个模板文件夹，一个动画文件夹整个站点的相应文件保存在相应的文件夹中，另一种是在每个子栏目中分别建立各自的图像、动画、模板等文件夹，各栏目中的图像、动画、模板分别存在各自栏目的文件夹中(3)站点窗口工具条上的上图标表示连接到远程主机按钮,目图标表示展开和显示本地或远程站点按钮.C图标表示刷新按钮。2 .判断题(1)本地站点的创建和管理主要在站点窗口中进行。(对)(2)单击“取出文件”按钮可以对从远程服务器向本地站点传递的文件作标记，以表明该文件是从服务器上获得的。(对)(3)选择“编辑”“页面属性”菜单命令可打开“页面属性”对话框。(错)3 .问答题(I)简述在DreamweaverCC2017中创建站点的方法。创建站点的具体操作步骤如下。(1)执行“站点”I“新建站点”命令，弹出”站点设置对象”对话框，在对话框中站点名称后面的文本框中输入输入站点的名称。(2)在“本地站点根文件夹”后面的文本框，通过浏览按钮选择“本地站点”，如"F:DWCC2O17w,其中这个文件夹是我们在建立站点前，在硬盘上创建的。(3)单击左侧的“服务器”选项，在出现的对话框中单击“+”按钮，在弹出的对话框中，服务器的名称，可以不用更改，保持默认。在“连接方法”后面的下拉菜单中选择“本地网络”。(4)在“服务器文件夹”后面的文本框中，通过浏览按钮选择前面我们创建的本地站点"F:DWCC2017”,然后以上选择完成后，在“WebURL”后面的文本框中输入http:/127.0.0.1:99/注意：我们一般在“WebURL”后面的文本框中输入http"/IOCaIhost/即本地主机，也可以输入http127.0.0.1/即本地网卡的网络地址。(5)切换到“高级”选项，在“服务器模型”后面的下拉菜单中有可以选择的网站类型，我们可以选择ASPVBSCriPt,ASP.NETC#,也可以选择JSRPHPMySQL,这四种网站类型，要注意的是我们同一个网站在此处只需要选择一种类型。(6)设置完成后，我们单击“保存”，回到“站点设置”对话框，此时就完成了站点的创建。(2)简述显示站点窗口的方法。通过站点窗口，文件，即可以显示站点文件夹(3)如何进行站点结构规划？规划站点结构包括以下三方面内容：(1)归类站点内容首先需要整理一下自己站点页面的内容，然后对其进行分类。一般把相关的网页放在同一个文件夹中。采用这样的分类归纳以后，整个网站的层次一目然，使管理维护更加方便容易。(2)项目放置的位置站点中除了基本的网页文件外，通常还包括图像、动画、模板文件等许多资源，也应该对这些内容进行分类，并采用有效的方式进行存储，这样有利于更好的管理和使用资源。(3)本地站点与远程站点的统一为了便于对本地站点和远程站点的管理，应该将本地站点和远程站点的结构统一，即保持结构一致。当做好网站并上传到远程站点时，就能清楚地知道远程站点的结构，而不需要上网查询。第3章答案1 .填空题(I)列表有无序列表、有序列表和自定义列表()3种。如果是DW,自定义列表可以写为嵌套列表(2)段落对齐有左对齐、右对齐、居中对齐和两端对齐4种方式。2 .判断题(1) DreamweaverCC2017中只能进行无格式文本粘贴。(错)(2) 对水平线进行颜色设置后只能在浏览器中才能看到颜色显示效果。(对)3 .问答题(1)如何在Web页面中添加多个空格？1 .插入不换行空格插入不换行空格，可执行如下操作之一。(1)在“插入”I“HTML”下面的“不换行空格”，即可插入不换行空格。(2)将输入法切换到全角状态再按空格键。以上几种方法都可以插入不换行空格。2 .设置添加不换行空格的参数设置添加不换行空格的参数，具体操作如下。(1)选择“编辑”I“首选项”菜单命令。(2)在“分类”列表的“常规”选项中选中“允许多个连续的空格”免选框。(3)单击“确定”按钮保存即可。注意：经过设置后，则可以直接按空格键就可以插入连续的不换行空格(2)如何添加和删除字体列表项中的字体种类？在“文本''属性面板中，选择“字体”下拉列表中的“管理字体”选项，打开“管理字体”对话框，切换到“自定义字体堆栈”对话框中，选择我们需要添加的字体，这时可以在“可用字体”列表框中选择需要的字体，然后单击因按钮将其所选字体添加到左侧的“选择的字体”列表中。如果不想要“选择的字体”列表中的某种字体，可以选中该字体，然后单击因按钮将其删除(3)如何更改字体列表的顺序？如果要调整“字体列表”中各项的排列顺序，可以选中要调整的字体列表，然后单击人按钮进行移动。第4章答案L填空题(1)用于网页的图像格式有GIF,JPEG,PNG、和3种。(2)在DreamweaverCC2017中插入图像的方法主要有直接插入法和图像占位符两种两种。(3)默认情况下图像的对齐方式为对齐。(4) “图像”属性面板中的图标是一矩形工具,可用于绘制矩形热区。(5)导航条项目一般有1.鼠标经过2.鼠标按下3.鼠标松开4.鼠标离开、和4种状态。2.判断题(I)PNG格式的图像是GlF图像格式和JPEG图像格式的综合应用。(对)(2)图像只能作为网页的内容而不可以作为网页的背景。(错)(3)GlF图像格式是第一个支持网页的图像文件。(对)(4)可以拖动图像四周的控制点来调整图像的大小。(对)3.问答题(1)如何设置鼠标经过图像？答(1)在“文档”窗口中，将插入点放置在要显示鼠标经过图像的位置。(2)选择“插入"I“HTML”I“鼠标经过图像"菜单命令，如图4-17所示。(3)执行以上操作后将打开“插入鼠标经过图像”对话框，在该对话框中完成各项参数的设置操作。(4)设置完成后，单击“确定”按钮关闭“插入鼠标经过图像”对话框.(5)按F12键在IE浏览器中预览。当鼠标指针移过原始图像时将显示鼠标经过图像(2)如何创建导航条？答，第一种如果只插入文本，则直接定义好表格，输入文字即可，如果要插入鼠标经过变化的导航条，则可以按插入鼠标经过图象的方法插入，只是要先做好小的导航图标。(3)如何在网页中插入图象？直接在需要插入图象的地方，通过插入命令进行插入，(1)将光标定位到要插入图像的位置(文本、层或表格中)。(2)选择“插入"I“Image”菜单命令，打开“选择图像源文件”对话框，然后选择图片插入。也可以在HTML代码下面通过编写代码来插入。<imgsrc=',XXXXX.jpg"alt="鼠标移上去显示的文字”/>其中的XXXXX.jpg就是图片(4)如何插入表格的图象背景？举例说明如下Background这个就是背景图片的代码。<tableborder="l"background="XXXXXjpgn><tr>< td>第一<td>< td>第二<td><tr><tr>< td>第三<td>< td>第四<td><tr><table>这是一个两行两列的表格在表格中插入了一张背景图片。第5章L填空题1 1)嵌套表格是在一个表格的单元格中再插入的表格。(2)合并表格的单元格的步骤是用鼠标选择表格的单元格，然后选择属性面板中的合并按钮即可0(3)选择完整的一行或列，然后按del健可以删除该行或列。2 .问答题(1)设置表格或单元格宽度时用到的像素和百分比有何区别？像素是绝对值的大小，百分比，是相对于其他网页的可视界面或者外围的表格而言。(2)如何设置表格的边框？答，可以选择表格。然后在表格的属性面板中设置，第二种是通过在代码视图下面修改border的值来设置边框。(3)如何选取整个表格或单元格？通过鼠标拖动选择。第6章答案1、你所知道的链接的种类有哪些？答：空链接，文本链接，图片链接、音乐、视频链接等2、如何设置文本的链接？答，选择文本，通过属性面板中的浏览按钮选择链接的文件即可。也可以直接在HTML中代码设置链接。3、如何设置图象的热点区域链接？答，首先需要插入一张图片，然后单击图片，在图片属性面板中的左下角有几个图标就是设置热点区域的按钮，其中有矩形热点工具、圆形热点工具、多边形热点工具，此处可以选择矩形热点工具(后面我们将用到圆形热点工具)，选择矩形热点工具后，在需要设置热点链接的图片区域上，即在此图片的各个地区上用鼠标托动形成热点区域，如选择“重庆”，然后在图片属性面板的链接文本框后面的浏览按钮进行选择链接文件即可。4、如何设置锚点链接？答锚点链接是一般是指链接到同一个网页的不同位置,一般适合于页面较长的网页和左右框架式网页。选择好图片或文字，然后输入#1,#2等然后在需要跳转的地方输入相关的内容，然后在内容的旁边选择“插入”“命名锚记”即可以插入命名锚记，然后单击已经插入的命名锚记,会出现“命名锚记”属性面板，在面板中的“命名锚记”的名称栏内输入与前面设置好的#1,#2等相对应的数字即可如输入1,那么单击#就会跳转到1的这个区域。5、如何设置图象浏览链接？答选择“插入”“图象”即可插入图片,插入图片后,单击插入的图片在图片“属性”面板中设置每张图片的宽度和高度，此时可以是缩略小图，然后在图片的属性面板中设置链接，选择图片的链接，可以设置图片的原图大小，然后，浏览就会实现图片的浏览。6、如何设置MP3下载链接？选中文本“下载”，在“属性”面板中在链接栏中直接输入MP3歌曲的路径,也可以通过浏览图标台来选择MP3歌曲的下载路径,单击链接浏览图标后，出现选择文件对话框,在该对话框中选择“好男人.mp3”后单击“确定”按钮,又回到属性面板中，在属性面板的链接栏内出现了歌曲的下载链接。7、如何设置空链接？答，方法一：1 .在文档窗口中，选中要设置链接的文本、图像或其他对象。2 .在属性面板的链接文本框中，输入3个“旷号方法二：1 .在文档窗口中，选中要设置链接的文本、图像或其他对象。2 .在属性面板的链接文本框中，输入“javascrit:;”7、如何设置电子电子邮件链接？答1 .构建EmaiI链接的基本方法在DreamWeaVerCC2017中，有两种构建Email链接的方法。方法一：2 .将插入点放置到要添加EnIaiI链接的地方，或是选中要设置为Email链接的文字。3 .打开“插入”菜单，选择“HTML”“电子邮件链接”选项，这时会出现对话框。在文本框中输入链接文字。如果事先选中了文字，则这些文字会出现在该文本框中。在E-Mail文本框中输入收件人的Email地址。设置完毕，单击“确定”按钮，确认操作。第二种方法直接利用属性面板上的链接文本框，可以更加快捷地构建EInaiI链接。在文档窗口中，选中要设置链接的文本、图像或其他对象。在属性面板的链接文本框中，输入“mailto："，并在其后输入收件人Email的地址8、如何设置加入收藏夹和设置为默认主页的链接？答收藏链接单击收藏链接，可以将当前页面添加到浏览器的收藏夹中，即将当前网页的地址添加到自己的书签中。该操作等同于打开浏览器的“收藏”菜单，选择“添加到收藏夹“选项。也可以在构建收藏链接时，精确设置书签的名称和对应的URL地址。设置默认主页链接单击设置默认主页链接，可以将当前页面的地址设置为浏览器的默认主页。下次启动浏览器时即可直接访问该页。另外，在任何时候，直接单击浏览器工具栏上的“主页”按钮，也可访问该页。第7章1 .填空题(1)模板是一种具有固定格式的Web页面文件。(2)在Dreamweaver模板中通过标记可编辑区域和锁定区域来和来设置站点中各页面的风格统一区域。2 .问答题(1)创建模板的方法是什么？将现有的网页另存为模板创建空白模板(2)如何利用模板创建新文档？答可以通过现有模板选择、预览和创建新文档，可以使用“新建文档”对话框从Dreamweavercc2017定义的任何站点中选择模板，也可以使用“资源”面板从现有模板创建新的文档。第8章答案1 .如何启动表单的菜单？答“表单”位于主菜单“插入”中,当鼠标移动到“插入”主菜单“表单”子菜单上,会显示“表单”的下一级子菜单。单击即可插入2 .表单菜单中有哪些子菜单？各自的功能是怎样的？答l(I)M(T)查找(D)站点(S)(W)帮助(H)ImageCtrl+Alt+I飒P)两E)TableCtrl+Alt+TAgure项目列表(U)编号列表(O)列衰项(L)HyperIink(P)HeaderNavigation(N)MainAsideArticleSectionFooterHTML,*3(h'"：*ffodstrap 组件(B)jQuery MobiIe(J)jQuery UIgZ4(C)-L)最近的代码片断(R)Ctrl+N代码C表单(F)FL双(T)I电子邮件(M)ZSW)：UrI(U) I.(：TeI(T)< 4-E)( < <数字(N): (P范围(G)<<喇C)( <月(H)Q (：周(W)( <： 日期(D)( (时间(M)< (日期时间(D)( (：日期时间(当地)(0)：文本区域(A)( 4(B)<“应蝇(U)( (：,"麒CD( I： 文件(图像按钮(瞪藏(H)< (：演(S)(：单版S(R)( (单选按钮组(G)4 <复选框(C)<：复选框组(K)4 (第9章答案略第10章答案1 .问答题(1)可以设置CSS的哪些属性？答可以设置CSS的文字，图片，文本的显示样式，CSS链接，class和id来为所选元素指定属性，设置margin(外边距)和Padding(内边距)这两个CSS属性来改变元素的显示,CSS的边框样式，CSS的浮动元素(float)2 2）DIV的基本属性如何设置？答div标签内常用属性列表：1、style设置css样式2、align设置div盒子内的内容居中、居左、居右3、id引入外部对应#（井号）选择符号样式4、class引人外部对应.（句号）选择符号样式5xtitle设置div（标题）鼠标经过时显示文字第11章答案略