DreamWeaver教程

在Dreamweaver中利用CSS样式表设置网页

Submitted by phifans on Tue, 12/20/2022 - 21:17

  本文介绍如何在Dreamweaver 中使用层叠样式表 (CSS) 设置页面中的文本格式。您可以使用 CSS 以 HTML 无法提供的方式来设置文本格式和定位文本,从而能更加灵活自如地控制页面的外观。

  了解 CSS

  层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时,内容与表现形式是相互分开的。页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为 部分)中。使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等。

  CSS 使您可以控制许多仅使用 HTML 无法控制的属性。例如,您可以为所选文本指定不同的字体大小和单位(像素、磅值等)。通过使用 CSS 从而以像素为单位设置字体大小,还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。

  CSS 格式设置规则由两部分组成:选择器和声明。选择器是标识已设置格式元素(如 P、H1、类名称或 ID)的术语,而声明则用于定义样式元素。在下面的示例中,H1 是选择器,介于大括号 ({}) 之间的所有内容都是声明:

关于Dreamweaver MX 2004的PPT格式课件

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

不错的一个学习Macromedia Dreamweaver MX 2004的一个PPT格式的课件,希望对初学Macromedia Dreamweaver MX 2004的网友有用.

主要提供的内容如下:

Dreamweaver 简介

Macromedia Dreamweaver MX 2004 是一款专业的 HTML 编辑器,用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。
利用 Dreamweaver 中的可视化编辑功能,可以快速地创建页面而无需编写任何代码。可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。可以在 MacromediaFireworks 或其他图形应用程序中创建和编辑图像,然后将它们直接导入 Dreamweaver,或者添加 Macromedia Flash 对象,从而优化开发工作流程。

写给喜欢用DW编写CSS人的一些建议

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

  在DreamWeaver中编写CSS,这种编写习惯并不提倡,不过由于"可视化"和操作简便,使用的朋友依然很多,今天罗列一些“最佳习惯”,希望对这些朋友有所帮助。 

  CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求,Macromedia DW MX引进了一些新的及改善过的CSS相关的特性。有了这些新的特性,你可以为未来的更新作好计划,开发与W3C标准更加兼容的站点。本文讨论在DW MX中使用CSS以及突出某一特定CSS特性时的一些建议。

  一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS: 菲梵学院

  代码式(Inline):写入到代码中的一次性的样式。
  内嵌式(Embedded):可控制一个页面中所有元素的样式表
  外联式(External):可控制许多页面中的元素的样式表
  事实上,许多站点都根据需要把这三种方式结合起来使用。

网页中插入Flash按钮与文本

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

  Flash 的动画按钮能够给网站带来动感,这让不少读者觉得十分有趣,同时也为网站增加了许多访客,其实在 Dreamweaver MX 2004 中只需几步简单的操作,就可以插入 Flash 按钮。

一、在网页中插入Flash 按钮

  ( 1 )打开 Dreamweaver MX 2004 软件,新建文件并保存页面。(提示:要保存的文件夹不可以用中文名命名)

  ( 2 )插入 Flash 按钮并设置参数,如图1、2 所示。 

通过Dreamweaver学习了解CSS

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

层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时,内容与表现形式是相互分开的。页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为 部分)中。使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等。

CSS 使您可以控制许多仅使用 HTML 无法控制的属性。例如,您可以为所选文本指定不同的字体大小和单位(像素、磅值等)。通过使用 CSS 从而以像素为单位设置字体大小,还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。

CSS 格式设置规则由两部分组成:选择器和声明。选择器是标识已设置格式元素(如 P、H1、类名称或 ID)的术语,而声明则用于定义样式元素。在下面的示例中,H1 是选择器,介于大括号 ({}) 之间的所有内容都是声明: 

H1 {   
 font-size:16 pixels;     
 font-family:Helvetica;     
 font-weight:bold;     
}  
  

在Dreamweaver中编写CSS需要掌握的技巧

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

  由于“可视化”和操作简便,在DreamWeaver中编写CSS的朋友很多,今天我们介绍一些在Dreamweaver中编写CSS的“最佳习惯”,希望对大家有所

  CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求,Macromedia DW MX引进了一些新的及改善过的CSS相关的特性。有了这些新的特性,你可以为未来的更新作好计划,开发与W3C标准更加兼容的站点。本文讨论在DW MX中使用CSS以及突出某一特定CSS特性时的一些建议。

  一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:

  代码式(Inline):写入到代码中的一次性的样式。  内嵌式(Embedded):可控制一个页面中所有元素的样式表  外联式(External):可控制许多页面中的元素的样式表

  事实上,许多站点都根据需要把这三种方式结合起来使用。

Dreamweaver生成新页面css的类失效

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

今天做了一个页面,在本地计算机上浏览好好的,但是传到服务器上却发现其中一个css样式表的类却失效了。开始以为是编码的错误,转换了一下却没发现变化,调整了格式还是不行。到底怎么回事呢?

    仔细检查这个类,发现这个类是以数字开头的,名称为“14pxBtn”。难道是数字开头的错误?修改成“Btn14px”以后,上传浏览,发现完全正常啦!难道要求这么严格吗?

    仔细查看了一下,发现最新版本的Dreamweaver生成新页面之后,在网页最上方是一段代码,如下:"http://www.w3.org/TR/html4/loose.dtd">

    去掉这段就没问题啦,哈哈,看样子还真是要严格按照规范编码呀