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

第1页共11页《网页设计与制作项目化教程》习题参考答案项目一网页设计概述1.填空题(1)需求分析、规划站点结构、收集素材、设计制作网站网页、开发动态网站功能模块、申请域名和服务器空间、发布与维护网站和推广网站(2)页面标题、网站标志、页眉、导航栏、主内容区和页脚(3)“国”字型、“厂”字型、“框架”型、“封面”型和Flash型(4)搜索功能、留言板、新闻信息发布系统和在线购物2.略项目二DreamweaverCS3简介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）可以使用嵌套，但一般嵌套不宜超过三层，否则会影响浏览速度，而且在修改表第2页共11页格时，多层嵌套，导致代码过多，增加了修改的难度。（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.编程题tablewidth=551height=174border=1cellpadding=0cellspacing=2bordercolor=#304A2Ftrtdheight=45colspan=5align=centerbgcolor=#CCFECB手机信息/td/trtr第3页共11页tdwidth=80rowspan=4align=center热门手机/tdtdwidth=120height=30align=center产品编号/tdtdwidth=120align=center产品名称/tdtdwidth=140align=center产品型号/tdtdalign=center价格/td/trtrtdheight=30align=centerNO.001/tdtdalign=center苹果/tdtdalign=centerIphone4（8G）/tdtdalign=center3500/td/trtrtdheight=30align=centerNO.002/tdtdalign=centerHTC/tdtdalign=centerG20/tdtdalign=center2350/td/trtrtdheight=30align=centerNO.003/tdtdalign=center三星/tdtdalign=centerGalaxysiii/tdtdalign=center4000/td/tr/table项目五录入页面元素任务一插入图像单项选择题1．选择题（1）D（2）A2．填空题（1）GIFJPEGPNG（2）主图像次图像（3）LZW（4）图像占位符3．问答题（1）在网页中如何用文字来代替插入的图像？使用图像的（即Img标签）alt属性。（2）什么是图像占位符？如何使用图像占位符？图像占位符是在准备好将最终图形添加到网页之前使用的图形，而不是在浏览器中最终显示的图形图像。在文档窗口中将插入点入放置在要插入占位符图形的位置后，单击【插入】工具栏【常用】类别中的【图像】按钮右边的箭头，从弹出菜单中选择【图像占位符】命令，或者选择第4页共11页【插入】|【图像占位符】命令，弹出【图像占位符】对话框，为图像占位符设置大小和颜色，并指定文本标签，然后单击【确定】按钮，即可在文档中插入一个具有指定属性的图像占位符。在发布站点之前，应该用适用于网页的图形文件替换所有添加的图像占位符。替换图像占位符的方法是：在文档窗口中双击图像占位符，或者单击图像占位符，然后在属性检查器中单击【源文件】文本框旁边的文件夹图标，弹出【选择图像源文件】对话框，选择要用于替换图像占位符的图像。单击【确定】按钮后，选定图像即出现在文档中。（3）为什么要设置图像映射？通过图像映射可以在图像的不同区域设置多个链接目标，这样，浏览者单击图像中的不同区域时，将会转到不同的链接目标。任务二录入文本1.单项选择题（1）A（2）C2．填空题（1）自动换行硬换行软换行（2）左对齐右对齐居中对齐分散对齐（3）存储时自动更新（4）shift+enter(5)项目列表编号列表目录列表3．问答题（1）文本录入方法：在网页中输入普通文本的方法与在其他文字处理软件中的输入方法相同，切换到自己熟悉的输入法并定位插入点后，直接输入所需的内容即可。2、可以直接将在word中编辑的文档或在excel中编辑的表格导入到Dreamweaver中，然后对其进行编辑和修改。文本编辑方法：选中需要编辑的文本，通过属性面板或文本菜单即可实现对文本的编辑。（2）有三种方法：ctrl+shift+空格键代码视图输入&符号，DW即可提示出所有字符插入的列表，下拉选择即可。选择顶部菜单【插入】-【HTML】-【特殊字符】-【不换行空格】任务三录入多媒体元素1．单项选择题（1）D（2）B2．填空题（1）属性（2）MIDIWAVAIFMP3RA、RAM、RPM3．问答题（1）音频格式：MIDI（乐器数字接口）格式、WAV格式、AIF格式、MP3格式、RA/RAM/RPM格式、QTM和MOV格式。视频格式：QuickTime视频影像文件和ActiveX插件。（2）单击【插入】工具栏【媒体】类别的中相应用的媒体按钮或插件按钮，即可在当前页第5页共11页面中插入相应的媒体对象或插件，选中插入的媒体对象或插件，通过【属性】面板设置对象的属性后即可。任务四制作超链接1．单项选择题（1）A（2）D（3）C2．填空题（1）4（2）_blank（3）锚链接创建锚记链接锚记3．问答题（1）绝对路径是包含服务器协议的完全路径，是一种与源地址文件无关的路径形式。文档相对的路径是指与当前文档所在的文件夹相对的路径，它使用源地址文件和目标地址文件之间的位置来表示路径，只要整个站点的结构和文件的位置不变，改变站点的路径不会影响路径的正确性。根目录相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，它代表站点根文件夹。（2）在为锚记命名时，必须遵循以下3条规则：锚记名称的第1个字符最好是英文字母，一般不要以数字作为开头；锚记名称区别英文字母的大小写；锚记名称间不能含有空格也不能含有特殊字符。（3）目前JAVA在网页中的应用越来越广泛，有一些JavaScript事件是有链接的，但并不是针对文本、图像或其他某一个对象的，而且也不需要关闭当前页面，这时需要通过空链接来实现。如设为首页或添加收藏特效的实现。任务五页面元素源代码1．单项选择题（1）B（2）C（3）B（4）C（5）C（6）A（7）B2．填空题（1）fontcolor=’red’文字/font（2）boder（3）embed（4）颜色代码项目六利用表单获取用户反馈任务一设计表单1．单项选择题（1）A（2）C（3）D2．填空题（1）提交按钮（2）单行文本域多行文本域密码文本域（3）表单对象和应用程序（4）高度3．问答题（1）有区别。区别在于：列表所占空间比较大，可以一次显示多个选项；而菜单一次只能显示一个选项，想要查看其他选项，则需要展开下拉菜单。（2）通过文件域使用户将其计算机上的文件上传到服务器，前提是要求使用post方法将文第6页共11页件从浏览器传输到服务器。（3）【提交】按钮：单击【插入】工具栏【表单】类别的【按钮】按钮，或者选择【插入】|【表单】|【按钮】命令，弹出【输入标签辅助功能属性】对话框，单击【确定】按钮。【重置】按钮：先创建一个【提交】按钮，然后选择此按钮，在属性检查器中单击【动作】选项组中【重设表单】单选按钮。【普通】按钮：先创建一个【提交】按钮，然后选择此按钮，在属性检查器中选择【无】单先按钮，并在【标签】文本框中输入按钮。任务二表单处理1．问答题（1）单选按钮与复选按钮在表单中是两种不同的表单对象。单选的选项，无论有多少个选择，访问者都只能选择其中一项；复选的选项，访问者可以选择多个选项，甚至可以全部选定。（2）由菜单框变成列表框，并且具有垂直滚动条。（3）Action属性功能是指定处理表单信息的服务器端应用程序。该程序可以是ASP程序，也可以是CGI、PHP等脚本。还可以是用C、VB等编写的动态链接库等程序。项目七利用CSS美化网站任务一创建及应用CSS1．填空题（1）CascadingStyleSheets（2）标签选择器、类选择器、高级选择器（3）.css2．简答题（1）直接引用式：这种方法是将CSS样式直接作用于HTML标签。内部文档引用式：这种方法是CSS样式定义于页面文档的head/head之间，作用的范围是当前的HTML文档。外部文档引用式：这种方式CSS样式定义于CSS样式表文件，要使用其中定义的规则，首先应将CSS样式表附加到页面文档。直接引用式主要用于对具体的标签设置样式，其作用的范围只限于本标签；使用内部文档引用式可以统一设置相同的页面元素的样式，便于设计及修改；外部文档引用式可以重复用于多个不同的页面。（2）标签选择器：网页文档的标签选择器是最基本的选择器。在CSS中，可以对某一具体标签的样式进行重新定义。类选择器：要应用样式而无需考虑具体涉及的元素，最常用的方法就是使用类选择器。在CSS中，类选择器以类名前有一个点号显示。ID选择器：ID选择器可以为标有特定id的HTML元素指定特定的样式，以id前一个#号显示。任务二CSS设计页面文本样式1．填空题（1）;link、:visited、:hover、:activ