您现在的位置：> > >
软件Dreamweaver中的层在网站制作中作用重大
　　[硅谷网12月11日文]据《硅谷》杂志2012年第18期刊文，在使用Dreamweaver制作网站时候，总要用到层，因为层是一种网页元素定位技术，使用层可以以像素为单位精确定位页面元素，层可以放置在页面的任意位置。利用层可以非常灵活地放置网站内容，可以再层里面放置文本，图像、视频等对象，甚至是其它的嵌套层。层对于制作网站的部分重叠效果更具有特殊作用，把页面元素放入层中，而已控制元素的显示顺序，也能控制是哪个显示、哪个隐藏。使网站制作工作更加高效。
　　关键词：Dreamweave；层；编辑；属性
　　在Dreamweaver中层几乎是个容器可以在里面插入图像、文本、动画等各种网页元素。对于层的编辑有很种方法：首先是层的创建：1）是创建普通的层：可以使用插入、拖放或者绘制技术创建层，在使用&绘制层&工具绘制层时，Dreamweaver会在文档中插入div标签，并为层分配id值（默认情况下，Layer1表示绘制的第一层，Layer2表示绘制的第二层，依此类推）。稍后，可以使用&层&面板或&属性&检查器将层重新命名为想要的任何名称。Dreamweaver还使用文档头中的嵌入式CSS来定位层和确定层的确切尺寸。一旦层被创建，则可以使用层工具栏选中它，将它嵌入到其它层中或改变叠放顺序。2）创建嵌入式层：嵌入式层是指在其它层中创建的层，也就是当光标移动到层中时，在插入其他的层，嵌入式层和被嵌入的层可以一起被移动，并且可继续嵌入其它的层。要分离嵌入式层时，可按住ctrl健，在层面板中选择一层，拖它出目标层即可，但还需注意几点：①嵌入式层并不一定是页面上的一层位于另一层内。嵌入式层的本质应该是一层的html代码嵌套在另一层的html代码中。（如果它们的html代码互补包含，它们就不是嵌入式层）如果要嵌套层，少用多层父层，应共享一个共同的单一父层。尽量将文本放在层中的一个表格里，并且表格应该是绝对大小的（以像素为单位，而不是百分比）且不大于层，不过主表中的嵌套表可以设置为相对的百分比大小。②还可以使用另外两种标签来创建层：layer和ilayer。但是，只有NetscapeNavigator4支持这些标签；InternetExplorer不支持这些标签，而Netscape在较新的浏览器中也不再支持这些标签。Dreamweaver可以识别layer和ilayer标签，但不使用这些标签来创建层。
　　其次是选择层，要对层进行移动，调整大小等编辑操作，选择层，可以选择一层，也可以同时选择多层，可进行对齐层、使他们的宽度和高度相同，或重新定位它们的位置。
　　在dreamweaver中，要选择一层，有一下几种操作方法：
　　在文档窗口中单击层的标志，如果层标志不可见，选择&查看&可视化助理&不可见元素&。单击层的选择手柄，如果手柄没有显示，单击层内的任何地方使它显示出来。单击层边界，如果没有活动层，也没有层被选择，在层内按住shift键单击。如果多层被选择，按住ctrl+shift在层内单击。在层面板中单击层的名称。要选择多层，执行以下操作之一：在两层、多层内火边界上按住shift键单击两层或者多层的名称。插入层对象当光标移动到层内时，就可以插入要插入的对象（元素）。比如插入图层、表单、表格等其它元素。
　　层的属性设置：
　　创建复杂的页面布局，使用层是一种选择，把页面元素放入层中，然后拖动层，这样就很容易定位它们，要能正确运用层来设计网页，必须了解层的属性和设置方法，以及层的操作技巧。
　　单个层的属性：
　　在文档窗口中创建一个层后，然后选择窗口-----属性，打开属性检查器，单击刚建立的层的边线选择它，属性检查器中随即显示层的常用属性，单击属性检查器右下角的扩展箭头，可以看到层的所有属性。
　　层编号：指定一个名称，标示层面板中的层，在本项下面的文本域中输入层名。层名只能使用英文字母或者数字，不要使用特数表示字符。（如空格横杠斜杠、句号等）。
　　左（L右T）指定层相对于页面或父层左上角的位置，即层的左上角在页面或父层中的坐标，L指定距左边的像素，T指定距顶边的像素。
　　宽（w）和高（H）：指定层的宽度和高度，如果层的内容超过指定的大小，这些值被覆盖，对于css层，L、T、W、H默认以像素（px）为单位。也可以指定一下单位：pc（十二磅字）、pt（磅）、in（英寸）、mm（毫米）、cm（厘米）或%（父值的百分比）。单位的缩写必须紧跟在值的后面，二者之间没有空格。
　　Z轴：指定层的索引（或堆叠顺序号）。编号较大的层出现在编号较小的层的上面。编号可正可负，也可以是0。
　　显示：决定层的初始显示状态。使用脚本语言（如JavaScript）可以控制层的可视性和动态显示层的内容，这个下面有较多选项，分别是：
　　Default（显示）不指定可视性属性，但多数浏览器把本项解释为inherit（继承）
　　inherit继承父的可视性属性
　　visible（可见）显示层的内容，，忽略父值
　　hidden（隐藏）隐藏层的内容，忽略父值。
　　背景图片：指定层的背景图像，单击本项右边的浏览图标，可以览并选择一个图像文件，或直接在文本框中输入图像文件的路径。
　　背景颜色：指定层的背景颜色，此选项为空时指定透明背景。
　　标签：决定层是css层还是NETcape层。
　　溢出：仅适用css层，指定如果层的内容超过了它的大小将发生的事件如下：
　　Visible（可见）增加层的大小，以便层的所有内容都可见，层向下和向右扩展。
　　Hidden（隐藏）保持层的大小，并裁剪掉与层大小不符的任何内容，不显示滚动条。
　　Scroll（滚动）：给层添加滚动条，不管内容是否超过了层的大小，特别是通过提供滚动条来避免在动态环境中显示和不显示滚动条导致的混乱。
　　Auto（自动）在层的内容超过它的边界时自动显示滚动条。
　　但要注意尽量不要在层中放置滚动条（用overflow属性）。可使用一个DHTML滚动器或ProjectSevenIFRAME技术来代替。不要给层和一幅图像相同的命名。每个层应该有自己唯一的并区别于页面中其他元素的名字（事实上，不应该让2个具有相同名称的元素出现在同一个页面中）。不要直接对层应用实践/行为，它们将不能跨浏览器工作，应用层中的内容（链接或图像）而不是层自身。
　　剪辑：定义层的可视区（类似于word中通过设置页边距来定义版心）。在左（左边距）、上（上边距）右（右边距）下（下边距）的文本框中输入一个值来指定距层边界的距离（以像素为单位）。
　　对于多个层的属性操作时，多个层的属性与单个层属性类似，不同时多个层&属性&面板将显示文本属性和普通（层）属性的子集。按住shift健可选择多层也可一次对多个层进行修改编辑。
　　总述：在制作网站，要注意层的创建、编辑及各个属性的含义，布局页面时要充分使用层的多种功能以提高建站的工作效率。
上一篇： 下一篇：
【对“软件Dreamweaver中的层在网站制作中作用重大”发布评论】
版权及免责声明：
① 本网内容来源注明“硅谷网”及其相关称谓的文字、图片和音视频，版权均属硅谷网所有，任何媒体、网站或个人需经本网“协议授权”方可复制或转载，并在使用时必须详细注明对应来源，违者本网将依法追究责任。
② 注明来源为各大报纸、杂志、网站及其他媒体的文章，文章原作者享有著作权，本网转载其他媒体稿件是为传播更多的信息，并不代表本网赞同其观点和对其真实性负责，本网不承担此类稿件侵权行为的连带责任。
③ 本站部分投稿来源于“广大网友”，涉及投资、理财、消费等请亲再三甄别，切勿轻信。若硅谷网因为转载内容涉及到著作权等问题，请有关单位或个人速与本网取得联系（联系电话：），我们将第一时间核实处理。
这段时间BAT中的A和T在企业级市场明显加快了速度，然而B依久那样冷静，毫无发力的征兆……
| Copyright ©
硅谷网 版权所有 网站热线：010- WWW.GUIGU.ORG All rights reserved.您的位置：本站首页>>Dreamweaver>>如何使用Dreamweaver CS6编写PHP程序，如何使用DW创建PHP站点
如何使用Dreamweaver CS6编写PHP程序，如何使用DW创建PHP站点
[ 录入者:91ctc |&时间: 11:51:30
| 作者: 91ctc| 来源:
| 浏览: 次 ]
我们都知道，DW即Dreamweaver的缩写，这是个非常优秀的可视化的网页制作工具，但是你知道吗？它现在早已经超出了早前版本的功能了，针对不同的WEB开发者，它都有相应的集成环境，下面我们就一起来学习一下吧。
1、使用DW搭建一个站点，笔者在一文中已经用DW 8演示了创建静态站点的步骤。那么今天我们以DW CS6为例，演示一下创建一个动态站点。由于DW CS6为Adobe公司最新版的DW，所以，其对动态语言增加了很多友好的支持，例如：代码补全、代码提示、语法检查等，那么用它来编写PHP程序已经很给力了。
2、首先运行你桌面上的这个东西：，然后：
3、单击菜单上的这个&站点&-&新建站点&，如图：
4、可以看到这个对话框：
5、这个时候，我们给站点起一个名称，例如：MyPHPWebSite，在本地站点文件夹中选择一个路径，我的设置如图：
由于我的PHP环境安装的是集成的Appserv（我使用的版本是AppServ 2.5.9），所以，我在选择站点根目录的时候，直接选择了Appserv目录下的www目录，注意，如果你使用的是其他集成环境，或者你是自己单独配置的PHP运行环境，那么，你可以选择你自己的站点根目录。
6、选择好以后，点击下方的&保存&，如图：
还有一个需要说明的是：一般我们的站点根目录下会有很多网站，有时候我们为了区分这些网站，又设置了子目录，比如www下有site01、site02、site03&&多个站点，所以为了不让网站文件混杂在一起，我们建议也设置子目录，这样，我们的站点就设置成这样：
然后再点击保存按钮，这样我们点击面板上&文件&按钮，就可以看到我们新建的站点了：
7、如此一来，我们就正确建好了PHP站点，这时，我们就可以新建文件和目录开始编写程序了，如图，在站点上右击&新建文件&，如图：
就可以新建一个php文件，但是我们实际发现，新建了一个untitled.html文件，如图：
8、这说明我们的站点还只是静态站点，不能直接新建php文件，这个用户体验很不好，如果不嫌麻烦，可以直接右击untitled.html重命名，连同扩展名一起改，直接改成index.php，也不是不可以，但是这样实在不爽（我们一般修改文件不随意修改扩展名，防止误改，因为过一段时间，这个文件原来是什么扩展名又不记得了，改了扩展名，还容易打不开）。下面我们完善一下这个不方便之处。
9、我们依次点击菜单上的&站点&-&管理站点&，如图：
10、会弹出一个管理站点对话框，我们找到刚才我们新建的MyPHPWebSite，然后点击下面的&编辑&图标，如图：
11、这时候，在弹出的站点对话框中，点击&服务器&，如图：
12、然后点击这个
13、弹出一个看上去很复杂的层，如图：
14、这里，服务器名称任意写，自己取名，连接方法我们选择本地/网络，因为我们是做测试，PHP环境是安装在本地，（如果你有FTP，你可以使用FTP）。如图：
15、其他选项保持如下设置：
服务器文件夹还是选择刚才那个目录，Web URL我们写http://127.0.0.1/MyPHPWebSite/&这个weburl是为了在DW中直接F12预览php网页的时候使用的。
16、然后切换到高级选项，如图：
我们选择一个服务器模型，由于我们使用PHP编程，本例我们选择PHP MySQL，这里还有其他选项，如图：
我们要根据自己的WEB开发语言来选择，如果你使用的JSP，那么请你选择JSP。是什么语言就选择什么语言。选好后点击&保存&。
17、然后就可以看到我们配置好的服务器站点了，如图：
我们把测试打上勾，方便测试。再依次点击保存-完成。
18、这时候，我们会到站点资料管理器中，新建一个文件的时候，就默认是php文件了，如图：
这个时候我们可以做我们的正事了，当然，文件名还是改下，一般新建好，DW会默认选中文件名，让你去改的。这里我们改成index.php。然后双击这个文件，就打开了。
19、我们为了编码方便，就选择一个风格，如图，我选择&编码人员（高级）&风格，如图：
&&20、我们切换到代码视图，如图：
21、然后在文档中开始编写代码，如果你嫌弃DW生成的那几行代码碍事，全选，直接删了也无妨。我们为了做测试，就不删了，我们写一行代码：
22、写好，保存（ctrl+s），然后直接按F12键就可以预览效果了，如图：
补充：使用DW CS6编写PHP程序，它还有语法检错，如图：
还有更给力的语法提示功能（打字母时候，按CTRL+H键就可以提示了），如图：
这个对于一些函数拼写记得不清楚时候，就可以排上用场了，不用再去翻手册了，给力！
PS:如果您对本文有纠错、质疑、转载、举报等问题时，请！或者加入到网站Q&Q&群：（验证信息：）提交您的问题，让大伙一块讨论。谢谢您的支持，计算机教程中心网将会一如既往的提供优秀资源助您一臂之力！
上一篇：下一篇：
您可能感兴趣的文章
??????????????????????
??????????????????????
网络先锋，引领科技，本站原创作品[转载请注明出处]。网站Q&Q&群：（验证信息：）
Copyright©
计算机教程中心网 . All rights reserved. 苏ICP备号你的位置： &
> dreamweaver教程：如何制作网页滚动字幕
dreamweaver教程：如何制作网页滚动字幕
更新时间：
收藏本页（Ctrl+D）
手机扫描查看
扫描二维码
滚动字幕会让很多人感到兴奋，特别是第一次使用滚动字幕时，会爱不释手。现在做一个详细的方案，让你更全面地了解一下。
　　滚动字幕在FrontPage的组件里有，但是FrontPage这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动!(如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面，请看下面例的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。
dreamweaver cs6 中文版
dreamweaver cs5 中文版
dreamweaver cs4 中文版
dreamweaver cs3 中文版
dreamweaver 8.0 中文版
　　1.建立第一个滚动字幕。代码：
以下是引用片段：
&marquee&scrollAmount=2&width=300&滚动字幕&/marquee&&
　　2.各参数详解：
　　??a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
　　??b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
　　??c)direction。表示滚动的方向，默认为从右向左：&&&。可选的值有right、down、up。滚动方向分别为：right表示&&&，up表示&，down表示&。
　　??d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
　　??e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)
　　3.实例：
　　??a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上
以下是引用片段：
&marquee&scrollAmount=2&width=300&&a&href=&中央电视台&/a&&/marquee&
&&&&&&&&&& 点击中央电视台就可以进入了：
　　&&&&&&中央电视台
　　??b)如何制作当鼠标停留在文字上，文字停止滚动?
　　??代码如：
以下是引用片段：
&marquee&scrollAmount=2&width=300&onmouseover=stop()&onmouseout=start()&文字内容&/marquee&
　　??c)交替效果。代码如：
以下是引用片段：
&marquee&scrollAmount=2&width=99&behavior=alternate&文字内容&/marquee&
　　??d)多行文本向上滚动。代码如：
以下是引用片段：
&marquee&scrollAmount=2&width=300&height=160&direction=up&&早晨好啊！&br&&空气好清新啊&br&&今朝食乜好呢？&p&&&a&href=&中央电视台&/a&&/marquee&&　
　　??&注意：如果你的网页经过了FrontPage编辑，保存之后，只能滚动一行，这时候你发现你原来的代码顺序已经变了，My god!解决的办法是，找出原来的代码，把它嵌入到JavaScript的document.write中即可，上述代码写为：
以下是引用片段：
&marquee&scrollAmount=2&width=300&height=160&direction=up&&早晨好啊！&br&&空气好清新啊&br&&今朝食乜好呢？&p&&&a&href=&中央电视台&/a&&/marquee&&
　　由上可以看出，HTML代码是可以随意组合的，功能强大!
【上一篇】
【下一篇】
看完这篇文章有何感觉？
(您的评论需要经过审核才能显示,请文明发言！)&&剩余字数：
点击图片更换
统一文章资讯频道声明
1、 所有来源标注为统一下载站或统一文章的内容版权均为本站所有，若您需要引用、转载，请注明来源及原文链接即可，如涉及大面积转载，请来信告知，获取授权。
2、 本站所提供的文章资讯等内容均为作者提供、网友推荐、互联网整理而来，仅供学习参考，如有侵犯您的版权，请及时联系我们，并提供原文出处等，本站将在三个工作日内修正。
3、 若您的网站或机构从本站获取的一切资源进行商业使用，除来源为本站的资料需与本站协商外，其他资源请自行联系版权所有人。
4、 未经统一下载站允许，不得盗链、盗用本站资源；不得复制或仿造本网站，不得在非统一下载站所属的服务器上建立镜像，统一下载站对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权，任何人不得侵害或破坏，也不得擅自使用。
平面设计分类
本站资源均收集整理于互联网，其著作权归原作者所有，如果有侵犯您权利的资源，请来信告知，我们将及时撤销相应资源。
Copy . All Rights Reserved.网页设计教程子分类需求发布后1小时内收到服务商响应每个需求平均有10个服务商参与95%以上的需求得到了圆满解决所有需求不向雇主收取任何佣金引爆店铺流量，提升网店销量
Dreamweaver设计一个页面加按钮
有相似问题想解决?专业顾问来帮助您
匹配服务商
选择服务商，签单
服务商工作
验收工作，满意后付款
已投标服务商
共有4个服务商参与报价，查看更多服务商报价
参与报价,开始赚钱
提交你的报价和方案
中标后交付作品
获得任务赏金
急速:10分钟急速响应
省心:标准化服务
放心:不满意全额退款(免单)
移动应用UI