层精确定位与禁止表格称大
- 格式:doc
- 大小:23.50 KB
- 文档页数:4
(3)Dreamweaver CS6中换行的快捷键是【】A shift + enterB ctrl + enterC alt + enterD enter(4)Dreamweaver CS6中连续键入空格的快捷键是【】A spaceB shift + space%C ctrl + spaceD ctrl + shift + space(5)下面按钮用来查看网页代码的是【】(6)Flash动画的扩展名为【】A *.flvB *.swfC *.swtD *.fla(7)以下操作能实现连续输入空格的是【】A 选择“编辑”——“首选参数”在常规选项卡中选择“允许多个连续的空格”复选框:B 选择“插入”——“HMTL”——“特殊字符”——“不换行空格”命令C 按住快捷键 ctrl + shift + spaceD 连续按多个空格键(8)调出CSS样表面板使用的快捷键是【】A shift + f11B shift + f5C shift + f4D shift + f1(9)将水平线的宽度值设为【】时,可以随着浏览器的窗口大小而随之变化。
A 50像素B 100像素,C 50百分比D 100百分比(10)GIF文件是在网络下最常见的图像格式,以下选项不属于它的特点是【】A 使用无损压缩方案,图像在压缩后不会有细节的损失B 是交织文件格式,在浏览器完成下载图像之前,浏览者即可看到该图像C 不支持透明背景,不可以创建带有透明区域的图像D 图像格式的通用性好,几乎所有浏览器都支持此图像格式,并且有许多免费软件支持GIF图像文件的编辑(11)JPEG文件是用于为图像提供一种“有损耗”压缩的图像格式,以下选项不属于它的特点是【】A 具有丰富的色彩,最多可以显示1670万种颜色、B 使用有损压缩方案,图像在压缩后会有细节的损失C JPEG格式的图像比GIF格式的图像大,下载速度更慢D 图像边缘的细节损失严重,所以不适合包含鲜明对比的图像或文本的图像。
第六章使用框架、层和时间轴本章要点:●框架的概念●使用框架设置网页布局●层的概念●创建层●使用时间轴一、使用框架(P90 6.2 使用框架)(一)、使用框架如果多个网页拥有相同的导航区,只是内容有所不同,则可以使用框架来设计网页布局,这样浏览者在查看不同内容时,无需每次都下载整个页面,而可以保持导航部分不变,只下载网页中需要更新的内容即可,从而极大提高网页的下载速度。
这类网页称为框架页,其最典型的应用时各大论坛的设计。
1、框架的概念框架页面通过框架将网页分成多个独立的区域,在每个区域可以单独显示不同的页面,每个区域可以独立翻滚。
(1)框架网页的结构框架由框架和框架集组成,框架就是网页中被分隔开的各个部分,每一个部分都是一个完整的网页,这些网页共同组成了框架集。
框架集实际上也是一个网页文件,用于定义框架的结构、数量、尺寸等属性。
框架集又被称为父框架,框架被称为子框架,将某个页面划分为若干框架时,既可独立地操作各个框架,创建新文件,也可为框架指定自己制作好的文档。
选择【查看】-【可视化助理】-【框架边框】命令可以显示或隐藏框架边界。
(2)框架网页的功能——导航(3)框架结构的优点●浏览者无需为每个页面重新加载与导航相关的图形,可以大大提高网页的下载效率●每个框架都有自己的滚动条,浏览者可以独立滚动这些框架2、创建框架网页文档(1)在【新建文档】对话框中创建文件-新建-示例中的页-框架集-选择所需框架结构在【框架标签辅助功能属性】对话框中为每一个框架指定一个标题(2)在【布局】插入栏中创建插入-布局-框架-可选13种预定于框架(3)手动创建框架网页查看-可视化助理-框架边框,显示框架边框,选中所需分隔的框架,按ALT键同时,光标移至框架边框上,显示为双箭头时,即可将一个框架拆分为两个框架。
(二)、编辑框架1、框架的基本操作(1)创建嵌套框架打开一个框架网页,将光标移至要创建嵌套框架集的框架中,选择【插入记录】-【HTML】-【框架】-选择某种嵌套框架集(2)删除框架光标移至需要删除的框架边缘,显示为双箭头时,将鼠标朝向框架外继续拖拽至边框消失即删除该框架(3)选择框架和框架集【窗口】-【框架】,显示框架面板,在框架面板中选择所需框架。
第11讲布局技术-层AP Div1.1教学目标:◆知识目标1.理解层的作用2.掌握层的各种基本操作◆技能目标能运用层进行布局,能设置层的重叠与嵌套,能合理操作层◆品质目标培养学生认真细致、踏实进取的精神1.2教学重点:1.掌握层的各种基本操作1.3 教学难点理解层的作用和操作。
1.4教学方法:讲练结合,任务驱动、分子任务操练1.5课时安排:2课时1.6教学对象分析:这个班学生具有基本专业技能,不仅仅是要教会他们方法,最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力,在保证全班同学教学进度一致的情况上,培养学生较好的专业基础与创新创作意识。
1.7教学过程:一、激趣导入,揭示课题层是一种HTML页面元素,可以将其定位在页面上的任意位置。
层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容。
通过Dreamweaver MX 2004,可以使用层来设置页面的布局。
可以将层前后放置,隐藏某些层而显示其他层,以及在屏幕上移动层。
还可以在一个层中放置背景图像,然后在该层的前面放置第二个层,利用层不仅可以非常灵活地放置内容,还可以根据不同的设置,实现相应的动态效果。
二、层的操作层可以理解为浮动在网页上的一个页面,它可以准确地定位在页面上的任意位置,并可以规定它的大小。
通过层可以对网页进行精确定位。
不仅如此,通过对层与行为的综合使用,还可以创作出赏心悦目的动作效果。
层可以包含文本、图像或其它任何可在网页中放置的内容。
层可以重叠,并且可以改变重叠次序,因此可以在网页上实现内容的重叠效果;可以动态地设定层的显示或隐藏,实现层内容的动态交替显示等特殊的显示效果;层可以嵌套,子层会遗传父层的特征,例如可见性,位置移动等。
0.1新建层用Dreamweaver可以方便地在页面上创建层并精确地将层定位。
建立新层的步骤:●在编辑窗口的“插入”栏的“布局”选项卡中,选取“描绘层”按钮,如图2-95所示。
或者执行“插入/布局对象/层”命令。
竭诚为您提供优质文档/双击可除dw表格里插入层怎么定位篇一:层与表格相对定位问题一.常出现的问题当你的表格选居中的时候又插入了层(插入层方法1:object->drawlayer)的时候(800*600),分辨率一旦变大、窗口最大化之后,层就错位了,而如果使用菜单(插入层方法2:insert->layer)插入层的时候,这个层就会与它的上级元素相对定位,但是一旦在dreamweaver中用移动工具动了它,它就会马上变成绝对定位,不会再与上级元素相对定位了。
二.思想:通过object面板置入的层是绝对定位的层,这个绝对定位指的是层的左上角与浏览器窗口内部的左部、顶部距离,代码中的写法是left与top。
通过菜单置入的层是相对定位的层,这个相对定位指的是层与它的上级元素的距离(它的上级元素的左上角),由于这个div中不再有left与top的属性,所以浏览器把它的位置定为与它的上级元素相同。
(总结一:只要去掉层的left与top属性就可以相对定位!)三.深入思想:现在层已经相对定位了,可是只是这样还完全不能满足要求,因为很多时候不能把表格设定得那样准确,否则会把表格搞得很麻烦,把代码搞得很大很大。
如果在上面说做出的相对定位的层的基础上再做一个层对它相对定位,不就解决问题了吗?这就涉及到了父层与子层的问题(由于它是层的基础,在书与网上教程中就可以看到,这里不再阐述),父层相对于某点定位,而子层相对于父层定位(dw表格里插入层怎么定位),就可以达到层的相对定位这个目标了。
四.具体制作(只介绍最简单的方法,对代码熟的朋友可以手敲的):先在页面内插入表格(可以设居中,表格就居中了,否则几乎无意义),鼠标在某单元格内点一下,让光标在此闪动,然后通过菜单插入一个层,这个层就相对与这个单元格定位了。
插入一个层之后,不要动它,而且也永远不要动,但是可以更改它的大小,比如把它的高与宽都改成"0",让它不再影响你对其他内容的编辑,否则,这个层的left与top属性出现之后就成了绝对定位了,变成绝对定位后你可以把它的left与top属性去掉,就恢复成相对定位了。
第一章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提供了三种基本的网页布局方法,即表格、层和框架。
表格是网页中非常重要的元素之一,使用表格不仅可以制作一般意义上的表格,还可以用于布局网页、设计页面分栏以及对文本或图像等元素进行定位等。
对于文本、图片等网页元素的位置为了可以以像素的方式控制,只有通过表格和层来实现,其中表格是最普遍和最好的一种以像素方式控制的方法。
表格之所以应用较多是因为表格可以实现网页元素的精确排版和定位。
层是一种网页元素定位技术,也是网页布局工具之一,使用层可以精确定位页面元素,层能够实现较多的功能,如层的重叠可将多个网页元素重叠在一起,实现一些特殊的效果;层可以放置在页面的任意位置,层中可以放置文本和图像等元素,层可以嵌套,层和表格可以相互转换,将层转换为表格后可以在不支持层的浏览器中进行正常浏览。
Dreamweaver复习题库一、单项选择题(每个题只有一个的答案是正确的)1、网站首页的名字通常是(D)A、Index.htmB、Index.htmlC、WWWD、A或B2、在站点中建立一个文件,他的扩展名应是(D)。
A、DOCB、PPTC、XLSD、HTM3、下列(C)是Dreamweaver中库文件的扩展名。
A、.dwtB、.htmC、.lbiD、.cop4、在Dreamweaver中,模板的扩展名为(B )A、.dotB、.dwtC、.xltD、.pot5、模板文件要保存在(D )中。
A、站点任意位置B、根目录下C、Templates文件夹中D、根目录下的Templates文件夹中6、关于网页中的换行,说法错误的是(D)。
A、可以使用<br>标签换行B、可以使用<p>标签换行C、使用<br>标签换行,行与行之间没有间隔;使用<p>标签换行,两行之间会空一行D、可以直接在HTML代码中按下回车键换行,网页中的内容也会换行7、如果要给水平线设置颜色,应选择( A )实现。
A、点击快速标签编辑器B、在属性面板中设置C、在设计视窗中设置D、打开浮动面板组进行设置8、利用a:link设置的样式属于( C )。
A、类样式 B. 标签样式 C. 高级样式 D. 层叠样式9、如果希望插入到网页中的视频是循环播放的,则在代码段中会有( A )代码。
A、param name="LOOP" value="true"B、width="750" height="110"C、quality="high"D、href=" "10、下列(C)可实现带有主题的邮件。
A、#B、mailto:baby@C、mailto:baby@?subject=给我们发个邮件D、11、以下(C)标记是插入到网页中的命名锚记。
层的精确定位
招数一:表格定位法
步骤1:打开Dreamweaver,新建一个页面,使用快捷键“Ctrl Alt T”插入一个两行一列的表格,配置第二行的目的就是为了放置层,使其相对表格定位。
输入文字同时配置表格属性.
步骤2:将光标移入第二行表格中,在这行中插入一个层,打开其属性面板,将L、T值删除,使其为空..
这两个参数绝对不能有数值,否则将不能实现层精确定位。
当然这时的层参数已定,作为父层时该层是不能移动的,但能够使用光标
改变其大小。
步骤3:将光标定义在父层中,再次插入一个层并配置层内容。
当您使用F2打开层控制面板时会看到位于父层底下的子层,作为子层是能够拖动的,因为他相对于父层定位。
步骤4:为主菜单配置鼠标响应事件,显示当鼠标移到和离开该主菜单时层的显示方式就能够了。
F12预览并改变分辨率,看看是否
您的子菜单没有错置。
招数二:CSS定位法
上述方法毕竟不是专业设计师的期望,我们能够做一个CSS相对定位的定义方式,将相对定位模型(比如表格)定义为这个CSS属
性。
步骤1:使浏览器以相对定位模型左上角作为原点,建立新的坐标系。
再在这个相对定位模型下级插入层,使之绝对于该相对定位模型定位。
当然该层也是不可拖动的,改变其位置能够直接在其属性面
板上输入Left Top的数值。
步骤2:按“Shift F11”打开CSS Styles面板,点击“New Style”按钮,在弹出的New Style窗口中定义一个名称为.pos的CSS属性,并且选择Make Custom Style的Type类型和This Document 0nl的Define类型,确认进入Style Defintion For .pos窗口,选取Positioning 定义Type为relative确定。
本站所提供的摄影照片,插画,设计作
品,如需使用,请与原作者联系。
步骤3:选取定义好的表格,右键点击CSS Style面板中的.pos,弹出菜单中执行Apply命令即可。
使该相对定位模型(表格)建立新的坐标系,只要我们在其中插入层,并配置层内容和主菜单的鼠标响应事件就能够使层实现相对定位了。
以上两招,大家不妨都试一试,若举一反三的话,一定能够做出各种使用层且自动适应用户分辨率配置的网页效果来
表格被撑大
单元格内容中出现不间断的英文或标点符号时就不会自动换行,表格被撑得很大,所以问题的关键在于配置让他自动换行或强制
换行。
具体步骤:
给表格定义以下CSS属性:
table-layout:fixed;word-wrap:break-word;word-break:break-all
完整代码示例:
<tablestyle="table-layout:fixed;word-wrap:break-word;word-break:b
reak-all">
<tr><td> </td></tr>
</table>
特别说明
本例用到表格的CSS属性table-layout、word-wrap和
word-break属性。
table-layout配置表格的布局算法。
fixed:固定算法。
word-break配置单词内的换行行为,特别是对象中出现多语言的情况。
break-all:依照亚洲语言和非亚洲语言的文本规则,允许在字内换行,也允许非亚洲语言文本行的任意字内断开。
word-wrap配置当当前行超过指定容器的边界时是否断开转行。
break-word:内容将在边界内换行。