第一篇：第4章-习题答案网页设计与制作
习题4 1.简答题
（1）网站、网页概念的区别是什么？
答：网站是指在因特网上，根据一定的规则，使用网页制作工具制作的用于展示特定内容的相关网页的集合；网页是通过WWW网传输，并被浏览器翻译成可以显示出来的集合文本、图像、动画、声音和数字视频等信息形式的页面文件。网站是整体概念，网页是局部概念，网页是网站的组成部分。
（2）首页、主页概念的区别是什么？
答：首页是在访问一个网站时首先看到的网页，有些网站首页只有欢迎访问者的作用，是网站的开场页，单击首页上的链接即可进入网站的主页，首页也随之关闭；主页是整个站点所有网页的链接中心，是网站主要内容的索引。主页与首页的区别在于主页一般设有网站的导航栏，大部分网站的首页与主页合二为一。
（3）URL的概念是什么？
答：URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址，也俗称网址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。URL由协议（http、ftp等）、主机名称（可以是域名或IP地址）端口号（一般可省略）、路径和文件名（默认首页可省略）组成。
（4）网站的类型都有哪些？
答：网站按照内容和形式的不同，可以有门户网站、职能网站、电子商务网站、娱乐休闲类网站、个人网站等类型。
（5）网站设计的工作流程包括什么？
答：网站设计的工作流程，包括前期的准备、中期的制作、后期的维护等等。详细的包括：1．明确网站主题；2．规划网站栏目和站点目录结构；3．收集信息和素材；4．设计页面方案；5．素材处理创作；6．制作页面；7．测试与发布网站；8．维护与更新。2.上机题
请你仿“hao123”网站，制作具有网址导航功能的网站。操作过程（略）。
第二篇：《网页设计与制作项目化教程》习题参考答案
《网页设计与制作项目化教程》习题参考答案
项目一 网页设计概述
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）.css 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
2．填空题
(1)图形 结构
链接(2)备注 _notes
3．问答题
(1)怎么设置站点同步？
答：设置站点文件同步的步骤如下：
1)打开站点，在“文件”面板下单击同步按钮，打开“同步文件”对话框。进行适当设置，在“同步”下拉列表中选择“整个站点”选项，在“方向”下拉列表中选择“放置较新的文件到远程”选项，单击“预览”按钮。
2)Dreamweaver检查站点中每个文件将要执行的操作。打开Synchronize对话框（同步对话框），单击“确定”按钮，完成文件同步。
(2)什么是站点地图?作用是什么？ 答：站点地图是一个非常理想的站点结构管理工具。站点地图从站点主页开始显示站点结构，它将站点中的页面显示为图标，并按出现的顺序来显示链接。
通过站点地图，用户可以选择网页、打开网页进行编辑，也可以向站点中添加新网页、创建文件间的链接以及更改网页标题。
(3)设计备注的作用是什么？ 答：利用设计备注就可以对站点和站点中的文件进行备注，这样用户就可以很快了解文件的内容了。
第三篇：网页设计与制作简答题
1、简述Web浏览器打开一个Web文件的工作过程。
2、描述网页设计的一般步骤。
3、简述网页设计的基本准则。
4、简述规划网站目录结构时应遵循的原则。
5、描述版面布局的步骤。
6、什么是“HTML”？HTML“标记”又是什么？
7、简述“HTML”文档的基本结构。
8、简述以下一段HTML代码中各对标记的作用。〈html〉
〈head〉
〈title〉网页设计〈/title〉 〈/head〉
〈body〉
〈h2〉北国风光〈/h2〉
〈/body〉 〈/html〉
9、如何进行本地网页的测试？
10、网站管理和维护的主要工作有哪些？
11、什么是Web浏览器?
12、简述网页设计中所需要注意的通用规则。
13、简述DHTML的概念及主要组成。
14、简述使用FrontPage在网页中插入一个日历的过程。
15、简述色彩的三原色的概念及每种颜色的调配范围。
16、为什么要采用DHTML技术？客户端动态网页技术有哪些优点？
17、网站栏目划分的原则是什么？
18、XML与HTML相比的主要优点有哪些？
19、请简述一下网站的设计流程？
20、简述FireWorks的特点。
21、网页制作的步骤是什么？
22、怎样让链接没有下划线?
23、怎样在网页中加入多媒体播放?
24、怎样让网页的背景图像不滚动?
25、怎样定义网页的关键字?
26、什么是Web浏览器?
27、网页上所说的重心平衡指的是什么?
28、什么是DHTML？DHTML技术主要由哪几部分组成？
29、在CSS中，对字体的的设置所涉及到的属性有哪些？
30、用HTML语言回答一个HTML文件应具有的基本结构。
31、比较GIF格式和JPG格式的原理与各自的适用范围。
32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点?
33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。
34、什么是Web安全色?
35、简述虚拟主机的概念和功能。
36、简述Dreamweaver的工作窗口由哪些部分组成。
37、在Dreamweaver中，插入图像的方法有哪些？
38、在Fireworks中，如何使文字附加于路径？
39、在Flash MX中可以创建哪些类型的元件？各元件的含义是什么？
40、HTML中
标记和
标记有何区别?
41、简述在网页中插入背景音乐的方法。
42、怎样在网页中插入Flash影片？
43、简述设计Web站点的一般步骤。
44、简要说明html的基本工作原理。
45、简要说明表格与框架布局的区别。
46、举例说明在网页中使用CSS样式表的三种方式（都使用对p标记符应用color属性为例），并简要分析各自的特点。
47、简要说明使用网页图像时应注意的问题
48、简要回答选择符的作用及分类。
49、XML的主要特征有哪些？
50、FrontPage的主要功能有哪些？
51、简答HTML文件的基本标记组成。
52、简答Java与JavaScript的主要区别。
53、简述网站的开发流程。（10分）
54、简述静态网页的执行过程。（7分）
55、简述在Dreamweaver MX中制作以插件方式播放音乐的页面的步骤。
56、简述网页制作有哪些基本流程。
57、在Dreamweaver MX中，目标端点的链接有哪几种？
58、简述在Fireworks中，可以做哪几个方面的环境设置。
59、在Flash MX中，帧有哪几种类型？各自的含义是什么？
参考答案：
1、简述Web浏览器打开一个Web文件的工作过程。
1）
Web浏览器向服务器发出页面请求
2）
服务器接收页面请求，并将搜索到的页面发给Web浏览器
3）
Web浏览器接收并显示页面
2、描述网页设计的一般步骤。
1)
设计主题
2)
设计网页的总体结构
3)
资料的收集和整理
4)
选择网页的设计方法
5)
注意一些基本问题，如：标题要简明、图片最好加说明等
3、简述网页设计的基本准则。
需要遵循的艺术原则主要有：
1）
对比原则
2）
协调原则
3）
平衡原则
4）
趣味原则。
还包括统一、连贯、分割、对比、和谐、易读、易找、清晰、精选。
4、简述规划网站目录结构时应遵循的原则。
在创建目录时需要注意：
（1）不要将所有文件都存放在根目录下。
（2）目录层次不要太深，建议不要超过三层。
（3）不要使用过长的目录名和尽量不要使用中文目录名。
5、描述版面布局的步骤。
步骤：
1）
绘制网页草图
2）
粗略布局
3）
定案
6、什么是“HTML”？HTML“标记”又是什么？
HTML是一种建立网页文件的语言，透过标记式指令，将影像、声音、图片和文字等连接起来。
在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图形等显示方式的符号。
7、简述“HTML”文档的基本结构。
HTML网页的基本结构。
HTML文件开始
文件头开始
文件头
文件头结束
文件体开始
文件体
第四篇：网页设计与制作教案
《网页设计与制作教案》
教师：系部：信息技术工程系专业：计算机应用班级：计机
湄洲湾职业技术学院
2008-2009学年第一学期
唐 俊 奇
电子信息
07（1）信息07（1）08（2）
1.3 网页中所使用的技术
1.3.1 HTML语言和XML语言
1、HTML语言
ØHTML只使用SGML中很小一部分标记
ØHTML语言（Hyper Text Markup Language 超文本标记语言）
ØHTML是纯文本的语言，其源代码可以用各种文本编辑工具进行编辑，常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具
2、XML语言
XML（eXtensible Markup Language）1.3.2 动态网页
1.3.3 多媒体技术的应用 1.3.4 Web服务器端程序
1.4 制作网页的基本方法
1.4.1 制作网页的基本步骤
1、确定网页的内容
2、设计网页的组织结构
3、资料的收集与整理
4、选择网页的设计方法
1.4.2 制作网页时要注意的问题
1、网页的标题要简洁，明确。
2、在文本中要使用水平线，以分割不同部分。
3、对重点段落要强调显示。
4、网页中插入的图片要尽量的小。
5、图形要附加文字说明，以便关闭图像时查看。
6、网页中引用的资料及商标（或图标），不能侵犯版权。【课后小结】
通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。
第二讲 HTML的基本标志与格式标志
【教学内容】
讲解HTML基本标志对和格式标志。【教学目的】
使学生标志对与格式标志对的使用。【教学重点】
格式标志的使用。【教学难点】
* 使学生掌握超级链接标志的使用。【教学重点】
* 字体、图片和超级链接标志的使用。* 网页中特殊符号的输入。【教学难点】
* 理解特殊符号对应的标志。* 理解img标志中属性的意义。* 理解书签超级链接的意义。【教学方式】
讨论式、案例分析式、练习式。【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
2、《WEB网站设计》Joel Sklar著 高等教育出版社。
3、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】
2.2 插入文字
2.2.1 划分段落 格式
段落内容
2.2.2 插入标题文字 格式设置基准字号：
2.2.6
文本修饰
......，文字以粗体显示。......，文字显示为斜体。......，显示下划线。
......，中心线贯穿文字。< EM>......，强调文字，通常用斜体。
< STRONG>......，特别强调的文字，通常用黑体。
2.3.2 图片的属性
2.4 建立超级链接
2.4.1 指向一个目标
1、建立超级链接
2、为图片建立超级链接
3、链接到邮件和多媒体文件 链接到邮件
请与我联系 2.4.2 使用锚点
Ø使用锚点可以使用户在一个较长的文档中跳转，方便地找到要阅读的内容。Ø建立锚点：
Ø锚点文字 Ø使超级链接指向已定义的锚点。Ø文字 Ø文字 2.4.3 新窗口和基准链接
1、打开新窗口 Target=“window-name”>开一个新窗口
2、基准链接
在
与 之间设定BorderColor=“#008000“ >
2.7.3 子窗口属性设置
-2.7.4 常见的框架窗口划分方法（1）标题和正文，分为上下两部分（2）层次结构，分为上中下三部分
（3）目录和标题，分为左上、左下、右三部分
（4）标题、目录和正文，分为上、左下、右下三部分（5）嵌套目录，分为左、右上、右下三部分 2.7.5 不支持框架的网页