《网页设计与制作项目化教程》习题参考答案
项目一 网页设计概述
1.填空题
(1)需求分析、规划站点结构、收集素材、设计制作网站网页、开发动态网站功能模块、申请域名和服务器空间、发布与维护网站和推广网站
(2)页面标题、网站标志、页眉、导航栏、主内容区和页脚
(3)“国”字型、“厂”字型、“框架”型、“封面”型和Flash型
(4)搜索功能、留言板、新闻信息发布系统和在线购物
2.略
项目二 Dreamweaver CS3简介
1.填空题
(1)Adobe公司
(2)设计者、代码编写者
(3)标题栏、菜单栏、工具栏、文档窗口、状态栏、属性面板和控制面板
(4)代码视图、拆分视图、设计视图
sap开发语言(5)Ctrl+S、Ctrl+W
2. 略
项目三 创建与管理网站
1.html会员登录页面代码填空题
(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.填空题
dw怎么制作网页(1)行、单元格
(2)ctrl+alt+t
(3)默认、顶部、底部、左、右
(4)按字母排序、按数字排序
2.简答题
(1)首先,网页的布局很复杂,在最外层需要有一个表格控制总体布局。由于表格中同一行单元格的高度是一致的、同一列单元格的宽度是一致的,这时一些内部布局的细节也通过总表格来实现,容易引起行高列宽等的冲突,给表格制作带来困难。
其次,浏览器在解析网页的时候,是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套,表格非常复杂,浏览者要等待很长时间才能看到网页的内容。
出于这些原因,引入嵌套表格。由总表格负责整体的布局,由嵌套的表格负责各个子栏目的布局,并插入到总表格的相应位置中。这样一来各司其职,互不冲突。
(2)将product.txt文件中的表格导入Dreamweaver中。选择【文件】菜单,选择【导入】,单击【表格式数据】,打开【导入表格式数据】对话框,设置相关参数,【数据文件】为的文件路径,【分解符】为Tab,其他参数为默认参数,点击【确定】完成导入数据操作
任务三 完善表格布局
1.填空题
(1)表格中单元格内对象与单元格边框的距离、表格中单元格之间的距离
(2)单元格内的元素在单元格内垂直方向上的位置
顶端(top)、居中(middle)、底部(bottom)、基线(baseline)
2.简答题
表格布局的一般步骤是:根据由外向里、由整体到局部、自上而下、从左往右的原则依次创建表格、设置表格属性。
1)先创建外层表格,控制整个页面布局,设置表格及相关单元格的属性
2)根据需要操作表格进行拆分、合并操作
3)根据需要嵌套表格,并设置嵌套表格及相关单元格的属性
任务四 表格源代码
1.编程题
<table width="551" height="174" border="1" cellpadding="0" cellspacing="2" bordercolor="#304A2F">
<tr>
<td height="45" colspan="5" align="center" bgcolor="#CCFECB">手机信息</td>
</tr>
<tr>
<td width="80" rowspan="4" align="center">热门手机</td>
<td width="120" height="30" align="center">产品编号</td>
<td width="120" align="center">产品名称</td>
<td width="140" align="center">产品型号</td>
phpstudy怎么让别人也能访问 <td align="center">价格</td>
</tr>
<tr>
<td height="30" align="center">NO.001</td>
<td align="center">苹果</td>
<td align="center">Iphone4(8G)</td>
<td align="center">3500</td>
</tr>
<tr>
<td height="30" align="center">NO.002</td>
<td align="center">HTC</td>
<td align="center">G20</td>
<td align="center">2350</td>
</tr>
<tr>
<td height="30" align="center">NO.003</td>
<td align="center">三星</td>
<td align="center">Galaxy siii</td>
<td align="center">4000</td>
</tr>
</table>
项目五 录入页面元素
任务一 插入图像单项选择题
1.选择题
(1)D (2)A
2.填空题
(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)文本录入方法:
●在网页中输入普通文本的方法与在其他文字处理软件中的输入方法相同,切换到自己熟悉的输入法并定位插入点后,直接输入所需的内容即可。
●2、可以直接将在word中编辑的文档或在excel中编辑的表格导入到Dreamweaver中,然后对其进行编辑和修改。
文本编辑方法:
选中需要编辑的文本,通过属性面板或文本菜单即可实现对文本的编辑。
(2)有三种方法:
●ctrl+shift+空格键
●代码视图输入&符号,DW即可提示出所有字符插入的列表,下拉选择即可。
●选择顶部菜单【插入】-【HTML】-【特殊字符】-【不换行空格】
任务三 录入多媒体元素
1.单项选择题
(1)D (2)B
2.填空题
(1)属性
(2)MIDI WAV AIF MP3 RA、RAM、RPM
3.问答题
(1)音频格式:MIDI(乐器数字接口)格式、WAV格式、AIF格式、MP3格式、RA/RAM/RPM格式、QTM和MOV格式。
视频格式:QuickTime视频影像文件和ActiveX插件。
(2)单击【插入】工具栏【媒体】类别的中相应用的媒体按钮或插件按钮,即可在当前页面中插入相应的媒体对象或插件,选中插入的媒体对象或插件,通过【属性】面板设置对象的属性后即可。
任务四 制作超链接
1.单项选择题
(1)A (2)D (3)C
2.填空题
(1)4 (2)_blank (3)锚链接 创建锚记 链接锚记
3.问答题
(1)绝对路径是包含服务器协议的完全路径,是一种与源地址文件无关的路径形式。 文档相对的路径是指与当前文档所在的文件夹相对的路径,它使用源地址文件和目标地址文件之间的 位置来表示路径,只要整个站点的结构和文件的位置不变,改变站点的路径不会
影响路径的正确性。 根目录相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头,它代表站点根文件夹。
(2)在为锚记命名时,必须遵循以下3条规则:
●锚记名称的第1个字符最好是英文字母,一般不要以数字作为开头;
concludes●锚记名称区别英文字母的大小写;
●锚记名称间不能含有空格也不能含有特殊字符。
(3)目前JAVA在网页中的应用越来越广泛,有一些JavaScript事件是有链接的,但并不是针对文本、图像或其他某一个对象的,而且也不需要关闭当前页面,这时需要通过空链接来实现。如设为首页或添加收藏特效的实现。
任务五 页面元素源代码
1.单项选择题
(1)B (2)C (3)B (4)C (5)C (6)A (7)B
2.uniform的音标填空题
(1)<font color=’red’>文字</font>
(2)boder
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论