1、第 1 页 共 11 页网页设计与制作项目化教程习题参考答案项目一 网页设计概述1.填空题(1)需求分析、规划站点结构、收集素材、设计制作网站网页、开发动态网站功能模块、申请域名和服务器空间、发布与维护网站和推广网站(2)页面标题、网站标志、页眉、导航栏、主内容区和页脚(3)“国”字型、“厂”字型、“框架”型、“封面”型和 Flash型(4)搜索功能、留言板、新闻信息发布系统和在线购物2.略项目二 Dreamweaver CS3 简介1.填空题(1)Adobe 公司(2)设计者、代码编写者(3)标题栏、菜单栏、工具栏、文档窗口、状态栏、属性面板和控制面板(4)代码视图、拆分视图、设计视图(5)
2、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、了修改的难度。（3）作为布局的表格，表格线边框宽度一般设为 0，单元格间距设为 0，单元格填充距设为 0。外表格宽度一般使用固定的像素值，嵌套的表格宽度可使用百分比，这样嵌套表格的宽度就能随被嵌套单元格宽度的变化而变化。任务二 利用表格布局页面1.填空题（1）行、单元格（2）ctrl+alt+t（3）默认、顶部、底部、左、右（4）按字母排序、按数字排序2.简答题（1）首先，网页的布局很复杂，在最外层需要有一个表格控制总体布局。由于表格中同一行单元格的高度是一致的、同一列单元格的宽度是一致的，这时一些内部布局的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格制作带来困难。 其次，浏览器在
4、解析网页的时候，是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套，表格非常复杂，浏览者要等待很长时间才能看到网页的内容。 出于这些原因，引入嵌套表格。由总表格负责整体的布局，由嵌套的表格负责各个子栏目的布局，并插入到总表格的相应位置中。这样一来各司其职，互不冲突。（2）将 product.txt 文件中的表格导入 Dreamweaver 中。选择【文件】菜单，选择【导入】 ，单击【表格式数据】 ，打开【导入表格式数据】对话框，设置相关参数， 【数据文件】为product.txt 的文件路径， 【分解符】为 Tab，其他参数为默认参数，点击【确定】完成导入数据操作任务三 完善表格布局1.
5、填空题（1）表格中单元格内对象与单元格边框的距离、表格中单元格之间的距离（2）单元格内的元素在单元格内垂直方向上的位置顶端（top） 、居中（middle） 、底部（ bottom） 、基线（baseline）2.简答题表格布局的一般步骤是：根据由外向里、由整体到局部、自上而下、从左往右的原则依次创建表格、设置表格属性。1）先创建外层表格，控制整个页面布局，设置表格及相关单元格的属性2）根据需要操作表格进行拆分、合并操作3）根据需要嵌套表格，并设置嵌套表格及相关单元格的属性任务四 表格源代码1.编程题手机信息第 3 页 共 11 页热门手机产品编号产品名称产品型号价格NO.001苹果Iphon
6、e4（8G）3500NO.002HTCG202350NO.003三星Galaxy siii4000项目五 录入页面元素任务一 插入图像单项选择题1选择题（1）D （2）A2填空题（1）GIF JPEG PNG （2）主图像 次图像（3）LZW（4）图像占位符3问答题（1）在网页中如何用文字来代替插入的图像？使用图像的（即 Img 标签）alt 属性。（2）什么是图像占位符？如何使用图像占位符？图像占位符是在准备好将最终图形添加到网页之前使用的图形，而不是在浏览器中最终显示的图形图像。在文档窗口中将插入点入放置在要插入占位符图形的位置后，单击【插入】工具栏第 4 页 共 11 页【常用】类别中的
7、【图像】按钮右边的箭头，从弹出菜单中选择【图像占位符】命令，或者选择【插入】|【图像占位符 】命令，弹出【图像占位符】对话框，为图像占位符设置大小和颜色，并指定文本标签，然后单击【确定】按钮，即可在文档中插入一个具有指定属性的图像占位符。在发布站点之前，应该用适用于网页的图形文件替换所有添加的图像占位符。替换图像占位符的方法是：在文档窗口中双击图像占位符，或者单击图像占位符，然后在属性检查器中单击【源文件】文本框旁边的文件夹图标，弹出【选择图像源文件】对话框，选择要用于替换图像占位符的图像。单击【确定】按钮后，选定图像即出现在文档中。（3）为什么要设置图像映射？通过图像映射可以在图像的不同区域
8、设置多个链接目标，这样，浏览者单击图像中的不同区域时，将会转到不同的链接目标。任务二 录入文本1.单项选择题（1）A （2）C 2填空题（1）自动换行 硬换行 软换行（2）左对齐 右对齐 居中对齐 分散对齐（3）存储时自动更新（4）shift+enter(5) 项目列表 编号列表 目录列表3问答题（1）文本录入方法： 在网页中输入普通文本的方法与在其他文字处理软件中的输入方法相同，切换到自己熟悉的输入法并定位插入点后，直接输入所需的内容即可。 2、可以直接将在 word 中编辑的文档或在 excel 中编辑的表格导入到 Dreamweaver中，然后对其进行编辑和修改。文本编辑方法：选中需要编
9、辑的文本，通过属性面板或文本菜单即可实现对文本的编辑。（2）有三种方法： ctrl+shift+空格键 代码视图输入link、:visited、:hover、:active第 7 页 共 11 页（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）浮动的元素框可以向左或向右移动
10、，直到它的外边缘碰到包含框或另一个浮动框的边框为止。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)如何向页面中添加库项目
11、？答：插入库项目的方法有两种，一种是直接将要使用的库项目拖到文档中需要插入的地方，第 8 页 共 11 页另一种方法是将光标放置在文档中需要插入库项目的地方，然后选择需要的库项目并单击库面板底部的“插入”按钮。任务二 制作网站二级页面模板1单项选择题(1)B (2)C (3)B (4)C (5)C2填空题(1)可编辑区域和锁定区域 可编辑区域 锁定区域(2)可编辑区域(3)资源(4)不可编辑区域 可编辑区域(5)Templates3问答题(1)怎样创建模板和编辑模板？答：创建模板的方法有四种。 创建模板方法一(1)单击菜单【文件】/【新建】 ， “新建文档”对话框。(2)新建类型中选择“空模板
12、” ，选择合适的模板类型和布局。单击“创建”按钮。 创建模板方法二单击资源面板中模板面板右下方的新建按钮，新的模板显示在面板中， 在“Untitled”处输入模板名称后，双击可进行编辑。 创建模板方法三单击菜单【插入记录】/【模板对象】/【创建模板】 。 创建模板方法四编辑一个普通页面，然后单击菜单【文件】/【另存为】 ，将保存类型选为“模板文件” ，单击“保存” 。编辑模板的方法在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的 Edit、编辑完成后保存。(2)什么是模板？使用模板有哪些好处？答：模板是作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些
13、元素可以编辑。其扩展名为.dwt。使用模板有利于保持网页风格的一致；提高工作效率。 (3)如何应用模板？答：将模板应用于已有网页的方法有：方法一：打开要应用模板的网页，打开模板面板，右击要应用的模板，在弹出菜单中选择“应用” 。方法二：打开要应用模板的网页，选择菜单【修改】/【模板】/【应用模板到页】 。第 9 页 共 11 页项目九 使用 Dreamweaver实现网页特效任务 应用 Dreamweaver内置行为1单项选择题(1)D (2)D (3)A (4)D (5)C2填空题(1)Javascript代码 (2)事件 动作 (3)动作 动作(4)Shift+F4 (5)onMouseD
14、own (6)打开浏览器窗口 3问答题(1)什么是行为？行为面板提供了哪些功能？答：行为就是某个事件和由该事件触发的动作的组合。行为面板主要包含以下功能：1是显示设置事件：显示添加到当前网页的行为事件。2是显示所有事件：显示所有可能的行为事件，按照字母降序排列。详见表 9-1。3是添加行为：通过点击“+” ，可以为选定的页面元素添加行为。Dreamweaver 提供的行为有多种，详见表 9-2。4是删除行为：通过点击“-” ，可以删除选定的行为。5是向上移动行为。6是向下移动行为。(2)举例说明怎么给网页对象添加行为？答：添加行为的步骤：1) 在页面上选择一个元素，可以使一个图像，也可以是一个
15、表格。 2) 选择菜单【窗口】/【行为】命令，打开行为面板。 3) 单击加号 (+) 按钮并从“动作”菜单中选择一个动作。 其中菜单中呈灰色的动作是不可选择。4) 在出现的对话框中为该动作输入参数，然后单击“确定”。 5) 触发该动作的默认事件显示在“事件”列中。如果这不是所需的触发事件，可以从“事件”弹出菜单中选择其它事件。项目十 网站的发布与管理任务一 网站的发布1单项选择题(1)A (2)C (3)B (4)D (5)D2填空题(1)测试站点兼容性(2)链接 验证标记(3)站点遮盖。3问答题(1)什么是远程站点？答：远程站点就是存储于 Internet 服务器上的站点和相关文档(2)发布
16、网站前要进行哪些测试？怎么测试？答：对一个已经完成制作的站点进行测试，主要需要做以下几项工作：第 10 页 共 11 页1) 测试站点的兼容性2) 检查站点的链接3) 测试站点的下载速度4) 创建站点报告测试浏览器兼容性的步骤：1 打开站点，打开站点中的主页 2单击菜单【文件】/【检查页】/【浏览器兼容性】3 显示“浏览器兼容性检查”面板检查站点链接的步骤：1 打开站点，打开站点主页 2单击菜单【站点】/【检查站点范围的链接】 ，或者按“Ctrl+F8”组合键 3显示“链接检查器”面板。默认显示“断掉的链接” ，可以看出本站点没有链接错误测试下载速度的步骤：1 设置连接速度，一般有 7个选项：
17、14.4、28.8、33.6、56、64、128、1500（kb/s） ，其中 14.4最慢，1500 最快，用户一般可设置为 56。点击【编辑】/【首选参数】 ，在“首选参数”对话框中选择“状态栏”分类，将连接速度设置为 56；2 在网页状态栏中查看网页下载时间。生成站点报告的步骤：1 点击菜单【站点】/【报告】 ，打开“报告”对话框 2根据需要进行选择 3点击“运行”按钮，在浏览器中打开一个新窗口，显示报告内容。(3)怎样申请网站空间和域名？它们的功能是什么？答:申请网站空间和域名的方法略网站空间是用来存放网站内容的空间。域名是与网络上的数字型 IP 地址相对应的字符型地址，用来对网站进行
18、访问。(4)利用 Dreamweaver怎样上传网站？答：步骤如下：1) 打开站点，在“文件”面板中选择“连接到远端主机” 。2) 连接到远端主机后，选择“文件”面板中的“展开以显示本地和远端站点” 。3) 在本地和远端站点展开图中，把远端站点中的文件全部删除，然后选中本地文件中要上传的网站文件，点击上传按钮，进行上传。4) 完成发布后，在浏览器中输入域名，即可对网站进行访问了。任务二 网站的管理1单项选择题(1)B (2)D (3)A2填空题(1)图形 结构 链接(2)备注 _notes3问答题(1)怎么设置站点同步？答：设置站点文件同步的步骤如下：1) 打开站点，在“文件”面板下单击同步按钮，打开“同步文件”对话框。进行适当设置，在“同步”下拉列表中选择“整个站点”选项，在“方向”下拉列表中选择“放置较新的文件到远程”选项，单击“预览”按钮。2) Dreamweaver检查站点中每个文件将要执行的操作。打开 Synchronize对话框（同步对话框） ，单击“确定”按钮，完成文件同步。
