当前位置：文档之家 › Dreamweaver-CS3网页制作基础教程第9章习题答案

Dreamweaver-CS3网页制作基础教程第9章习题答案

  • 格式：doc
  • 大小：35.50 KB
  • 文档页数：3

下载文档原格式

  / 3

合集下载

网页制作Dreamweaver-CS3

网页制作Dreamweaver-CS3

《网页制作Dreamweaver CS3》目录基础篇第一章网页制作基础知识和Dreamweaver 软件基础活动一：初识网页活动二：认识HTML活动三：制作“我的第一章网页”本章实验：制作“我的个人介绍”网站第二章站点的建立和管理活动一：为个人网站做准备活动二：规划自己的网站活动三：打造自己的个性化站点活动四：编辑我的站点本章实验：制作“个人空间”网站第三章新建文档和对象活动一：初识网页活动二：给网页加入文字和特殊字符活动三：插入列表和其他网页元素本章实验：制作“中国民俗文化”网站第四章表格处理和网页布局活动一：利用表格布局页面活动二：编辑单元格活动三：数据表格的制作本章实验：制作“世锦赛”网站第五章图像的插入和编辑活动一：为网页添加图像活动二：设置图像的属性活动三：在网页中插入图像对象活动四：使用编辑器编辑网页中的图像活动五：为站点打造网站相册本章实验：制作“七彩云南”旅游网站第六章创建超级链接活动一：用不用的方式链接网页活动二：给网页添加邮件链接和书签链接活动三：巧用无址链接和脚本链接活动四：管理站点链接资源本章实验：制作“庐山风景”网站提高篇第七章建立框架网页活动一：初识框架网页活动二：设置框架属性活动三：创建内嵌框架和无框架内容本章实验：制作“中职教育网”网站第八章插入多媒体元素活动一：在网页中插入Flash元素活动二：给网页添加其他多媒体元素活动三：在网页中添加视频和音效本章实验：制作“时尚服饰网”网站第九章建立表单活动一：初识表单活动二：验证表单的输入结果并设置接收结果的方式活动三：Spry构件的使用本章实验：制作“彩虹部落购物商城”网站第十章使用模板和库活动一：网页模板的使用活动二：库项目的使用本章实验：制作“驴友俱乐部”网站第十一章CSS样式表活动一：初识样式表活动二：CSS样式的使用活动三：使用CSS布局页面及样式表的载入本章实验：制作“爱美特电子科技”网站精通篇第十二章AP Div 的使用活动一：AP Div 的创建及基本操作活动二：表格和AP元素的相互转换活动三：AP元素的综合使用本章实验：制作“电影频道”网站第十三章行为活动一：初识行为活动二：行为综合使用一活动三：行为综合使用二本章实验：制作“茶文化”网站第十四章编辑源代码活动一：快速编辑源代码活动二：导入Word和Excel文档活动三：设置源代码参数选项以及整理源代码本章实验：制作“手机销售网”网站综合篇第十五章Fireworks 在网页中的使用活动一：设计网页版面活动二：网页中的GIF动画活动三：切片导出网页本章实验：设计制作“上海美食”网站第十六章Flash在网页中的使用活动一：制作首页标题动画活动二：制作网页中的动画活动三：制作Flash导航栏活动四：在网页中加入Flash本章实验：为“上海美食”网站制作Flash。

DreamweaverCS5网页制作复习试题含答案

DreamweaverCS5网页制作复习试题含答案

第1章网页制作基础一．问答题1．因特网提供的服务主要有哪几种？因特网提供的服务主要有万维网（WWW）、文件传输（FTP）和电子邮件（E-mail）等。

2．简要说明HTML文档的基本结构。

HTML文档的基本结构如下所示。

<html><head><title>2012伦敦奥运会口号</title></head><body>Inspire a generation，翻译中文为：激励一代人。

</body></html>3．CSS的保存方式主要有哪些？CSS允许使用多种方式设置样式信息，可以设置在单个的HTML元素中（称为内联样式），也可以设置在HTML文档的头元素<head>标签中（称为内部样式表），还可以保存在一个外部的CSS样式表文件中（称为外部样式表）。

4．CSS的样式类型主要有哪些？在Dreamweaver CS5中主要使用的选择器类型有4种：类选择器、ID选择器、标签选择器和复合内容选择器。

另外，对HTML标签内的局部文本可以使用内联样式进行定义。

当然，也可以将这几种选择器分别称为类样式、ID名称样式、标签样式、复合内容样式和内联样式。

5．Dreamweaver CS5中工具栏主要有哪几种？Dreamweaver CS5中的工具栏通常有【样式呈现】、【文档】、【标准】和【浏览器导航】4个，其中最常用的是【文档】工具栏。

6．Dreamweaver CS5文本【属性】面板提供了哪两种类型的属性设置？文本的【属性】面板提供了【HTML】和【CSS】两种类型的属性设置，它们各自的功能是不完全相同的。

二．操作题1．熟悉【文件】面板和【插入】面板的使用方法。

请在Dreamweaver CS5中练习【文件】面板和【插入】面板的使用方法。

2．根据实际需要设置Dreamweaver CS5首选参数。

请在Dreamweaver CS5练习设置首选参数。

网页设计与制作DreamweaverCS3-试题库

网页设计与制作DreamweaverCS3-试题库

试题库试题说明：(1)题型包括填空题、单选题、简答题、操作题4种。

(2)试题按项目的顺序提供，并注明该试题所属的具体的章节和难度（难、中、易）。

(3)操作题的答案在“操作题答案”文件夹下对应该项目的文件夹中。

项目一认识Dreamweaver CS3一、填空题1、Dreamweaver是集网页制作和于一身的所见即所得式网页编辑器。

（答案：网站管理章节：任务一难度：中）2、与Flash、Fireworks一度被称为网页三剑客。

（答案：Dreamweaver 章节：任务一难度：易）3、【插入】面板通常有两种表现形式：制表符格式和。

（答案：菜单格式章节：任务三难度：中）4、通过【】面板可以设置所选对象的属性。

（答案：属性章节：任务三难度：易）5、在【】视图中，整个编辑区域分为【代码】和【设计】两个部分。

（答案：拆分章节：任务三难度：易）二、单选题1、Dreamweaver CS3是由（）公司发布的。

A、MacromediaB、AdobeC、MicrosoftD、Intel（答案：B 章节：任务一难度：中）2、可以用于网页排版的软件是（）。

A、FlashB、PhotoshopC、DreamweaverD、Fireworks（答案：C 章节：任务一难度：易）3、通过【（）】工具栏可以设置显示在浏览器标题栏的文本。

A、文档B、标准C、文档D、样式呈现（答案：A章节：任务三难度：中）项目二定义和创建站点2 4、创建一个网页文档“index.html”，它将显示在【（）】面板中。

A、行为B、框架C、属性D、文件（答案：D 章节：任务三难度：易）5、下面的说法不正确的是（）。

A、在Dreamweaver中定义站点，既有利于网页制作也有利于站点管理。

B、通过【欢迎屏幕】对话框可以创建网页文档。

C、可以将【属性】面板重组到【文件】面板组。

D、选择一个对象，在【属性】面板就会显示该对象的属性（答案：C 章节：任务三难度：难）三、简答题1、Dreamweaver的主要作用是什么？答案：Dreamweaver的主要作用是设计网页和管理网站，它在各个行业领域都得到广泛的应用，如个人网站、教育科研网站、企业网站、商业网站、政府网站、公益性网站以及其他网站等。

Dreamweaver网页制作实训教程(CS3版)教学课件

Dreamweaver网页制作实训教程(CS3版)教学课件
Fireworks：主要用于制作网页图像、网站标志、GIF 动画、图像按钮与导航栏等。 Flash：主要用于制作矢量动画，如广告条、网站片 头动画、动画短片、MTV等。 Photoshop：Adobe公司出品的一个优秀而强大的图形 图像处理软件，起初它的应用领域主要是平面设计而 不是网页设计，但是它所具有的强大功能完全涵盖了 网页设计的需要（除了多媒体）。
1.3.4 测试和发布网站
有了空间和域名后，就可以测试并发布网站了， 网站测试一般包括服务器稳定和安全测试、程序 和数据库测试、网页兼容性测试等。
1.3.5 网站推广
1. 注册到搜索引擎 2. 交换广告条 3. 宣传 4. 网络广告 5. 报纸、杂志
第2章 Dreamweaver CS3入门
初识Dreamweaver CS3 网站创建与管理 页面总体设置
2.2.3 “文件”面板的应用
利用“文件”面板，可以高效地管理站 点。实际操作中，在定义站点后，我们 通常是利用该面板来创建、重命名或打 开站点中的网页文档或文件夹。
在定义了多个站点 后，可利用该下拉 列表选择要进行操 作的站点
2.3 页面总体设置
2.3是检索网页的整个内容，而是只检索 网页中的关键字和说明文本，如果想要自己的 网页能够被搜索引擎检索到，则最好把关键字 设定为人们经常使用的词语。
选择目标 文件所在 文件夹
单击选 择文件
单击“打 开”按钮
5．预览文档
如要预览文档，可在打开文档后单击“文档” 工具栏中的“在浏览器中预览/调试”按钮 ， 在弹出的菜单中选择“预览在IExplore”菜单 项（或直接按【F12】键），在浏览器中打开 文档。
2.2 网站创建与管理
2.2.1 确定站点目录结构

《网页制作基础教程(Dreamweaver CS3)》第11章 嵌入表单元素

《网页制作基础教程(Dreamweaver CS3)》第11章 嵌入表单元素
《网页制作基础教程 （Dreamweaver CS3）》
电子教案
第11章 嵌入表单元素
本章重点： 创建表单和表单的单行文本框、多行 文本框、单选按钮、复选框、下拉式 列表等多种表单元素的方法，以及各 种表单对象属性的设置，表单的递交 方法等。
第11章 嵌入表单元素
11.1 表单页面制作 11.2 表单中。
步骤2 选择插入｜表单｜单选按钮命令。
步骤3 设置单选按钮的属性。
11.3 添加表单对象
11.3.5 添加列表/菜单
网
页
用户可以在滚动列表中选择多个选项，在下拉菜单
制 作
中只能选择一个选项。
基
础
插入列表/菜单的操作方法如下：
教
程
步骤1 光标置于表单中。
步骤2 选择插入｜表单｜列表/菜单命令。
制
作
基
础
教
程
【表单名称】 在该域中输入表单的名称。
【动作】 在该域中指定处理表单信息的脚本或 应用程序。单击浏览按钮，查找并选择脚本或应 用程序，或直接输入脚本或应用程序的URL。
11.2 表单概述
11.2.4 设置表单属性
网
【方法】 在该下拉列表中选择处理表单数
页
据的方式。
制 作
POST 此方式将表单值封装在消息主体中
基
发送。
础 教 程
GET 此方式将提交的表单值追加在URL后 面发送给服务器。
默认 选择浏览器的默认方式，通常是
GET方式。
注意：
在表单数据的传送方式中，大的数据以及 一些秘密信息不宜采用GET方式传送。
11.3 添加表单对象
网
添加表单对象
页 制
定位光标→在“插入”栏的“表单”类别中选

网页习题答案

网页习题答案

第一章1．构成网页的基本元素有哪些？在一个网页中，通常由文本、图像、超链接、表单等元素组成。

2．超级链接有哪几种形式？指向另一个网页或相同网页上的不同位置。

这个目的端通常是另一个网页，但也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者也可以是本页中的其他位置。

3．网页常见的布局方式有哪几种？“同”字型，弯角型，上中下型，框架型，整幅效果型。

第二章一、填空题1.F82.无标题文档3.属性面板4.管理站点二、选择题1. B2. D3. C4. D三、简答题1．如何建立一个本地站点？创建站点有两种方式：使用向导一步一步地进行设置，或者通过在“管理站点”中设置“高级”选项卡信息来创建。

无论哪种方式，都要事先在本地磁盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。

2．已经发布的主页经过了修改，如何在远程服务器上更新你的主页？第三章一、填空题1．表格、层和框架2．单元格边框和单元格内容之间相距的距离3．<table>4．【Shift】，【Shift】5．在新的窗口中打开链接文档，并保留当前窗口6．【Alt】，框架内部二、选择题1．D 2．C 3．C 4．B 5．B三、简答题1．在Dreamweaver CS3中网页布局的方法有哪些？各有哪些优点？答：Dreamweaver CS3提供了三种基本的网页布局方法，即表格、层和框架。

表格是网页中非常重要的元素之一，使用表格不仅可以制作一般意义上的表格，还可以用于布局网页、设计页面分栏以及对文本或图像等元素进行定位等。

对于文本、图片等网页元素的位置为了可以以像素的方式控制，只有通过表格和层来实现，其中表格是最普遍和最好的一种以像素方式控制的方法。

表格之所以应用较多是因为表格可以实现网页元素的精确排版和定位。

层是一种网页元素定位技术，也是网页布局工具之一，使用层可以精确定位页面元素，层能够实现较多的功能，如层的重叠可将多个网页元素重叠在一起，实现一些特殊的效果；层可以放置在页面的任意位置，层中可以放置文本和图像等元素，层可以嵌套，层和表格可以相互转换，将层转换为表格后可以在不支持层的浏览器中进行正常浏览。

新媒体网页设计与制作PPT-Dreamweaver CS6基础、案例、技巧实用教程第9章

新媒体网页设计与制作PPT-Dreamweaver CS6基础、案例、技巧实用教程第9章
第9章 站点风格的统一
本章学习要点： 1．模板的创建及编辑 2．模板的应用 3．库的创建及应用
9.1 认识模板和库
模板是一种页面布局，而库则是一种用于放置 在网页上的资源。无论是更新哪个网页中的模板、 库，其他包含有该模板和库项目的网页都会随之更 新，方便更新和维护网站。
9.1.1 模板的概念
模板是一种特殊类型的文档，用于设计网页布局 。模板 的功能很强，通过定义和锁定可编辑区域来保护模板的格式 和内容不被修改，只有在定义了可编辑区域中才可以编辑新 的内容，通过模板可以一次性更新多个页面。从模板创建的 文档与该模板保持链接状态，可以修改模板并立即更新基于 该模板的所有文档中的设计。
9.3.5 课堂案例—创建并使用库项目
3．应用库项目。 （1）打开素材文件 “example\chapter09\moban\Templates\ dwmb.dwt”。 选中页面顶部的LOGO图标，在【资源】面板的库类别 【名称】列表中选择“logobli”，单击面板底部的【插入】 按钮，完成库项目的应用，如图所示。
9.3.3 编辑库项目
在【资源】面板的库类别列表中选择要进行 编辑的库项目，单击面板底部的，或直接双击库 项目名称，系统自动打开一个用于编辑库项目的 窗口，如图所示。
9.3.3 编辑库项目
根据需要对库项目进行编辑，编辑完成后对文件进行保存， 这时系统会自动弹出【更新库项目】对话框，如图所示。根 据需要选择是否更新本地站点上已经使用修改过的库项目的 文档。
9.2.6 课堂案例—创建基于模板的网页
选中【可编辑区域】下的【Document head】，在【将 内容移到新区域】下拉列表中选择【不在任何地方】，单击 【确定】按钮，完成模板的套用。
9.2.6 课堂案例—创建基于模板的网页

Dreamweaver电子教案课件第9章

Dreamweaver电子教案课件第9章
表单标记可以嵌套在其他HTML标记中，其他HTML标记也可以 嵌套在表单中。然而，一个表单不能嵌套在另一个表单中。
9.1.3 设置表单属性
✓ “表单ID”：对表单命名以进行识别。 ✓ “动作”：注明用来处理表单信息的脚本或程序所在的URL。 ✓ “方法”：选择将表单数据传输到服务器的方法。“
POST”方法将在 HTTP 请求中嵌入表单数据，将表单值以消息方 式送出；“GET”方法将表单值作为请求该页面的URL的附加值发送； “默认”方法使用浏览器的默认设置将表单数据发送到服务器。 ✓ “目标” ✓ “编码类型”：对提交给服务器进行处理的数据使用MIME编码类型。
第9章 表单的应用
本章将介绍表单的基本知识及使用方法。内容包括：表单的创建，各种表 单对象的添加及属性设置。这些表单对象包括文本域、单选框、复选框、文 件域、按钮、图像域、列表/菜单、跳转菜单、隐藏域、Spry表单验证构件， 以及表单的简单处理等。其中文本域、单选框、复选框、按钮是表单常用的 基本对象，要重点掌握。
的文字替换图像。 ✓ “编辑图像”：启动默认的图像编辑器，并打开该图像文件进行编辑。
7、列表/菜单 在网页中以列表的形式为用户提供一系列的预设选择项。
✓ “列表/菜单”：用于设置“列表/菜单”的名称。 ✓ “类型”： 指定该对象是单击时下拉的菜单，还是可滚动列表。 ✓ “允许多选”：用于设置是否允许选多项列表值。 ✓ “列表值”：用于设置列表内容。 ✓ “初始化时选定”：用于设置“列表/菜单”的默认选项。
9.2 表单对象
1、文本字段
✓ “文本域”：文本域的名称。表单对象名称不能包含空格或特殊 字符,可以使用字母、数字、字符和下划线的任意组合。请注意， 为文本域指定的标签是将存储在该域的值（输入的数据）的变量 名,这是发送给服务器进行处理的值。

dreamweaver章习题和答案.

dreamweaver章习题和答案.

复习题（一）一、填空题1、Internet是20世纪70年代由美国军方的（）发展而来的。

2、用户只有通过（）才能接入Internet，并享受各种服务。

3、大部分国家和地区都拥有自己独立的域名，中国的域名是（）。

4、（）是非常重要的网页元素之一，是网页中信息的主要载体。

5、现在一般将Dreamweaver、（）和Flash称为新网页制作三剑客。

二、选择题1、IP地址是一个（）位的二进制数。

A、16B、32C、64D、1282、域名“.edu”表示（）（）。

A、教育机构B、商业组织C、政府部门D、国际组织3、下列说法错误的是（）。

A、网站一般拥有固定的域名B、通信协议包括HTTP、FTP、Telnet和Mailto等协议C、WWW，即万维网，是一个基于超级文本的信息查询工具D、HTML是一种用来制作网络中超级文本文档的简单标记语言4、下列关于ASP的说法错误的是（）。

A、ASP是Microsoft公司推出的运行于客户端的Web应用程序开发技术B、ASP既不是一种语言，也不是一种开发工具C、ASP文件的扩展名为“.asp”D、脚本语句代码包含于“<%…%>”之间5、下列关于VBScript和JavaScript的说法错误的是（）。

A、VBScript脚本语言是ASP的默认语言B、VBScript可以在客户端使用，也可以在服务器端使用C、JavaScript核心语言在客户端、服务器端均可使用D、JavaScript是Java的子集三、问答题1、网站建设的基本流程是什么？2、建站的方式有哪些？一、填空题1、【插入】工具栏通常有两种表现形式：制表符格式和（）格式。

2、默认情况下，【资源】面板位于（）面板组。

3、【站点定义】对话框包括【基本】和【（）】两种状态。

4、通过【站点】／【（）】命令可打开【管理站点】对话框对站点进行编辑。

5、在Dreamweaver中，可以通过设置【（）】来定义Dreamweaver的使用规则。

(更新版)国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务1-9题库及答案

(更新版)国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务1-9题库及答案

(更新版)国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务1-9题库及答案盗传必究考试说明：形成性考核占课程综合成绩的50%，终结性考试占课程综合成绩的50%。

形考任务一（1）网页的内容应该包括哪些元素？答：一般网站的页面组成都有文字、图象、超链接、表格、表单、动画及框架等。

一、框架框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。

例如，我们可以在一个框架内放置导航栏，另一个框架中的内容可以随着单击导航栏中的链接而改变，这样我们只要制作一个导航栏的网页即可，而不必将导航栏的内容复制到各栏目的网页中去。

二、文本文本是网页中的主要信息。

在网页中可以通过字体、字号、颜色、底纹以及边框等来设置文本属性。

这里指的文字是文本文字，而并非图片中的文字。

在网页制作中，文字可以方便地设置成各种字体和大小，但是这里还是建议，用于正文的文字不要太大，也不要使用太多的字体，中文文字使用宋体、9磅或者12、14像素左右即可。

因为过大的字在显示器中显示时线条的显示不够平滑、颜色也不要使用得太过复杂，以免造成影响用户视觉。

大段文本文字排列，建议参考一下优秀的报纸杂志等。

三、图片今天看到的丰富多彩的网页，都是因为网页中有了图象，可见图象在网页中的重要性。

用于网页上的图片一般为JPG和GIF格式的，即以.jpg和.gif为后缀的文件。

四、超链接超链接是整个网站的通道，它是把网页指向另一个目的端的链接。

例如指向另一个网页或相同网页上的不同位置。

这个目的端通常是另一个网页，但也可以是图片、电子邮件地址、文件、程序，或者也可以是本阿谀的其他位置。

超链接可以是文本或者图片。

超链接广泛的存在于网页的图片和文字中，提供与图片和文字相关内容的链接。

在超链接上单击鼠标左键，即可链接到相应地址（URL）的网页。

有链接的地方，鼠标指到光标会变成小手形状。

可以说超链接正是Web的主要特色。

五、表格表格是网页排版的灵魂。

Dreamweaver CS3网页制作期中试卷答案

Dreamweaver CS3网页制作期中试卷答案

蓬莱二职二○一一——二○一二学年度第一学期期中考试09职考班《Dreamweavercs3网页制作》（1－3章）试卷答案姓名____________分数________________第II卷一、单项选择题（每小题2分，共60分）：题号 1 2 3 4 5 6 7 8 9 10答案 B A C A C B A B B A题号11 12 13 14 15 16 17 18 19 20答案 B B D C D B A A C D题号21 22 23 24 25 26 27 28 29 30答案 C A C D C B B C B D二、简答题：1、列举在Dreamweaver CS3中对文字进行换行符换行的四种方法。

答：（1）按“Ctrl+Shift+空格”组合键。

（2）选择“插入记录→HTML→特殊字符→换行符”命令。

（3）单击插入栏“文本”类别中的字符按钮，在弹出的下拉菜单中选择“换行符”命令。

（4）在“代码”视图窗口中，输入换行代码标记<br>。

2、创建站点的目录结构要注意的问题有哪些？答：（1）不要将所有文件都存放在根目录下，以免造成文件管理混乱。

（2）按栏目内容建立子目录。

（3）在每个栏目目录下都建立独立的images文件夹保存图像资源。

（4）目录的层次不要太深，建议不要超过3层。

（5）目录使用英文名称，不要使用中文名称。

（6）不要使用过长的目录名称。

三、操作题：1、某班级想利用Dreamweaver CS3创建一个班级网站，请你帮他们完成如下操作：（1）创建站点，名称为“09高职计算机”，要求使用VBscript服务器技术，站点根文件夹为E:\09jsj。

①执行“站点→新建站点”，打开“站点定义”对话框，选择“基本”选项卡，输入站点名称“09高职计算机”，单击“下一步”按钮。

②在“站点定义”对话框的“编辑文件，第2部分”中，选择“是，我想使用服务器技术”，选择服务器技术为ASP VBscript，单击“下一步”按钮。

网页制作基础教程(补充)(Dreamweaver_CS3

网页制作基础教程(补充)(Dreamweaver_CS3
法。 （2）表格布局 优势：能对不同对象加以处理，而又不用担心不同对象之间的
影响。 缺点：当设计者使用了过多的表格时，会影响页面的下载速度。
2、网页的设计
（3）框架布局 由于框架技术的兼容性问题，框架结构
的页面不太受欢迎。但从布局上考虑，框架 结构不失为一个好的布局方法。 （4）div+css布局
学习的主要内容
◇静态网页的特点
网页内容不会发生变化，除非网页设计者修 改了网页的内容。 不能实现和浏览网页的用户之间的交互。
学习的主要内容
◇动态网页
网络技术日新月异，许多网页文件的扩展名不再是.htm，还 有.php、.asp等，这些都是采用动态页技术制作出来的。
◇特点
动态网页以数据库技术为基础，可以大大降低网站维护的工 作量。 采用动态网页技术的网站可以实现更多的功能，如用户注册、 用户登录、搜索查询、用户管理、订单管理等。
1、Internet概述
◇Internet发展简史
Internet起源于20世纪60年代。1968年， 基于分组交换原理的计算机网络——ARPANET。 1983年，TCP/IP协议的建立，使计算机通信有 了统一的标准。这是计算机网络发展史上的一个里 程碑，网络从此进入高速发展的时代。
1、Internet概述
2、网页的设计
◇ 配色原则
4．色彩的分类 按照色彩对人们心理的影响可以进行以下分类。 暖色系：红、橙、橙黄、黄等色彩让人觉得温馨、和 煦、热情。 中性系：黄绿、绿等色彩让人觉得舒适、和谐。 冷色系：青绿、蓝绿、蓝等色彩让人觉得宁静、清凉、 高雅。
2、网页的设计
◇例子
设计出售冷食的虚拟店面，应使用消极而沉静的 颜色，使人从心理上感觉凉爽一些。

Dreamweaver电子教案课件第9章

Dreamweaver电子教案课件第9章
隐藏域占位符
在属性设置面板中设置隐藏域的参数值。 “隐藏区域”：用于设置隐藏域的名称。该名称可以被脚本或程序所引用。 “值”：用于设置隐藏域的参数值。该值将在提交表单时传递给服务器。
9.2 使用Spry表单验证控件
在Dreamweaver CS6中，Adobe预制了一系列表单验证构件（validation widgets），例如，Spry验证文本域、Spry验证文本区域、Spry验证密码、 Spry验证确认、Spry验证选择、Spry验证复选框和Spry验证单选按钮组等， 可以帮助用户更加轻松快捷地验证表单数据、构建AJAX页面。
Spry 验证文本区域构件是一个文本区域，该区域在用户输入文本时 显示文本的状态有效或无效。如果文本区域是必填域，而用户没有输 入任何文本，该构件将返回一条消息，声明必须输入值。
默认情况下，用 Dreamweaver 插入的所有验证选择构件都要求用户在将构 件发布到 Web 页之前，选择具有相关值的菜单项。但是，也可以禁用此选项， 即取消选择“不允许空值”选项。
9.1.2 文本字段和文件域
“文本字段”即网页中供用户输入文本的区域，“文本字段”分为单行、多行 和密码三种类型，可以接受任何类型的文本、字母或数字。
文件域与单行文本字段非常相似，不同的是文件域多了一个“浏览”按钮， 用于浏览选择随表单一起上传的文件。利用文件域的功能，可以将图像文件、 压缩文件、可执行文件等本地计算机上的文件上传到服务器上，前提条件是 服务器支持文件匿名上传功能。
在图像域代码末尾加上“value=Submit”，这时图像域代码成为：<input name=“imageField” type=“image” src=“mail.gif” width=“23” height=“16” border=“0” value=“Submit”>。

第9章 Div标签

第9章 Div标签

《网页设计与制作案例教程》（第2版）
《网页设计与制作案例教程》（第2版）
本例包含了两个Div标签，分别设置其ID为title和 content。这两个元素的盒子模型如图9-15所示。
《网页设计与制作案例教程》（第2版）
可以对margin、border、padding属性进行整体 设置，依次为上、右、下、左顺时针方向，也可以单独 设置某一侧的属性值，如margin-left。本实例关于盒 子模型的部分CSS代码如下：
《网页设计与制作案例教程》（第2版）
9.5.3 元素的定位
网页的元素必须有合理的位置，从而构成有序的页面。 网页元素的定位是通过postion、float和z-index属性 完成的。通过元素的定位，可以对网页中的块元素进行 排版。
1．float属性 float定位是CSS排版中的最重要的属性，用来定义 元素向哪个方向浮动。float属性有三个值，left、 right、none，当块元素设置了向左或向右浮动时，元 素就会向其父元素左侧或右侧浮动。
《网页设计与制作案例教程》（第2版）
9.5.2 盒子模型
CSS+Div网页布局的精髓在于盒子模型。盒子模型 （box model）用于描述一个为HTML元素形成的矩形 盒子。盒子模型还涉及为各个元素调整外边距 （margin）、边框（border）、内边距（padding） 和内容（content）的具体操作。图9-13显示了盒子 模型的结构。
《网页设计与制作案例教程》（第2版）
9.1.1 Div标签与网页布局
2．框架布局 框架布局的原理是使用网页嵌套网页的布局技术。随着 时间的发展，框架布局由于浏览器的支持性差，已经逐 渐退出网页设计的历史舞台。
《网页设计与制作案例教程》（第2版）

Dreamweaver CS3网页制作基础教程第4章习题答案

Dreamweaver CS3网页制作基础教程第4章习题答案

项目四图像和媒体──编排旅游网页一、填空题1、（）作为临时代替图像的符号，是在网页设计阶段使用的重要占位工具。

正确答案：图像占位符2、背景图像的重复方式有“不重复”、“重复”、“横向重复”及“（）”。

正确答案：纵向重复3、如果文档中包含两个以上的Flash动画，按下（）组合键，所有的Flash动画都将进行播放。

正确答案：Ctrl＋Alt＋Shift＋P4、（）可以使图像一幅幅地展示出来，是一种特殊形式的Flash动画。

正确答案：图像查看器二、选择题1、在网页中使用的最为普遍的图像格式主要是（）。

A、GIF和JPGB、GIF和BMPC、BMP和JPGD、BMP和PSD正确答案：A2、具有图像文件小、下载速度快、下载时隔行显示、支持透明色、多个图像能组成动画的图像格式的是（）。

A、JPGB、BMPC、GIFD、PSD正确答案：C3、下列方式中不可直接用来插入图像的是（）。

A、在主菜单中选择【插入】／【图像】命令B、在【插入】／【常用】面板的【图像】下拉菜单中单击按钮C、在【文件】／【文件】面板中用鼠标选中文件，然后拖到文档中D、在菜单栏中选择【插入】／【图像对像】／【图像占位符】命令正确答案：D4、通过图像【属性】面板不能完成的任务是（）。

A、图像的大小B、图像的边距C、图像的边框D、图像的第二幅替换图像正确答案：D5、下列方式中不能插入Flash动画的是（）。

A、在主菜单中选择【插入记录】/【媒体】/【Flash】命令B、在【插入】/【常用】/【媒体】面板中单击图标C、在【文件】／【文件】面板中用鼠标选中文件，然后拖到文档中D、在【插入】／【常用】/【图像】下拉菜单中单击按钮正确答案：D三、问答题1、就本项目所学知识，简要说明实现图文混排的方法。

图像【属性】面板的【对齐】选项用于调整图像周围的文本或其他对象与图像的位置关系，通过设置此选项可以实现图文混排的目的。

在【对齐】下拉列表中共有10个选项，其中经常用到是“左对齐”和“右对齐”两个选项，【左对齐】表示将所选图像靠左边界排列，文本在右边围绕它排列，【右对齐】表示将所选图像靠右边界排列，文本在左边围绕它排列。

Dreamweaver CS5网页设计教程第9章

Dreamweaver CS5网页设计教程第9章

实训——制作“用户注册”网页
配置动态网页数据源
相关知识点讲解
动态网页基础 安装于配置IIS
使用Access创建数据表
创建与配置动态站点
创建数据源
动态网页基础
认识动态网页
动态网页并不是指网页上会出现各种动态效果，如动画或滚动字幕等，而 是指这类网页可以从数据库中提取数据并及时显示在网页中，也可通过页面收 集用户在表单中填写的各种信息以便于数据的管理，这些都是静态网页所不具 备的强大功能。
动态网页基础
Web服务器
Web服务器的功能是根据浏览器的请求提供文件服务，它是动态网页不可 或缺的工具之一。 IIS：IIS是Microsoft公司开发的功能强大的Web服务器，它可以在Windows NT以上的系统中对ASP动态网页提供有效的支持，虽然不能跨平台的特性限 制了其使用范围，但Windows操作系统的普及使它得到了广泛的应用。 Apache：Aapche是一款非常优秀的Web服务器，是目前世界市场占有量最 高的Web服务器，它为网络管理员提供了非常多的管理功能，主要用于Unix和 Linux平台，也可在Windows等平台中使用。 Tomcat：Tomcat是Apache组织开发的一种JSP引擎，本身具有Web服务器 的功能，可以作为独立的Web服务器来使用。
插入记录
添加了记录集后，便可在动态网页中插入需要用到的记录集中的各 记录字段，只有插入的字段的动态网页，才能实时显示数据库中的数据 内容。
插入重复区域
为了快速显示多个相同的记录内容，即在表格中显示多个用户的登 录情况，避免一一插入对应的记录字段，可为已插入的字段设置重复区 域，使其自动显示数据库中的多项内容。
创建与配置动态站点
为了让动态网页与数据库文件相关联，需要在Dreamweaver中创 建与配置动态站点。
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

第9章使用AP Div布局页面
一、填空题
1、通过设置AP Div的（）属性可以使多个AP Div发生堆叠，也就是多重叠加的效果。

正确答案：z轴
2、如果要选定多个AP Div，只要按住（）键不放，在【AP元素】面板中逐个单击AP Div的名称即可。

正确答案：Shift
3、在【CSS规则定义】对话框的【定位】分类中，将【类型】选项设置为“（）”，即表示AP Div，否则即为Div标签，这是AP Div与Div标签转换的关键因素。

正确答案：绝对
4、可以按住（）键，在【AP元素】面板中将某一个AP Div拖曳到另一个AP Div上面，形成嵌套AP Div。

正确答案：Ctrl
二、选择题
1、下面关于创建AP Div的说法错误的有（）。

A、选择菜单栏中的【插入记录】／【布局对象】／【AP Div】命令
B、将【插入】／【布局】面板上的（绘制AP Div）按钮拖曳到文档窗口
C、在【插入】／【布局】面板中单击（绘制AP Div）按钮，然后在文档窗口中按住鼠标左键并拖曳
D、在【插入】／【布局】面板中单击（绘制AP Div）按钮，然后按住Shift键不放，按住鼠标左键并拖曳正确答案：D
2、关于【AP元素】面板的说法错误的有（）。

A、双击AP Div的名称，可以对AP Div进行重命名
B、单击AP Div后面的数字可以修改AP Div的z轴顺序
C、勾选【防止重叠】复选框可以禁止AP Div重叠
D、在AP Div的名称前面有一个眼睛图标，单击眼睛图标可锁定AP Div
正确答案：D
3、关于选定AP Div的说法错误的有（）。

A、单击文档中的图标来选定层
B、将光标置于AP Div内，然后在文档窗口底边标签条中选择“<div>”标签
C、单击AP Div的边框线
D、如果要选定两个以上的AP Div，只要按住Alt键，然后逐个单击AP Div手柄或在【AP元素】面板中逐个单击AP Div的名称即可
正确答案：D
4、关于移动AP Div的说法错误的有（）。

A、可以使用鼠标进行拖曳
B、可以先选中AP Div然后按键盘上的方向键进行移动
C、可以在【属性】面板的【左】和【上】文本框中输入数值进行定位
D、可以在【属性】面板的【宽】和【高】文本框中输入数值进行定位
正确答案：D
5、依次选中AP Div “apDiv1”、“apDiv 4”、“apDiv 3”和“apDiv 2”，然后在菜单栏中选择【修改】／【排列顺序】/【左对齐】命令，请问所有选择的层将以“（）”为标准进行对齐。

A、apDiv 1
B、apDiv 2
C、apDiv 3
D、apDiv 4
正确答案：B
6、一个AP Div被隐藏了，如果需要显示其子apDiv，需要将子apDiv的可见性设置为（）。

A、default
B、inherit
C、visible
D、hidden
正确答案：C
7、使用Div标签布局网页，它的对齐方式只有“左对齐”和“右对齐”，如果要使Div标签居中显示，可以将它的边界，特别是左边界和右边界设置为“（）”即可。

A、自动
B、固定
C、相对
D、动态
正确答案：A
三、问答题
1、apDiv的嵌套与表格的嵌套有什么不同？
答：与表格一样，apDiv也可以进行嵌套。

但与表格不同的是，子apDiv的大小和位置不受父apDiv的限制，子apDiv可以比父apDiv大，位置也可以在父apDiv之外，只是在移动父apDiv时，子apDiv会随着一起移动，同时父apDiv的显示属性会影响子apDiv的显示属性。

2、AP Div与Div标签有什么异同？它们如何相互转换？
答：apDiv与Div标签是同一个网页元素不同的表现形态，通过CSS样式可使两者间相互转换。

如在【CSS 规则定义】对话框的【定位】分类中，将【类型】选项设置为“绝对”，即表示层，否则即为Div标签，这是apDiv与Div标签转换的关键因素。

四、操作题
根据操作提示使用Div标签布局如图9-43所示网页。

操作提示：
(1)重新定义标签“body”的CSS样式，使文本居中对齐。

(2)设置页眉部分。

插入Div标签“TopDiv”，并定义其CSS样式为：文本大小为“24像素”，粗体
显示，行高为“50像素”，背景颜色为“# CCCCCC”，文本对齐方式为“居中”，方框宽度为“750
像素”，高度为“50像素”。

(3)设置主体部分。

在Div标签“TopDiv”之后插入Div标签“MainDiv”，并定义其CSS样式为：
背景颜色为“#CCCCCC”，方框宽度为“750像素”，高度为“250像素”，上边界为“10像素”。

(4)设置主体左侧部分。

在Div标签“MainDiv”内插入Div标签“LeftDiv”，并定义其CSS样式为：
文本大小为“12像素”，背景颜色为“#FFFFCC”，文本对齐方式为“居中”，方框宽度为“150
像素”，高度为“240像素”，浮动为“左对齐”，上边界和左边界均为“5像素”。

(5)设置主体右侧部分。

在Div标签“LeftDiv”之后插入Div标签“RightDiv”，并定义其CSS样式：
文本大小为“14像素”，背景颜色为“#FFFFFF”，文本对齐方式为“左对齐”，方框宽度为“575
像素”，高度为“230像素”，浮动为“右对齐”，填充均为“5像素”，上边界和右边界均为“5
像素”。

(6)设置页脚部分。

在Div标签“MainDiv”之后插入Div标签“FootDiv”，并定义其CSS样式：文
本大小为“14像素”，行高为“30像素”，背景颜色为“#CCCCCC”，方框宽度为“750像素”，高度为“30像素”，上边界为“10像素”。

参考答案见“课后习题\结果”文件夹中的“”。