《网页设计与制作项目化教程》习题参考答案.doc

网页设计与制作项目化教程习题参考答案项目一 网页设计概述1.填空题(1)需求分析、规划站点结构、收集素材、设计制作网站网页、开发动态网站功能模块、申请域名和服务器空间、发布与维护网站和推广网站(2)页面标题、网站标志、页眉、导航栏、主内容区和页脚(3)“国”字型、“厂”字型、“框架”型、“封面”型和Flash型(4)搜索功能、留言板、新闻信息发布系统和在线购物2.略项目二 Dreamweaver CS3简介1.填空题(1)Adobe公司(2)设计者、代码编写者(3)标题栏、菜单栏、工具栏、文档窗口、状态栏、属性面板和控制面板(4)代码视图、拆分视图、设计视图(5)Ctrl+S、Ctrl+W2. 略项目三 创建与管理网站1.填空题(1)index.html(2)本地站点和远程站点(3)本地站点(4)上传，下载2.略项目四 利用表格布局网站首页任务一 利用表格规划页面1.填空题(1)“国”字型、拐角型、标题正文型、封面型、混合型。(2)表格布局、DIV+CSS布局、框架布局DIV+CSS布局(3)0、0、0(4)3(5)固定的像素值、百分比2.问答题表格布局注意事项有：（1）不要把整个网页当成一个大表格，尽量使用分块。（2）可以使用嵌套，但一般嵌套不宜超过三层，否则会影响浏览速度，而且在修改表格时，多层嵌套，导致代码过多，增加了修改的难度。（3）作为布局的表格，表格线边框宽度一般设为0，单元格间距设为0，单元格填充距设为0。外表格宽度一般使用固定的像素值，嵌套的表格宽度可使用百分比，这样嵌套表格的宽度就能随被嵌套单元格宽度的变化而变化。任务二 利用表格布局页面1.填空题（1）行、单元格（2）ctrl+alt+t（3）默认、顶部、底部、左、右（4）按字母排序、按数字排序2.简答题（1）首先，网页的布局很复杂，在最外层需要有一个表格控制总体布局。由于表格中同一行单元格的高度是一致的、同一列单元格的宽度是一致的，这时一些内部布局的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格制作带来困难。 其次，浏览器在解析网页的时候，是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套，表格非常复杂，浏览者要等待很长时间才能看到网页的内容。 出于这些原因，引入嵌套表格。由总表格负责整体的布局，由嵌套的表格负责各个子栏目的布局，并插入到总表格的相应位置中。这样一来各司其职，互不冲突。（2）将product.txt文件中的表格导入Dreamweaver中。选择【文件】菜单，选择【导入】，单击【表格式数据】，打开【导入表格式数据】对话框，设置相关参数，【数据文件】为product.txt的文件路径，【分解符】为Tab，其他参数为默认参数，点击【确定】完成导入数据操作任务三 完善表格布局1.填空题（1）表格中单元格内对象与单元格边框的距离、表格中单元格之间的距离（2）单元格内的元素在单元格内垂直方向上的位置顶端（top）、居中（middle）、底部（bottom）、基线（baseline）2.简答题表格布局的一般步骤是：根据由外向里、由整体到局部、自上而下、从左往右的原则依次创建表格、设置表格属性。1）先创建外层表格，控制整个页面布局，设置表格及相关单元格的属性2）根据需要操作表格进行拆分、合并操作3）根据需要嵌套表格，并设置嵌套表格及相关单元格的属性任务四 表格源代码1.编程题 手机信息 热门手机 产品编号 产品名称 产品型号 价格 NO.001 苹果 Iphone4（8G） 3500 NO.002 HTC G20 2350 NO.003 三星 Galaxy siii 4000 项目五 录入页面元素任务一 插入图像单项选择题1选择题（1）D （2）A2填空题（1）GIF JPEG PNG （2）主图像 次图像（3）LZW（4）图像占位符3问答题（1）在网页中如何用文字来代替插入的图像？使用图像的（即Img标签）alt属性。（2）什么是图像占位符？如何使用图像占位符？图像占位符是在准备好将最终图形添加到网页之前使用的图形，而不是在浏览器中最终显示的图形图像。 在文档窗口中将插入点入放置在要插入占位符图形的位置后，单击【插入】工具栏【常用】类别中的【图像】按钮右边的箭头，从弹出菜单中选择【图像占位符】命令，或者选择【插入】|【图像占位符】命令，弹出【图像占位符】对话框，为图像占位符设置大小和颜色，并指定文本标签，然后单击【确定】按钮，即可在文档中插入一个具有指定属性的图像占位符。在发布站点之前，应该用适用于网页的图形文件替换所有添加的图像占位符。替换图像占位符的方法是：在文档窗口中双击图像占位符，或者单击图像占位符，然后在属性检查器中单击【源文件】文本框旁边的文件夹图标，弹出【选择图像源文件】对话框，选择要用于替换图像占位符的图像。单击【确定】按钮后，选定图像即出现在文档中。（3）为什么要设置图像映射？ 通过图像映射可以在图像的不同区域设置多个链接目标，这样，浏览者单击图像中的不同区域时，将会转到不同的链接目标。任务二 录入文本1.单项选择题（1）A （2）C 2填空题（1）自动换行 硬换行 软换行（2）左对齐 右对齐 居中对齐 分散对齐（3）存储时自动更新（4）shift+enter (5) 项目列表 编号列表 目录列表3问答题（1）文本录入方法：l 在网页中输入普通文本的方法与在其他文字处理软件中的输入方法相同，切换到自己熟悉的输入法并定位插入点后，直接输入所需的内容即可。l 2、可以直接将在word中编辑的文档或在excel中编辑的表格导入到Dreamweaver中，然后对其进行编辑和修改。文本编辑方法：选中需要编辑的文本，通过属性面板或文本菜单即可实现对文本的编辑。（2） 有三种方法：l ctrl+shift+空格键l 代码视图输入&符号，DW即可提示出所有字符插入的列表，下拉选择即可。l 选择顶部菜单【插入】-【HTML】-【特殊字符】-【不换行空格】任务三 录入多媒体元素1 单项选择题（1） D （2）B2 填空题（1）属性（2）MIDI WAV AIF MP3 RA、RAM、RPM3问答题（1）音频格式：MIDI（乐器数字接口）格式、WAV格式、AIF格式、MP3格式、RA/RAM/RPM格式、QTM和MOV格式。 视频格式：QuickTime视频影像文件和ActiveX插件。（2） 单击【插入】工具栏【媒体】类别的中相应用的媒体按钮或插件按钮，即可在当前页面中插入相应的媒体对象或插件，选中插入的媒体对象或插件，通过【属性】面板设置对象的属性后即可。任务四 制作超链接1单项选择题（1）A （2）D （3）C2填空题（1）4 （2）_blank （3）锚链接 创建锚记 链接锚记3问答题（1）绝对路径是包含服务器协议的完全路径，是一种与源地址文件无关的路径形式。 文档相对的路径是指与当前文档所在的文件夹相对的路径，它使用源地址文件和目标地址文件之间的 位置来表示路径，只要整个站点的结构和文件的位置不变，改变站点的路径不会影响路径的正确性。 根目录相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，它代表站点根文件夹。 （2）在为锚记命名时，必须遵循以下3条规则：l 锚记名称的第1个字符最好是英文字母，一般不要以数字作为开头；l 锚记名称区别英文字母的大小写；l 锚记名称间不能含有空格也不能含有特殊字符。（3）目前JAVA在网页中的应用越来越广泛，有一些JavaScript事件是有链接的，但并不是针对文本、图像或其他某一个对象的，而且也不需要关闭当前页面，这时需要通过空链接来实现。如设为首页或添加收藏特效的实现。任务五 页面元素源代码1 单项选择题（1）B （2）C （3）B （4）C （5）C （6）A （7）B2填空题（1）文字（2）boder（3）embed（4）颜色代码 项目六 利用表单获取用户反馈任务一 设计表单1单项选择题（1）A （2）C （3）D2填空题（1）提交按钮（2）单行文本域 多行文本域 密码文本域（3）表单对象和应用程序（4）高度 3问答题（1）有区别。区别在于：列表所占空间比较大，可以一次显示多个选项；而菜单一次只能显示一个选项，想要查看其他选项，则需要展开下拉菜单。（2） 通过文件域使用户将其计算机上的文件上传到服务器，前提是要求使用post方法将文件从浏览器传输到服务器。（3） 【提交】按钮：单击【插入】工具栏【表单】类别的【按钮】按钮，或者选择【插入】|【表单】|【按钮】命令，弹出【输入标签辅助功能属性】对话框，单击【确定】按钮。 【重置】按钮：先创建一个【提交】按钮，然后选择此按钮，在属性检查器中单击【动作】选项组中【重设表单】单选按钮。 【普通】按钮：先创建一个【提交】按钮，然后选择此按钮，在属性检查器中选择【无】单先按钮，并在【标签】文本框中输入按钮。任务二 表单处理1问答题（1）单选按钮与复选按钮在表单中是两种不同的表单对象。单选的选项，无论有多少个选择，访问者都只能选择其中一项；复选的选项，访问者可以选择多个选项，甚至可以全部选定。（2）由菜单框变成列表框，并且具有垂直滚动条。（3）Action属性功能是指定处理表单信息的服务器端应用程序。该程序可以是ASP程序，也可以是CGI、PHP等脚本。还可以是用C、VB等编写的动态链接库等程序。项目七 利用CSS美化网站任务一 创建及应用CSS1填空题（1）Cascading Style Sheets（2）标签选择器、类选择器、高级选择器（3）.css2简答题（1）直接引用式：这种方法是将CSS样式直接作用于HTML标签。内部文档引用式：这种方法是CSS样式定义于页面文档的之间，作用的范围是当前的HTML文档。 外部文档引用式：这种方式CSS样式定义于CSS样式表文件，要使用其中定义的规则，首先应将CSS样式表附加到页面文档。 直接引用式主要用于对具体的标签设置样式，其作用的范围只限于本标签；使用内部文档引用式可以统一设置相同的页面元素的样式，便于设计及修改；外部文档引用式可以重复用于多个不同的页面。（2）标签选择器：网页文档的标签选择器是最基本的选择器。在CSS中，可以对某一具体标签的样式进行重新定义。 类选择器：要应用样式而无需考虑具体涉及的元素，最常用的方法就是使用类选择器。在 CSS 中，类选择器以类名前有一个点号显示。ID选择器：ID选择器可以为标有特定 id 的 HTML 元素指定特定的样式，以id前一个#号显示。任务二 CSS设计页面文本样式1填空题（1）;link、:visited、:hover、:active（2）color（3）text-decoration:none;2选择题（1）B（2）B（3）B任务三 CSS样式设计页面背景1填空题（1）background-color（2）重复、不重复、横向重复、纵向重复（3）background-position2选择题（1）B（2）D任务四 利用CSS样式控制页面元素位置1填空题（1）margin、padding（2）浮动的元素框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。2选择题（1）C（2）A任务五 CSS样式设计页面元素边框1填空题（1）border（2）线条样式、颜色、粗细2选择题（1）C（2）A项目八 利用库和模板制作网站二级页面任务一 利用库制作网站页首和页脚1单项选择题(1)C(2)A(3)C(4)A2填空题(1)文本 图像 表格 (2)Library(3)不能。(4)更新3问答题(1)什么是库？怎样创建库项目？答：库可以用来存放Web站点中经常重复使用的网页元素，如图像、文本和其他对象等。创建库项目的方法有两种：直接新建库项目和把已有页面元素转换为库项目。(2)如何向页面中添加库项目？答：插入库项目的方法有两种，一种是直接将要使用的库项目拖到文档中需要插入的地方，另一种方法是将光标放置在文档中需要插入库项目的地方，然后选择需要的库项目并单击库面板底部的“插入”按钮。任务二 制作网站二级页面模板1单项选择题(1)B(2)C(3)B(4)C(5)C2填空题(1)可编辑区域和锁定区域可编辑区域锁定区域(2)可编辑区域(3)资源(4)不可编辑区域 可编辑区域(5)Templates3问答题(1)怎样创建模板和编辑模板？答：创建模板的方法有四种。l 创建模板方法一(1)单击菜单【文件】/【新建】， “新建文档”对话框。(2)新建类型中选择“空模板”，选择合适的模板类型和布局。单击“创建”按钮。l 创建模板方法二单击资源面板中模板面板右下方的新建按钮，新的模板显示在面板中， 在“Untitled”处输入模板名称后，双击可进行编辑。l 创建模板方法三单击菜单【插入记录】/【模板对象】/【创建模板】。l 创建模板方法四编辑一个普通页面，然后单击菜单【文件】/【另存为】，将保存类型选为“模板文件”，单击“保存”。编辑模板的方法在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存。(2)什么是模板？使用模板有哪些好处？答：模板是作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。使用模板有利于保持网页风格的一致；提高工作效率。 (3)如何应用模板？答：将模板应用于已有网页的方法有：方法一：打开要应用模板的网页，打开模板面板，右击要应用的模板，在弹出菜单中选择“应用”。方法二：打开要应用模板的网页，选择菜单【修改】/【模板】/【应用模板到页】。项目九 使用Dreamweaver实现网页特效任务 应用Dreamweaver内置行为1单项选择题(1)D(2)D(3)A(4)D(5)C2填空题(1)Javascript代码(2)事件 动作(3)动作 动作(4)Shift+F4(5)onMouseDown(6)打开浏览器窗口 3问答题(1)什么是行为？行为面板提供了哪些功能？答：行为就是某个事件和由该事件触发的动作的组合。行为面板主要包含以下功能：1是显示设置事件：显示添加到当前网页的行为事件。2是显示所有事件：显示所有可能的行为事件，按照字母降序排列。详见表9-1。3是添加行为：通过点击“+”，可以为选定的页面元素添加行为。Dreamweaver提供的行为有多种，详见表9-2。4是删除行为：通过点击“-”，可以删除选定的行为。5是向上移动行为。6是向下移动行为。(2)举例说明怎么给网页对象添加行为？答：添加行为的步骤：1) 在页面上选择一个元素，可以使一个图像，也可以是一个表格。 2) 选择菜单【窗口】/【行为】命令，打开行为面板。 3) 单击加号 (+) 按钮并从“动作”菜单中选择一个动作。 其中菜单中呈灰色的动作是不可选择。4) 在出现的对话框中为该动作输入参数，然后单击“确定”。 5) 触发该动作的默认事件显示在“事件”列中。如果这不是所需的触发事件，可以从“事件”弹出菜单中选择其它事件。项目十 网站的发布与管理任务一 网站的发布1单项选择题(1)A(2)C(3)B(4)D(5)D2填空题(1)测试站点兼容性(2)链接验证标记(3)站点遮盖。3问答题(1)什么是远程站点？答：远程站点就是存储于Internet服务器上的站点和相关文档(2)发布网站前要进行哪些测试？怎么测试？答：对一个已经完成制作的站点进行测试，主要需要做以下几项工作：1) 测试站点的兼容性2) 检查站点的链接3) 测试站点的下载速度4) 创建站点报告测试浏览器兼容性的步骤：1打开站点，打开站点中的主页2单击菜单【文件】/【检查页】/【浏览器兼容性】3显示“浏览器兼容性检查”面板检查站点链接的步骤：1打开站点，打开站点主页2单击菜单【站点】/【检查站点范围的链接】，或者按“Ctrl+F8”组合键3显示“链接检查器”面板。默认显示“断掉的链接”，可以看出本站点没有链接错误测试下载速度的步骤：1设置连接速度，一般有7个选项：14.4、28.8、33.6、56、64、128、1500（kb/s），其中14.4最慢，1500最快，用户一般可设置为56。点击【编辑】/【首选参数】，在“首选参数”对话框中选择“状态栏”分类，将连接速度设置为56；2在网页状态栏中查看网页下载时间。生成站点报告的步骤：1点击菜单【站点】/【报告】，打开“报告”对话框2根据需要进行选择3点击“运行”按钮，在浏览器中打开一个新窗口，显示报告内容。(3)怎样申请网站空间和域名？它们的功能是什么？答:申请网站空间和域名的方法略网站空间是用来存放网站内容的空间。域名是与网络上的数字型IP地址相对应的字符型地址，用来对网站进行访问。(4)利用Dreamweaver怎样上传网站？答：步骤如下：1) 打开站点，在“文件”面板中选择“连接到远端主机”。2) 连接到远端主机后，选择“文件”面板中的“展开以显示本地和远端站点”。3) 在本地和远端站点展开图中，把远端站点中的文件全部删除，然后选中本地文件中要上传的网站文件，点击上传按钮，进行上传。4) 完成发布后，在浏览器中输入域名，即可对网站进行访问了。任务二 网站的管理1单项选择题(1)B(2)D(3)A2填空题(1)图形结构链接(2)备注_notes3问答题(1)怎么设置站点同步？答：设置站点文件同步的步骤如下：1) 打开站点，在“文件”面板下单击同步按钮，打开“同步文件”对话框。进行适当设置，在“同步”下拉列表中选择“整个站点”选项，在“方向”下拉列表中选择“放置较新的文件到远程”选项，单击“预览”按钮。2) Dreamweaver检查站点中每个文件将要执行的操作。打开Synchronize对话框（同步对话框），单击“确定”按钮，完成文件同步。(2)什么是站点地图?作用是什么？答：站点地图是一个非常理想的站点结构管理工具。站点地图从站点主页开始显示站点结构，它将站点中的页面显示为图标，并按出现的顺序来显示链接。通过站点地图，用户可以选择网页、打开网页进行编辑，也可以向站点中添加新网页、创建文件间的链接以及更改网页标题。(3)设计备注的作用是什么？答：利用设计备注就可以对站点和站点中的文件进行备注，这样用户就可以很快了解文件的内容了。第 11 页 共 11 页