推荐阅读
Photoshop鼠绘高挑性感的外国美女图片教程
提供最初的线稿，想学习的朋友最好跟着来一遍，那会比你看一遍领悟得更多：好多朋友喜欢用线稿作为绘画的第一步，不然，不知道怎么画。我不喜欢最后的作品有墨线的痕迹，不过这次我做一个适合大家口味的。 一、起型，就像x光一样，先不考虑其他的，我们把人体的结构画出来……二、描绘衣服，头发……，加一点阴影，对塑造体积有个概念……三、在背景层上面涂上颜色，用的是cs自带的水彩画笔，但是在画笔属性里面添加了画笔压力…… 大致描绘背景……
PS打造朦胧意境之美的梦幻感外景婚纱照
本教程主要运用了Photoshop中的模糊滤镜、图层混合模式、图层样式以及调色处理等，制作出外景婚纱照片的朦胧梦幻感觉，使画面有一种意境之美，效果很不错。在此基础上，大家在处理类似照片时还可以尝试刷上一些星光笔刷之类的点缀，也许会有更好的效果。原图效果教程开始打开图像Ctrl+j复制一层滤镜.模糊.高斯模糊
实例学用CorelDRAW9（十）
十、阴影的建立（海鸥） 不要生气，实例又用海鸥，没办法，我只是太懒了……我不是说过吗？我希望用很简单的实例告诉你C9怎么用，而不是让你学会做这样或那样的实例……我保证下次再不了……这一次，我们将要用到的工具是“交互式下落阴影工具”，呵呵，一听名字就知道很专业……现在，我可以开始实例了？谢谢…… ^_^打开海鸥，启动“互动式下落阴影工具”，这时就可以开始了（就是“互动式渐变工具”菜单里最后一个图标，有阴影的那个）。第二步：做出阴影。在画面上点击鼠标，随意拖动一定距离，松开就可以了。注意，阴影控制线上的白色滑块离黑色块越近，则阴影越深，反之则越浅，你可以试着调节一下。这一步的效果如图51所示。
拍出专业玻璃照片的前期拍摄与后期PS处理技巧
在本教程中我将告诉你如何在前期拍摄和数码后期处理，用最少的照片来拍出专业玻璃照片。您将学习专业照明用光技巧来表现一些惊人的照片和时尚的背景。 使用相同的背景和道具，但使用不同的相机设置。首先，我将介绍两种常见的照片拍摄技巧，然后我会告诉你如何捕获每张照片和后期采取Photoshop的处理步骤。 先欣赏一下最终效果图： 最终效果 第1步：设备的准备 在我们开始之前，你应该准备以下几点： 玻璃(您可以分解成小块)、锤、一个或两个胶袋、手链、两张黑色A4纸或黑色文件夹、台灯、鼎、相机、图形程序。 第2步：收集碎片 在我们开始采取实际的照片，你要把你已经准备好的玻璃打破。这就是为什么你需要一个锤子和塑料袋，因为你肯定不希望这些碎片四处散落。放入袋(或两个杯子，如果你想成为完全相信他们会留在室内)，然后用锤子打几次。(图1) 图1
最新发布
制作弹出窗口常用技巧九则
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。1、最基本的弹出窗口代码其实代码非常简单：〈SCRIPT LANGUAGE="javascript"〉 〈!-- window.open ("page.html") --〉 〈/SCRIPT〉因为这是一段Javascript代码，所以它们应该放在〈SCRIPT LANGUAGE="javascript"〉之间。 〈!-- 和 --〉是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open ("page.html") 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。这一段代码可以加入HTML的任意位置，〈head〉和〈/head〉之间可以，〈body〉间〈/body〉也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。2、经过设置后的弹出窗口
网页设计进阶：巧用记事本编辑网页网页设计进阶：巧用记事本编辑网页
我有个MM在网上面安了家，想做一个关于特效的网站。她虽然懂一点网页制作，但是她的机器配置比较低，有时为了反复试验页面上一些特殊效果，而打开Dreamweaver进行编辑，不仅费时而且费力。所以还是请我出马解决问题，我看过她的机器以后，决定教她使用记事本编辑一些需要反复调试的小特效，使用过程如下： 1. 新建一个记事本，取名最好是英文与数字的组合(这是一个站长必须养成的好习惯)。 2. 打开该记事本，将特效内容粘贴进去，然后按菜单上的“文件→另存为”，保存类型选择“所有文件”，然后给网页改个名比如uu.html。 3. 不要关闭记事本，用IE打开uu.html直接查看效果。 这样做的好处是显而易见的，当我们觉得网页特效的效果不佳需要修改的话，直接在刚才打开的记事本里修订内容，然后按一下保存就直接将网页文件也修改了，这时再刷新一下刚才打开的网页，特效立刻显现出来了。 朋友们，如果你们也需要经常修改网页中的某一部分，何不用这种快捷又方便的方法呢？
高手进阶：网页设计中的文字运用
如今，互联网越来越走近我们的生活，网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈现，无非就是通过文本、图像、Flash动画等，其中， 文本是网页中最为重要的设计元素。对于网页设计初学者而言，了解和掌握网页设计中的文字排版设计就显得尤为重要，下面笔者想谈谈一己之见。文字的格式化 1．字号、字体、行距 字号大小可以用不同的方式来计算，例如磅#quotel.quoter#或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅，所以，建议采用磅为单位。 最适合于网页正文显示的字体大小为12磅左右，现在很多的综合性站点，由于在一个页面中需要安排的内容较多，通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方，小一些的字体可以用于页脚和辅助信息。需要注意的是，小字号容易产生整体感和精致感，但可读性较差。 网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。 从加强平台无关性的角度来考虑，正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找到，这给网页设计带来很大的局限。解决问题的办法是：在确有必要使用特殊字体的地方，可以将文字制成图像，然后插入页面中。 行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12，即用字10点，则行距12点。这主要是出于以下考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。 除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，体现独特的审美意趣。例如，加宽行距可以体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排，使宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到的匠心。 行距可以用行高(line-height)属性来设置，建议以磅或默认行高的百分数为单位。例如：｛line-height：20pt｝、｛line-height：150%｝。 文字的整体编排
利用DW插件改变IE浏览器滚动条（下）
点击 图标，在弹出窗口中按个人需要设定滚动条的各种颜色值： 上图的注释： 1、滚动条表面的颜色 2、滚动条高光处（与阴影处正好相反）的颜色 3、滚动条阴影的颜色 4、游动条3D（立体感）颜色 5、滚动条上下按钮中间三角形的颜色 6、滚动条的颜色（兄弟，你怎么称呼？滑动方块后面物体的颜色） 7、滚动条黑阴影颜色 还是加上一张从老外网站上找到的图片注释吧 按F12预览，发现效果已经完成。 效果一： 呵呵，是不是很简单呢？
用DREAMWAVER3.0制作网页的实例
相信你对 DREAMWAVER 仰慕已久，正如其名字一样， DREAMWAVER 被许多爱好者称为网页制作的"梦幻工具"，如今随着 3.0 版本的推出，大家一定急于掌握这门利器，那么，现在我们就走一条学习 DREAMWAVER 的捷径：通过一个实例来演练一回。 （图一） 上面是一个简单的关于"友情链接"的页面（就是本站的“友情链接”栏目），看似简单，要满足网页"美观＋下载快"的要求还是小有技巧的。我们当然不至于来个 800 ＊ 600 象素的大背景图，而是采用了左下角的仕女图（ 201 ＊ 299 ，也可进一步进行无缝切割），"友情链接"四个字构成的小图，返回按钮及由几条蓝色带子构成的背景图（此图采用 4 色 gif 图像，大小不会超过 8K ）。好，现在我们在此基础上看看用 DREAMWAVER 来制作该页面的过程：页面元素定位。用层你会发现原来一切这么简单！ 建立层只需 Insert ＞ Layer （插入＞层）。或者从 Objects( 物件）面板中点 按钮，这时鼠标会变成十字形，你拖动鼠标就可插入一个层。然后对层可以通过其上的八个小控点进行拖动，放大缩小等。另外可以选择该层，在属性面板中对其进行设定。 我们在页面上插入四个层，并在每个层中依次插入页面中用到的元素（或空着），然后大致移到合适的位置并调整层到适当的大小，如下图： （图二） 点菜单 Modify ＞ Layout Mode ＞ Convert Layers to Table （修改＞布局模式＞层转化为表格），随后出现的对话框： （图三） Most Accurate 最大精确度 , Smallest: （ Collapse Empty Cells ）指的是各个层的边缘因为是手动画的，可能对的不齐，比如你本想让图二右边的两个层右边线在同一垂直线上，但实际画的会有些误差。如果选中该项，那么凡位置相差 4 个象素的层都会自动对齐。 Use Transparent GIFs 将用透明 GIF 图像来填充表格最后一行。这样做可以保证表格在所有的浏览器里看起来都没有变化。也就是保证了表格定位与层定位的严格一致。如果不选该项，在不同的浏览器里可能会有少许差异。 Center on Page 表格在页面*。否则为左对齐。 设定好后，看看结果是否符合你的设想： （图四） 看，由层转化的表格定位很准确吧。比起自己直接插入表格再合并对齐之类的方法效率高了很多。 １、选中整个表格，将表格背景图设为预先做好的蓝带子背景 这里要提醒一下，如果你恰好选用了大背景图，比如适应 800 ＊ 600 分辨率的大底图（一般要为单色或 4 色以下，以减小图形文件大小），那就不应在页面属性中将其设为背景图，而要设为相应大小的表格的背景图。否则在 1024 ＊ 768 分辨率下效果就会大打折扣。 ２、用Behaviors工具添加动态效果 为了使页面更浪漫些，设想加两个特殊效果：一个是鼠标放到仕女图片上时页面空白处显现出一首诗来，另一个是更常见的图片变化的效果，即鼠标放到返回按钮上时按钮颜色改变（其实是两张图片做个交换）。 这当然是 javascript 的拿手好戏，但我们可不想用它编码。因为这些任务在 Dreamweaver 中很容易实现。 先添加一个层，将该层的 Vis 属性设为 hidden （即该层一开始是看不见的）。在层中输入诗句，你不会忘记在有文本的地方用样式表吧？（ F7 调出样式表窗口，将 .unnamed 的 size 定义为 9 即可）。 打开 Behavior 工具条（按 F8 ）。选中左下角的仕女图，按下 Behavior 面板中的＋号，选 Show-Hide Layers 项 ，随后对话框中，出现了刚才定义的层，我们选中该层，并按下" show "按钮即可。 第二步是使返回按钮有点儿动态效果，有两种方法可以实现，最简单的就是从 Objects( 物件 ) 面板中点按钮 ，你在对话框中直接输入要替换的两个图片路径名称就行了。为了使这个例子更具代表性，我们仍然用 Behavior 来实现。 同样的，先选中返回按钮的第一个图片，打开 Behavior 面板，按＋号选 Swap Image 项，出现对话框： （图五） 只须点击 Browse 按钮选中准备替换的图片即可。 Dreamweaver 有很多 JavaScript 函数 - 文档重定向、图像交换、打开窗口还有改变 layer 可视性的方式。用法与上面大同小异，你自己试试看吧。３、 Dreamweaver另一个令人眩目的工具：Timeline，让你的层活动起来，直观地体现一下DHTML的动态效果。 单击 WINDOWS ＞ Timelines （或按Ｆ９）启动时间线，如果您以前接触过 MACROMEDIA 公司的 FLASH, 就会发现 TIMELINE 的使用与在 FLASH 中的用法如出一辙。 我们要实现的这个例子，是让一只小蝴蝶从屏幕左边飞到屏幕右边。首先我们用在前面讲述过的层来新建一个层，在层中插入小蝴蝶的图片（你可以用你的任何图片替代，不可太大）， F9 打开 TIMELINES 面板，拖动层至 TIMELINES 中，松开鼠标，再用鼠标选择最后一个关键帧（我们选为第 120 帧），将层拖放至屏幕右上角，选中 AUTOPLAY 和 LOOP 项。您会看到如下图的情况： （图六） 好了，按 F12 看看效果，蝴蝶翩翩飞！ 给没用过 FLASH 的朋友们稍微解释一下时间线的用法：表示您目前编辑的时间线，表示返回最前面的一帧，表示返回至前面的一帧，表示返回至后面的一帧， AUTOPLAY 表示当前页面在浏览器中打开后是否自动执行这个时间线， LOOP ：循环执行。圆圈代表关键帧，表示发生在对象上的时间。 LAYER １是层名，红色的小块表示当前操作的帧。 ４、给 Dreamweaver3.0 增加 Objects 控件 Dreamweaver3.0 增加了相当多的 Objects 控件及不少的 Behaviors, 应该可以满足我们的大部分需求了，但就象 Photoshop 有无数的 plug-in 一样， Dreamweaver 也有不少的插件可供下载，所以为了举一反三，我们最后也来补充一个增加 Objects 的例子。这个例子是做出页面进入和离开时的特殊效果。 http://www.macromedia.com/software/dreamweaver/download/extensions/ 就是一个下载插件的好地方，国内及*的织梦等站点也有不少可供下载的好东东。 Down 下来后用 WinZip 等软件解压至你的 Dreamweaver 所在目录：比如\ Macromedia\Dreamweaver 3\Configuration\Objects\my 目录下， 注意 : my 这个目录是新建的。然后重新启动 DW3 ，在你的 Objects 控件面板上点下箭头选择 my, 就会出现刚刚安装的插件图标，如图七 :（图七） 选择运行后界面如图八所示： （图八） 选择完成以后按确定，现在我们最后看一下整个页面加载时的效果：（中间园形图形为上一页面的部分）。（如图） 好了，这就是一个用 Dreamweaver3 来制作网页的实例，让我们共同交流使用 DW3 的经验。
Dreamweaver 4快速使用教程
本文档用于展示Dreamweaver4中的一些新特性，它将使用交互的方式一步步地带你体验这些新特性。总览在这个快速浏览中，你将编辑一个假想的Compass Travel公司网站。本指南是介绍Dreamweaver 4的一些新特性，它将围绕三部分来组织结构：Code（代码）、Design（设计）和Collaborate（合作）。每一部分都将自动完成，浏览结束后，你可以使用这些站点资源回顾整个Dreamweaver的特色。定义你的站点在DW4 中创建站点首先要设置本地站点。站点管理是DW4中的一个完整部分，在此快速浏览中，某些特性的展示需要定义一个站点。一个本地站点需要设置站点名称和本地根目录，用来告诉DW在哪里存放站点文件。创建一个本地站点：1. 打开DW，按下F5键来打开站点管理窗口2. 在弹出菜单上选择Define Sites（定义站点），将会打开站点定义（Site Definition）窗口。3. 在站点定义对话框中（如下图所示），点选类别列表中的本地信息项，使其处于被选中的状态。4. 在站点名称框中输入Compass。5. 点击Local Root Folder框右边的文件夹标志，在你的硬盘上查找并选择Compass文件夹。6. 点击OK，保存站点设置。当询问是否创建站点缓存时，选择创建。定义本地站点属性 MACROMEDIA通用用户界面DW4包含MACROMEDIA通用用户界面。所有的MACROMEDIA网络应用软件都将采用一个一致的标准界面，共享用户界面单元，从而使用户感觉更熟悉，更亲切，更易使用。今天，已经有超过150万的开发者和设计者使用MACROMEDIA 的产品，而且这个数字每个月都在增长。通常，这些开发者都使用两种以上的MACROMEDIA的产品，MACROMEDIA通用用户界面将带来更多的好处。快捷键编辑器使用快捷键编辑器可以自定义快捷键，编辑已有的快捷键，或者改变MACROMEDIA的标准快捷键设置。自定义快捷键是所有MACROMEDIA网络应用软件共有的新特性。编辑快捷键：1. 在编辑菜单中选择Keyboard Shortcuts来进入快捷键管理器。2. DW中自带有原来的标准设置。要创建一个新的键盘设置，请选择Duplicate按扭。3. 输入名称 Compass并选择OK保存新的键盘设置。4. 从Commands列表中选择一个菜单命令，使用树状控制查看相应的菜单分类。5. 点击加号（+）按扭。或激活快捷键列表框中某条目，然后移动焦点到Press Key框。6. 按下你所希望的键盘组合，这些组合键将出现在Press Key框中。7. 点击Change,新的组合键被用于该命令。使用快捷键管理器自定义快捷键标签式面板在DW、FW和FLASH中，所有的面板都可以组合，从而使单一的浮动面板成为多重标签式浮动面板。这样你可以轻易地获得更多的信息而不会使工作区域变的混乱。浮动面板中的每一个标签都包含面板图标和文字标签，激活的面板名称将完整显示，非激活的面板也显示它尽可能多的完整名字，而且在它被激活前看上去总是灰暗色的。 通过将两个或更多的控制面板结合，以创建整合的控制面板：1. 拖拉某个浮动面板的标签（不是标题栏）到其他的浮动面板上面。当目标面板四周边缘高亮时，松开鼠标按键。2. 在标签式组合面板中点击任何一个标签，相应的面板将出现在最前面。从标签面板中移出一个面板：拖拉面板的标签到窗口外。标签式面板使得查看所需信息更加方便管理标准窗口当你使用DW工作时，经常会打开几个面板和文档窗口。DW4让你更有效地安排和管理这些窗口和工具。文档窗口和面板现在可以粘合在一起或者紧靠屏幕边缘。当属性检测器被放置在屏幕底部时，新的文档将无法叠放到另一个上面或者打开时隐藏属性检测器。同时工作在几个窗口下：1. 打开一个文档窗口，改变窗口大小直到它吸住周围的面板，而且属性检测器面板在最下面2. 选择FILE菜单下的NEW菜单创建多个新文档窗口，每个新窗口都能显示但它不会覆盖周围的面板和下面的属性检测器。窗口排列整齐，有利于更为高效的利用面板通用对象面板DW对象面板的设计已被应用到FLASH和FW的主应用工具栏。工具和对象在面板的上部，颜色和选项设置为组采用通用的样式放置在面板的下部。这使得用户在使用更多的MACROMEDIA网站编辑软件包时能够有一个通用的方式。DW对象面板和FW、FLASH工具栏通用的颜色选择器在DW，FW和FLASH中，许多的对话框中都包含有颜色盒和调色板（例如属性检测器），使用色彩面板可以在一个元素上选择颜色。DW，FW，FLASH在选择颜色时都有相同的设置。在HTML中颜色被表示为下列方式中的一种：十六进制的值（例如 #FF0000）或颜色的名称(例如：red)。在所有平台的所有浏览器中网络安全色将能够得到相同的显示。DW允许你将颜色转换为212种网络安全色中的一种。在DW中选择颜色：1. 在属性检测器中（或任意对话框中）选择颜色盒2. 做下列任意一项：・ 使用吸管从调色板中选择一个颜色样品。调色板中的所有颜色都是网络安全色。・ 使用吸管从你的屏幕的任意地方拾取颜色，甚至是DW窗口外部。（如果你点击桌面或者其他应用程序，DW将拾取被点击的地方的颜色，但你可能会转换到其他应用程序中去。请点击DW窗口回到DW中以继续你的工作。）3. 如果要限制颜色选取范围，可以使用颜色盒右边的弹出菜单。你可以选择三维颜色, 连续色彩，WINDOWS操作系统，MAC操作系统，灰度和转换为网络安全色。4. 选择擦除按扭，可以在没有选择其他不同色彩的情况下清除当前的颜色设定。DW，FW和FLASH中使用通用的颜色选择器
DW中如何使用Library
使用库元素必须首先在DW中正确建立站点。 库被设计用来使重复性的工作更快、更容易并尽可能地无差错。 任何网页中的元素，无论文本还是图形均可以指定为库元素。 库元素可以用来放置在同一个站点内的任何页面中，而不需要重新输入文本或插入图片等。 可以在任何时候修改库文件。编辑完成，保存，DW会同时更新所有应用的网页。可以指定更新一个页面还是全部网站。 库元素可以被转换回非库元素。可以从一个站点复制到另一个站点。 创建库元素 新建文件，输入所需内容，选择希望作为库使用的一部分（或全部），打开Library面板，拖拉选择的部分到该面板中，定义名称，就建好了一个库元素。 使用库元素 编辑网页时，打开Library面板，拖拉所需要的库元素到网页中需要的位置，则库元素被加入，将以黄色突出显示。 原代码中显示为(其中top.lbi为我的TOP库元素)： <我的TOP表格代码> 修改库元素 在网页中被插入的库元素无法修改，如果想改变，需要到库面板中选择该元素修改。 方法是：在库面板中选择该元素，单击OPEN按扭（或双击该元素），则打开该元素，可任意修改，保存时DW会提示是否同时更新所有用到该元素的网页，选择YES更新所有（也可以选择NO来推迟更新，但不要忘记更新哟） 删除库元素 在面板中选择该元素，单击DELETE按扭，选择YES即可删除。 如果无意中错删除了某元素，可以在应用库元素的文件中选择该元素，在属性面板上选择Recreate[sic]按扭，则DW自动使用原来的库名称，重新建立该元素。
Macromedia Dreamweaver 安装及使用教程(三)
Form 组的按钮：如图9。 图9 第一个按钮为插入框架按钮，为插入下面的那些按钮作准备。这下面的按钮选项包括：文本框，按钮，多选按钮，单选按钮，列表，文件域，图象域，隐含域，跳转菜单等交互式网页要用到的组件，假如你要制作一个交互式的网页像留言薄什么的，用它做，非常的方便快捷，把初始界面做出来，也就几分钟的事，不信试试。做完了，你会说，哦真棒。 它还有几个选项组，但都不是那么常用了，一个就是它 Character 组它是常用符号组面板，里面为你收集了最长用的符号，这些，你通过手工直接写，是非常麻烦的事，因为它们是源码了，而这儿，可以给你直接的转换成为源码，插入就成。而 Frames 组，则是对页面的分页，也就是分窗口，将一个浏览器窗口分成几个窗口，在每个窗口里加入不同网页，来达到不同的效果。它可以分的总类也如下，可以从图上直接看出来，非常的方便与快捷。而 Head 组则是在网页“head”和“/head”之间加入必要的语句，可以是连接，可以是关键字，也可以是描述性的语句，还可以规定网页的刷新频率等。Invisible 组则是插入网页中看不见的元素了，比如说：换行符，回车符等不可见的符号。主要由这个控制面板来插入。 以上这些，是 Dreamweaver 的基本插入工具，除了属性面板外，就属它最常用了。 4.Dreamweaver 的使用 ① 网页制作。 那好吧，就让我们新建一个文件，看看怎么使用它。新建方法，我就不用多说，一般软件中的新建方法在这儿同样使用，点击菜单 File 中的 New 就行了，或者按 Ctrl+N 也行。 你在这儿就可以插入文字，图象，层等，反正都随你，是不是也是所见既所得。假如我想看一下它的源文件，可以点击右下角的“〈〉”标记，也可以点击启动面板中的最后一个选项。就会弹出来一个小窗口如图10：你也可以打开外部编辑器来编辑它的源代码，比如说记事本。 图10 只要点一下“External Editor…”按钮，Wrap 选项为换行，当你不想横向拉动滚动条，把它选上，文字就自动会换行了，另外一个选项为行号选项，当选上它是，左边将会出项行号，这样特别便于查找，去掉后，就与普通的记事本没有什么区别了。编辑好后，关了它就可以了。 到这儿为止，一般的网页制作中的操作，相信你都已经会了，以上这些都是它的最一般的功能。对付新手的网页制作，绰绰有余。下面我将要给大家介绍一下它的另外一个突出功能：构建站点。 ② 构建站点： 所有设计好的网页，在放到网上去以前，都需要把它组建好，以便于上传，在本地机上就要组织好，而 DreamWeaver 也把这想到了，点击启动面板上的 Site 选项，就会弹出站点管理窗口，和文件浏览器差不多，在这儿，你可以增加文件夹，删减文件，文件改名等等，只要是文件浏览器能干的事，它都能干。并且你可以清楚地看到，你的哪个文件连接到了哪个文件，哪些文件是并列的关系，那些文件是父子关系。你所做的第一步是先建立一个本地站点根目录。然后选择“New Site”打开对话框，在“Local Root Folder”中，输入本地站点根目录的位置。然后输入你的 HTTP Address，如果你还没有该地址，随便输入一个也行，只要好记。最后，按“OK”键就真的 OK 了。以后你从本地站点中删除文件，拷贝文件时，你的站点会自动刷新你的站点文件列表。其余的管理操作，与文件浏览器一样，我也就不多说了。 另外，Dreamweaver 的其他功能和操作还有很多，像图象功能，表格功能，分层和定位操作，框架操作，对象操作模板和库的操作，以及行为与时间线的操作等，那些还暂时地不适合初学者，那也不是我这儿能三言两语能讲清楚了，现在市面上已经有了关于怎样使用 Dreamweaver3.0 的书籍了，如果大家有学精通的意思，我建议大家去买一本读，那会介绍的更详细。 三、我的个人看法 总的说来，笔者认为大家要是想制作出精致漂亮的网页出来，大家最好选择 Dreamweaver 作为网页制作工具，因为除了它的方便快捷的操作之外，它生成的网页源代码是所有网页制作软件中最小的。在网速还不很快的今天，节约代码是很重要的。而 DreamWeaver 除了能把自己制作的网页体积减至最小，并且还能删减像 Word 这类软件生成的庞大网页文件，它能把里面的介绍信息，冗余代码都统统删掉，只留下你所需要的。这恐怕还没有别的软件能与之相比。现在专门的网页设计人员都是选择 Dreamweaver 为网页编辑器，你何不也来试一试呢？
Micromedia Dreamweaver UltraDev 安装及使用教程(一)
Dreamweaver 是美国 MACROMEDIA 公司开发的网页编辑器，它集网页制作和管理网站于一身，支持所见即所得。利用它可以轻而易举地制作出跨越平台、跨浏览器、充满动感的网页。Macromedia Dreamweaver UltraDev 1.0 是 Macromedia 公司的最新主页制作工具，除了可以和 DreamWeaver 一样进行页面编辑外，还可以方便的进行后台 ASP 的操作，可以说是一款极棒的主页设计工具了。哇！是不是已经心动了，赶紧从网上下载一个 Dreamweaver UltraDev 1.0，开始我们的轻松之旅吧！ 一、安装 双击安装程序，弹出欢迎对话框。（图1） 图1 它提示版本和版权。并且建议在安装该软件时，关闭其它应用程序，以免造成安装不能正常进行。 点击 Next 按纽，进入下一步操作。（图2）接下来又弹出一个对话框，它让你选择安装路径。通过点击 Browse 按钮，你能够选择合适的安装路径进行安装。 图2 点击 Next 按钮，进入下一步操作，弹出一个对话框。（图3）默认利用 Micromedia Dreamweaver UltraDev 1.0 作为 *.asp, *.jsp, *.cfm, *.html, *.js 和 *.Css文件的编辑器。 图3 点击 Next 按钮，系统开始复制文件了（图4）。 图4 稍等一会儿，文件复制完成后，弹出一个安装完成消息框。用鼠标单击 Finish 按钮，程序安装完成。（图五）Micromedia Dreamweaver 的图标就加入到程序开始菜单和桌面上了。 图5
DreamWeaver表格妙用-线框制作详解（三）
> “粗”线边框的制作 有了上面介绍细线边框的制作基础，相信大家理解粗线边框就简单多了。粗线边框就是一种边框特别粗的效果，他往往配合其他网页元素来完成指定效果的。 在细线边框制作中，我们提到单纯将“Border”设定为1达不到“细化”要求，那么粗度应该没有问题了吧，很好，因此粗线边框的制作就有了两种方法。 方法一：利用Border来实现 选中已经插入的表格，在属性板中将“Border”值设定为“8”（可为需要宽度的任意值），同时特别注意要把“CellSpace”重置为“0”，最后通过“Brdr color”设定边框的颜色，这里仍以红色为例，如图预览效果如图： 方法二：通过CellSpace的差距来实现 关于利用CellSpace实现的过程这里就不在赘述了，只要将细线边框制作时的“CellSpace”也设定为“8”，就能达到与上面完全相同的效果啦。4> 隔距边框的制作 “隔距边框”在网页中主要用来排列各个栏目或频道的项目列表用的，为了方便大家理解，笔者先把制作完成以后的效果图给大家展示下，如下： 下面是相应的制作过程，（以制作三框隔距为例说明） 首先在网页中插入一个1行3列的表格对象，在插入过程中直接把“Border”设定为0，“CellSpace”设定为2，“CellPad”设定为1，如图 注意：在这里进行设置，同属性板中是完全等效的。 鼠标按住左键不放，在各个单元格上拖动，同时选中3个单元格对象。在属性板中将其“Bgcolor”设定为“红色”，注意该颜色即隔距边框的颜色。 为了实现隔距的效果，我们这里要用到“嵌套表格”的制作了。笔者先告诉大家一些设计“嵌套”表格时的注意事项，在单元格中插入表格时，最好预先将单元格内容的定位属性“Horz”（左右位置）及“Vert”（上下位置）分别设定为“Left”和“Top”，这样避免再次调节嵌套表格大小时的不必要的麻烦，直接拖拉右下角即可实现。如下 依次在三个单元格中插入一个表格对象，将“Border”，“CellSpace”，“CellPad”全部设定为“0”，同时在属性板中将每个表格的背景颜色均设定为同网页背景色“白色”，另外还有一点就是，将“Width”（宽）和“Height”（高）均设定为比例显示状态下的“100%”，这样可以使它根据大小自动充满整个单元格。 现在可以预览查看效果了。 在隔距边框的制作中，与细线边框的不同之处在于边框的宽度1是通过“CellPad”属性来实现的，而不是前面的“CellSpace”，这里的“CellPad”指的是单元格中内容与单元格的边界之间的距离，无疑本例中被我们作为内容插入的就是另外的三个表格。那么调整“CellSpace”可以改变各个边框的间距，比如“6”单位的效果 同样，类似的方法你可以制作出竖放的隔距边框。 上面我们细致的剖析了几种网页中常见边框类型的制作过程，原理及调整方法。效果对比的形式相信更加有利于大家认识它们各自的差别，从而加深印象，当然更希望大家能够按照类似的设计思路找到更多的边框效果。