ITPub博客

Dreamweaver MX 2004 应用图像(转)[@more@] 　　了解了图像的基本属性之后，就是对图像的基本处理和应用了。Dreamweaver MX 2004 中还有一些功能是对图像功能的补充，下面分别介绍。 　　【图像占位符】 　　图像占位符是在网站排版布局中经常使用的功能，我们可以随意定义它的大小，然后放置在准备放置图像的位置，用自定义的颜色来替代图像的出现。 　　1、在【插入】菜单选择【图像对象】下的【图像占位府】命令，弹出对话框： 　　【名称】填写图像占位符的名称，不能使用汉字也不能用数字起头。它将出现在图像占位符上。【宽度

Dreamweaver MX 2004 特殊超链(转)[@more@] 　　【空链接】 　　空链接是一个没有指派目标的链接，Dreamweaver MX 2004 的【行为】中所罗列的行为相当于用JavaScript编写的程序或函数。要想使用行为，首先必须为链接对象建立空链接。详细内容将在《行为与特效》中详细介绍。 　　建立空链接的方法十分简单，首先选中文本，然后在【属性】面板的【链接】文本框中输入一个“#”即可。空链接是为了应用行为，除此之外不用建立。 　　【鼠标经过图像】 　　鼠标指针经过图像属于动态网页中的一部分。当鼠标经过或者按下按钮的时候，图像，

Dreamweaver MX 2004 插入媒体(转)[@more@] 　　【插入Flash文本】 　　在 Dreamweaver MX 2004 中直接插入Flash文本即可制作具有动画效果的文本，而不用在Flash软件中制作。 　　1、在文档窗口中将光标移动到要插入Flash文本的位置。 　　2、选择菜单栏【插入】/【媒体】/【Flash文本】打开对话框。 　　【字体】【大小】选择所需要的字体和字号。【颜色】选择页面起始时显示的文本的颜色。【转滚颜色】鼠标经过时的颜色。【文本】需要显示的文本。【链接】鼠标点击后链接的URL。【目标】在新窗口还是在本窗口打开等的选项。【背景

Dreamweaver MX 2004 表格属性和应用(转)[@more@] 　　通过前面的讨论，我们可以编辑文本，插入图像和多媒体，已经可以动手来作自己的主页了。可是在制作过程中，您是否发现，无论怎样排版都有些不尽人意呢？我们今天要一起学习的表格功能，就能让我们随心所欲的进行排版。 　　表格在网页中应用非常广泛，它不但可以精确的定位文本，图像和其他网页中的元素，还可以有效的排列数据。表格运用的好坏是区分专业网页制作和业余爱好的客观标准。 　　【表格的组成】 　　表格分为三个基本部分：行：表格中的水平间隔。 列：表格中的垂直间

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，单击“