DreamWeaver教程

Dreamweaver教程:在CS3中的CSS几个布局规则

Submitted by phifans on Tue, 12/20/2022 - 18:28

虽然我们一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用。建立您可以使用DW的代码编辑器进行CSS代码的编写。今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 。

  CSS文件的链接方式   ·附加链接:外部CSS文件   ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中

  CSS规则定义有三种

  ·类比如“.RedText”、“.BlueText”和“.BigText”等等   ·标签针对原有HTML标签做的重新CSS定义   ·高级伪类、定义了ID的元素,以及综合性定义

  CSS规则的应用

  ·只有“类”样式才需要应用,class=”xxxx”。任何元素都可以应用类。   ·class与id的区别   ·标签应用一般对于“body”标签一次性使用,对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。   ·高级多运用,定义“#id li”比定义“li”要好得多。

  CSS规则的执行顺序

Dreamweaver教程:运用插件制作网页漂浮广告

Submitted by phifans on Tue, 12/20/2022 - 18:27

 本例为Dreamweaver实例教程,教程将向朋友们介绍运用插件制作网页漂浮广告,滑动图层,当网页卷轴拉动时,图层会跟着上来滑动,大部份网站拿来做滑动广告,也可以拿来做滑动选单,是网络上很常用到的效果....

在制作之前请先下载flevPersistentDivs.mxp插件:

作法:

先在 Dreamweaver 插入一個圖層

然後將廣告圖片放在圖層裡面

最後,在<body>標籤上使用這個插件即可

真是好用的外掛

安裝後會放在行為→新增行為→RibbersZeewolde→Persistent Layers

因為是英文的,所以我就貼上我知道的功能。

使用方法:

1、先在網頁上放一個圖層,並取名。

2、使用此行為。若此行為不能用,表示您選錯物件了,請慢慢找可以用的地方唄。

3、用了後會出現下圖:

Select Layer:選擇您想動的圖層。

DreamWeaver教程:表格内部文字自动换行技巧

Submitted by phifans on Tue, 12/20/2022 - 18:23

在使用Dreamweaver制作网页时,遇到制作表格的时候,内部的文字没有自动换行,我应该怎么做呢?下面提出两种解决方案,大家可以参考!在这里你如果知道该技巧,你可以略过!如果你不知道,不要说什么现在网页中已经没有表格了这样绝对的话啊?Web标准时代网页中照样应该是不能把表格完全抛弃的!呵呵.

  解决表格中文字自动的换行的情况有两种可能:

  第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在Dreamweaver里表格内的文字不会自动换行,但这仅是 Dreamweaver里的显示效果,在IE里其实是可以正常换行的。如果希望在Dreamweaver的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如“宋体”)。

  第二种,你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整的单词,所以不会自动换行,遇到这种情况,你可以通过CSS把文字强行打散,例如:

<td style="word-break:break-all">aaaaaaaaaaaa...aaaaaaaaaaaa</td>