60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Dreamweaver >> DreamWeaver应用实例
DreamWeaver应用实例教程列表
-
设计中文网站的朋友都会有这样的体会，Dreamweaver功能虽然强大，但要按照中文的行文习惯实现每个段落的首行缩进两格却不容易！有关这个问题，一些网友绞尽脑汁，提出了种种实现方法，但大家仍然感到不够方便。因此，很多中文的页面也就干脆放弃了段落首行缩进格式，被“西化”了！ 现在好了，我们要感谢Macromedia公司用户的体贴设计，让我们能够像在一般的文字处理软件中编辑排版一样，轻按空格键就能实现首行缩进。 不信？请看看下面的图吧。 ...
阅读全文>>
-
Dreamweaver MX新增了一个Snippets（代码片段）面板。有了它，代码的重用就变得容易多了。如果该面板没有打开，选择Window>Snippets，可以打开Snippets面板。它位于Code面板组中，如下图所示。 在Snippets面板里可以存储HTML、JavaScript、CFML、ASP、JSP代码，这样你就可以很方便地重用这些代码。 1.用Snippets面板插入代码片段 如果要让插入的代码包围(wrap... 阅读全文>>
-
Dreamweaver MX新增加了一个对话框—New Document(新文档)对话框。在该对话框中，我们可以选择Dreamweaver MX预定义的具有专业水准的页面布局来快速设计我们的网页。 选择File>New（文件>新建）即可打开New Document对话框，如下图所示。 这个对话框包含两个标签页：General（通用）和Templates（模板）。Templates标签页包含你自己定义的网站的列表（如果有的话），... 阅读全文>>
-
使用过微软的Visual系列的朋友一定会对它们的编码提示功能记忆犹新。在手工编码时，软件能够根据当前输入的代码，自动显示相关的关键字供用户选择输入。这种编码提示辅助编码功能大大提高了代码输入的速度和编程效率。现在，Dreamweaver MX也拥有了这种功能，请喜欢网页编程的朋友赶快跟我来体验体验。 1. 新建一个文档，在页面中创建一个链接，然后切换到代码窗口，如下图所示。 2. 把光标定位在要编辑标记的标记名后面，然后按空格键，即可弹出当... 阅读全文>>
-
为了方便手工编码，Dreamweaver MX增加了标记选择器（Tag Chooser）和标记编辑器（Tag Editer）。使用标记选择器，我们可以在网页代码中插入新的标记（Tag）。使用标记编辑器，我们可以对网页代码中的标记进行编辑，添加标记的属性或修改属性的值。 如果要在HTML代码中插入新的标记，首先要从设计窗口切换到代码窗口，在代码窗口中定位插入点，然后点击鼠标右键，从弹出的菜单上选择Insert tag（插入标记）选项，如下图所... 阅读全文>>
-
设计期样式表（Design Time style sheets）是为设计跨平台（Macintosh和Windows）网页而设计的。在设计跨平台网页时，由于不同平台对网页的外观要求不同，这就需要采用不同的样式表。如果要在设计期就能看到不同平台的外部样式表对网页外观的影响，在以前是比较麻烦的。现在有了设计期样式表，设计跨平台网页就方便多了。当然，如果你想在同一网页试试不同样式表的效果，也可以“盗用”此项功能。 使用设计期样式表，可以在设计网页... 阅读全文>>
-
在Dreamweaver中，模板是一种特殊的文档，我们可以按照模板创建新的网页。模板中有些区域是不能编辑的，称为锁定区；有些区域则是可以编辑的，称为可编辑区。我们可以通过编辑可编辑区的内容，从而得到与模板相似但又有所不同的的新的网页。使用模板创建网页的最大好处就是，当你修改模板时使用该模板创建的所有网页可以一次自动更新，这就大大提高了网页更新维护的效率。 Dreamweaver MX进一步增强了模板的功能，增加了可选区和重复区。这里先给大家谈... 阅读全文>>
-
重复区（Repeating Region）是文档中重复显示的部分。例如，表格的行可以重复显示多次。在模板中定义重复区，可以让模板用户在网页中创建可扩展的列表，并可保持模板中表格的设计不变。在模板中可以插入两种重复区：重复区和重复表（Repeating Table）。 下面我们通过创建重复表来试试这一新的功能。 1.在模板中创建重复表 (1)新建一个模板文件，在文档窗口选择要设置为重复区的文本或其它内容；或把光标置于文档窗口要插入重复表的... 阅读全文>>
-
Dreamweaver MX有一项新功能——可编辑标记属性，它让我们可以解除模板中某个标记属性的锁定，以便模板用户在使用模板创建网页时能够编辑该属性。例如解除模板中插入的表格的border（边框）属性，让用户在使用模板创建网页时可以灵活地设置表格边框的有无或宽度。 现在就让我们一起来试试这一新功能吧。 1.在模板中定义可编辑标记属性 (1)按创建模板的常规方法创建一个模板，在模板中插入一个表格，选择该表格，如下图所示。 (2)选择Modify>... 阅读全文>>
-
Dreamweaver MX 正处在紧锣密鼓的测试之中，为了让我们织网一族能够先睹为快，笔者特撰写本文，供大家参考。本文主要介绍Dreamweaver MX 应用开发方面的新功能。 三、应用开发方面的新功能 在开发数据库驱动的网络应用方面，Dreamweaver MX 包括以下新特性： 1. ColdFusion MX支持 在专业的编码环境或可视化环境中创建动态ColdFusion MX网站。 (1) 在Dreamweaver M... 阅读全文>>
-
Dreamweaver MX 正处在紧锣密鼓的测试之中，为了让我们织网一族能够先睹为快，笔者特撰写本文，供大家参考。本文主要介绍Dreamweaver MX 代码编写方面的新功能。 二、代码编写方面的新功能 Dreamweaver MX在手工编写网页代码方面增加了一些新的功能，包括： 1. 面向编码人员的工作空间布局 使用Macromedia HomeSite或Macromedia ColdFusion Studio的用户，可以把Dre... 阅读全文>>
-
Macromedia公司的Flash MX已经正式发布，Fireworks MX和Dreamweaver MX也正处在紧锣密鼓的测试之中，现在已经进入Beta 3最后阶段。我们知道Beta 3与正式版已经非常接近，估计正式版很快就要发布。为了让我们织网一族能够先睹为快，笔者特撰写本文，供大家参考。 下图是Dreamweaver MX的主操作界面，大家可以一睹它的芳容，是不是与Flash Mx和Fireworks MX非... 阅读全文>>
-
嵌套模板(Nested Template)，其实就是基于另一个模板创建的模板。要创建嵌套模板，首先要保存基础模板，然后用基础模板创建新的文档，再把该文档保存为模板。在新的模板中，可以对基础模板中定义的可编辑区作进一步的定义。 在一个站点中，对于共享设计元素很多而变化不多的页面，采用嵌套模板进行设计有利于页面内容的控制、更新和维护。一个基础模板往往有较宽的设计区，可以用于多种内容的设计。在嵌套模板中可以为站点中某些页面进一步定义从基础模板继承... 阅读全文>>
-
Dreamweaver MX在后台方面不但可以使用原先UltraDev所支持Asp、Jsp、ColdFusion开发技术，现在更是加入对PHP、ASP.NET以及Coldfusion MX的支持，大家对网络后台开发的选择余地更多了。不过需要研究的东西也真不少，准备好你的MX开始吧！ 这次试用了DW MX的.NET部分操作，DW MX支持部分.NET的控件如：Datasets、DataGrid、Datalist等，虽然尚不够灵活，但毕竟是个良好... 阅读全文>>
-
从实现的方式来看，所有操作都进入了DataGrid控件中，有网友说这好比是个大型的插件，我倒觉得也是蛮形象的，当然它所具有的功能不是一般插件可以得到的。下面再继续说说这个控件在显示数据、操作数据时的几种功能。 添加修改标题功能 DataGrid本身具有了修改记录的功能，只需在对话框中设置。 在Dreamweaver MX下打开我们先前编辑的default.aspx页，转到Application下的Server Behaviors窗口，双击... 阅读全文>>
-
一、使用链接显示详细页 在以往UltraDev的使用过程中要链接到显示详细数据页一般都是通过“Go To Detail Page”服务器行为，而.NET环境下服务器行为视窗中却没有提供该行为，那么链接该如何做呢？答案还是在DataGrid控件的设置中。 为了方便说明，我们把细节页的要素也放在default.aspx页面中。 先建立一个记录集“DataSet2”用来显示详细信息的，建立方法很简单，如图只是设置序号为URL传递过来的“xid... 阅读全文>>
-
有什么好办法让每一个进入自己网站的球迷朋友也一起激动一下呢？本文将告诉你怎样使用Dreamweaver和几个简单的步骤完成漂亮而富有创意的动画效果。 效果描述： 当浏览者进入你的网站后，会看到屏幕左侧有一个足球，右侧是一个球门，足球将以漂亮的弧线直挂球门死角，并如此循环。 听起来好象很复杂，别担心，有Macromedia 的网页魔法师Dreamweaver MX在此，一切将迎刃而解。制作中主要应用了表格、层以及时间线控制。 步骤1：... 阅读全文>>
-
Dreamweaver功能强大，界面友好，加上与另外两位兄弟Flash与Fireworks的紧密合作，实在是制作网站的首选。但是Dreamweaver一直定位于专业网页设计软件，对初学者的考虑似乎不是十分周到，如果你没有一些进本的网页设计知识，确实很难一下弄清楚这么多复杂的功能，尤其是当您只是想制作一个简单的网站而不想深究其中知识的时候，Dreamweaver就不是那么让人得心应手了。现在随着互联网的蓬勃发展，越来越多的人开始制作网站，为了适应... 阅读全文>>
-
我的制作过程大概是这样：构思>Photoshop做页面设计>分割图像，导入Dreamweaver>flash处理 >完成。 我当然选择用Photoshop做效果图，感觉PS(Photoshop简称，下同)可以最大限度的发挥作者的创意，不会有想得到而做不到烦恼。Fireworks也可以，但是大多数人更熟悉PS，相比之下，PS也较为强大。但是相比之下PS有一个缺点：输出的jpg和gif文件都比Fireworks大，这个很让... 阅读全文>>
-
Macromedia发布Dreamweaver MX中文版，至此网页三剑客全部有了正式的中文版本。 下载试用版测试中，我们发现帮助文件也已经全部以中文版的形式发布，这对于英文不好的使用者，实在是一个好消息。 从这次Macromedia推出MX套件，随后及时发布中文版软件，可以感受到Macromedia公司出色的战略眼光，以及它表现出来的对中国未来市场充满信心... 阅读全文>>
-
其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。在Dreamweaver MX(DW MX)中，对这一功能又有了扩充与改进。 在DW MX中，行为指的是为了响应某一事件(Event)而采取的一个操作(Action)。其中Event 指的是浏览器的事件，比如窗口刷新、鼠标移动等。而 Action 指的是后台响应事件的 JavaScript 代码，可以完成相应的操作，比如播放声音、翻转图片等。 用DW MX制... 阅读全文>>
-
教育信息化时代，考试成绩也要求上网公布。一次我将考试成绩制作成一个HTML文件，如图1所示，领导审查的意见是“将成绩按名次排列”，可是所有的成绩已经用 MX制作好了，若先用Execl按要求排序，再导入到Dreamweaver MX制作，呵呵！太麻烦了，早就知道Dreamweaver具有排序功能，一直没有实战，何不利用Dreamweaver MX演练一番？ 在Dreamweaver MX中，您可以对一列的内容进行简单排序，也可以对两列的内容进... 阅读全文>>
-
在开发建设网站的过程中，也许我们会遇到这样的情况，当我们的网站已经进行了相当一部分，却发现还需要对某些细节进行修改。这时候不可能完全依靠手工去更改了，怎么办呢？利用Dreamwaver中的查找替换能够帮助实现这些修改。 Dreamwaver的查找替换功能十分强大，在它的查找替换对话框中甚至可以用精确的“查询语言”来控制查找过程。我们在Dreamwaver中调出“查找对话框”的快捷键是“Ctrl+H”，各个输入框的作用是：最上面的“Find”项... 阅读全文>>
-
DW4出台也有相当一段时间了，众多体贴的新功能让设计师们兴奋了好久。这其中比较瞩目的就是新的Assets面板。作为一个Web设计师来说效率是十分重要的，DW4的Asset可以让你统一地管理整个站点的资源。这样可以免去反复搜索的痛苦，可以成倍地增长效率。DW4新的Assets面板是一种可以在编辑网站时根据档案型态，例如图片、样板等来管理档案的新工具，当你定义新站台时，所有类型的组件会自动增加到Asset面板里的适当表框中。当我们定义一个站点时，这... 阅读全文>>
-
1. 更改键盘快速键 可让使用者自定使用接口，这项设计十分有弹性。举例来说，使用者可以通过撰写程序（programming）或自行增加对象（object）的方式来更改选单。不必功力高深，你就可以更改键盘快速键，因为 Dreamweaver 有一项叫做Keyboard Shortcut Editor的图形接口，只要选择 Edit ·Keyboard Shortcuts，对话框... 阅读全文>>
-
1. 让网页页面更有弹性 有些网页开发者称以下要介绍的这种技巧为 liquid，我在这儿则把这种技巧叫做是 stretchy（弹性延伸的技巧）。这是一种技巧，可在访客浏览器窗口大小改变时也随之调整网页页面大小，因此若是窗口过大就不会有空白处、窗口过小边缘就不会跑出上下移动的拉Bar。其实大多数简单的网页会自己随着浏览器窗口大小来调整页面大小，但是若是网页里用到很多不同的框框及表格，网页页面大小就很难自动弹性... 阅读全文>>
-
由于在DW中可以对VSS的文件进行常规操作，开发人员不需要经常到VSS客户端中进行操作，但比如为代码设置版本、恢复文件等操作需要在VSS中进行。VSS记录了一个源代码文件从创建、修改到发布的全过程，记录了每次对该文件的Check In操作，所以在源代码查错调试方面非常有用。下面将介绍VSS几种典型的操作。 1、源码操作 登录进入VSS客户端界面，用鼠标选取源代码文件点击右建弹出快捷菜单执行Show History...命令，弹出图1-16 ... 阅读全文>>
-
到了这一步你可以具体开发了，由于已经将DW和VSS已经连接起来了，对VSS文件的常规操作不需要登录VSS去实现，直接在DW中就可以方便实现。下面将从2个方面来实战开发，先介绍在DW中开发然后再介绍在VSS中进行版本控制和代码恢复比较等。 (一)、在DW中的相关应用 1、在DW中连接VSS服务器 打开DW编辑窗口后的第一件事就是连接远程服务器，也就是VSS服务器。在DW中执行Site/Site Files...命令或者按F8快捷键打开图1-... 阅读全文>>
-
由于VSS已经定义好了，再将DW和VSS连接起来不是很困难，下面是配置DW的详细步骤 1、进入DW的编辑界面，执行Site/New Site...命令，打开定义站点对话框，默认是Local Info（本地信息）选项卡，在界面中填入开发项目的名称和项目源码所在的地址，填完后入图1-8。图1-8 Local Info选项卡 2、在站点定义选项对话框中选取Remote Info(远程信息)选项卡如图1-9，在界面的Access(远程访问类型)中选... 阅读全文>>
-
4、设置VSS项目中的目录结构，点击程序栏中的Microsoft Visual SourceSafe 6.0命令，弹出登录对话框，输入用户名或者密码，单击Browse...按钮，找到服务器共享的VSS目录路径（支持网络路径）。 5、创建对象，执行File/Create Project...命令，也可以直接点击快捷菜单栏中的按钮，打开创建对象对话框如图1-4，在此可以输入对象名还有相关的描述。所创建的对象在VSS的All Projects栏中... 阅读全文>>
DW MX新功能试用：连续… | DW MX新功能试用：代码… | DW MX新功能试用：页面… | DW MX新功能试用：编码… |
