首页 »标签 » dreamweavercs3 » 列表
2008年9月25日dreamweaver技巧:Dreamweaver主页制作技巧四则
1、Dreamweaver中的复制 我在网页中复制的文字，粘贴到Dreamweaver中时，它总是带有原来网页的格式，请问如何只复制其中的文本文字呢？ 答：在Dreamweaver中复制和粘贴文本有两种，一是标准的方式，也就是你使用的那种 方式；另一种就是仅复制粘贴文本，它忽视了HTML格式，只复制文本，方法是在复制和粘贴时多按一个“Shift”键。 2、如何制作替换图片的链接 有的网页图片链接很特别，鼠标放上去时它就会发生变化，变成另外的图片，请问如何制作？ 答：这个就是替换图片链接，没有单击时是一张图片，当把鼠标移动到图片上的时候变成了另一张图片，利...
[阅读全文] [PDF]
2008年9月25日dreamweaver制作:巧用Dreamweaver制作复杂图像
有些网页制作爱好者提出了这样一个问题——怎么使用Dreamweaver制作出交换图像来。今天，我向大家介绍制作复杂交换图像的方法，相信能够对大家有所帮助。 制作效果我们要制作出一列7个按钮的图片，并且在这一列的按钮图片的前面加上一个指针，我们要实现的效果是当我们在将鼠标移向某一个按钮图片的时候，这个按钮上面的文字变换颜色。并且指针指向这张图片(效果如图1所示)。当我们学习一种新的网页制作技术时，千万不要只停留在表面，一定要仔细用心琢磨，在基本的网页技术的基础上，不断地有自己的创新，也只有这样才可以制作出有自己特色的网页图片来，不断地丰富自己的主页空间。 ...
[阅读全文] [PDF]
2008年9月25日dreamweaver文件:Dreamweaver临时文件的工作方式
Dreamweaver使用临时文件将一些未经保存的数据传输至其它应用程序中，例如用户可以在其它浏览器中预览Dreamweaver正在编辑的软件。 许多应用程序都会使用到临时文件，一般这些临时文件的作用是应用程序的临时工作空间，或者用于自动存储等功能，而Dreamweaver软件的临时文件的作用则有所不同，因为Dreamweaver软件本身并不需要临时文件，只有当其将一些尚未保存的数据信息传输给其它应用程序时才会创建临时文件。 当用户不再应用这些临时文件时，Dreamweaver系统会自动删除这些临时文件，不过有时由于异常退出或电脑的死机可能会导致某些...
[阅读全文] [PDF]
2008年9月25日dreamweaver:Dreamweaver中加入竖直线的办法
网页制作时经常用到1个像素高或宽的细线条来修饰，可以使网页的布局更加清晰，整体更加美观。由于一直习惯使用Dreamweaver编辑网页，所以在阅读《巧妙的在Fontpage中给网页加入一条竖直线》一文后，笔者利用文中的方法二，在Dreamweaver中给网页加入一条竖直线。 依葫芦画瓢，按照《巧妙》一文的所述的方法二，笔者在Dreamweaver中插入表格，设置单元格边距和间距均为0，表格的宽度为1个像素，并设置背景色为蓝色。确认设置无误后，按F12预览，可是网页上并没有如愿出现竖直细线条（如图1）。明明进行了正确的设置却不能实现竖直细线条，真是...
[阅读全文] [PDF]
2008年9月25日dreamweaver技巧:Dreamweaver技巧50问
Dreamweaver一直是不少网友钟情的网页设计工具，除了它强大的动态效果制作能力外，方便简洁的操作界面更是独具特色，下面我们将以最新版本Dreamweaver4为例，并以提问的方式系统的介绍下，在设计过程中经常遇到的一些问题和技巧性的东西。 注意：为了方便，以下我们将Dreamweaver全部减缩为DW表示。 1> 在DW中，如何输入一个空格呢？ 输入空格的问题，在DW似乎已成了一个老生常谈的问题，我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。 DW中对空格输入的限制是针对“半角”文字状态而言的，因此通过将输入法调整到全角模式就可以避免...
[阅读全文] [PDF]
若使用“File”菜单下的“Update HTML”选项，用户可以在Fireworks中编辑PNG源图像，然后自动更新任何放置在Dreamweaver文档中已导出的HTML代码和图像文件。值得一提的是，它甚至可以在 Dreamweaver不运行的情况下用来更新文件，有点像在word文档中可以直接对插入的excel图表进行修改一样，这可以给设计者带来极大的方便。 下面我们就来看看具体的步骤： 第一步：如图10所示，打开Fireworks文件更改所需修改的文档。 ...
[阅读全文] [PDF]
2008年9月25日dreamweaver制作:Dreamweaver制作阴影字
1、打开DreamweaverMX，新建一文档； 2、插入一个图层，图层编号默认为“layer1”，输入文字“阴影字”，通过属性面板设置其字体为“华文行楷”，字体大小为“7号”，颜色默认为黑色，如图1所示； 图3最后按下F12键预览一下，效果不错吧！利用图层制作的阴影字，比起图象软件制作的阴影字要小的多，它的显示速度远远超过图片的显示速度，更适合在网页上应用。 ...
[阅读全文] [PDF]
2008年9月25日dreamweavercs3: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: rel...
[阅读全文] [PDF]
2008年9月25日dreamweavercs3:Dreamweaver 基础：了解DW的状态栏
状态栏 \"文档\"窗口底部的状态栏提供与您正创建的文档有关的其它信息。 标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击 可以选择文档的整个正文。若要设置标签选择器中某个标签的 class 或 id 属性，请右键单击 (Windows) 或按住 Control 键并单击 (Macintosh) 该标签，然后从上下文菜单中选择一个类或 ID。标签选择器是选择标签的首选方法，因为它可以确保您始终准确地选择标签。 手形工具使您可以单击文档并将其拖入\"文档\"窗口。单击\"选择\"工具可禁用...
[阅读全文] [PDF]
2008年9月25日dreamweavercs3:Dreamweaver 基础：DW的工作区布局
工作区布局在 Windows 中，Dreamweaver 提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中。 注意Windows 工作区还有一个\"编码器\"选项，它默认将面板组停靠在左侧，并在\"代码\"视图中显示\"文档\"窗口。有关更多信息，请参见《使用 Dreamweaver》中的使用面向编码器的工作区（仅限 Windows）。若要使用此选项，请参见选择工作区布局（仅限 Windows）。在 Macintosh 中，Dreamweaver 可在一个窗口中显示多个文档，并使用选项卡来标...
[阅读全文] [PDF]
2008年9月25日dreamweaver:Dreamweaver 基础 ：DW的\"文档\"窗口
\"文档\"窗口 \"文档\"窗口显示当前文档。可以选择下列任一视图: \"设计\"视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver 显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。 \"代码\"视图是一个用于编写和编辑 HTML、javascript、服务器语言代码(如 PHP 或 ColdFusion 标记语言 (CFML))以及任何其它类型代码的手工编码环境。有关更多信息，请参见《使用 Dreamweaver》中的在 Dreamweaver 中编写代码。 ...
[阅读全文] [PDF]
2008年9月25日dreamweaver:Dreamweaver 基础 ：DW的\"文档\"工具栏
\"文档\"工具栏 \"文档\"工具栏中包含按钮，这些按钮使您可以在文档的不同视图间快速切换：\"代码\"视图、\"设计\"视图、同时显示\"代码\"和\"设计\"视图的拆分视图。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。 以下选项出现在\"文档\"工具栏中：显示代码视图仅在\"文档\"窗口中显示\"代码\"视图。显示代码视图和设计视图在\"文档\"窗口的一部分中显示\"代码\"视图，而在另一部分中显示\"设计\"视图。当选择了这种组合视图时，\"视图选项\"菜单中的\"在顶部查看设计视图\"选项变为可用。请使用该选项...
[阅读全文] [PDF]
属性检查器和文本格式设置 使用文本属性检查器可以设置当前所选文本的格式。使用属性检查器设置文本格式时，Dreamweaver 将跟踪您为每个文本元素指定的格式设置属性，并使用命名约定为每个元素指定一个标签:Style1、Style2、Style3、Stylen。如果为两个或更多文本元素指定相同的格式属性，Dreamweaver 将使用相同的标题标记这些元素，减少了不必要的样式名称。Dreamweaver 应用到一段给定文本正文的标签稍后即可使用\"样式\"弹出式菜单进行应用，使您可以在页面内生成一个样式库，然后只需选择页面中的文本元素，从\"样式\...
[阅读全文] [PDF]
2008年9月25日dreamweaver技巧:Dreamweaver→提高效率技巧
Dreamweaver还包含了许多可以极大提高工作效率的命令，包括库项目的建立、模板的运用、历史面板的功能及查找替换功能。这里我介绍几个小的技巧来演示这些命令的强大。 1、清理Word文件技巧。我们经常需要将一些Word文件转换为HTML文件，但这种转换的结果是生成的HTML文件非常的大，里面包含了许多重复代码，综合利用Dreamweaver的几个功能可以方便的清理掉无用代码。首先打开Word生成的HTML文件，执行Commands菜单下Clean Up Word HTML命令，程序会自动识别原来Word的版本，并将无用的代码清除。但此时的文件仍就有许...
[阅读全文] [PDF]
2008年9月25日dreamweaver:Dreamweaver实用七小招
一、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用 “Edit→paste as text” 命令，不要直接用 Ctrl+V 。 二、当有浏览者使用 Netscape 浏览页面时，在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题，可以通过点击 “Command→Add/Remove Netscape resize fix” 来加以解决，它可以使在 Netscape 中浏览页面时，改变窗口大小的时候页面不会花掉。 三、仅仅拷贝文字。当我们从 Dreamweaver 中拷贝文字到另一个应用程序的时候， HTML 代码和文字一起被拷贝过...
[阅读全文] [PDF]
2008年9月25日dreamweaver技巧:Dreamweaver经典技巧
Dreamweaver具有许多丰富的用户向导功能，这使它看上去有无法抵挡的魅力。这些易于执行的技巧能够指引你流畅地创建新站点。 连接窗口Dreamweaver的用户界面分割为几个窗口，当处于工作状态时，屏幕上只能容纳几个窗口。为了保存真实的操作状态，最佳策略是将打开的窗口连接（dock）在一起。你可能尝试过拖拽窗口的标题栏，这在许多程序中都是可以完成连接动作的，但是在Dreamweaver中却不生效。 实现窗口连接的技巧是用鼠标拖住窗口的tab栏，而不是标题栏。试着点击鼠标拖住一个窗口的tab栏并掠过另外一个窗口，当看到出现一个黑色边界时，松开鼠...
[阅读全文] [PDF]
2008年9月25日dreamweaver2004:DreamWeaver2004造留言本（3）
保存所有修改，在IE中输入 >http://localhost/guestbook/index.asp[/url] (或者>http://localhost/guestbook/[/url] )看看你的成果： blueidea.com/articleimg/2003/11/1298/42.gif至此，显示留言页(index.asp)的前台部分全部完成 ...
[阅读全文] [PDF]
2008年9月25日dreamweaver站点:Dreamweaver为你的站点定做颜色
在dreamweaver中，你可以存储你自己设定的图片，链接，flash影片，颜色表，模板等等，组成这个站点的资产，这就是Assets面板！当我们定义一个站点时，这个站点内的所有上述类型的元素，将自动分类在Assets 面板中显示。同时，我们还能为这个站点定义自己喜欢的元素，以便随时拿出来使用。 现在我们单击window > Assets 。或者按F11键。 现在好好的发挥Assets面板的强大，为你的网页定做一个颜色库，随心所欲的改变你网页的面貌，dreamweaver的功能实在是太强大，太方便网页制作者了。还不赶利用它来使你的工作变的更轻松...
[阅读全文] [PDF]
2008年9月25日dreamweaver的功能:用Dreamweaver实现简单的网页搜索功能
客户在浏览公司网站时，常常会对一些产品进行较为简单的查询搜索，本实例将讲解其实现过程。 效果说明 客户可以在如图 86-1 所示的页面中选择特别查询字段，输入查询数据，对产品进行模糊查询，结果如图 86-2 所示。 （ 4 ）继续在新添加的行中添加文本框，设 ID 为“ SearchTxt ”，并添加两个按钮，一个按钮为“搜索”， ID 为“ GoBt ”；另一个按钮为“高级搜索”， ID 为“ TopgoBt ”，结果如图 86-6 所示。 ...
[阅读全文] [PDF]
2008年9月25日dreamweaver制作:Dreamweaver制作复杂交换图像
制作效果 我们要制作出一列7个按钮的图片，并且在这一列的按钮图片的前面加上一个指针，我 们要实现的效果是当我们在将鼠标移向某一个按钮图片的时候，这个按钮上面的文字变换颜色。并且指针指向这张图片(效果如图1所示)。 11、按F12预览，把鼠标的指针悬停在每张图片上，怎么样，感觉还不错吧？ ...
[阅读全文] [PDF]
