推荐阅读
3DMAX制作时尚创意的个性展台效果
本篇教程，我要给大家讲解的就是如何利用3Ds max制作大师作品中的展台。首先我们先看下图中的这个展台框架。像这样镂空比较多的造型，最简便的方法就是结合贴图来制作。首先，我们需要制作一张贴图，如下：第二步，贴图制作好后，我们返回到max中，开始制作展台的外形，在前视图中我们创建一个平面，大家要是初学的话也可以根据我上面的参数来设定。第三步，打开材质编辑器(快捷键：M)，在不透明下添加我们制作好的贴图。 第四步，我们需要调整贴图大小。如图所示。
火山文字，PS软件制作火山熔岩文字图片设计教程
漂亮火山熔岩文字重点是纹理部分的制作，用到的滤镜比较多，自己需要细心一点，把岩石的纹理做出来，如果嫌麻烦可以去网上下载一些纹理素材，直接使用。 最终效果 一、photoshop制作文字效果之前，需要先制作一些纹理。新建一个1024 * 768像素的文件，新建一个图层，按字母键“D”把前背景颜色复位到默认的黑白，执行：滤镜 > 渲染 > 云彩，效果如下图。 二、执行：滤镜 > 像素化 > 点状化，大小设置为15，如图3，确定后按Ctrl + Shift + U 去色。然后执行：滤镜 > 模糊 > 高斯模糊，设置为8，效果如图5。 三、执行：滤镜 > 渲染 > 光照效果，只需要在面板的底部选择一个通道，然后把凸起的数值设置到最大，如图6，确定后按Ctrl + F 加强一次，效果如图7。
photoshop绘制Web2.0图标
我们在进行站点设计的过程中，经常需要使用图标表示诸如添加、删除和编辑之类的操作。在Web2.0时代，徽章和细致的3D效果越来越流行。本教程将告诉你如何简单的绘制出带有漂亮3D效果的按钮或图标。步骤1：创建一个新的文件，选择“椭圆形工具”（U），画一个圆形。将圆形填充上随便什么颜色，后面它将被图层样式覆盖。步骤2：双击圆形图层打开图层样式窗口，选择“渐变叠加”，使用蓝色和浅蓝色做渐变色，在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。小窍门：将渐变叠加移动到圆形顶端：打开图层样式窗口，选中“渐变叠加”选项。按住按钮调整渐变。 步骤3：参照下图，复制圆形图层，并调整到合适大小。
低角度的倒影
低角度倒影 除了平视角度外，低视角下的光影世界亦不可错过。以下列两张照片为例，拍摄于机场航厦候机楼，由于当下我有相当足够的时间去观察环境与旅人动向，所以只要坐在椅子上设定好相机，接着等待理想元素入镜即可;至于图2则拍摄于莺歌陶瓷博物馆，由于馆内水流属于流动的活水，所以原本笔直的支柱在倒影下就会显得十分诡异，于是我便顺势利用翻转屏幕拍下了这张影像作品。 ▲Canon PowerShot G1 X, 光圈F5.0, 快门1/50秒, 单色效果, 自动白平衡, ISO 100, JPEG。 ▲Canon PowerShot G1 X, 光圈F5.6, 快门1/100秒, 单色效果, 自动白平衡, ISO 800, JPEG。 顺光、逆光 除了构图角度外，光源方向掌握亦十分重要。一般来说，粗略可分为顺光与逆光两种，顺光即是所谓的正面光(摄影者拍摄方向与光的照射方向一致)，由于光源覆盖面积较大且测光难度不高，所以是目前摄影初学者最容易掌握的用光环境，不过缺点是该光源反差较小，容易造成被摄物色彩趋于平淡且缺乏过渡层次，因此在拍摄时，我会建议读家可适时调整取景角度使被摄物处于半侧光状态，如此便能有效改善上述问题。 至于逆光，由于光源是从被摄物背面直接照射过来，所以拍摄对象在明亮的背景前会形成暗色剪影，尽管画面简洁但却拥有极佳的表现力，只不过在拍摄时最好积极使用遮光罩搭配，才能有效避免炫光问题的产生。
最新发布
Micromedia Dreamweaver UltraDev 安装及使用教程(五)
具*作如下： （1）选择菜单“Windows”下的子菜单“styles”，打开“Styles”对话框，点击对话框底部的按键“Style Sheet”，弹出“Edit Style Sheet”对话框； （图十四） 图14 （2）在“Edit Style Sheet”对话框中选择“New”按键；弹出如下对话框（图十五） 图15 如上图的图示选择，然后选择确定，弹出对话框“Style definition for a:link”，在其中设定 Text-decoration为none；同上设定“Style definition for a:visited”的 Text-decoration为none；以上述步骤设定“Style definition a：hover”的 Text-decoration为underline。这样你可以不必了解有关 Css 的各项规则语法，就可以轻松加入 CSS 码，而在页面中的链接处文字就不会有下划线出现，但当鼠标移到其上时会有下划线出现。你还可以用这种方法设定链接处文字的颜色、文字背景等，增加页面的美观度。 Dreamweaver UltraDev 的工作流程一般有以下几个步骤：建立一个静态页面；如果利用数据库，则要建立一个 Recordset 对象；在页面里加入动态内容；加入服务器动作属性（Server Behaviors），使页面按照指定的方式工作；编辑和调试页面。 下面简单介绍一下 Dreamweaver UltraDev 的 Data Bindings（数据绑定）功能，它和 Server Behaviors 可以制作动态效果。首先，定义数据源以提供动态的内容。打开数据绑定器。（图十六） 图16 从弹出菜单中选择一种数据源，然后定义选择的数据源。再在 Document 或 Live Data 窗口中点击你所需要插入动态文本的地方。在 Data Bindings 窗口中的数据源中选择所需要的数据源，再点击 Insert 或拖放数据源到网页里。这样当你工作在 Live Data 窗口时，动态内容就出现在网页中，若是在 Document 窗口中，就出现一个占位符。此外，还可以对动态内容进行格式设置。与 Dreamweaver3 相比，Dreamweaver UltraDev 1.0 更加专业化，功能更强大。 在 Micromedia Dreamweaver UltraDev1.0 中还有许多功能，在这里我们不再一一论述，您自己一个个去试试看吧！使用 Dreamweaver UltraDev 后，你会发现你的网站是如此的丰富多彩，功能如此强大！不过，你要有耐心慢慢学习哟，毕竟它是制作网站的专业工具。 如果你想卸载 Micromedia Dreamweaver UltraDev 1.0，可在程序菜单中的控制面板中，选择“添加/删除程序”即可。
Dreamweaver高级进阶之可控幻灯片效果（下）
三、按照顺序显示或隐藏层1、在时间线面板，拖动帧定位器(红色键)到第三帧。2、打开Modify菜单，指向Timeline子菜单，选中Add Keyframe命令。 添加关键帧也可以在要添加关键帧的位置单击鼠标右键，选择Add Keyframe命令。3、 时间线面板上设置此时的Vis为Visible，起始帧Vis为Visble，设置最终帧Vis为hidden。 时间线面板的Vis表示层的可见性。有四个选项：default(默认)，inherit(继承)，Visible(可见)，hidden(不可见)。Inherit的项选中的话，其可见性和其相临的前一keyframe的可见相同。4、依次设置其他层。如下图所示。四、图片变换间增加停顿1、双击第四帧，弹出Behavior面板。2、在Behavior面板中，选择Timeline > Stop Timeline命令。设置在显示到第四帧时，停止时间线的继续播放，制作停顿效果。3、依次在第六、第八、第十帧作如此设置。五、给时间线增加控制按钮1、Insert菜单，选择Layer命令。2、设置新层各参数，各参数设置如下：3、定位光标在Layer（层）内打开Insert菜单，选择Image命令。增加两个用来控制图片显示的按钮图片。4、选中按钮图片，在Behavior面板中选择Timeline > Play Timeline。这样，我们在点击按钮时，才继续播放时间线，制作了控制效果。5、在弹出的Play Timeline中选择Timeline1，单击ok。 当你的WEB页有多个时间线时，你可以在这里选择性进行控制。6、 存盘完成制作，按F12预览效果。可以控制的幻灯片效果就完成了（如此简单呀？//nod）。 这个例子还是很简陋的，比如还不能直接显示指定的幻灯片。事先声明不是我的原因，谁让Dreamweaver不象Flash那样有播放指定帧的命令呢？要显示指定的幻灯片就需要自己写有关代码了，不另做讨论。 不过，Dreamweaver也不愧是”网页梦幻编织者”,仅需点几下鼠标就能设计出幻灯片的控制效果就足以让其他网页设计工具汗颜了。Dreamweaver能够实现的特殊效果太多了，大家有什么发现的话也告诉我
DREAMWEAVER3.0中重复元素的使用
许多网站中有一些网页具有大量相同的元素结构，比如网页顶端的标题、导航条等等，如果在制作相关网页内容时，对于这种重复出现的元素“不厌其烦”地手动编辑，则不仅显得繁琐，而且极易出错。在DreamWeaver3.0中，可以将这些重复元素事先用某种方法在一个特殊文件中一次性地编辑好，然后在要用到这些元素的网页中“引进”这些元素即可，而不是在每个网页中做重复劳动。这有点像一些使用资源文件的应用程序――特殊文件就是资源，而网页则相当于应用程序。应用这种方法除了可以大大降低出错的机会外，还有一个明显的优点：修改这些重复元素时，只需在包含重复元素的“特殊文件”中编辑一次就可以了。 DreamWeaver3.0中对于这种重复元素的“一次性定义”有两种方法，定义重复元素库和使用模板。 一：重复元素库 DreamWeaver3.0中的重复元素可以包括图片、文本、表格、各种插件、Java小程序和ActiveX控件等。 1：创建重复元素库 要将网页上的某个元素，比如一张图片放进重复元素库，可以在选定这个元素的前提下，单击Modify菜单，选择Library子菜单下的Add Object to Library菜单项，打开Library for Site XX窗口（XX是站点名），这时你将发现你选定的元素已经以类似UntitleX为名字的形式“登记”在重复元素库中了。重复元素库内有三个“成员”，鼠标右击任一重复元素，出现一个快捷菜单，你可以利用菜单中的一些菜单项对这个元素作删除、重名等操作。 重复元素库中的重复元素都存放在当前站点根目录下的Library文件夹内，你可以在DreamWeaver3.0的站点管理器或WIN的资源管理器中看到它们。 2：提取重复元素库中的元素 定义重复元素库是为了使用其中的元素，单击Window菜单，选择Library菜单项，打开重复元素库窗口，选中一个你需要在网页中插入的元素，单击窗口左下角的Insert按钮，或干脆将选中的元素用鼠标拖进网页内，这样就可以把重复元素库中的元素插进网页之中。 3：编辑重复元素库中的元素 如果一个网页使用了重复元素库中的元素，那么在此网页中，这个元素将以黄色高亮显示，并且是不可编辑的。要想编辑这个元素，则需回到重复元素库窗口，选中这个元素，单击窗口右下角的第二个Open Library Item按钮，DreamWeaver3.0将打开一个包含该元素源文件的窗口，供用户编辑，编辑完成后要将改动保存，此时DreamWeaver3.0会弹出一个Update Library Items窗口，窗口列表中列出了网站中使用当前元素的网页，选定要刷新的网页，单击Update按钮，则选定的网页将自动刷新网页中的这个重复元素，然后DreamWeaver3.0将给出一个消息框，告知已被刷新的文档的数量等信息。 4：重复元素的属性 如果你在网页上打开从重复元素库中插入的元素的属性框，会发现这个属性框与不是来自于重复元素库中的同类元素有点儿不同――可供编辑的属性少了很多。Src字段显示这个重复元素来自于重复元素库中的哪个文件；单击Open按钮将打开重复元素库中的相应元素供用户编辑；如果你想将网页上的来自于重复元素库中的元素与库元素断开联系，则可以单击Detach Form Original按钮，这样一来就可以直接在网页中编辑该元素了，但你对这个元素所作的改动将不会被反映到重复元素库中；最后的Recreate按钮很有用：假设你不小心误删了重复元素库中的一个元素，但包含这个元素的网页还在，那么你可以进入这个网页，找到这个元素，打开它的属性框，单击Recreate按钮，则DreamWeaver3.0将在重复元素库中重建此元素。 二：模板 在很大程度上，模板和重复元素库有着相似的功用，比如它们都提供了一个重复元素的使用方案，但两者的侧重点又有所不同。重复元素库适合那些需要使用单一元素的场合，比如一张图片、一个字符串，等等，而模板的使用单位则是网页，如果一个站点有大量的网页有相同的结构，那么这个站点就应该定义一个模板。 1：建立模板 如果想建立一个空白模板，可以这样做：单击Window菜单，选择Templates菜单项，打开Templates窗口，在窗口的空白处单击鼠标右键，弹出快捷菜单，选择New Template，则DreamWeaver3.0将建立一个空白模板，双击这个模板名，可以打开空白模板窗口；如果想将一个普通网页保存为模板，则可以选择File菜单下的Save as Template菜单项。所有的模板文件（dwt文件）都被保存在当前站点根目录下的Templates文件夹内。 2：应用模板 选择File菜单下的New from Template菜单项，弹出一个Select Template对话框，在Site下拉式列表框内选择一个站点，在其下的列表框中显示的是这个站点内的模板文件，选择一个模板文件即可。 3：编辑模板文件 创建模板文件时，如果不做特别声明，则模板中的所有元素都是不可编辑的，也就是说，当这个模板被其它网页套用后，网页中来自于模板的元素都不允许编辑，这显然不符合我们使用模板的初衷，因为我们希望模板中能够“保留”一些编辑块，这些编辑块在网页中出现的位置应该一样，但其中的内容则应根据不同的网页作相应的改动――这就意味着模板中的这些“编辑块”要被定义成“可编辑”的，假设我们要将模板中的字符串“在此放置文本”定义成可编辑的，则可以在选定字符串的前提下，选择Modify菜单，单击Templates菜单项下的Mark Selection as Editable，在弹出的New Editable Region对话框中为所选的编辑块指定一个名字，这样模板中的这个编辑块将会以蓝色高亮显示，表示这个字符串是“可编辑”的，以后用户可以在套用这个模板的网页的“在此放置文本”处键入别的文本。如果想把模板中已定义成可编辑区域改回不可编辑区域，则可以访问菜单Modify\Templates\Unmark Editable Region。 4：刷新使用模板的网页 如果一个模板的内容改变了，则大多数情况下，我们希望使用该模板的网页也做相应的改变――这就需要对网页做一次刷新工作，如果使用模板的网页处在打开状态，则保存修改后的模板时，DreamWeaver3.0会自动完成刷新工作；如果保存修改后的模板时与该模板有关联的网页没有被装入内存，则DreamWeaver3.0会弹出一个Update Template Files对话框，内中列出了使用该模板的网页，选择要刷新的网页，按Update按钮即可。
Dreamweaver 4.0，让我欢喜让我忧
序言： 不记得谁说过："经验有时候是个好东西，但有时候却是让人泥足深陷的泥潭"。是啊，经验只代表着对过去事物的一些归纳与总结，在日新月异的今天，经验本身不发展的话还能否适用呢？ Macromedia公司已于近日发布了最新版本的Dreamweaver 4.0以及Fireworks 4.0！新版除了与同类产品更佳的搭配性外，还统一了操作界面，让Macromedia体系更为成熟。自己找了一个来安装，以下是自己的一点心得与体会，以及一些小小的牢骚，如果您有什么不同的意见，诚请指教。 Dreamweaver 4.0在网页编辑具体功能方面变化并不大，主要是在代码编写，与外部相关应用程序交互，以及群体管理与维护的便捷性方面作了改进，这跟我们想像中的功能模块升级有些不大符合。 一、增强的代码编辑功能： 1.更为便捷的源代码与编辑窗口的切换： 看见下图了吗？它们分别是：直接以源代码视窗进行编写；源代码与设计窗口同时显现分栏编写；设计窗口编写。源代码视窗编写继承了以前版本的HTML，javascript等语法高亮显示，面对对象的智能化定位功能，同时添加了源代码自动缩排，行号以及多行的快速选择等功能。 要说这些改进有什么实际的意义， 那就是确实便捷多了，以前您要么选择设计窗口要么进入源代码编辑窗口，没有中间道路可走，现在提供了直观的分栏编辑功能。但这在那些天天与网页打交道的网友眼中，只不过是小菜一碟，没有这项改进也照用不误。 2.看见上图中那个大括号一样的符号了吗？那也是Dreamweaver 4.0新增功能之一，非HTML代码，如Javascript，XML，等等的函数快速导航工具。只需通过其下拉菜单就能迅速找到文件中的关键语句。 自我感觉，同样状如鸡肋的东西，自己编写的源代码，还需要什么导航工具？就是从网上下载来的，不懂的还是不懂，懂得的也根本不需要什么东东导航呀。 3.还是工具条上，那个尖括号以及中间带个问号的符号，Dreamweaver 4.0新增功能，相对于设计视窗中的"参考"面板（如下图），您可通过下拉箭头快速查找HTML，JavaScript，Css等的最新资料。 俗话说得好，"工欲善其事，必先利其器"。临时抱佛脚，我想是不会做出精美的网页的。如果您在制作网页的时候还得借助那么小一个窗口里的参考，那么我建议您买本书好好地重学一遍(姑且不谈其满版的英文)。 4.File > JavaScript Debug： Dreamweaver 4.0新增的JavaScript 调试功能，如果您想一边编写源代码一边查看它在Netscape或Internet EXPlorer中的效果的话，可以通过它快速完成这一操作。 对这一功能不知该如何说更好，我想在中国目前的网络状况下，没有谁愿意让自己的网页臃肿不堪的，网页就是网页，JavaScript 作为一种脚本语言自有其优点与功效，但它只是一种辅助，不会在网页文件中占踞多大的空间的，还需要边"编程"边调试吗？哦，对不起，不是"编程"，应该是"编写"(不过意思倒差不多)。 5.自定义热键：Edit > ShortCut， Macromedia 公司界面标准化的产物，当您能熟练使用它的时候会提高一些工作效率，不过对我们这些初中级用户来说，意义不大。 二、改进的设计工具： 1.全新的版面规划功能：Dreamweaver 4.0最值得称道的功能之一。它提供了两种视窗模式，普通型与版面型，当您切换入版面型就可以用其上的工具非常便利地进行整个版面的规划了，犹如使用普通的排版软件一样，方便快捷。而在以前的版本中，常用的页面布局操作往往是通过草图定位得以实现的，把JPG，GIF或PNG格式的图片导入Dreamweaver，再把草图作为背景，使用草图定位图层，使页面符合草图布局。 （如下图） 2.Flash文本与按钮制作工具：增强了与Flash的交互，操作简单，非常便利的功能，尤其实用于初中级用户，如果您是Flash高手的话，建议您还是扔掉这个功能，乖乖地用Flash 5。0去做吧，方便，有时候也意味着质量打折。 3.热区映射图编辑增强功能，主要是增加了与Fireworks的交互，让您不需退出Dreamweaver 4.0就能完成所有对热区图的修改。 三、更便利与安全的团队管理功能 分别是：与Microsoft Visual SourceSafe技术以及WebDAV协议高度集成，有利于提高团队工作效率与相互联系；总素材库的调用(相对于"Assets"功能面板，如下图)； 统一的电子邮件联系；厂家最新素材下载(Package Manager & Macromedia Exchange)与功能扩展插件共享功能。如果您不是什么大型网站的员工，这些功能真正能用上的可能就最后一项，没事去他们的主页看一下有什么好东东。其他的，不用也罢。 四、更大的问题----中文字体输入的问题： 在使用之中，全拼输入比较正常，但用五笔输入法的时候出了问题，无论你打多少字，它都会用后一个字覆盖前一个字，让您的页面始终只有一个字。 在直接将文本信息拷贝进去的时候显示正常。 五、总结： 说了这么多，我对Dreamweaver 4.0总的评价是：功能尚可，不过离我们的期望却有些距离，如果要我从DW 3与DW 4中做一选择的话，我宁愿选用前者。 新世纪是一个服务与快节奏的世纪，我们可从各大软件的发展重心看出来，但如何做好与客户的交互，如何让用户尽快而方便地使用一个产品，并不是简单地把几个相关软件的简单功能整合进去就行了，我们都还有一条长远而具体的路要走。 "雄关漫道真如铁，而今迈步从头跃"，最后在此谨祝Macromedia，未来的路，走好。
DreamWeaver中表单的使用和电子邮件表单的制作
首先，看一下你将要做的电子邮件表单的最后界面，当然，这只是一个简单的例子，旨在抛砖引玉而已，相信您将做得更加漂亮或设计得更加有条理。 接下来，就开始制作这个电子邮件表单: 第一步:插入表单，用“Insert”――“Form”命令或选择对象面板Objects上的“Forms”中的黄色，此时将弹出一个红色虚框，这就是表单的外围，在下面讲到的表单元素必须位于红色的虚线框里才起作用。为了表单中的元素定位方便，再插入一个表格，至于表格的大小可自行控制，图中的表格是7行×2列的。 然后把第1、5、6和7这四行合并单元格。 第二步:将文字输入表格中，到此为止，准备工作已经做好了。 第三步:插入表单元素，在“您的姓名”边上的单元格中插入一个文本框，用“Insert”――“Form Object”――“Text Field”命令或在面板上选择图标。同样在下面的“邮件地址”、“主页”边上和“您的建议”下面的单元格中也分别插入一个文本框。选中一个文本框。参数的具体含义如下所示:“TextField”:文本框的名字，对于本例，可分别取名如“姓名”、“邮件地址”、“主页地址”和“意见”;“Char Width”:文本框显示在网页上的长度;“Max Chars”:最多能输入的字符长度;“Type”:共有三类，“Single line”表示单行文本，“Multi line”表示多行文本，“PassWord”表示密码框;“Init Val”:文本框中的初始值。当你选中“Type”中的“Multi line”类型时，属性面板又有所变化了。与前面的面板相对比，“Char Width”被“Num Lines”代替，表示文本的行数。“Wrap”是多行文本的外观参数，四个选项，你可以分别试试。现在文本框都已做好，下面要做“发送”和“清除”按钮了。 第四步:在第七行的单元格里再插入一个边框Border=0的1行×2列的表格（用表格可以很方便地控制元素的位置），然后在单元格中插入按钮，使用“Insert”――“Form Object”――“Button”命令或选择蓝色图标，选中按钮，看看属性面板的变化吧。其中“Button Name”按钮的名称;“Lable”按钮上显示的内容，如例子中的“发送”和“清除”;“Action”按钮的类型，有三种:“Submit form”提交按钮和“Reset form”重置按钮、“None”普通按钮。在本例中用到了前两种即提交（发送）和重置（清除）按钮。第五步:这是最关键的一步，单击表单周围的红色虚框。图中“Form Name”表示表单的名称;“Action”表示表单提交后将由哪个程序来处理，这儿填入你的E-MAIL地址，格式如:mailto:你的E-MAIL地址;“Method”表示提交方法，有“Post”和“Get”两种，默认为Post。 现在，你已经做好了一个简单的电子邮件表单，当然在这个例子里只用了表单的一部分元素，其它的表单元素还有复选框，在页面上显示为;单选框，在页面上显示为。这两个在表单中也是经常用到的元素，有关的属性可在属性面板上看到，在一组中复选框能同时选取多个，而单选框一组只能选中一个，将多个复选框（或单选框）定义为一组的方法是:将这几个复选框（或单选框）取相同名字。
Dreamweaver 4新功能试用手记（1）
设计视图和代码视图 启动Dreamweaver 4后，在界面外观方面首先感到不同的就是在菜单栏下面默认显示一个工具栏。 在Dreamweaver 4中，我们可以在设计视图（Design View）、代码视图（Code View）或组合视图中设计网页。设计视图：就是Dreamweaver 3中所称的文档窗口（Document Window）。启动Dreamweaver 4时，默认显示设计视图，与Dreamweaver 3没有什么不同。如果要从其他视图转换为设计视图，可以单击工具栏中的设计视图按钮。代码视图：从外观看其实就是Dreamweaver 3中HTML源码检查器的全屏显示（不用找了，Dreamweaver 4已经没有HTML源码检查器）。但我要告诉你的是，Dreamweaver 4对代码编辑的支持已经大大增强，代码的编辑、修改方便多了。如果你因此而成为编程高手，可不要忘记教教老弟哦！单击工具栏中的代码视图按钮，当前文档就以代码视图方式显示，如下图所示。 需要说明的是，默认是没有行号显示的。想要显示行号，在代码视图方式，单击工具栏的选项菜单按钮，从弹出的菜单中选择Line Numbers（行号）就行了。如果希望行绕排，请选择该菜单上的Word Wrap（行绕排）。组合视图：就是同屏显示设计视图和代码视图。或者说，把文档窗口分割为设计视图和代码视图。单击工具栏的代码设计组合视图按钮，显示组合视图，如下图所示。 在组合视图方式下设计，可以同时观察“台前幕后”。你可以在设计视图中进行可视化设计，相应的代码实时在代码视图中反映出来，这对于新手学习HTML来说是多么的美妙。你也可以在代码视图中直接输入代码，实现一些可视化设计不能实现的功能，结果也在设计视图中实时显示出来。这对于专业网页设计人员，无疑是一个梦寐以求强功能。拖动一下右边的滚动条，就可以查看整页内容。你也可以拖动中间的分隔条，改变两个视图的大小。例如，当你主要在设计窗口进行可视化设计时，可以把设计视图适当扩大。 在这种组合视图方式中，可以很方便地在代码编辑和可视化设计之间跳转，在哪个视图中进行设计，都会得到一致的结果。 我的第一感觉，爽！
挖掘Dreamweaver 4.0的“潜力”（三）
来源： yesky 作者： yesky 与其他产品进行整合 Dreamweaver最酷的特性之一是它可以与其他产品进行很好的整合，它可以与Fireworks实现完全的图像编辑互操作，甚至还能够创建Flash文本和Flash按钮。 4、动画GIF图形 如果拥有Dreamweaver/Fireworks软件，就可以充分享受二者之间充分的整合性带来的各种方便。即使你不是专业的图形设计师，偶尔也会想把一幅GIF格式的图像作成动画。要对一个网页中的图像进行动画处理，可以在标准窗口中选择图像，然后点击Property Inspector中的Edit按钮，图像就会自动加载到Fireworks，如果安装了Studio包，Fireworks就会成为缺省的图像编辑器。然后就该转到Fireworks中了，选择图像，并依次选择Modify --> Animate --> Animate Selection。然后填写Animate对话框中动画的帧数、图像的运动方向等参数，可以使用Frames面板中设置动画的速度，使用Object改变它的属性。要导出文件，可以使用Optimize面板选择Animated GIF as the file type先项，点击Done按钮，Fireworks将自动地导出优化过的图像，更新GIF文件，并在Dreamweaver中显示更新后的文件。在浏览器中依次点击File --> Preview就可以看到你作的漂亮的动画了。 5、添加Flash按钮 即使不使用Flash软件，也可以利用Dreamweaver在网页中创建和添加Flash按钮对象。Dreamweaver 4.0中有一些已经制作好的各种风格的Flash按钮对象，依次选择Insert --> Interactive Images-->Flash Button就可以看到不同风格的按钮(图5)，在这个对话框中，将鼠标掠过每种类型的按钮，就会看到它在浏览器中是如何“动”的。选中希望使用的风格，并填写按钮的文本、字体、颜色或定制的文件名等参数，点击OK按钮。就会创建出SWF文件并被插入网页中，如果点击它，Property Inspector将显示文件的属性，还可以点击播放按钮预览按钮的动作。图5 6、制作移动的文本 在网页上添加Flash文本对象与添加Flash按钮一样简单。利用Dreamweaver 4.0的新功能，无需利用Flash也能完成这一工作。没有交互媒体开发经验的HTML软件开发者也可以创建基于Flash的文本动画。由于97%的网民可以浏览Flash对象（根据Macromedia提供的资料），因此在网页上添加Flash对象不存在兼容性问题。要制作移动的文本，依次打开Insert --> Interactive Images --> Flash Text，填入要移动的文本、字体、颜色、大小等参数即可。(图6)图6
怎样用好DREAMWEAVER
在互联网络高速发展的今天，有很多网虫都把“家”安在了网上。这样大家对DREAMWEAVER都不陌生， 怎样才能用好DREAMWEAVER呢？在这里我要向大家介绍几种DREAMWEAVER的技巧：1）仅仅拷贝文字 当我们从Dreamweaver中拷贝文字到另一个应用程序的时候，HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl － C来拷贝， 如果在拷贝的时候多按一个C键则只会拷贝选中的文字。 2）改变 Dreamweaver 文档显示大小 要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击那个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。 3）和 UNIX 用户共享文档 把 HTML 文件传输到 UNIX 系统可引起回车符转变成“^M”字符。如果你不希望发生这样的转换可以将文档保存成UNIX格式。选择“Edit”－>“Preferences”命令。然后在Category栏中选择“HTML Format”，然后再从“Line Breaks”列表中选择“LF (Unix)”，单击“OK”按钮以使设置生效果，当你再次保存HTML文件后，你会发现不仅文档中没有了硬回车符，而且文档的体积也减少了很多。用这种方法创建出来的HTML文件大小都降到了最低程度，可以加快用户浏览此网页的速度。 4)应用快捷键 在Dreamweaver中你不仅可以使用快捷键Ctrl－B或Ctrl－I来为文字应用黑体或斜体格式，你还可以使用以下一些键盘快捷键来为选中的文本应用HTML格式，同时也提高了速度，以下为这些快捷键： Ctrl－0: 无格式 Ctrl－T: 段落 Ctrl－1: 标题 1 Ctrl－2: 标题 2 Ctrl－3: 标题 3 Ctrl－4: 标题 4 Ctrl－5: 标题 5 Ctrl－6: 标题 6 5）寻找在线 Behaviors “Behaviors”可以使我们很容易地在网页中插入javascript代码，而无须懂得复杂的JavaScript语法。除了DW自带的一些“Behaviors”，你还可以从网上下载到最新的“Behaviors”。 6）为对象命名 我们之所以用Dreamweaver是因为它可以创建出非常复杂的效果。在这个过程中我们经常需要定位某个特定的表格、图像等……如果你没有给每一个网页中的对象取名的话，那将是很麻烦的事。所以在每创建一个新的对象后都记得给它取一个有意义的名称。你可以通过对象的“属性”面板来为新的对象命名。 7）一次链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图像，然后从行为面板中选择“Go To URL”。你会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的 URL后再选择另一个框架并输入另一个URL。
挖掘Dreamweaver 4.0的“潜力”（五）
8、重新配置站点窗口的栏目 通过在站点窗口中依次选择View --> File View Columns，可以定制哪些窗口在站点视图中显示以及这些站点如何显示(图8)。突出显示一个栏目的名称，使用上、下箭头重新安排它在站点中的显示位置或者取消选定Show字段隐藏这一栏目。还可以通过点击Plus按钮并为新栏目建立一个名字而添加一个新的栏目，也可以通过在下拉列表中选择一个现有的笔记使一个栏目与一个设计笔记相关联。图8 9、可以看清楚的代码参考 为检查浏览器的兼容性而使用O'Reilly代码参考时（通过依次选择Window --> Reference），其缺省的窗口使用小号的字体显示参考信息。如果点击窗口右上角的小向右指的箭头（就在Close按钮的下面）时，就会出现一个下拉列表，可以在其中选择Small Font（缺省）、Medium Font或Large Font(图9)。为代码参考选择较大的字体可以带来的好处是，你无需再使用放大镜就能看清这些代码参考的内容了。
Micromedia Dreamweaver UltraDev 安装及使用教程（三）
对象面板（Object）其实集成了 Dreamweaver 主菜单中 Insert 中的选项，它的对象全是插入对象。具体功能我在前面的 Insert 菜单中已经讨论过，在此不一一细说，图标很直观，用鼠标指向图标，就有相关的提示，相信大家一眼就能看出来。（图七） 图7 属性面板（Properties）比较灵活，变化比较多，它随着您的选择对象不同而随着改变，您在使用 Dreamweaver UltraDev 时应注意一点：Dreamweaver UltraDev 的属性菜单完全是随您的选择区域来决定的！比如您选择了一幅图象，那么属性面板上将出现图象的相应属性，如果是表格的话，它相应的会变化成表格的相应属性，请注意属性面板中的图标，单击后将出现更多的扩展属性。单击图标，将关闭扩展属性，返回原始状态。总的来说，属性面板集成了 Modify 和 Text 菜单的选项。 （图八） 图8 快速启动档（Launcher） 快速启动档集中了 Dreamweaver UltraDev 1.0 中最重要的四个功能：它们分别是 Site（站点管理器）、Data Bindings（数据绑定器）、Server Behaviors（动作编辑器）、HTML Source（源代码编写器）。（图九） 图9 状态栏 状态栏的左边一部分是显示您当前光标区的代码情况，比如则表示您当前光标处于文档主体的表格中的一个表单内，您可以用鼠标任意选定其中的一句代码，单击后所选中的代码会加粗，在用户界面内被其代码作用的所有文档将会处于选取状态。这样大大方便了用户对源代码的控制和操作，提高了准确度。 状态栏右边剩下的那部分由三部分组成，从左到右分别表示您当前的用户界面是在什么分辨率下模拟的，您也可以自己定制您需要的分辨；中间的部分显示您目前编辑的文档（包括图象等）共有多少字，并模拟一定的传输速率计算出相的下载时间，使用户可以随时掌握自己页面的总容量，作出相应的决定。最右边的一部分就是上面所述的ＬＡＵＮＣＨＥＲ（快速启动档），这里我就不再复述了。（图十） 图10 OK！让我们一起开始 Dreamweaver UltraDev 1.0 之旅吧！我敢打赌您和我一样一定不会觉得乏味！因为它真的很有趣！ 三、Micromedia Dreamweaver UltraDev 1.0 的使用 开始制作我们的第一个页面吧，就像下面您看到的这种效果：（图十一） 图11 每个编程语言一般都会一次开始入门之旅，我们也不例外,首先了解静态页面的制作。 单击 File-->New，建立一个新的页面，此时一个新的窗口会弹出，我们在此窗口打上“Hello World！”几个字母，回车键（您只想换行的话，主菜单 Insert-->Line Break 或 SHIRT+ 回车键）后再换行输入第二行文字“这是一个 Micromedia Dreamweaver UltraDev 1.0 的演示页”。 好了，要放的东西已经放好了，下面我们开始编排文字，当然在编辑时我们应该先把属性浮动面板打开，我们先为第一行文字选择字号，选择 ＋２，单击使其加粗，然后单击选择一种深红色，最后单击使其居中，这样第一行的工作就完成了。哇！用起来怎么像 Word 一样！ 再下来我们将第二行文字选定，同样用上述方法将字体放大一号，然后我们设法加上下划线，遗憾的是在属性面板中我们找不到完成这项任务的图标，因此我们必须在菜单 Text-->Style 中去寻找。找到了！加斜后，我们最后的工作就是让这句话变成蓝色，让我们用鼠标选取这句话，然后再单击选取一种蓝色即可，存盘退出，OK！您的第一个页面已经完成了，是不是很简单？看上去现在这活儿比打字还要简单，当然您可以在 Modify-->Page Properties 中修改一些资料，比如加上背景色，背景图案，链接色定义和文档标题。我们知道一个页面光有文本是无法吸收人的，因此我们必须在文档中加入其他的元素，图像当然是最基本的，图文并茂向来就是衡量是否是一篇好作品的准线，这一次让我们来学会如何插入图像、表单、超链接以及其他的一些元素。让您的页面活跃起来！