当前位置:主页 > 平面设计

最新发布

用Dreamweaver MX 2004的Flash动画元素
用Dreamweaver MX 2004的Flash动画元素

在旧版的Dreamweaver我们在网页上只能插入Flash动画和按钮,而且动画本身与所在页面并没有什么直接关系,要使动画具有交互性也必须在制作动画时就做好,还需要有一定的编程经验以及XML语言知识。而现在在DW MX 2004中就不同了,你只需设置一些参数就可以实现动态交互的Flash动画效果!   采用默认安装的DW MX 2004只提供了一种Flash Element效果,选择工具栏快捷菜单中的Flash Element(图1)即可调出新的Flash Element工具(图2)。      图1     图2  首先点击图片浏览按钮在页面中插入Flash Element并保存,选中插入页面中的动画元素,这时在原来的标记对话框基础上会跳出来Flash Element元素的属性(图3)。    图3  从上到下的各种属性依次为:图片播放界面背景色、图片标题色彩、图片标题字体、图片标题字体大小、动画框架色彩、是否显示框架、框架厚度、图片标题、图片链接地址、窗口打开方式、图片地址、是否显示控制条、是否自动播放、图片间隔延时、是否循环播放、标题、标题色彩、标题字体、标题字体尺寸以及转变类型。  现在我们可以对各选项进行一下设置。需要注意的是imageCaptions、imageLinks以及imageURLs处的各项之间需用逗号分开,并将你的图片地址以及点击后的链接地址填入相应框内,对于色彩的设置以及其它处理大家可根据自己需要来设置,同时对于最后一项图片间的转换效果,大家可以根据自己的喜好来选择,类似制作Power Point中幻灯片间的切换效果(图4)。

7 次浏览
用Dreamweaver设计自动关闭的网页
用Dreamweaver设计自动关闭的网页

设计页面时,经常会从一个页面打开一个子窗口以供浏览者查看。通常,这种子窗口中的内容一经浏览者看过,对于浏览者而言就不再需要,而他们常常会忘记关掉这些小窗口,致使许多的浏览器窗口打开着,耗用大量的资源。因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式。   本例中制作了两个页面,如图1所示, Index.html是显示于子窗口中的页面,而在名为firstpage.html的页面中,包含在子窗口中打开Index.html的链接。单击链接时,将在子窗口中打开index.html。可以直接单击子窗口中的“关闭”链接关闭子窗口,也可以不去理睬它,在15秒之后,子窗口也会自动关闭。    图1 浏览器的弹出页面  具体操作如下:  1. 在本地站点中生成一个Smlple文件夹。  2. 在Smlple文件夹中,生成名为Index.html以及名为firstpage.html的文件。  3. 双击Index.html,打开该文档,进入到文档的设计视图窗口中。  4. 单击菜单View/Head Content,显示文档的头部区域。  5. 单击设计视图窗口中的文档头部窗格。选择菜单Insert/Invisible Tags/Script,打开Inset Script对话框。如图2所示,在Language下拉列表框中选择javascript选项,并在Coctento文本框中输入“setTimeout("self.close()",15000)”。单击OK按钮,完成在文档头部插入15秒后自动关闭子窗口的脚本。在代码中,15000表示15000毫秒,也即15秒,也可以根据需要将之修改为自己需要的时间毫秒数。

10 次浏览
Dreamweaver 基础:了解DW的状态栏
Dreamweaver 基础:了解DW的状态栏

"文档"窗口底部的状态栏提供与您正创建的文档有关的其它信息。    标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击 可以选择文档的整个正文。若要设置标签选择器中某个标签的 class 或 id 属性,请右键单击 (Windows) 或按住 Control 键并单击 (Macintosh) 该标签,然后从上下文菜单中选择一个类或 ID。标签选择器是选择标签的首选方法,因为它可以确保您始终准确地选择标签。  手形工具使您可以单击文档并将其拖入"文档"窗口。单击"选择"工具可禁用手形工具。  "缩放"工具和"设置缩放比率"弹出式菜单可以让您为文档设置缩放比率。  "窗口大小"弹出式菜单(仅在"设计"视图中可见)用来将"文档"窗口的大小调整到预定义或自定义的尺寸。  "窗口大小"弹出式菜单的右侧是页面(包括全部相关的文件,如图像和其它媒体文件)的文档大小和估计下载时间。

4 次浏览
Dreamweaver 基础 :DW的
Dreamweaver 基础 :DW的

"文档"窗口  "文档"窗口显示当前文档。可以选择下列任一视图:  "设计"视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中,Dreamweaver 显示文档的完全可编辑的可视化表示形式,类似于在浏览器中查看页面时看到的内容。  "代码"视图是一个用于编写和编辑 HTML、javascript、服务器语言代码(如 PHP 或 ColdFusion 标记语言 (CFML))以及任何其它类型代码的手工编码环境。有关更多信息,请参见《使用 Dreamweaver》中的在 Dreamweaver 中编写代码。  "代码和设计"视图使您可以在单个窗口中同时看到同一文档的"代码"视图和"设计"视图。  当"文档"窗口有一个标题栏时,标题栏显示页面标题,并在括号中显示文件的路径和文件名。如果您做了更改但尚未保存,Dreamweaver 将在文件名后显示一个星号。  当"文档"窗口在集成工作区布局(仅限 Windows)中处于最大化状态时,它没有标题栏;在这种情况下,页面标题以及文件的路径和文件名显示在主工作区窗口的标题栏中。  此外,当"文档"窗口处于最大化状态时,出现在"文档"窗口区域顶部的选项卡显示所有打开文档的文件名。若要切换到某个文档,请单击它的选项卡。

6 次浏览
Dreamweaver 基础:DW的工作区布局
Dreamweaver 基础:DW的工作区布局

工作区布局在 Windows 中,Dreamweaver 提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中,全部窗口和面板都被集成到一个更大的应用程序窗口中。注意 Windows 工作区还有一个"编码器"选项,它默认将面板组停靠在左侧,并在"代码"视图中显示"文档"窗口。有关更多信息,请参见《使用 Dreamweaver》中的使用面向编码器的工作区(仅限 Windows)。若要使用此选项,请参见选择工作区布局(仅限 Windows)。在 Macintosh 中,Dreamweaver 可在一个窗口中显示多个文档,并使用选项卡来标识每个文档。Dreamweaver 也可显示为浮动工作区的一部分,此时每个文档都显示在自己独立的窗口中。面板组最初停靠在一起,但是可以将它们取消停靠使其位于自己的窗口中。当您拖动窗口或调整它们的大小时,窗口将自动彼此对齐或者与屏幕的边沿、"文档"窗口对齐。您可以在 Windows 和 Macintosh 中的不同布局之间进行切换。

11 次浏览
Dreamweaver如何制作浮动广告
Dreamweaver如何制作浮动广告

漫游于网络之间,你会发觉,因特网不但是信息的海洋,也是广告的海洋。除了普通的Gif Banner、Flash外,浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时,这种在页面上浮动的广告,可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值,但对浏览你网页的人来讲,这则是个既妨碍阅读,又影响阅读兴趣的东西,因此一定不能滥用。不过,如果你能善用的话,它就能发挥出极大的作用。   要做出浮动式广告的效果并不困难,如果你有JS基础的可以自己写一个,如果连写都懒得写的话,到网上下载一个特效工具,按提示粘贴一下代码就OK。不过,想要真正了解它是怎样做出来的,则需要掌握一些JS知识了。这里向大家介绍一下简单的浮动广告做法。   以下这段代码可放在之间,其间我加入了一些注释(即“//”后的文字及“”之间的文字)。    在这里,你可以设置x、y的值来设定所固定层的位置,改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为你希望调用MoveLayer()的时间间隔。还有要注意的是,使用的图片最好为透明背景的gif图,以使图片的背景颜色不至于遮住后面的的内容。   切记,要慎用浮动式广告,考虑使用特效的同时,千万要考虑到浏览者的感觉,不能滥用哦!

5 次浏览
Photoshop结合Dreamweaver制作网页相册
Photoshop结合Dreamweaver制作网页相册

  Photoshop(以下简称PS)的批处理功能是很强大的,如果利用好可以做为我们做很多工作。今天我们介绍“PS批处理设计制作网页相册”。     一、准备好自己要做相册的素材,产品展示、案例展示、照片展示等都可以,统一将这些图片放在一个文件夹下,我这里将这个文件叫做“Res_IMg",这里面放的都是大的图片,小图片一会儿ps会为我们做的。     二、打开PS,选择菜单如下:    三、这个就是PS制作图片展示的主要界面啦,主要有以下几个样式:    样式中可以选择生成不同的html页面的形式,PS CS版本中提供了8种格式,都不错的。    选择源图像工作区:    上面的“浏览”是选择你要批量做图片展示的文件夹,也就是上面我们准备好的"Res_Img"。    下面的“目的”就是PS处理完后存放的文件夹,可以存在你想要保存的位置,我这里面建个文件夹叫”Pic_Ok"。    “选项”里面就是具体的一些设置,一共有六项,其中一定要设置的是“横幅”“大图像”“预览”。

3 次浏览
如何在Dreamweaver中使用库项目
如何在Dreamweaver中使用库项目

库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素(如图像、文本和其他对象)的方法。这些元素称为库项目。  使用库的意义:很多网页设计师讨厌频繁的改动网站,使用Dreamweaver的库,可以很好的解决这个问题!如果使用了库,就可以通过改动库更新所有采用库的网页,不用一个一个的修改网页元素或者重新制作网页。使用库比使用模板,有更大的灵活性。  主要内容:打开“资源”面板,◇创建库项目;◇插入库项目;◇修改库和更新站点。  ◇创建库项目  1.选择文档的一部分,例如选择一个图片。    2.打开资源面板,点击“库”按钮,打开库类别。    3.点击“新建库项目”按钮。

4 次浏览
Dreamweaver MX教程:在居中页面使用层
Dreamweaver MX教程:在居中页面使用层

在居中页面中使用层,最大的问题就是层的定位问题,当改变显示器分辨率后,层相对其它居中元素就会改变位置。本文介绍层相对其它居中元素不会错位的方法。  层的绝对定位和相对定位  层的绝对定位代码:  <div id="Layer1" style="position:absolute; left:45px; top:25px; width:400px; height:155px; z-index:1"></div>   层的相对定位代码:  <div id="Layer1" style="position: relative; left:45px; top:25px; width:400px; height:155px; z-index:1"></div>   在居中页面中,插入相对定位层代码,层的位置在页面居中。但是它变得不可移动,使用不够方便。  插入绝对定位代码,当left和top含有正负数值,层就无法居中。当清除left和top属性后,层可以居中,相对页面其它居中元素没有错位现象。  描绘层和插入层的差别

6 次浏览
扩展Dreamweaver:自定义第三方标签的解析
扩展Dreamweaver:自定义第三方标签的解析

扩展 Dreamweaver:自定义第三方标签的解析因为最近一直在做 Dreamweaver 插件的开发,中文的资料非常少,自己英文又差,查看英文资料的时候不由头昏脑胀。迫不得已把其中一些重要的内容翻译成中文之后,看的时候才觉得爽快不少。本节选自 Dreamweaver 8 附带的《Extending Dreamweaver 8》,翻译的时候参考了一下侠客岛翻译的《Dreamweaver 4 中文帮助》。不过老实不客气地说,我有点怀疑那个帮助的某些部分是用金山快译之类的软件翻译的,反正读起来比英文还难懂。 服务器端技术,比如ASP、Macromedia ColdFusion,JSP,以及 PHP 在 HTML 文件里面使用特殊的非 HTML 语法,服务器在这些代码的基础上创建和提供 HTML 格式的内容。当 Dreamweaver 检测到非 HTML 标签,Dreamweaver 会调用第三方标签的定义文件来比较它们,这些文件指定 Dreamweaver 如何读取和显示这些标签。举个例子,在标准的 HTML 语言之外,ASP 文件还包含了供服务器解析的 ASP 代码。ASP 代码看起来和 HTML 标签类似,它由一对标签,开始的 <% 和关闭的 %>,来作标记。在 Dreamweaver 的 Configuration/ThirdPartyTags 文件夹里有一个名为 Tags.xml 的文件,这个文件就是用来描述包括 ASP 在内的各种第三方标签规范的,并定义了 Dreamweaver 如何来显示这些代码。使用这种方法,ASP 代码在 Tags.xml 中已经被规范了,所以 Dreamweaver 不会再试着在 <%...%>之间解析任何代码。不过在设计视图里面,它会显示一个图标以表示这是 ASP 代码。你可以定义自己的标签,并且能为每套标签创建一个新的标签库文件,来指定 Dreamweaver 如何读取和显示你的标签。注意:这部分说明了如何定义 Dreamweaver 显示一个自定义标签的方法,但是没有描述如何编辑自定义标签的内容或是属性。如何创建属性检查器来检查和修改自定义标签的属性,请查看属性检查器以获得相关信息。 每个标签库文件都会定义一个或者多个自定义标签的名称、类型、内容模式、显示规范和图标。你可以创建任意数量的标签库文件,但是它们必须位于 Configuration/ThirdPartyTags 文件夹以便被 Dreamweaver 读取和处理。标签库文件使用 .xml 文件扩展名。提示:如果你同时进行着好几个不同网站的工作(假定当你是个自由职业者的时候),你可以把所有的标签规范定义在一个文件里面,并存放在一个特殊的站点上,将来由其他人维护这个站点的时候,你就可以完整地把包含自定义图标和属性检查器在内的标签库移交给他。你需要使用一个名为 tagspec 的 XML 标签来定义一个标签规范。举例来说,下面的代码表示一个名为 happy 的标签规范。<tagspec tag_name="happy" tag_type="nonempty" render_contents="false" content_model="marker_model" icon="happy.gif" icon_width="18" icon_height="18"></tagspec>

9 次浏览
共计26043条记录 上一页 1.. 816 817 818 819 820 821 822 ..2605 下一页