Dreamweaver期末操作题

Dreamweaver期末操作题
Dreamweaver期末操作题

第二学期期末试题

Dreamweaver

操作题:

以下所有题的图片素材和文字素材均在

“C:\Documents and Settings\Administrator\桌面”文件夹下,

1.(10分)首先定义一站点,站点文件夹用自己的名字命名(以下题都是在本站点中来完成 ),保存在“C:\Documents and Settings\Administrator\桌面”文件夹下,在站点内部建立专门存放图片的文件夹:images;存放样式表文件的文件夹:css 。

2.(90分)在站点根目录下建立网页文件,命名为:index.htm;本网页内容要求如下:

5 分 1)插入一个3×1的表格,表格宽度为800px,边框粗细为0

10分 2)设置第一行单元格的背景为“素材”文件夹中的“背景.jpg”

第一行单元格中输入文字:和顺县职业中学,要求:红色(#FF0000),黑体,加粗,72号

后面再输入文字:考号:自己的考号姓名:自己的真实姓名,要求:黄色(#FFFF00),宋体,加粗,36号

15分 3)在第二行单元格中添加滚动字幕“欢迎光临本站点,请留下宝贵意见!”:红色,24号,每秒5帧,30帧一次,循环自动播放。

10分 4)把第三行拆分为2列,

第一列再拆分成3行,在第一列的三个单元格中分别输入“注册”“学校简介”“校园风貌”,格式要求:背景为淡绿色(#99FFFF),36号,加粗,居中,字体颜色紫色(#990066)

第二列的背景色为灰色(#CCCCFF),粘贴“素材”文件夹中的“和顺县职业中学简介.DOC”中的所有内容,14号,字体颜色:咖啡色(#999900)。

10分 5) 新建css规则,名称为 .hj,设置行距为20px,字体大小为16px,绿色(#006600),斜体,粗体,并应用于第3行2列单元格中的第一段中。

20分 6) 新建一个页面:zhuce.htm,在网页创建表单对象:

创建表单格式如图1:

要求:

①插入一个表单对象,再其在插入一个7行2列的表格,加边框线,按图示调整表格,

并输入相应的文字内容。

②姓名:单行文本域,最多输入8个字符

③密码:内容不能显示出来,应为“●”

④性别:单选按纽组,2个按纽

⑤职业:列表,列表值有4项,分别为“教师”“工人”“农民”“职员”

⑥爱好:复选框,足球已勾选。

⑦提交和重置:按纽,设置相应的动作

5 分 7) 新建一个页面fenmao.htm,有规律的插入“素材”文件夹中的“1.jpg ”至“7.jpg ”,

要求大小合适,美观。

5 分 8)分别为“注册” “校园风貌”分别设置超链接到zhuce.htm 和fenmao.htm 上,

并能返回主页。

10分 9)新建css 规则,名称为a:link,该规则要应用于第3行1列单元格中的两个超链

接,使“注册” “校园风貌”两个超链接去掉下划线,大小和原来一样。

以上操作的制作样本如图2:

1

图2

dw网页制作基础代码

Dreamweaver 8 基础代码 HTML基本结构(每个网页都是在基本结构的基础上添加内容的) ---------网页文件开始标签 --------头部元素开始标签 ----------网页标题开始标签 … 头部元素 ---------网页标题结束标签 -------头部元素结束标签 ---------网页内容开始标签 ... 网页具体内容 --------网页内容结束标签 ---------网页文件结束标签 Dreamweaver的代码里打“<”会出现可选择代码,或在“< >”里打空格也会出现,方便输入。标签书写方式(不同标签书写方式不同) 1. <标签>对象 如:title、head等。 2. <标签> 如:br 3. <标签该标签的属性1=“参数1” 该标签的属性2=“参数2” ...>对象 如:font 注意: 1.第三种类型的标签也可以使用第一种的格式,即标签的属性不一定要写。 2.可以嵌套,但要注意顺序。 两个代码之间至少要用一个空格隔开。 几个常用标签介绍 文字:... face:字体,引号中输入字体名。如:face=“黑体”。默认是宋体。 size:字号。可以是-7--------+7之间整数。默认是3。 color:颜色。可使用“red”之类的颜色名称或16进制编码指定。默认黑色。 换行:
加粗:... 倾斜:... 滚动字幕: 滚动标签:marquee 最简表达:相关字幕 滚动的属性: Direction--表示滚动的方向,值可以是left,right,up,down,默认为left Behavior--表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

Dreamweaver网页设计模拟试题

一、单项选择题(每个题只有一个选项是正确的。每题3分,共60分) 1.关于网页中的换行,说法错误的是( A )。 A.可以直接在HTML代码中按下回车键换行,网页中的内容也会换行 B.可以使用
标签换行 C.可以使用标签换行 D.使用
标签换行,行与行之间没有间隔;使用标签换行,两行之间会空一行 2.下图为Dreamweaver8的新建文档页面,一般情况下,创建完全空白的静态页面应选择( A )。 A.基本页类别中的“HTML”选项 B.基本页类别中的“HTML模板”选项 C.框架集类别中的选项 D.入门页面中的选项 3.关于超链接,下列(C )属性是指定链接的目标窗口。 A. Href B. Name C. Target D. Title 4.使用Dreamweaver8将任一个单元格拆分为3行的操作正确的是( B )。 A.选择表格属性栏“拆分”对话框,设置列数为3 B.选择表格属性栏“拆分”对话框,设置行数为3 C.右键选择菜单→表格→插入行 D.直接单击“Tab”键两次

5. 如果要在网页中插入日期,最常用的操作应( D )进行设置。 A. 点击标志1 B. 点击标志2 C. 点击标志3 D. 点击标志4 6. 以下( A )属性不属于表单标记

的属性。 A. Src B. Name C. Method D. Action 7. 设置表格的行数和列数,不能采用的方法是( D )。 A. 在插入表格时设置表格的行数和列数 B. 选中整个表格,在属性面板中修改其行数和列数 C. 通过拆分、合并或删除行、列来修改行数与列数 D. 打开代码视图,在标签中修改相应属性,以修改表格的行数与列数 8. 为链接定义目标窗口时,_blank 表示的是(B )。 A. 在上一级窗口中打开 B. 在新窗口中打开 C. 在同一个帧或窗口中打开 D. 在浏览器的整个窗口中打开,忽略任何框架 9. 关于Dreamweaver 的布局模式,下列说法错误的是( B )。 A. 在布局模式下,用户可以在网页中直接画出表格与单元格 B. 在布局模式下,单元格和表格均可以用鼠标自由拖动,调整其位置 C. 利用布局模式对网页定位非常方便 D. 使用布局模式的缺点是生成的表格比较复杂,不适合大型网站使用,一般只应用于 中小型网站。 10. 关于在Dreamweaver 中插入Flash 文本,说法错误的是( C )。 A. 通过插入Flash 文本,用户可以直接创建一个Flash 文本对象的动画 B. 可以设置Flash 文本的字体、字号、文本颜色、鼠标转滚颜色等属性 C. 可以设置Flash 文本的动态效果,如淡入淡出等 D. 可以为Flash 文本设置链接

DW入门培训教程1

如何使用“505.html修改帖子”后台 Bbs站长后台→帖子管理→505.html修改帖子 在帖子url里输入帖子链接点击确定,在“帖子内容”中出现的即为帖子代码,将代码全选复制黏贴入dreamweaver 中进行编辑。编辑完成后复制代码再覆盖黏贴入原先的“帖子内容”中,点击提交即可! 第一章Dreamweaver 设计篇 面板总体介绍: A.“插入”栏 B. 文档工具栏 C. “文档”窗口 D. 面板组 E. 标签选择器 F. “属性”检查 G. “文件”面板 文档工具栏具体详解: ABC是切换显示模式。D.显示文档标题,也就是代码中的title。E. 文件管理 F.在浏览器中预览/调试 G. 刷新设计视图 H. 视图选项 I. 可视化助理 J. 验证标记 K. 检查浏览器兼容性

1.建立站点

到这里,站点建立完毕,以后你也可以随时编辑修改这个站点的相关属性。在“文件”面板中右击已经建立的站点,然后新建文件夹,分别建立index和image文件夹。然后就可以把在制作页面中用到的图,banner,背景图等等先扔在image文件下里。方便在需要插入图片等元素时引用。 2.编辑文本 输入一段文字,并选中,然后在下方属性栏里进行编辑。(空格需要按“ctrl+shift+空格”)

格式中“标题1”到“标题6”分别表示各级标题,应用于网页的标题部分。对应的字体由大到小,同时文字全部加粗。如果需要自定义文字大小,则在大小一项中设置,格式为无。另外,在属性面板中可以定义文字的字体、颜色、加粗、加斜、对齐方式等内容。如需加链接,则在链接一栏加入网址,目标中_blank表示在新窗口中打开(最常用),_self表示“相同窗口”打开,_top表示整页窗口打开,_parent表示父窗口打开。 3.插入图像 “插入工具栏”的开启/关闭:快捷键CTRL+F2 或者窗口栏目下“插入” 点击插入工具栏中的图像按钮,或者点击插入记录下的图像,弹出“选择图像源文件”对话框

《Dreamweaver网页设计》模拟题库

2016 中国开放大学 模拟题库 一、配伍题

二、单项选择题 1、下面关于网站策划的说法错误的是() A.向来总是内容决定形式的 B.信息的种类与多少会影响网站的表现力 C.做网站的第一步就是确定主题 D.对于网站策划来说最重要的还是网站的整体风格 2、下面关于素材准备的说法错误的是() A.是网站制作中的重要一环 B.在Dreamweaver中自带有准备素材的功能 C.Adobe公司的Fireworks可以和Dreamweaver很好的结合使用 D.网站徽标的设计对于制作网站来说比较重要 3、下面哪个顶层域名()可以用来标识非盈利的组织、团体。 A. .com B. .gov C. .org D. .mil 4、下面选项中关于浏览器的描述是错误的() A.浏览器主要包括IE浏览器、Firefox浏览器、苹果公司的Safari浏览器等B. Firefox紧随IE其后,并已有超越之势 C. Microsoft Office 是一款非常好用的浏览器

D.国产浏览器如360、傲游、腾讯TT等由于其采取的恰当的市场策略,整体上已压过了Firefox等在国外很流行的浏览器 5、GIF图像的优点不包括() A.它支持动画格式 B.支持透明背景 C.无损方式压缩 D.支持24位真彩色 6. 下面那些标签符合(X)HTML的语法结构() A. 国家开放大学 B. 哈利波特 C. [body] [/body] D. {book=网页设计} 7. 在Dreamweaver中插入ActiveX控件文件后,显示为() A. B. C. D. 8. 下面哪个选项不符合样式表的基本语法规则 ( ) A. a:link {color: #FF3366;font-family: "宋体";text-decoration: none;} B. a:visited {font-family: "宋体";color: #339900;text-decoration: none;} C. a:hover {color: #FF6600;font-family: "宋体";text-decoration: underline;} D. a:active (font-family: "宋体";color: #339900;text-decoration: none;) 9. 在Dreamweaver软件的主编辑窗口中,视图不包括是() A.拆分 B.级联 C. 设计 D. 代码 10. 为链接定义目标窗口时,_blank表示的是()。

DreamWeaver实例教程前5例

DW网页设计100例1:构建开发环境( 1 )单击【开始】→【控制面板】,如图1-1 所示。 图1-1 打开控制面板 ( 2 )在弹出的【控制面板】窗口中双击【添加或删除程序】按钮图标,在弹出的【添加或删除程序】对话框中选择安装IIS 服务器,如图1-2 所示。 ( 3 )安装好IIS 服务器后,在【控制面板】窗口中单击管理工具,然后在弹出的【管理工具】窗口中单击【Internet 信息服务】,进行默认站点属性的设置,具体操作如图1-3 所示。

( 4 )安装 .NET 框架。 .NET 框架是创建、部署和运行Web 服务及其他应用程序的一个环境。它包括三个主要部分:公共语言运行时、框架类和https://www.360docs.net/doc/a6187258.html, 。安装 .NET 框架其实就是构建https://www.360docs.net/doc/a6187258.html, 开发环境。 .NET 框架SDK 可在微软的网站上下载,如 .NET Framework 2.0 和相应版本的SDK 工具包的下载安装网址如下: ① .NET Framework 2.0 框架( .NET Framework 2.0 版可再发行组件包测试版2 x86 ),下载地址为https://www.360docs.net/doc/a6187258.html,/downloads/details.aspx?displaylang =zh-cn&FamilyID =7abd 8c 8f -287e -4c 7e -9a 4a -a4ecff40fc8e ; ② .NET Framework 2.0 SDK 工具包( .NET Framework 2.0 SDK Beta 2 x86 ),下载地址为 https://www.360docs.net/doc/a6187258.html,/downloads/details.aspx?FamilyID=41070791-8912-4f94-ac46-7 ce0e386dsc9&DisplayLang=en ; (上面两个下载地址,可直接复制【光盘】| 【源文件】| 【实例1 】|【 1.1.txt 】中的内容而获得) ③ .NET Framework 2.0 中文语言包已附在随书光盘的【源文件】| 【实例 1 】中。

CEAC考试Dreamweaver模拟试题一

CEAC考试Dreamweaver模拟试题一 (1)、下面关于站点的上传和公布的讲法错误的是: 答:() A、能够通过的Dreamweaver中自带的上传功能上传站点 B、能够使用其他的上传工具上传站点 C、上传文件需要FTP服务器的支持 D、Dreamweaver中自带的上传功能支持断点续传 (3)、按下面哪个按钮能够在模板中创建重复表:答:() A、 B、 C、 D、 (5)、在Dreamweaver中,下面关于把库元素加入到网页中的讲法正确的是:答:() A、在库子面板中,选中要插入的库元素,然后单击右下角的插入按钮 B、在库子面板中选择要插入的库元素,将其拖动到网页中即可 C、在库子面板中选择要插入的库元素,按快捷键F8 D、以上讲法都错 (12)、在Dreamweaver中,下面关于拖动路径创建时刻线的讲法正确的是:答:() A、我们能够拖动层的的路径来制作动画 B、使用菜单来实现录制路径的操作时,第一要选择该层 C、形成的动画路径完全忠实于拖动的轨迹 D、在编辑状态下,时刻线的路径是不能够见的 (15)、在Dreamweaver中,下面关于层的剪裁讲法正确的是:答:() A、只能使用嵌套层来准确定位需要剪裁的坐标 B、只能使用重叠层来准确定位需要剪裁的坐标 C、能够使用嵌套层和重叠层来准确定位需要剪裁的坐标 D、以上讲法都错 (16)、在Dreamweaver中,在预览时,要使层的右方和下方显现滚动条而不论元素是否溢出,要选择溢出的下拉选项中的哪个选项:答:() A、auto B、scroll C、visible D、hidden

(32)、在Dreamveaver MX中,在插入栏的文件头属性面板中的按钮如下图所示,其表示:答:() A、输入网页关键词 B、输入网站讲明 C、网页的刷新时刻 D、网页的标题 (34)、在Dreamveaver MX中,在区中,下面的信息属性不包括的是:答:() A、题目 B、关键词 C、作者 D、背景 (37)、在Dreamweaver MX中,下面关于插入一个互动图像的操作讲法错误的是:答:() A、第一预备好两个图像,一个是正常状态,一个是鼠标移上图像后的状态 B、单击插入栏的常用子面板下的鼠标通过图像图标来插入图像 C、在弹出的鼠标通过图像面板中,单击原始图像一栏后的扫瞄按钮插入原始图像 D、遗憾的是不能够为互动图像加入超链接 (39)、通过下面高亮显示参数设置,下面哪些不能高亮度颜色显示的是:答:() A、不可编辑区颜色 B、嵌套区颜色 C、锁定编辑区颜色 D、第三方标识颜色 (42)、在HTML中,下面是超链接标签的是:答:() A、 B、… C、 D、

(43)、在HTML中,下面是段落标签的是:答:() A、… B、… C、… D、

<二>、多选题 (8)、在Dreamweaver中,在下面哪些对象中能够置入文本:答:() A、帧 B、层

Dreamweaver网页设计范例(详细流程)

一、网站的总体规划 1.确定整体风格 风格因人而异,不同的人对同一主题设计的网站风格都不一样。一些要点:(1)网站的标志应该放在醒目位置并保持不变,一般放置在网页的左上角(2)导航条应该放在每张网页的相同位置,便于浏览 (3)确定网站的主体颜色,并注意颜色搭配,要让人感觉舒服 (4)页面布局要规划好,一般采用上边导航条,下边内容或左边导航条右边内容的方式,或两者结合 2.网页颜色搭配 各种颜色给人的感觉不同。 3.绘制设计草图 二、网页的制作 1.建立站点 点击“站点”- “新建站点”,输入名字“我的主页”,单击“下一步”,选择“否,。。。”,单击“下一步”,设置存放位置,D盘MYWEB目录,单击“下一步”,选择“无”,“下一步”,设置完成。 在站点“我的主页”上右击,建立三个文件夹“images,flash,web”,分别存放图片、动画和网页文件。再建立首页文件“index.htm”。 2.首页的设计 (1)将标题设为“小小的家”,点击“插入”-“表格”,插入一个4行2列,宽760像素,其他为0的表格。 在属性面板中设置表格属性,高200,居中对齐,背景白色。

选中行列的方法:(1)鼠标左键拖动;(2)Ctrl+左击;(3)可视化助理 (2)合并单元格 选中第二行的两个单元格,右击,“表格”-“合并单元格”, 选中第四行的两个单元格,点击“修改”-“表格”-“合并单元格” (3)表格的嵌套 选中第三行第二列的单元格,点击“插入”-“表格”,插入一个2行1列,宽度80%,边框粗细0的表格。 回到原单元格,属性面板中设置水平居中、垂直居中。 (4)页面属性设置 点击“修改”-“页面属性”,设置字体“默认”,大小“14像素”,文本“黑色”,背景“灰色”,左右上下边距“0”。 (5)表格第一行第一列:属性宽140,高140,插入logo.jpg 第一行第二列:宽620,插入ban.swf 第二行:高30,背景色“#FF0000”,文本颜色“白色”,输入“首页个人简介动画作品我的相册学习心得写信给我” 大小22像素居中对齐 第三行第一列:背景色#0067C3,高度600 第三行第二列:在其第一行的单元格中,设置高度“400”,输入“有朋自远方来不亦乐乎!”,字体“魏碑”,字号“60”,颜色“蓝色”,字体居中排列,并用shift+enter键控制间距。 在第二行的单元格中,设置高度“50”,输入“欢迎参观”,颜色“淡红”,居中排,字号“25”。 第四行:背景色“黑色”,文本颜色“白色”,输入“更新日期:”,点击“插入”-“日期”,再输入“Copyright ”,点击“插入”-“HTML”-“特殊字符”-“版权”,输入“2012 小小版权所有”。 (6)建立超级链接 在WEB目录下建立jianjie.htm,xiangche.htm,xuexi.htm,donghua.htm四个文件把个人简介等文字与对应的文件链接起来。 三种链接方法:直接输入web/jianjie.htm;打开文件夹方式;鼠标指向文件;把“欢迎参观”链接到jianjie.htm 查看效果,注意要使用相对路径 去掉文字下的下划线(利用CSS样式): 点击“窗口”-“CSS样式”,在右边的CSS样式窗口中选择“新建CSS规则”,选择器类型“高级”,选择器“a”,“仅对本文档”,点击确定。在弹出的属性窗口中,将“修饰”的无选项前面打勾。 如果还想改链接的颜色,可以“新建CSS规则”,名称为 a:active 表示选中状态a:hover 表示光标放上时 a:link 正常状态a:visited 访问过的状态 例如:设置a:hover,将“修饰”的无选项前面打勾,颜色“#00ff00”,再查看一下效果。 建立外部链接:选中“写信给我”,属性面板中链接输入mailto:ggg@https://www.360docs.net/doc/a6187258.html,

dreamweaver8.0入门图文教程

dreamweaver8.0入门图文教程:Dreamweaver 8 操作 环境 第一天的内容可能让你觉得枯燥乏味,不过,“工欲善其事,必先利其器”,让我们一起来了解Dreamweaver8的操作环境,完成站点的创建。一、Dreamweaver8 的操作环境在首次启动Dreamweaver8时会出现一个“工作区设置”对话框,在对话框左侧是Dreamweaver8的设计视图,右侧是Dreamweave 8的代码视图。Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。 在Dreamweave 8 中首先将显示一个起始页,可以勾选这个窗口下面的“不在显示此对话框”来隐藏它。在这个页面中包括“打开最近项目”、“创建新项目”“从范例创建”3个方便实用的项目,建议大家保留。 新建或打开一个文档,进入Dreamweaver8的标准工作界面。Dreamweaver8的标准工作界面包括:标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。 1、标题显示栏 启动Macromedia Dreamweave 8后,标题栏将显示文字Macromedia Dreamweave 8.0,新建或打开一个文档后,在后面还会显示该文档所在的位置和文件名称。 2、菜单栏 Dreamweave 8的菜单共有10个,即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。其中,编辑菜单里提供了对Dreamweaver菜单中[首选参数]的访问。

文件:用来管理文件。例如新建,打开,保存,另存为,导入,输出打印等。 编辑:用来编辑文本。例如剪切,复制,粘贴,查找,替换和参数设置等。 查看:用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 插入:用来插入各种元素,例如图片、多媒体组件,表格、框架及超级链接等。 修改:具有对页面元素修改的功能,例如在表格中插入表格,拆分、合并单元格,对其对象等。 文本:用来对文本操作,例如设置文本格式等。 命令:所有的附加命令项 站点:用来创建和管理站点 窗口:用来显示和隐藏控制面板以及切换文档窗口 帮助:联机帮助功能。例如按下F1键,就会打开电子帮助文本 3、插入面板组 插入面板集成了所有可以在网页应用的对象包括“插入”菜单中的选项。插入面板组其实就是图像化了的插入指令,通过一个个的按钮,可以很容易的加入图像、声音、多媒体动画、表格。图层、框架、表单、Flash和ActiveX等网页元素。 4、文档工具栏 “文档”工具栏包含各种按钮,它们提供各种“文档”窗口视图(如“设计”视图和“代码”视图)的选项、各种查看选项和一些常用操作(如在浏览器中预览)。 5、标准工具栏 “标准”工具栏包含来自“文件”和“编辑”菜单中的一般操作的按钮:“新建”、“打开”、“保存”、“保存全部”、“剪切”、“复制”、“粘贴”、“撤消”和“重做”。 6、文档窗口 当我们打开或创建一个项目,进入文档窗口,我们可以在文档区域中进行输入文字、插入表格和编辑图片等操作。 “文档”窗口显示当前文档。可以选择下列任一视图:“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中,Dreamweaver 显示文档的完全可编辑的可视化表示形式,类似于在浏览器中查看页面时看到的内容。“代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境。“代码和设计”视图使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。 7、状态栏 “文档”窗口底部的状态栏提供与你正创建的文档有关的其它信息。标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击 可以选择文档的整个正文。

DreamWeaver 认证模拟试题1(已看)

DreamWeaver 认证模拟试题1 发布日期:2007-12-1 23:35:35 作者:admin 来源:本站浏览:1368 一、单选题:请从四个选项里找出最正确的答案. 1. DreamWeaver 的View 菜单中,载入追踪图象的选项是? A. Tracing Images>show B. Tracing Images>adjust posistion C. Tracing Images>reset posistion D. Tracing Images>load 解析: Tracing Images>load 命令用来载入追踪图象,载入追踪图象之后可用Tracing Images>show 控制追踪图象的隐藏或显示,Tracing Images>adjust posistion 命令用来调整追踪图象在页面中的位置,Tracing Images>reset posistion 命令可把追踪图象的顶点坐标复位到0,0 答案:D 2. Dreamweaver 打开模板选项板的快捷操作是? A. F11 B. Ctrl+F10 C. DW4 中没有设置 D. F4

答案:C 3. Dreamweaver 打开样式面板的快捷操作是? A. Shift + F11 B. F8 C. F9 D. F10 答案:A 4. DreamWeaver 是利用什么标记构建的分层? A.〈dir〉 B.〈div〉 C.〈dis〉 D.〈dif〉 解析: 在DreamWeaver 中层的标记有四种可选,DIV,SPAV,ILAYER, LAYER 答案:B 5. 一个有3 个框架的Web 页实际上有几个独立的HTML 文件? A. 2 B. 3

案例四用Dreamweaver制作专题网站(精)

案例四:用Dreamweaver制作专题网站 案例名称:科技网站《创新乐园》 技能目标: 1、能较为熟练地Dreamweaver的各项功能菜单,制作具有一定主题的不少于20页的网站。具体要求如下: (1)、能熟练地建立站点文件,并有序的规划文件夹。 (2)、熟练地使用表格或框架定位页面元素,做到版面清晰整洁,图文并茂,主题突出。 (3)、较熟练地使用模板制作网页,科学的、有效的制作网页。 (4)、能正确地熟练地插入网页元素,如:图片,Flash,视频等。 (5)、能熟练的的使用各功能面板,如:属性面板,站点管理面板,CSS面板,行为面板等。 2、能使用Flash和这Photoshop辅助性地制作或加工网页元素。 3、能使搜索引擎上网搜索相关素材,丰富网站。 课程目标: 通过本专题网站的设计与制作,收集和整理学生的科技创新作品,以期更好地展示给更多的学生,让学生对科技创新有较为全面的了解,学习基本的科学知识以及相关的科学实验活动,培养其学会观察生活,善于捕捉生活中小问题,并敢于创新的科学精神。 案例说明(分析): 本站主要让学生收集和整理了平日的科技小发明,以及相关的科学知识和科学实验活动等。让学生详细的介绍发明的起因、想法以及制作的过程和遇到的困难。通过综合运用信息技术各项工具,制作专题网站,学生的信息技术能力和科学素养都会得到发展、提升。 案例介绍:(过程) 一、制作准备: 1.首先学生收集整理每个发明创作的相关资料,包括文字、图片、视频等。 2.分组(自由组合) 3.明确分工(素材收集、素材的整理和加工、设计制作等) 二、制作活动: 1.技术讲解(要点): ①建立站点文件。定义站点文件夹,并规划好子文件夹。

DreamWeaver 考试模拟试题一

一、单选题:请从四个选项里找出最正确的答案. 1. DreamWeaver 的View 菜单中,载入追踪图象的选项是? A. Tracing Images>show B. Tracing Images>adjust posistion C. Tracing Images>reset posistion D. Tracing Images>load 解析: Tracing Images>load 命令用来载入追踪图象,载入追踪图象之后可用Tracing Images>show 控制追踪图象的隐藏或显示,Tracing Images>adjust posistion 命令用来调整追踪图象在页面中的位置,Tracing Images>reset posistion 命令可把追踪图象的顶点坐标复位到0,0 答案:D 2. Dreamweaver 打开模板选项板的快捷操作是? A. F11 B. Ctrl+F10 C. DW4 中没有设置 D. F4 答案:C 3. Dreamweaver 打开样式面板的快捷操作是? A. Shift + F11 B. F8 C. F9 D. F10 答案:A 4. DreamWeaver 是利用什么标记构建的分层? A.〈dir〉

C.〈dis〉 D.〈dif〉 解析: 在DreamWeaver 中层的标记有四种可选,DIV,SPAV,ILAYER, LAYER 答案:B 5. 一个有3 个框架的Web 页实际上有几个独立的HTML 文件? A. 2 B. 3 C. 4 D. 5 解析:一个有3个框架的Web页中每个框架包含一个独立的HTML文件,共 3 个,另外,在加上一个框架结构页,共 4 个HTML 文件 答案:C 6. CGI 脚本语言环境变量SERVER_PORT 的意义是下列哪一项? A. 在PATH_INFO 中系统规定的路径信息 B. 附加的路径信息, 由浏览器通过GET 方法发出 C. 指向这个CGI 脚本的路径 D. 服务器运行的TCP 口,通常Web 服务器是80. 答案:D 7. DreamWeaver 的Modify 菜单中,将单元格分离为行或列选哪项? A. Hyperlink→Taget Frame→Set B. Table→Select Table C. Table→Merge Cells D. Table→Split Cell

DW基础知识一

课程目标: ?使用CSS美化网页元素 ?使用DIV+CSS布局网页 ?制作各种流行的网页组件 ?制作语义化的表单 ?掌握一些常用的网页制作技巧 第一次课: 1、DW5工作界面的认识。 2、新建站点(为什么要站点)、网页文件(注意“页面属性”---“标题/编码”的设 置和重要性)、样式文件(外部) 3、网页基本结构: …各种标记写成的网页内容代码…

4、html与xhtml的区别 5、html常用内容标签 做网页实例。。。。first.html 6、结构标签

标签:定义HTML文档中的分区或节(简单说:就是用于布局!) 标签:行内元素 区别“表格布局”和“div布局”。

7、CSS简介: 级联样式表(Cascading Style Sheet) ,简称风格样式表(Style Sheet) ;用来进行网页风格设计 CSS作用: 有效地控制网页外观 精确定位网页元素 改善用户体验 CSS的优点 内容与表现分离 表现统一,易控制 布局页面更灵活 减少页面代码量 利于搜索引擎收录 CSS语法规则(演示) 选择器{属性:值;} 标签、类、ID三种 P { color: red; } . top { width: 600px; } # nav ( font-size: 12px;) CSS样式引入网页文件(演示) 行内式、嵌入式、链接式、导入式

关于DOCTYPE DOCTYPE不可怕,但把它拿走,会让你怕了又怕。 最近在蓝色理想转悠,发现很多朋友提出有关DIV+CSS排版问题,以及IE与FF的兼容问题。怎么问的都有,结果就是一个——显示很奇怪,很难调整。我们浏览的大多数网站,或者用Dreamweaver创建一个新的网页文档时,源码的顶部都会有DocType声明,但是很多人没有注意它,甚至在创作时候直接将它删掉,其实这往往就是噩梦的开始。在遵循标准的任何Web文档中,DOCTYPE都是一项必需的元素。它会影响代码验证,并决定了浏览器最终如何显示你的web文档。为了避免DOCTYPE的问题重复出现,我根据手头的资料整理了这篇文档,以备自己及有兴趣的朋友参考。 在默认情况下,FF和IE的解释标准是不一样的,也就是说,如果一个网页没有声明DOCTYPE,它就会以默认的DOCTYPE解释下面的HTML。在同一种标准下,不同浏览器的解释模型都有所差异,如果声明标准不同,不用我说,您自己想就可以了。学习网页标准,浏览器兼容,从哪里开始您自己决定,但是,请认识DOCTYPE: 一、什么是DOCTYPE DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML (或者HTML)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。 二、DOCTYPE的规则 DOCTYPE声明的写法遵循一定的规则,它指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下,“阅读程序”通常是浏览器或者校验器这样的一个程序,“规则”则是w3c所发布的一个文档类型定义(dtd)中包含的规则。 每个dtd都包括标记、attributes、properties等内容,它们用于标记web文档的内容;此外还包括一些规则,它们规定了哪些标记能出现在其他哪些标记中。每个web建议标准(比如html 4 frameset和xhtml 1.0 transitional)都有自己的dtd。 以下是从手册上摘抄的规则: 语法:

Dreamweaver模拟试题,每天都有部分更新.

一、单项选择题 1. 在使用表单时,下面是插入Form按钮图标是哪个: A. B. C. D. 答案:B 2. 下面关于网站策划的说法错误的是: A.向来总是内容决定形式的 B.信息的种类与多少会影响网站的表现力 C.做网站的第一步就是确定主题 D.对于网站策划来说最重要的还是网站的整体风格 答案:D 3. 在Dreamweaver中,下面关于应用Java Apple的说法错误的是: A.应用Java Apple可以进一步增强网页的多媒体动态效果 B.Java Apple的兼容性较好 C.扩展性无与伦比 D.要使用特的插件才能应用Java Apple 答案:C 4. 在下面哪个是Dreamweaver的模板文件的扩展名: A..html B..htm C..dwt D..txt 答案:C 5. 按住什么键,同时在想要选中的排版单元格内任意处单击鼠标,可以快速选中单元格 A.Shift B.Ctrl C.Alt D.Shift+Alt 答案:B

6. 在浏览下面哪些元素时,我们不用使用Check Plugin(检测插件)动作来检测访问者是否安装了必须的插件 A.Flash文件 B.Quicktime文件 C.图片文件 D.Shockwave文件 答案:C 7. 下面关于使用框架的弊端和作用说法错误的是: A.增强网页的导航功能 B.在低版本的IE浏览器(如IE3.0)中不支持框架 C.整个浏览空间变小,让人感觉缩手缩脚 D.容易在每个框架中产生滚动条,给浏览造成不便 答案:C 8. 下面关于选择文本对象的方法说法错误的是: A.用鼠标从对象的开头拖到结尾 B.单击该对象 C.通过Tag selector进行选择 D.用鼠标从对象的结尾拖到开头 答案:B 9. 下图所示,下面哪个按纽可以添加一个Shockwave动画: A. B. C. D. 答案:D 10. 在Dreamweaver MX中,下面关于HTML内的复制与粘贴说法正确的是: A.选中要复制的文字后,把鼠标移到选择区上,然后可以直接拖动将它移动到新的位置 B.选中要复制的文字后,把鼠标移到选择区上,然后可以直接拖动将它移动到新的位置。如果按下Ctrl键,则相当于复制后粘贴C.选中要复制的文字后,把鼠标移到选择区上,然后可以直接拖动将它移动到新的位置。如果按下Shift键,则相当于复制后粘贴 D.以上说法都错

实例Dreamweaver_制作表单页

图12-1 保存文件名为from 保存图12-2 在页面中插入表单域 说明表单域就是表单的范围,在网页中以红色虚线表示,也是插入表单元素的前提条件.代码中以

格式表示.其作用就是把页面中输入的数据以电子邮件形式发送到邮箱中或直接传送到数据库中 4. 将光标停放到表单域中,选择常用面板上的

图12-3 在页面中插入表格和文本 在第2行第1 个单元格中输入文字"用户名:",然后单击表单面板中"文本字段插入文本框. 选中插入的文本框,打开属性面板,在"文本域"下面的文本框中输入"name", 在"字符宽度"文本框中输入"25";"类型"选择"单行"单选按钮;"最多字符数

图12-6 单选按钮属性设置 说明初始状态有两个选择,“已勾选”和“未选取中”。单选按钮是在众多选 16. 按钮,在“省份:”旁边插入“列表 菜单”框,单击属性能面板上的按钮,打开“列表值” 黑龙江等,单击按钮可增加项目,单击按钮可删除项目,右边的两个按钮,可用来调整项目的上下位置。如

图12-7 “单选按钮组”对话框图12-8 “列表/菜单”列表值设置 18. 单击“确定”按钮,返回属性面板,在“初始化时选取定”文本框中出现了刚才设置的项目标签。然后在“列表/菜单”下面的文本框中输入“ 图12-9 “列表/菜单”属性设置 图12-10 文件域属性设置 文件域是用来选择本地硬盘上文件夹目录地址,其后面跟着按

着单击表单面板上的“复选框”按钮,分别在各选取项前面插入复选取框。 钮,使表格中的内容都靠左对齐。如图 行,然后单击表单面板上的“文本区域”按钮,插入文本域。 图12-11 选中表格单击“左对齐”按钮 26. 选中文本域,打开属性面板,在“文本域”下输入名称content,在“字符宽度”文本框中输入40,在“行数”中输入5,在“类型”选项中选择“多行”单选取按钮。参数设置如图12-12所示。 图12-12 “文本域”属性设置

第10章-Dreamweaver-CS3基础知识

第10章Dreamweaver CS3基础知识 课前导读 Dreamweaver是绝大多数网页设计者使用的网页编辑软件。Dreamweaver具有功能强大,操作性强的特点。本章我们就学习使用Dreamweaver软件。 本章重点 在本章我们将重点学习: ?Dreamweaver CS3的常用功能 ?Dreamweaver CS3的使用 10.1 Dreamweaver CS3简介 Dreamweaver是Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver、Flash以及之后推出的针对专业网页图像设计的Fireworks,三者被称为“网页三剑客”,几乎是每个网页设计者必须学习使用的工具套件。 Dreamweaver总的特点是: 1.最佳的制作效率 Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于很多的常用操作都只要一个简单步骤便可完成。Dremweaver只要单击便可自动开启Firework或Photoshop来进行编辑与设定图像文档的最佳化。 2.网站管理

使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver 会自动更新所有连结。使用提示文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 3.无可比拟的控制能力 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的惊人。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver 支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP,Apache,BroadVision,Cold Fusion,iCAT,Tango与自行发展的应用软体。使用Dreamweaver在设计动态网页时,不需要透过浏览器就能预览网页。建立网页外观的模板,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。全方位的呈现利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。 Macromedia公司于2005年被Adobe公司收购,收购后负责Dreamweaver开发的项目组又推出了Dreamweaver的最新版本Dreamweaver CS3 (以下简称DW CS3),DW CS3包含有一个崭新、简洁、高效的界面,且性能也得到了改进。此外,还包含了众多新增的功能,改善了软件的易用性,其中最为主要的是增加了对Ajax技术的支持,推出了Spry 框架。 10.2 Dreamweaver CS3的新增功能 由于Ajax技术的盛行,各种Ajax框架如雨后春笋一样被开发出来,Dreamweaver CS3也推出了自己的框架——Spry。Dreamweaver CS3的新增功能主要以Spry框架为基础。 (1)适合于Ajax的Spry框架 使用适合于Ajax的Spry框架,以可视方式设计、开发和部署动态用户界面。在减少页面刷新的同时, 增加交互性、速度和可用性。

Dreamweaver模拟试题

《Dreamweaver网页设计》模拟试题 4 一、单项选择题(每个题只有一个选项是正确的。每题3分,共45分) 1. 为链接定义目标窗口时,_top表示的是(D)。 A. 在上一级窗口中打开 B. 在新窗口中打开 C. 在同一个帧或窗口中打开 D. 在浏览器的整个窗口中打开,忽略任何框架 2. 以下几个事件中代表“单击鼠标按钮”的事件是(A)。 A. OnMouse Down B. OnMouse Out C. OnMouse Over D. OnouseUp 3.在表单元素“列表”的属性中,( B ) 用来设置列表显示的行数 A.类型 B.高度 C.允许多选 D.列表值 4. 在HTML语言中,如果对文字的颜色进行修饰,应通过(D) A. font-family:”宋体” B. font-size:10pt C.href=”../color.html” D. color:”#EDFEDF” 5. 在Dreamweaver中,下面关于验证表单的说法错误的是(D) A.是程序执行前在网络上的验证 B.会大大减少因程序处理错误事件而造成的不必要的负担 C.验证表单对话框中,在Value选中Require指定此栏不用填写 D.以上说法都错 6. 下面哪个标签不符合(X)HTML的语法结构(D) A. 国家开放大学</ title > B. <title color=”#FFFDDD” >哈利波特 C. D. [book] 网页设计 [/book] 7、如果要使图像在缩放时不失真,在图像显示原始大小时,按下(B)键,拖动图像右下方的控制点,可以按比例调整图像大小 A. Ctrl B. Shift C. Alt D. Shift+Alt 8. 如下所示的这段CSS样式代码,定义的样式效果是(C)。 a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} 其中#ff0000为红色,#00000为黑色,#0000ff为蓝色, #00ff00为绿色 A. 默认链接色是绿色,访问过链接是蓝色,鼠标上滚链接是黑色,活动链接是 红色 B. 默认链接色是蓝色,访问过链接是黑色,鼠标上滚链接是红色,活动链接是 绿色 C. 默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是 D. 默认链接色是黑色,访问过链接是红色,鼠标上滚链接是绿色,活动链接是 蓝色