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

最新发布

Dreamweaver:从网页模版切图到网页生成全攻略
Dreamweaver:从网页模版切图到网页生成全攻略

鉴于很多朋友问到如何切图这个问题,又鉴于这个问题可大可小,一两句话是绝对讲不清楚的,所以今天有空闲在家里就举一个简单的例子来说明这个问题吧!OK,让我们开始:   step1:在Photoshop中打开设计稿,如下图   选择工具板上的slice切片工具,先大刀阔斧的切上一番!技巧: 大面积的色块单独切成一块,尽可能的保持在水平线上的整齐(这个问题你们在后面的制作页面中深有感触)切好的图如下所示:   step2:在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择:   我们来看看红线所标识的1,2,3部分,将1所示的切片工具选中,然后点选2所示的图片,在3所示的地方选择色值,如果色彩单一可以选择尽量小的色值位;(为什么要这样??)答案:这样会大大减小文件的大小,同时又能比较好的保持图片的色彩;设置好后点OK输出文件,这里的文件包括了一个htm和images文件夹,如图:   这里候你的页面才算完成了一半,接下来在Dreamweaver里建立站点:   step3:定义站点:   在图示左边的site name中为站点起一个名字,如example 然后在下面的local root folder中选择我们刚才导出的站点所以的文件夹;站点建好后在site map中我们看到:

2 次浏览
Dreamweaver:图片应用技巧
Dreamweaver:图片应用技巧

加快图片下载速度   如果网页中有过多的图片,就会影响浏览的速度。 Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前。  创作思想 打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在【行为】中选择【预先载入图像】选项,加快图片下载速度。   操作步骤   ( 1 )新建文件,操作如图 36-1 所示。   ( 2 )保存页面并插入图片。为了在插入图片时不提示相对路径,先保存页面为“ 36.htm ”。然后插入要预载的图片,如图 36-2 所示。   图 36-2  插入图片  ( 3 )添加“预先载入图像”功能。使用 Dreamweaver 的行为面板添加“预先载入图像”功能,如图 36-3 所示。   ( 4 )选择要预载的图片,操作如图 36-4 所示。

4 次浏览
Dreamweaver MX实例:插入交替图像按钮
Dreamweaver MX实例:插入交替图像按钮

Flash中的交替图像按钮一直是网页爱好者喜欢的动画按钮,在 Dreamweaver 中只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。   效果说明 建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚,如图 49-1 所示  创作思想 打开 Dreamweaver MX 2004 软件,执行【插入】   【图像对象】   【鼠标经过图像】命令,或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。   操作步骤   ( 1 )打开 Dreamweaver MX 2004 软件新建文件。   ( 2 )可以用两种方式制作出交替图像按钮,如图 49-2 所示。  ( 3 )打开【插入鼠标经过图像】对话框,按图 49-3 所示进行设置,选择图像文件。

2 次浏览
细品Dreamweaver MX内建FW技术
细品Dreamweaver MX内建FW技术

    Macromedia官方将在其他软件中内建Fireworks技术称为Fireworks技术,网上也称之为内建图片编辑器。Dreamweaver MX 2004给人的一个感觉就是与Macromedia公司其它产品的全面无缝集成,这样就大大缩短了开发人员的开发周期,提高工作效率。  以前的Dreamweaver中是没有图片处理功能的,即使你要处理也只能使用Css中的相关滤镜进行一些效果的改变,而大多数特效的制作我们则必须使用Fireworks或者Photoshop工具。现在好了,新版的Dreamweaver MX 2004中集成了一些简单的图片处理工具,使Dreamweaver不仅具有本身应该拥有的功能,还能够对图片进行简单的处理,是不是很方便、下面让我们来了解这个工具的详细特性与使用方法。   在Dreamweaver MX 2004环境中先选择一幅图片,在下边的属性对话框中就会出现内建图片编辑器(图1)。

3 次浏览
使用Dreamweaver轻松实现交替图像按钮制作
使用Dreamweaver轻松实现交替图像按钮制作

只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。   效果说明:建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚。   创作思想:打开 Dreamweaver MX 2004 软件,执行【插入】 【图像对象】 【鼠标经过图像】命令,或者单击工具栏中 下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。   操作步骤   ( 1 )打开 Dreamweaver MX 2004 软件新建HTML文件。   ( 2 )单击插入菜单,选择图象对象,鼠标经过图象,如图1所示。  ( 3 )打开【插入鼠标经过图像】对话框,按图2所示进行设置,选择图像文件。  提示:注意图象文件的位置,最好和该网页文件在同一目录下。  ( 4 )按快捷键 Ctrl+S 保存文件。本实例操作完毕。交换按钮如果结合按钮特效,效果将会更好

3 次浏览
Dreamweaver中层的应用技巧
Dreamweaver中层的应用技巧

问题:当两个层中都是图片时可以实现,但如果有FLASH是就不行了,就是说图片永远会被FLASH遮住.怎么办?  关于 Dreamweaver 中的层   层是被分配了绝对位置的 HTML 页面元素 - 具体地说,是 div 标签或任何其他标签。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。   注意   本章中所说的层属于 Dreamweaver 的布局概念,而不是 layer 标签。   理解层的概念   通过 Dreamweaver,您可以使用层来设计页面的布局。您可以将层前后放置,隐藏某些层而显示其他层,以及在屏幕上移动层。您可以在一个层中放置背景图像,然后在该层的前面放置第二个层,它包含带有透明背景的文本。   利用层可以非常灵活地放置内容。但是,使用旧版本的 Web 浏览器的站点访问者查看层时可能会遇到麻烦。若要确保所有人都能够查看您的 Web 页,可以使用层设计页面布局,然后将层转换为表。有关更多信息,请参见将层转换为表格。但是,如果您所面对的访问者很可能使用某种最新的浏览器,则可以完全用层来设计布局,而无需将层转换为表格。   关于层的 HTML 代码

2 次浏览
用Dreamweaver MX 2004与SQL数据库相连
用Dreamweaver MX 2004与SQL数据库相连

一、在SQL Server 2000中建立数据库  1.在SQL Server 2000中创建数据库  (1)打开SQL Server 2000的企业管理器,在数据库选项上单击右键,点击新建数据库。  (2)在新建数据库属性中设置数据库名称为sjk。  2.在SQL Server 2000中创建用户  (1)打开SQL Server 2000的企业管理器并打开安全性文件夹。  (2)在登录选项上单击右键打开新建登录属性,设置用户名为zl,身份验证选择SQL Server身份验证,然后输入密码,在下面的默认设置中设置用户默认数据库为sjk(第一步新建的数据库)。  (3)选择“服务器角色”选项卡,将其中的所需要的服务器角色选中,如果为了方便可以全选。  (4)选择“服务器访问”选项卡,选择用户可以访问的数据库,只要点击所要访问数据库前的方框,系统会在方框内打上对钩。然后在下面的数据库角色中选择用户在访问该数据库时所拥有的权限,建议将所有的权限都选上。

4 次浏览
Dreamweaver快速制作细边线表格
Dreamweaver快速制作细边线表格

在Dreamweaver中插入一个表格,若设置其“边框(Border)”为1,预览时其边框线较粗。对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格。   以制作一个4行3列、边框线为红色细线的表格为例:  Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格。  Step 2 在“属性”面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border)为0;背景颜色(Bg Color)为红色。  Step 3 选中此表格的所有单元格,在“属性”面板中设置所有单元格的属性如下:背景颜色(Bg)为白色或红色以外的其他颜色。  最后,保存网页,按F12预览。怎么样,一个4行3列的红色细线表格是不是呈现在你面前?  另外,如果我们照常想用表格来布局定位,但只要外边框线显示为细线,而内部单元格的分隔线不显示的效果,则可以配合使用嵌套表格。下面以表格外边框线为红色细线为例来说明操作方法:  Step 1 在Dreamweaver的设计视图插入一个1行1列的表格。  Step 2 在“属性”面板设置此表格的属性如下:“边距”根据需要自行设置(例如5);“间距”为1;“边框”为0;“背景颜色”为红色。  Step 3 选中此表格唯一的单元格,在“属性”面板设置此单元格的“背景颜色”为白色或红色以外的其他颜色。

3 次浏览
Dreamweaver查找替换的技巧
Dreamweaver查找替换的技巧

在开发建设网站的过程中,也许我们会遇到这样的情况,当我们的网站已经进行了相当一部分,却发现还需要对某些细节进行修改。这时候不可能完全依靠手工去更改了,怎么办呢?利用Dreamwaver中的查找替换能够帮助实现这些修改。  Dreamwaver的查找替换功能十分强大,在它的查找替换对话框中甚至可以用精确的“查询语言”来控制查找过程。我们在Dreamwaver中调出“查找对话框”的快捷键是“Ctrl+H”,各个输入框的作用是:最上面的“Find”项用来指出查找的范围,有3个选项,第一项是在当前文件内查找,第二项指在当前的Site中查找,第三项是在指定文件夹中查找,如果我们选中了此项就要点击右面的文件夹状按钮指定文件夹;下面的“Find”项用来选择查找的类型,如果选“Text”是指查找类型为文本(非HTML代码),其他几项依次为在HTML代码中查找、高级文本查找、包含Tag的查找;右边的输入框中要输入待查找的内容;下面的“Replace”指要替换为什么内容。  让我们举一个例子来说明如何使用查找功能。假设我们想把正文文本中的“dreamwaver”替换为“Dreamwaver”,如果只用“Text”查找,就会把< title>中的“dreamwaver”也替换掉,我们不希望这样。所以我们采用了“高级Text查找”,将查找条件(“+”、“-”按钮右的内容)设为“Inside Tag”和“Font”,意思是查找在Font标签内的文字“dreamwaver”,然后将其替换为“Dreamwaver”。需要说明的一点是查找级别选项必须选为“Match Case”,也就是必须完全匹配查找条件,否则文字中的大小写区别将被忽略。  设置好后,点击“Replace All”,查找替换过程就开始了,替换完毕后所有被替换的地方会显示在替换信息列表中,文件前的小绿点表示替换成功。  那怎样实现包含Tag的查找替换呢?假设我们网站中所有的图片都设置了“alt”属性(只有背景图和个别补角的图不设置此属性),但由于做网页时没有注意设置图片的“Border”属性值为“0”,个别图片在浏览时出现边框而影响了浏览效果,所以要把所有的已设“alt”值的图片的“Border”值设为“0”,而在图片很多的情况下我们是不可能一一去改的,这时如果利用Dreamwaver包含有Tag的查找替换功能,就能很简单地解决问题。  我们先选定文件夹,然后设包含在img标签内的,具有“alt”属性并且符合“alt=any value”作为查找条件,再把“Action”设为“Set Attribute”、“ Border”、“0”,这个设置的意义是对符合条件的图片其“Border”属性统一设为“0”,点击“Replace All”按钮。很快,查找替换就完成了,图片属性就会被准确无误地修改。  需要提醒的是进行查找替换时,被操作的文件不要处于被编辑的状态,否则有可能会出现替换出错的问题。

2 次浏览
Dreamweaver的行为体验
Dreamweaver的行为体验

Dreamweaver(以下简称DW)提供了一种称为“Behavior”(行为)的机制,帮助你构建页面中的交互行为。行为,就是在网页中进行一系列动作,通过这些动作实现用户与页面的交互。利用DW的行为,你不需要书写一行代码,就可以实现丰富的动态页面效果,达到用户与页面的交互。  一个行为是由事件和动作组成的。事件是动作被触发的结果,而动作是用于完成特殊任务的预先编好的javascript代码,诸如打开一个浏览器窗口,播放声音等。  当对一个页面元素使用行为时,你可以指定动作和所触发的事件。在DW中已经提供了一些确定的动作,你可以把它们应用在页面元素中。  一、内置的一些基本行为  1.调用JavaScript(Call JavaScript)  这个行为允许你设置当某些事件被触发时,调用相应的JavaScript脚本,以实现相应的动作。在这个行为设置时,你可以直接输入JavaScript脚本或者函数。  2.改变属性(Change Property)  这个行为允许你动态地改变对象属性,比如图像的大小、层的背景色等等。需要注意的是,这个行为的设置取决于浏览器的支持。  3.检查浏览器(Check Brower)

5 次浏览
共计26043条记录 上一页 1.. 814 815 816 817 818 819 820 ..2605 下一页