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

2020-02-27 其他范文下载本文

《网页设计与制作项目化教程》习题参考答案由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页设计与制作课程”。

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

项目一网页设计概述

1.填空题

(1)需求分析、规划站点结构、收集素材、设计制作网站网页、开发动态网站功能模块、申请域名和服务器空间、发布与维护网站和推广网站

(2)页面标题、网站标志、页眉、导航栏、主内容区和页脚

(3)“国”字型、“厂”字型、“框架”型、“封面”型和Flash型(4)搜索功能、留言板、新闻信息发布系统和在线购物 2.略

项目二 Dreamweaver CS3简介

1.填空题

(1)Adobe公司

(2)设计者、代码编写者

(3)标题栏、菜单栏、工具栏、文档窗口、状态栏、属性面板和控制面板(4)代码视图、拆分视图、设计视图(5)Ctrl+S、Ctrl+W 2.略

项目三创建与管理网站

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）可以使用嵌套，但一般嵌套不宜超过三层，否则会影响浏览速度，而且在修改表

面中插入相应的媒体对象或插件，选中插入的媒体对象或插件，通过【属性】面板设置对象的属性后即可。

任务四

制作超链接

1．单项选择题

（1）A

（2）D

（3）C 2．填空题

（1）4

（2）_blank

（3）锚链接

创建锚记

链接锚记 3．问答题

（1）绝对路径是包含服务器协议的完全路径，是一种与源地址文件无关的路径形式。文档相对的路径是指与当前文档所在的文件夹相对的路径，它使用源地址文件和目标地址文件之间的位置来表示路径，只要整个站点的结构和文件的位置不变，改变站点的路径不会影响路径的正确性。根目录相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，它代表站点根文件夹。（2）在为锚记命名时，必须遵循以下3条规则：

 锚记名称的件从浏览器传输到服务器。

（3）【提交】按钮：单击【插入】工具栏【表单】类别的【按钮】按钮，或者选择【插入】|【表单】|【按钮】命令，弹出【输入标签辅助功能属性】对话框，单击【确定】按钮。

【重置】按钮：先创建一个【提交】按钮，然后选择此按钮，在属性检查器中单击【动作】选项组中【重设表单】单选按钮。

【普通】按钮：先创建一个【提交】按钮，然后选择此按钮，在属性检查器中选择【无】单先按钮，并在【标签】文本框中输入按钮。

任务二

表单处理

1．问答题

（1）单选按钮与复选按钮在表单中是两种不同的表单对象。单选的选项，无论有多少个选择，访问者都只能选择其中一项；复选的选项，访问者可以选择多个选项，甚至可以全部选定。

（2）由菜单框变成列表框，并且具有垂直滚动条。

（3）Action属性功能是指定处理表单信息的服务器端应用程序。该程序可以是ASP程序，也可以是CGI、PHP等脚本。还可以是用C、VB等编写的动态链接库等程序。

项目七利用CSS美化网站

任务一

创建及应用CSS

1．填空题

（1）Cascading Style Sheets（2）标签选择器、类选择器、高级选择器（3）.c 2．简答题

（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-position 2．选择题

（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)A 2．填空题

(1)文本图像表格(2)Library(3)不能。(4)更新 3．问答题

(1)什么是库？怎样创建库项目？

答：库可以用来存放Web站点中经常重复使用的网页元素，如图像、文本和其他对象等。

创建库项目的方法有两种：直接新建库项目和把已有页面元素转换为库项目。

(2)如何向页面中添加库项目？

答：插入库项目的方法有两种，一种是直接将要使用的库项目拖到文档中需要插入的地方，另一种方法是将光标放置在文档中需要插入库项目的地方，然后选择需要的库项目并单击库面板底部的“插入”按钮。

任务二

制作网站二级页面模板

1．单项选择题

(1)B(2)C(3)B(4)C(5)C 2．填空题

(1)可编辑区域和锁定区域可编辑区域

锁定区域(2)可编辑区域(3)资源

(4)不可编辑区域可编辑区域(5)Templates

3．问答题

(1)怎样创建模板和编辑模板？

答：创建模板的方法有四种。 创建模板方法一

(1)单击菜单【文件】/【新建】，“新建文档”对话框。(2)新建类型中选择“空模板”，选择合适的模板类型和布局。单击“创建”按钮。 创建模板方法二

单击资源面板中模板面板右下方的新建按钮，新的模板显示在面板中，在“Untitled”处输入模板名称后，双击可进行编辑。

 创建模板方法三

单击菜单【插入记录】/【模板对象】/【创建模板】。 创建模板方法四

编辑一个普通页面，然后单击菜单【文件】/【另存为】，将保存类型选为“模板文件”，单击“保存”。

编辑模板的方法在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存。

(2)什么是模板？使用模板有哪些好处？

答：模板是作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。

使用模板有利于保持网页风格的一致；提高工作效率。

(3)如何应用模板？

答：将模板应用于已有网页的方法有：

方法一：打开要应用模板的网页，打开模板面板，右击要应用的模板，在弹出菜单中选择“应用”。

方法二：打开要应用模板的网页，选择菜单【修改】/【模板】/【应用模板到页】。

项目九使用Dreamweaver实现网页特效

任务应用Dreamweaver内置行为

1．单项选择题

(1)D(2)D(3)A(4)D(5)C 2．填空题

(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)D 2．填空题

(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)A