Dreamweaver定义模板批量制作网页
做网站,麻烦在更新和改版,特别是大规模更新,如果不是用cms系统,手工工作量非常大。
做网站,麻烦在更新和改版,特别是大规模更新,如果不是用cms系统,手工工作量非常大。
本文汇集了一些制作网页时的可以用的一些小技巧。希望对您有所帮助。
由于“可视化”和操作简便,在DreamWeaver中编写CSS的朋友很多,今天我们介绍一些在Dreamweaver中编写CSS的“最佳习惯”,希望对大家有所
CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求,Macromedia DW MX引进了一些新的及改善过的CSS相关的特性。有了这些新的特性,你可以为未来的更新作好计划,开发与W3C标准更加兼容的站点。本文讨论在DW MX中使用CSS以及突出某一特定CSS特性时的一些建议。
一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:
代码式(Inline):写入到代码中的一次性的样式。 内嵌式(Embedded):可控制一个页面中所有元素的样式表 外联式(External):可控制许多页面中的元素的样式表
事实上,许多站点都根据需要把这三种方式结合起来使用。
今天做了一个页面,在本地计算机上浏览好好的,但是传到服务器上却发现其中一个css样式表的类却失效了。开始以为是编码的错误,转换了一下却没发现变化,调整了格式还是不行。到底怎么回事呢?
仔细检查这个类,发现这个类是以数字开头的,名称为“14pxBtn”。难道是数字开头的错误?修改成“Btn14px”以后,上传浏览,发现完全正常啦!难道要求这么严格吗?
仔细查看了一下,发现最新版本的Dreamweaver生成新页面之后,在网页最上方是一段代码,如下:"http://www.w3.org/TR/html4/loose.dtd">
去掉这段就没问题啦,哈哈,看样子还真是要严格按照规范编码呀
本文介绍制作客户反馈表单的过程。主要内容是使用表格设计表单结构和设置form参数。 1.将插入点放在希望表单出现的位置。选择“插入”>“表单”,或选择“插入”栏上的“表单”类别,然后单击“表单”图标。
虽然我们一直建议大家不用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实例教程,教程将向朋友们介绍运用插件制作网页漂浮广告,滑动图层,当网页卷轴拉动时,图层会跟着上来滑动,大部份网站拿来做滑动广告,也可以拿来做滑动选单,是网络上很常用到的效果....
在制作之前请先下载flevPersistentDivs.mxp插件:
作法:
先在 Dreamweaver 插入一個圖層
然後將廣告圖片放在圖層裡面
最後,在<body>標籤上使用這個插件即可
真是好用的外掛
安裝後會放在行為→新增行為→RibbersZeewolde→Persistent Layers
因為是英文的,所以我就貼上我知道的功能。
使用方法:
1、先在網頁上放一個圖層,並取名。
2、使用此行為。若此行為不能用,表示您選錯物件了,請慢慢找可以用的地方唄。
3、用了後會出現下圖:
Select Layer:選擇您想動的圖層。
在使用Dreamweaver制作网页时,遇到制作表格的时候,内部的文字没有自动换行,我应该怎么做呢?下面提出两种解决方案,大家可以参考!在这里你如果知道该技巧,你可以略过!如果你不知道,不要说什么现在网页中已经没有表格了这样绝对的话啊?Web标准时代网页中照样应该是不能把表格完全抛弃的!呵呵.
解决表格中文字自动的换行的情况有两种可能:
第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在Dreamweaver里表格内的文字不会自动换行,但这仅是 Dreamweaver里的显示效果,在IE里其实是可以正常换行的。如果希望在Dreamweaver的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如“宋体”)。
第二种,你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整的单词,所以不会自动换行,遇到这种情况,你可以通过CSS把文字强行打散,例如:
<td style="word-break:break-all">aaaaaaaaaaaa...aaaaaaaaaaaa</td>
打开网页的时候有时会发现网页中的登陆框变的很小,其他文字很正常。无论怎么调文字大小都不能用,下面给出解决的方法。
以IE8为例,其他浏览器道理是一样的。
1.新建一个记事本文件将以下代码粘贴进去:(注意不要有空行)
INPUT{
font-size: 10pt;
}
TEXTAREA{
font-size: 10pt;
}
BUTTON{
font-size: 10pt;
}
2.文件-->另存为-->input.css(找一个安全的地方放)
3.打开IE,选 工具-->Internet选项-->常规-->辅助功能-->用户样式表-->勾选“使
用样式表编排文档格式”
4.最后点击浏览,找到刚才你存放input.css的地方-->确定。。
5.不出意外的话就OK了。
ul和li列表是使用CSS布局页面时常用的元素。在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性、list-style-image属性、list-style-position属性和list-style属性。
一、list-style-type属性
list-style-type属性是用来定义li列表的项目符号的,即列表前面的修饰。list-style-type属性是一个可继承的属性。其语法结构如下:(列举一些常用的属性值)
list-style-type:none/disc/circle/square/demical/lower-alpha/upper-alpha/lower-roman/upper-roman
list-style-type属性的属性值有很多,在这里我们只是列举了比较常用的几个。