ITPub博客

Dreamweaver MX 2004 框架属性和应用(转)[@more@] 　　在一个网页中，我们并不需要所有的内容都在点击链接的时候改变，比如导航条、站点标志、版权信息等，都是不需要改变的。因此我们没有必要在每一个网页中都插入这些元素，这不但能减轻设计制作网页的工作量，也可一减少用户浏览时由浏览器检测这些元素是否已经被装载过的时间。框架主要的作用就是将窗口划分为几个“区域”然后根据需要在某些区域放置不需要改变的元素，某些区域放置需要改变的内容。 　　下图是启航教程原Dreamweaver MX 2004教程的一个页面的截图，左侧是课程安排的

Dreamweaver MX 2004 层的认识与属性(转)[@more@] 　　在众多网页制作软件中 Dreamweaver MX 2004 独有层的功能。Dreamweaver MX 2004的层与 Flash MX 和Photoshop 中的层不同，Dreamweaver MX 2004 的层可以游离在文档之上，因此可以用层来精确定位网页元素；层可以通过时间轴来来移动或者变换位置，实现动画效果；层还转换为表格，为不支持层的浏览器提供解决方法。下面为我们根据一些实例来了解层的功能。 　　【建立层】 　　 打开Dreamweaver MX 2004软件，新建一个HTML文档。选择“布局” 格式： 　　在菜单栏选择“插入”－

Dreamweaver MX 2004 层的应用实例(转)[@more@] 　　【利用Z轴制作阴影字】 　　1、选择菜单栏选择“插入”－“布局对象”－“层” 在文档窗口插入一个层。 　　2、在层中输入文本“阴影字”然后在属性面板把字体设置为36号，红色。如图： 　　然后选中该层使用鼠标右键选择拷贝，再粘贴，这样就复制了一个跟该层大小，内容完全一致的另一个层，此时通过层标签可以看出已经有了两个层，我们将这个层在属性面板层编号中改为“Layer2”。见图： 　　在“Layer2”将文字颜色改为黑色，见下图： 　　现在来看层面板，已经出来现了

Dreamweaver MX 2004 时间轴介绍与应用实例(转)[@more@] 　　与层密切相关的另一个功能是时间轴，利用时间轴可以实现动画效果，随着时间的变化改变层的位置、尺寸、可视性以及叠放顺序可以实现更多的效果。 　　【时间轴面板】 　　使用Alt+F9快捷键或者在菜单“窗口”中选择“时间轴”即可打开时间轴面板。（使用Dreamweaver MX 2004而没有时间轴的朋友请升级到 Dreamweaver MX 2004 7.0.1 版 ） 　　【播放头】显示当前页面上的层是时间轴的哪一帧。 　　【动画通道】显示层与图像的动画条。 　　【动画条】显示每个对象的动画持

Dreamweaver MX 2004 CSS样式(转)[@more@] 　　我们可能都有这样的体验，如果设置浏览器中字体的大小，网页中的字体就会随之改变。这固然会给一些有特殊需要的用户带来方便，但同时也给网页的布局带来负面影响－－网页的版面会随着字体的改变而变的面目全非。但一个好的网页，却不受浏览器字体设置的影响，网页中的文本等始终保持原有的外观，这就是CSS的作用。 　　CSS是Cascading Style Sheets（层叠样式表单）的简称。它允许作者在HTML文档中加入样式（如字体类型、颜色、大小等等）。对于设计者来说它是一个非常灵活的工具，不必再把

Dreamweaver MX 2004 CSS属性(转)[@more@] 　　前面已经大致介绍了CSS的基本概念，下面来了解一下CSS的属性。 　　【CSS的属性】 　　通过上面的介绍，大家会发现CSS定义样式有八个大类，每个类都有自己相应的属性。 　　下面分别介绍各类的功能以及设置后的效果。 　　【类型】 　　包含9种CSS属性，主要针对网页中的文本。 　　下面是按照上图参数设置出的效果： 　　【背景】 背景的功能是在网页的元素后面放置固定的背景色或者图像，（注意：是网页元素后的背景色或背景图像，而不是网页的背景色或背景图像）其参数面板

Dreamweaver MX 2004 CSS过滤器(转)[@more@] 　　CSS过滤器有两种，其中一种是静态过滤器，可以使对象产生静态的特殊效果；另一种是动态过滤器，用来处理网页或者HTML元素对象的显示效果的。 　　【静态过滤器】 　　首先我们来一起做一个实例，为网页中的图像设置模糊效果： 　　1、新建一个网页，网页中插入一个图像： 　　2、选定图像，然后在【文本】/【CSS样式】菜单中选中【新建】命令，打开【CSS面板】 　　【标签】选择“img” 　　【选择器类型】选择“标签” 　　【定义在】选择“仅对该文档” 　　按下确定“确定

Dreamweaver MX 2004 行为与特效(转)[@more@] 　　经常上网的朋友可能会发现很多网站是有诸如弹出信息框、播放音乐、禁止鼠标右键、自动跳转等功能，通常这些功能是通过编写JavaScript代码完成的，现在DW MX2004已经内置了20多种代码在“行为面板”中，不熟悉代码编写或者不会编写代码的朋友也能轻松的制作带有这些效果的网页了。 　　首先我们来做一个简单的了解，一个行为是由一个事件触发一个动作组成的，因此行为由两个基本元素构成：事件和动作。举一个例子：事件是访问者对网页所做的事情，比如把鼠标移动到一个链接上，这就生一个

Dreamweaver MX 2004 网页发布(转)[@more@] 　　将网页制作完成之后，就需要将所有的网页文件和文件夹以及其中的所有内容上传到服务器上，这个过程就是网站的上传，既网页的发布。一般来说有两种方式：通过HTTP方式将网页发布，这是很多免费空间经常采用的服务方式。用户只要登录到网站指定的管理页面，填写用户名和密码，就可以将网页一页一页的上传到服务器，这种方法虽然简单，但不能批量上传，必须首先在服务器建立相应的文件夹之后，才能上传，对于有较大文件的和结构复杂的网站来说费时费力。 使用FTP方式发布网页，优点是用户可以

Dreamweaver MX 2004 入门基础教程(转)[@more@] 　　什么是网页? 　　Dreamweaver MX 2004 界面介绍 　　Dreamweaver MX 2004 建立站点 　　Dreamweaver MX 2004 创建网页 　　Dreamweaver MX 2004 新建和保存文档 　　Dreamweaver MX 2004 编辑文档 　　Dreamweaver MX 2004 插入图像 　　Dreamweaver MX 2004 图像属性 　　Dreamweaver MX 2004 应用图像 　　Dreamweaver MX 2004 基本超链 　　Dreamweaver MX 2004 特殊超链 　　Dreamweaver MX 2004 插入媒体 　　Dreamweaver MX 2004 表格属性和应用 　　

Dreamweaver 8 操作环境(转)[@more@] 　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。 　　第一天的内容可能让你觉得枯燥乏味，不过，“工欲善其事，必先利其器”，让我们一起来了解Dreamweaver8的操作环境，完成站点的创建。 　　一、Dreamweaver8 的操作环境 　　在首次启动Dreamweaver8时会出现一个“工作区设置”对话框，在对话框左侧是Dreamweaver8的设计视图，右侧是Dreamweave 8的代码视图。Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设

Dreamweaver MX 2004 网页维护(转)[@more@] 　　随着网页制作技术的提高和网页内容的更新，网页也会不断的修改更新。但一个网站包含众多的文件，在上传之前要对文件逐一检查，在本地测试调试，防止存在错误的网页，Dreamweaver MX 2004提供了一种快速有效地功能以防止手工检查容易出现的疏漏并提高了工作效率。 　　【检查站点范围的链接】 　　点击主菜单【站点】/【检查站点范围的链接】 　　这时会自动打开【结果】面板： 　　点击这里还能检查不同的内容： 　　然后根据报告做出相应的更改即可。 　　【改变站点范围的链

Dreamweaver 8 本地站点的搭建与管理(转)[@more@] 　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。 　　要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站传到互联网的web服务器上。放置在本地磁盘上的网站被称为本地站点，位于互联网web服务器里的网站被称为远程站点。Dreamweaver 8提供了对本地站点和远程站点强大的管理功能。 　　 1、规划站点结构 　　 网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效

Dreamweaver 8 页面的总体设置(转)[@more@] 　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。 　　我们已经描绘了小屋的蓝图，从现在开始，为我们的小屋添砖加瓦吧。打开01.html，制作一个图文混排的简单页面。 　　一、页面的总体设置　　 1、设置页面的头内容 　　 头内容再浏览器中是不可见的，但是却携带着网页的重要信息，如关键字、描述文字等，还可以实现一些非常重要的功能，如自动刷新功能。 　　 鼠标左键单击插入工具栏最左边按钮旁的下拉小三角，在弹出菜单中选择“HTML”项

Dreamweaver 8 文本的插入与编辑(转)[@more@] 　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。 　　 1、插入文本 　　 要向 Dreamweaver 文档添加文本，可以直接在Dreamweaver“文档”窗口中键入文本，也可以剪切并粘贴，还可以从word文档导入文本。 　　 用鼠标在文档编辑窗口的空白区域点一下，窗口中出现闪动的光标，提示文字的起始位置，将01.rar中的文字素材复制/粘贴进来。 　　 2、编辑文本格式 　　 网页的文本分为段落和标题两种格式。 　　 在文档编辑窗口中选中一段文本，在

Dreamweaver 8 插入图像(转)[@more@] 　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。 　　目前互联网上支持的图像格式主要有GIF、JPEG和PNG。其中使用最为广泛的是GIF和JPEG。 　　1、插入图像 　　在制作网页时，先构想好网页布局，在图像处理软件中将需要插入的图片进行处理，然后存放在站点根目录下的文件夹里。 　　插图图像时，将光标放置在文档窗口需要插入图像的位置，然后鼠标单击常用插入栏的“图像”按钮。 　　弹出的“选择图像源文件”对话框，选择img/001.jpg，单击“

Dreamweaver 8 嵌套表格(转)[@more@] 　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。 　　表格之中还有表格即嵌套表格。 　　网页的排版有时会很复杂，在外部需要一个表格来控制总体布局，如果内部排版的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格的制作带来困难。其次，浏览器在解析网页的时候，是将整个网页的结构下载完毕之后才显示表格，如果不使用嵌套，表格非常复杂，浏览者要等待很长时间才能看到网页内容。 　　引入嵌套表格，由总表格负责整体排版，由嵌套的表

Dreamweaver 8 插入Flash动画(转)[@more@] 　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。 　　通过前面三课的学习，相信你已经能制作出一个简单的网页了，很有成就感吧^_^ 　　不过，一个优秀的网站应该不仅仅是由文字和图片组成的，而是动态的、多媒体。为了增强网页的表现力，丰富文档的显示效果，我们可以向其Flash动画、Java小程序、音频播放插件等多媒体内容。 　　一、插入Flash动画 　　1、插入Flash 　　为了合理的安排这一课的页面元素，在插入Flash动画之前，让我们先来复习

Dreamweaver 8 插入声音(转)[@more@] 　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。 　　声音能极好的烘托网页页面的氛围，网页中常见的声音格式有WAV、MP3、MIDI、AIF、RA、或Real Audio格式。 　　 1、添加背景音乐 　　 在页面中可以嵌入背景音乐。这种音乐多以MP3，MIDI文件为主，在DW中，添加背景音乐有两种方法，一种是通过手写代码实现，还有一种是通过行为实现。 　　 在HTML语言中，通过<BGSOUNG>这个标记可以嵌入多种格式的音乐文件，具体步骤是： 　　 我们将01.mid

Dreamweaver 8 创建CSS样式(转)[@more@] 　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。 　　层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，内容与表现形式是相互分开的。页面内容（HTML 代码）位于自身的 HTML 文件中，而定义代码表现形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常为 <head> 部分）中。使用 CSS 可以非常灵活并更好地控制页面的外观，从精确的布局定位到特定的字体和样式等。 　　术