网页设计与制作各章习题及答案.docx

1、网页设计与制作各章习题及答案网页设计与制作各章习题及答案第1章习题1. 填空题(1) WWW服务于_1990_年由设立在欧洲瑞士的粒子物理研究中心开发研制出来。(2) WWW是_Word Wide Web_的缩写，其含义是_“全球网”_，很多人又形象地称其为_“万维网”_。(3) 现在网页基本可以分为_静态_和_动态_两大类网页。(4) 对于网站，我们通常又称作_站点_(5) HTML是Hypertext Markup Language 的缩写，意思为_超文本标记语言_。(6) marquee代码的作用_实现标记中的内容在页面移动的效果_(7) HTML源代码包括_头_和_正文_两大部分(8)

2、 CuteFTP是一种基于_Ftp_的数据交换软件。(9) CuteFTP有很多功能，如_断点续传_、_自动登陆_等，是上传、维护、更新网站必不可少的工具软件。(10) Flash是网络上最为流行的_矢量_动画制作软件。(11) 网页的主要组成元素有_文本_、_图片_、_多媒体_、_超链接_和_脚本_五种。(12) 与网站设计相关的软件主要有_Dreamweaver_、_Photoshop_、_Flash_和_CuteFTP_。(13) _和_是Web页的第一个和最后一个标记符，Web页的其他所有内容都位于这两个标记符之间。2. 选择题(1) 下面哪些文件属于静态网页（ C ）A. abc.a

3、sp B. abc.doc C. abc.htm D. abc.jsp(2) 下面哪些不是网页编辑软件（ B ）A. Dreamweaver B. CuteFTP C. Word D. Flash(3) 下面哪些文件不是网站的主页（ C ）A. index.html B. Default.jsp C. index1.htm D. Default.php(4) DreamweaverMX是哪家公司的产品 （ D ）A. Adobe B. Corel C. Microsoft D. Macromedia(5) 网页元素不包括：（ C）A. 文字 B. 图片 C. 界面 D. 视频(6) 下列哪种软

4、件是用于网页排版的。（ C ）A. Flash MX B. Photoshop7.0 C. Dreamweaver MX D. CuteFTP(7) 文本被做成超链接后，鼠标移到文本，光标会变成什么形状（A）A. 手形 B. 十字形 C. 向右的箭头 D. 没变化(8) 下面关于超链接说法错误的是（C）A. 超链接包括超文本链接和超媒体链接两大类B. 超文本链接可以链接所有类型的文件C. 超媒体链接只能链接各类多媒体文件D. 超链接不仅可以用于网页，还可以用于其他各类文档(9) 下面哪些不属于网页的多媒体元素（D）A. 音频 B. 视频 C. 动画 D. 图片(10) 下面关于HTML语言说法

5、错误的是（C）A. HTML的意思是“超文本标记语言”B. HTML是用于编写网页的统一的语言规范C. 我们经常用记事本编写网页D. 网页的头标记是Head3. 问答题(1) 什么是WWW服务？答：WWW是“World Wide Web”的缩写，其含义是“全球网”。是以超文本传输协议为基础，提供面向Internet的信息查询服务，WWW服务可以让用户能用统一界面的信息浏览系统查询Internet上的各类信息。(2) WWW服务的工作原理是什么？用户浏览器服务器1服务器2超文本访问访问反馈请求答：WWW在服务上采用的是客户机/服务器模式，信息资源以一种用超文本语言(Hypertext Langu

6、age)编写的Web页形式存储在Web服务器中，这些Web页面信息既能同时存放在同一台Web服务器上，也能分开存放在不同的Web服务器上，页面之间通过一种称为超链接的方式相互连接起来。用户在用特定的Web客户端程序（浏览器）访问WWW服务器上的信息页面时，还可以通过Web页上的超文本链接很方便的访问到其他Web页面资源，而不用关心该页面与上一页面是在同一服务器上还是在不同服务器上。 (3) 什么是超文本链接？什么是超媒体链接？答：超文本链接是利用超文本在Web页面之间进行跳转，所谓超文本（Hypertext）是在普通文本中包含了可以链接到其他文本的特殊文字，一般在表现形式上又不同于其他文本。超

7、媒体链接是在图象、动画中加入链接信息，通过超媒体，你可以从一张图片或动画链接到其他的文字、图片或动画等媒体上。(4) 静态网页和动态网页有何不同？答：静态网页与动态网页的区别在于网页是否具有应用程序解释器和后台数据库支持，而不是指网页是否具有动感效果。使用了应用程序解释器和后台数据库的，我们称为动态网页，反之为静态网页。(5) 网页有哪些基本元素？答：文本、图片、多媒体、超链接和脚本五种(6) JPG格式图片和gif格式图片有什么区别？答：GIF采用无损压缩的方式，图像没有细节上的损失，并且解压打开的速度非常快。同时GIF图像还支持透明背景，放在网页中能够和网页背景很好的融合，结合的像一个整体

8、，视觉效果非常协调。另外，GIF还支持动态效果，通过专门的软件（如GIF Animator）可以制作出动态的GIF图像，使网页效果更为生动。但GIF最多支持256种颜色，不适合照片、风景画等颜色丰富的素材的压缩。JPEG使用先进的压缩算法，使文件比GIF格式的图像文件小，因而下载速度更快。JPEG支持高达1670万种颜色，非常适于存储颜色丰富的画面，如风景画、照片等。(7) HTML是什么意思？它是一种什么样的语言？答：HTML是Hypertext Markup Language 的缩写，意思为“超文本标记语言”。HTML是用于编写网页的统一的语言规范。只有采用HTML制作的网页，浏览器才能正

9、确地阅读和运行。(8) HTML最常用的标记有哪些？答： 4. 操作题(1) 阅读DreamweaverMX的帮助文件，了解超链接的形式和使用(2) 用记事本编辑了一个IE标题栏显示“欢迎大家访问！”，网页内容是“我会努力学习网页制作技术！”“我一定能制作出精美的网页！”答： 欢迎大家访问 “我会努力学习网页制作技术”“我一定能制作出精美的网页” (3) 在上一题基础上，让第一行文字从左到右移动，第二行文字在网页中来回快速移动。答： 欢迎大家访问 “我会努力学习网页制作技术”“我一定能制作出精美的网页” (4) 再在上一题的基础上，给第一行滚动的文字加上黄色背景，给第二行滚动的文字加上红色前景

10、。答： 欢迎大家访问 “我会努力学习网页制作技术”“我一定能制作出精美的网页” 第2章习题1. 填空题(1) 网站首页的文件名是固定的，一般是_index_或_default_，其他页面可以自由命名，但首页一定要是标准名称。(2) “查找链接”用于检查文件的链接关系，共有两个下拉菜单，从中可以选择是检查一个文件夹还是检查整个站点，_断掉的链接_表示检查中断的链接；_外部链接表示检查外部的链接；_孤立文件_表示检查站点内的孤立的文件。(3) 若要设置页面的属性，可以在页面的任何一个空白位置单击鼠标右键，在弹出的快捷菜单中，选择_“页面属性”_命令，弹出“页面属性”对话框，也可以按快捷键_CTRL

11、+J_打开该对话框。命令，弹出“页面属性”对话框，也可以按快捷键_CTRL+J_打开该对话框。(4) 通过“字符面板”插入空格对象时，每次可插入_一_个空格。(5) 通过系统菜单【编辑】【参数选择】【常规】_设置预定义文本可输入多个空格。(6) 在DreamweaverMX中，对网站的管理是通过_文件面板_来进行的。(7) DreamweaverMX所提供的超链接类型有_文本链接、图像链接、锚点链接、电子邮件链接、URL链接、空链接_六种。(8) 在网页中可以使用的图像格式主要有_gif_和_jpg_。(9) 样式是一组格式属性。样式表包括_多种样式_，而使用外部样式表还可以一次控制若干篇网页

12、的格式。(10) 我们通过_热区链接_方法可以在一个图像上创建多个超链接2. 选择题(1) 在_A_中可以为文字设置对齐方式，字体、字号和颜色。A. 属性面板 B. 代码面板 C. 设计面板 D. 文件面板(2) 按快捷键_A_可以网站建立一个新的空白页面。A. Ctrl+Shift+N B. Shift+AC. Ctrl+Shift+M D. Ctrl+N(3) 做文字链接的时候，有_C_方法。A. 4种 B. 3种 C. 5种 D. 6种(4) 若要创建水平线，可以_C_中单击中单击 按钮。A. 在代码面板 B. 在属性面板 C. 在常用面板 D. 在设计面板(5) 插入图像的快捷键是_B

13、_A. Ctrl+ALT+A B. Ctrl+ALT+I C. Ctrl+ALT+L D. Ctrl+A(6) 在网页中不论是加入图像文件或是超链接。（ B ） ）A. 它们都是绝对路径 B. 它们都是相对路径C. 它们都是路径 D. 以上都不对(7) 在DreamweaverMX中，站点分为（ B ）A. 本地网和局域网 B. 本地站点和远程站点C. 局域网站点和远程网站点 D. 本地网和远程网(8) DreamweaverMX通过（ B ）面板管理站点？ ）面板管理站点？A. 站点 B. 文件 C. 资源 D. 结果(9) 在DreamweaverMX中，打开“站点”面板的快捷键是（ D

14、）A. F2键 B. F5键 C. F7键 D. F8键(10) 设置页面属性包括（ A D ） ）A. 改变页面标题 B. 段落设置 C.选择颜色 D.添加背景图案(11) CSS可能改变的性质有（ ABCD ） ）A. 字体 B. 文字间的空间 C.列表 D. 颜色3. 问答题(1) 建立一个站点的基本步骤是什么？答：（1）执行菜单的【站点】【新建站点】命令或者在右侧“文件”功能面板中选择“站点”卡片，然后”点击“定义站点”。（2）在文本框中输入网站的名称，以便在Dreamweaver中识别该站点。站点名称可以是任何名称，拥护可以随意取。（3）当站点定义向导2的功能是询问“您是否要使用服务

15、器技术”，选择【否】，表示目前该站点是一个静态站点，没有动态页。（4）站点定义向导3主要实现两个功能：第一个功能是指定网页存放的处理方式：编辑我的计算机沙锅的本地副本，完成后再上传到服务器（推荐）。（5）站点定义向导4是询问你如何连接远程服务器，如果没有远程服务器，这里可以选择“无”。(2) 怎样才能很好地管理自己的站点？答：（1）执行菜单的【站点】【站点名称】【编辑站点】命令，出现编辑站点对话筐，选择右边的“编辑命令”。（2）在弹出的“高级选项”对话筐中可以修改相应的信息，然后确定。（3）合理的分类各类文件给相应的文件夹里。（3） 一个网站基本应具备哪些元素？如何处理好这些元素间的关系？答：

16、文本、图象、多媒体、超链接、脚本程序。 这些基本元素不可缺少，但相应的数量不能过多。(4) 在DreamweaverMX中可创建哪些类型的超链接？答：（1）绝对超链接，（2）相对超链接。(5) 什么是绝对路径和相对路径？答：绝对路径就是当一个网站中的网页的链接对象不在本网站内而在其它的网站时，必须提供目的端的URL地址。相对路径通常缺少URL的一个或者多个组成部分。一个网站内相互的超链接都采用相对地址，以便于网站的迁移和备份，直接把文件夹转移过去就可以了，不必修改各个网页内的超链接属性。(6) 什么是“锚记”？如何创建和使用“锚记”？答：锚点链接是使用在同一个网页内容之间相互跳转的一种超链接。

17、当网页的内容和信息量很多时，就可以用锚点链接来指引浏览者的阅读。制作锚点链接，道德要在网页中制作一个锚点，然后创建一个跳转到这个锚点的链接，插入锚点链接的要格式是“#锚点名称”如：1、打开一个网页文件。 2、将光标定位到某一开始位置，单击【插入】【常用】锚按钮。 3、在弹出的对话筐中定义锚点的名称，命名为line01,单击确定。 4、回到你要链接的位置，在属性面板的“链接”中输入#line01即可。(7) 用于文字修饰的HTML主要有哪些？,(8) 用来设置水平线的源代码是什么呢？4. 操作题(1) 试找找，看有几种启动DreamweaverMX软件的方法(2) 试操作如何变换Dreamwea

18、ver的界面(3) 创建“美乐电器”网站，并用站点管理器建立存放图像的image文件夹和首页文件。(4) 试用Dreamweaver软件的菜单功能新建“美乐电器”的其他三个（企业简介、产品介绍、与我联系）页面。(5) 给“美乐电器”的所有页面添加标题“余姚美乐电器有限公司”。(6) 给“美乐电器”的“企业简介”页面添加浅黄色背景。(7) 给“美乐电器”的“与我联系”页面添加背景图片。(8) 给“美乐电器”的“企业简介”页面添加文字，将标题居中，并在段首空两格。(9) 给“美乐电器”的“企业简介”页面的标题字体设成黑体，字体为6。(10) 给“美乐电器”的“企业简介”页面的企业宗旨文字字体设成黑

19、体，颜色为红色。(11) 在“美乐电器”网站的所有页面下方添加水平线和版权信息。(12) 将“美乐电器”网站的“与我联系”页面中的文字缩进排列。(13) 将图片插入“美乐电器”的首页、企业简单和产品介绍页面，并混排。(14) 给“美乐电器”首页的图片添加文字说明。(15) 给“美乐电器”网站的所有页面都添加链接到所有页面的超链接（即导航栏）。(16) 给“美乐电器”网站的超链接的不同状态设定不同的颜色。(17) 给“美乐电器”网站的首页图片设定链接到其他所有页面的热区链接，并在链接中加上文字说明。(18) 给“美乐电器”网站的“产品介绍”页面顶部添加跳转到底部的锚点链接。(19) 给“美乐电器

20、”网站的“与我联系”页面添加文字并给邮件地址添加电子邮件链接。(20) 给“美乐电器”网站的所有页面添加FLASH标题。(21) 给“美乐电器”网站的首页添加背景音乐。(22) 用CSS层叠样式表对网站的文字和链接进行加工。(23) 用本章学习到的知识和提供的素材制作“余姚市电脑技术有限公司”网站。第3章习题1. 填空题(1) 新增图层有两种方式：一是在_【插入】_【常用】描绘层按钮中单击“拖动”按钮，在编辑区内拖出矩形框即可。二是选择_【插入】【层】命令，这时会在光标位置产生一个预设大小的图层。中单击“拖动”按钮，在编辑区内拖出矩形框即可。二是选择_【插入】【层】命令，这时会在光标位置产生一

21、个预设大小的图层。(2) 表格的背景指的是整体性的_背景颜色_或背景图。或背景图。(3) Z坐标值越大，则图层的阶层就越_越靠上_，图层上的文字或图片就覆盖住_下面的物体。(4) 如果要设置图层的背景图形或色彩，可以通过设置属性面板中的【层编号】与_【背景图像】或者【背景颜色】两个选项来设定。与_【背景图像】或者【背景颜色】两个选项来设定。(5) 设计网页布局的常用方法有_表格_、_层_和_框架_。 和_框架_。(6) 框架由_布局_ 和_框架页_ 两部分组成。其中，_框架页_ 在文档中定义了框架的结构、数量、尺寸及装入框架的页面文件。和_框架页_ 两部分组成。其中，_框架页_ 在文档中定义了

22、框架的结构、数量、尺寸及装入框架的页面文件。(7) 利用_背景_ 和_单元格_的颜色面积差别可制作相应颜色的细线边框表格。 和_单元格_的颜色面积差别可制作相应颜色的细线边框表格。(8) 框架内可以放置_表格_ 和_层_，层内可以放置_表格_ ，反之则不行。 和_层_，层内可以放置_表格_ ，反之则不行。(9) 在布局视图下不能对_表格_ 和_单元格_进行相关的移动及改变大小等等操作。(10)让表格在网页页面内居中可以通过_属性中的【对齐】_ 或_在代码中设置align=center_实现。2. 选择题(1) 在（ D ）中可以修改表格属性。A.代码面板 B.设计面板 C.文件面板 D.属性面

23、板(2) 插入表格对话框中间距表示（ C ）A.表格的外框精细 B.表格在页面中所占用的空间C.表格之间的距离 D.表格大小(3) 插入/删除行和列有几种方法。（ C ）A.两种 B.四种 C.三种 D.五种(4) 按住（ A ）键不放，就可以同时编辑多个图层。A.Shift B.Shift+Alt C.Shift+Ctrl D.Ctrl+Alt(5) 利用图层不能制作的是：（ D ）A.可拖动的图片 B.相对浏览器静止的文字或图片C.在页面上漂浮的图片 D.计时器(6) 在DreamweaverMX的环境下，要在网页中插入表格的方法有（ ACD ）A. 单击“插入”菜单中的“表格”选项B.

24、按Ctrl+F 组合键C. 按Ctrl+Alt+T组合键D. 单击对象面板中的表格按钮(7) 可通过（ AB ）调整图层的大小。A.手工调整 B. 属性面板 C. 控制面板 D.以上都对(8)对于一个有n个框架的框架页由（C）个单独的HTML文档组成。A.n B.n-1 C.n+1 D.n+2(9)如何选择一个指定的框架？(D)A.通过框架面板B.按ALT键的同时点击需要指定的框架空白部分C.通过代码视图进行框架的选择D.以上都可以3.问答题(1) 表格的作用？如何插入表格？表格是在网页制作中经常运用的元件，它不仅能用于整理数据分类资料，还能用于网页排版以及制作一些特殊效果。（1）单击【插入】

25、【常用】【插入表格】按钮（2）弹出“插入表格”对话框（3）设置完成后单击“确定”按钮，就会在页面上看到插入的表格（4）将光标移动到单元格中，就可以输入文字或插入图片。（5）将网页保存为zgkcb.htm,以便在后面有关表格排版的章节中调用。(2) 如何设置表格各项属性？当选中整个表格时，属性面板会自动变成表格的设置面板。可以通过这个面板修改表格的行数、列数、大小等属性。(3) 图层的功能是什么？怎样使用图层？具有表格的功能，如设置背景，位置，自由移动，响应事件，控制显示。还可以使网页中的对象通过层在垂直方向互相重叠，还可以利用层的可隐藏性配合时间轴的使用，轻松地制作出动感效果的图层。层的使用：

26、1、通过【插入】【常用】面板上的“描绘层”按钮或者执行菜单的【插入】【层】命令。2、将鼠标指针移动到页面编辑窗口中，鼠标指针变成“十”字指针，在纺辑区单击鼠标左键，拖动可建立层。3、鼠标移至层内并单击使得光标在层内出现，即可进入层内进行层的编辑。(4) 如何对图层各项属性进行设置？1、在层的属性面板中，可以设置不同层的名称，层的Z轴顺序，以及插入层的背景图和设置层的大小。2、通过【F2】键或者执行菜单【窗口】【其它】【层】命令，打开层功能面板，可以快速准确地选取层，修改层的Z轴，还可以设置各个层的嵌套关系。(5) 网页中的层、表格和框架的作用分别是什么？层如同含有文字、图片、表格、插件等元素的胶片，一张张按顺序叠放在一起，组合起来最终形成页面的最终效果。层除了可以像表格一样设置背景、位置、自由移动、响应事件、控制显示外，还可以使网页中的对象通过层在垂直方向互相重叠，还可以利用层的可隐藏属性配合时间轴的使用，轻松地制作出动感效果的层。表格是在网页制作中经常运用的元件，它不仅能用于整理数据分类资料，还能用于网页排版以及制作一些特殊效果。可以说通过框架边界宽度、边界高度、宽度、高度、边框颜色等属性也能达到对网页进行合理布局、设计网页界面的目的，但