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

最新发布

水平细线的几种制作方法
水平细线的几种制作方法

一、水平线法  1.在 Dreamweaver 中新建一个文档,插入一条水平线,双击水平线,调出属性面板。  2.在水平线的属性面板上设置高度 H = 0 pixel。  3.Copy 此条水平线,在属性面板中把 Shade 的勾点掉。  4.按 F12 进行预览,请对比下面的(1)(2)源代码及效果。(1)源代码:<hr size="0" color="#3366FF" noshade> (2)   5.另外制作两条 H = 1 pixels 的水平线,分别有 Shade 和 没 Shade。

9 次浏览
为你的站点定做颜色
为你的站点定做颜色

在dreamweaver4中,你可以存储你自己设定的图片,链接,flash影片,颜色表,模板等等,组成这个站点的资产,这就是Assets面板!当我们定义一个站点时,这个站点内的所有上述类型的元素,将自动分类在Assets 面板中显示。同时,我们还能为这个站点定义自己喜欢的元素,以便随时拿出来使用。  现在我们单击window > Assets 。或者按F11键。  Assets 面板出现在屏幕上,面板的左边9个按钮将你站点中的元素根据类型分别归类管理,当你单击一个按钮时,相应的名称会出现在面板顶部,名称旁边有site与Favoritesg两个单选按钮。现在我们来看一看如何定做自己的颜色表。  首先让我们单击颜色按钮,这时Assets面板的顶部出现了Colors的字样,当我们选择site列表时,我们可以看见我们站点中定义了哪一些颜色。如果你对站点内的某些文字又加了一些颜色,不用担心,我们可以单击Assets面板下部的(Refresh Site List)按钮来刷新站点,使后定义的颜色在Assets面板中显示。  Assets面板保管你站点中的所有颜色,使你可以重复使用,这大大的方便了网页制作者,象小六做网站,不同的页面用上不同的颜色,为此不得用一个本记下所使用的颜色的十六进制值,虽然是有了样式表,但是重复修改样式表也麻烦,且样式表又不能显示出来,如果不用还得移去样式表,现在有了这个Assets面板,我们可以测试多个颜色,最后将配好的颜色保留下来,下次重复使用。言归正传,你可以在Assets 面板显示的颜色中将自己喜欢的颜色选中,然后单击下面的(Add to Favorites)按钮,这时出现一个提示框,提醒你这个颜色将被增加到Favorites列表中,即然你选好了,就按ok罢,如果不行,也不用怕,在Favorites列表中,我们还可以将它移去。  选中Assets面板顶部的Favorites选项.我们切换到Favorites列表中,这个列表显示了你选择的颜色。在这个列表中,当你在不同的频道中用不同的颜色时,你可以单击(new favorites folder)按钮建立一个文件夹,将不同频道的颜色放在不同的文件夹中。

2 次浏览
使网页随浏览器伸展
使网页随浏览器伸展

过去我们常被dreamweaver的表格的自动伸缩搞的头痛不已,对Fontpage能够随意的画表格而感到羡慕。但现在在dreamweaver4中,这一切都变的非常的简单。  dreamweaver4提供了两种视图,布局视图和标准视图。如果你认为你已经能够控制dreamweaver的表格,那么你可以在你熟悉的标准视图中工作,如果你很喜欢Fontpage的画表格功能,那么在布局视图中你可以随心所欲的做到这一点。而且在这个视图中你还能让你的网页某一部份固定,而另一部份自动伸展,这样无论你的浏览器窗口多大,都能使你的网页适合浏览器的窗口,而不发生变形。  如果你用过macromedia公司的另一个产品Fireworks,你一定知道fireworks也能生成html文件,但它也总会产生1个像素的gif图片,这个图片是用以填充你表格的空白区域,使你的表格不会变形。现在dreamweaver4也有了这项功能,它能自动生成一个名为spacer的gif图片来填充你的表格,使你的表格不会发生自动伸缩的现象。  实现上面的两个功能,在dreamweaver4中是非常的简单。让我们先建立一个新站点,然后我们用熟悉的表格工具画一个1*3的表格,不要管它的宽度。因为,我们可以让它自动伸展适合浏览器窗口(当然你也可以直接在布局视图中画表格)然后,单击对象面板最底下的布局视图按钮,这时出现一个对话框,你不用担心,这只是简单的介绍布局视图中两个工具的使用等,按ok。我们切换到了布局视图。  现在看我们的表格左上角有一个绿色的layout table标签,它代表着你这个表格。标签中有三个空白部份且每一个都标明了宽度且有一个小三角形。在这个表格中,我希望我的表格最左边的列固定,而整个表格适合浏览器的宽度。在dreamweaver4之前,这是非常困难的。我们能将表格设为100%来使它适合浏览器的宽度,但我们要想要固定某个单元格却相当困难。但是现在你只需要决定表格中哪一部份是你想固定的,哪一部份是你想伸展的就行了。唯一要记住的是,我们只能让一列自动伸展!!   在这里,我决定将我的蓝色表格作为伸展列。

2 次浏览
用Dreamweaver实现漫天花雨效果
用Dreamweaver实现漫天花雨效果

淡蓝色的天空下,一朵朵花瓣随风飘下,慢慢的在屏幕中飘荡。你一定要说这种效果用FLASH可以实现。其实用DREAMWEAVER也可以很轻松的实现! Dreamweaver之所以能够超过Frontpage而成为网页设计师的首选设计工具,在于它对DHTML的强大设计功能,上面所说的效果,其实是DHTML的一种。但是使用Dreamweaver,你无须去编写冗长的代码,在DW的窗口里几个拖放,就能轻松搞定。 首先用Firework或Imageready一类的软件制作出几幅动态的GIF花瓣图片来。以ImageReady3.0为例子。按Ctrl+N 新建一个文件,大小100*100左右,背景色可根据网页的背景自行设定。按Ctrl + Shift + N新建一层,取名Flower1,用勾画工具(Polygonal Lasso Tool),勾画出一个花瓣的外形,如图1所示。然后将前景色设为粉红色(颜色代码为:FF99FF),按Edit / Fill 填充,然后在层面版的Flower1上按右键,选择Layer Style / Stroke ,如图2所示。在弹出的Stroke面板里的选择色彩的地方选择一个比刚才的粉红略深的颜色,(颜色代码为:C764B4),Size选择为1,这样花瓣就被描边,看上去更真实一些。这样一个花瓣就制作完成了。

6 次浏览
浅析DW4中的站点管理
浅析DW4中的站点管理

Check In/Out功能简介:该功能是专门针对多用户管理而预设的。矣即多用户使用多帐号管理同一站点。该功能的强大之处在于,当多人同时登陆站点进行同步更新时,对方用户所指定修改的内容将被锁定,其他用户不能更改这部分内容。同时,该功能配合Design Notes(设计笔记)的使用可给予其他用户以提醒,指明“某文件我正在使用或修改,请不要擅自改动”。可以说,当DW引入该功能于站点管理中后,使其功能得到很大的提升,不让Frontpage专美与前。简要说明:由于绝大多数网站所提供的远端站点管理都是以FTP功能为主,所以在本篇中就以FTP功能为例进行分析说明。逐步分析:第一步:选择Site-Open Site打开一个站点。然后在Site选项中双击,DW会自动弹出Site Definition for(站点名称)-站点定义对话框。选择第二项Remote Info-远端信息,在Access-数据列表中有4个附属选项,选择第二项FTP,打开FTP远程管理设置面板进行设置。看下图及注解:图1 注解:首先来看上半部分。其中FTP Host即FTP登陆地址;Host Directory即远程文件夹。在这里你可以指定一个用来上载文件的目录。如果是直接上传到根目录下,敲入“/”即可;Login即用户名;PassWord即远程登陆密码;Use Passive FTP即使用被动的FTP功能;Use Firewall一项为使用防火墙。这一部分都是为远程登陆所做的一些必要设置。现在来看下半部分。本身Check In/Out是一个副选项,因为单人管理站点时是用不到该功能的。首先要勾选它,才可以看到下面的内容。其中Check Out Files when Opening即提示我们“在检查文件时打开”,这里的“打开”的内容就是指下面的Check Out Name(检验者名称)以及Email Address(检查者的邮件地址)。它的作用在于,当多位用户同时登陆远程站点进行管理时用来表明各自的身份。第二步:做完相关设置后,点下OK键返回到站点管理状态,让我们来观察一下,做完设置后站点管理器发生了什么变化。见下图及注解:

4 次浏览
利用Dreamweaver插件改变IE浏览器滚动条
利用Dreamweaver插件改变IE浏览器滚动条

做网页,常常觉得IE浏览器的滚动条与设计的网页不一致,就像好好的一锅汤,不小心掉了老鼠屎进去一样,严重影响了网页整体的美观。想尽办法去处理,却不尽人意,比如用弹出窗口,免不了造成浏览都点击放大按钮的麻烦,把滚动条去掉,可是它不适用于一屏显示不了的网页。  现在好了,这样的问题已经从一定的程度上得到了解决!让人讨厌的微软,做尽不少垄断事情的微软,还是从客户方向考虑增强软件的功能的,IE浏览器5.5以上版本已经允许人们设置样式表来改变滚动条的外观。来看看效果吧  现在我们一步步来看看是如何制造这种效果的吧:  原理之前已经说了,就是IE5.5以上版本内嵌了用样式表(Css)来控制它的游动条的功能,只要为网页添加CSS代码即可完成。有些人听到代码就头疼,大家放心,有人已经利用Dreamweaver的扩展接口做好了MXP插件,大家只要去有关网站即可下载安装。我们做的功夫只是选择颜色数值。  *&^%¥@#,哇,谁扔蕉皮?  *&^&$^%&%&$$#,哇,谁砸石头?  ...  好了好了,废话少说,只因公司要字数,只好...希望大家体谅体谅!不想看的可以直接去效果页面,直接copy源代码!  废话少说,现在让我来开门见山(嘻嘻,还开门见山!!),由安装开始。

3 次浏览
在IE中调用Dreamweaver编辑网页
在IE中调用Dreamweaver编辑网页

做网页常常避免不了预览,查看一下自己制作的网页元素位置有没有布置好,字体的大小有没有满意,图片是否正确显示等等等等。而Dreamweaver3.0预览时总会产生临时文件,临时文件也常常没有自动删除,给做网页的人带来不少的烦恼。(在Dreamweaver4.中这样的现象少很多了)因此笔者做网页极少用快捷键“F12”预览,而是装一个PWS(win98中)或者IIS(win200中),做个内部网来测试。而测试时切换窗口有时觉得比较麻烦,想起IE中带有一个直接调用网页编辑器选项的功能。IE中的编辑按钮(笔者的IE版本是6.0第二个测试版,所以是英语的):在默认情况下,dreamweaver没有自动加入“编辑”按钮选择菜单中。网络上早有报道说可以修改修改注册表来增加一个编辑按钮,但注册表事关整个系统的安全与稳定,一个不慎可能会导致大问题。在此笔者为大家介绍两个简单方便安全的方法,解决这个问题。方法一:打开任意一个文件目录,在菜单栏中选择:工具(tool)>>文件夹选项(Folder Options)(系统为WIN2000、IE6.0)。如下图:

4 次浏览
DreamWeaver表格妙用-线框制作详解5
DreamWeaver表格妙用-线框制作详解5

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”单位的效果   同样,类似的方法你可以制作出竖放的隔距边框。   上面我们细致的剖析了几种网页中常见边框类型的制作过程,原理及调整方法。效果对比的形式相信更加有利于大家认识它们各自的差别,从而加深印象,当然更希望大家能够按照类似的设计思路找到更多的边框效果。

2 次浏览
DreamWeaver表格妙用-线框制作详解4
DreamWeaver表格妙用-线框制作详解4

3> “粗”线边框的制作   有了上面介绍细线边框的制作基础,相信大家理解粗线边框就简单多了。粗线边框就是一种边框特别粗的效果,他往往配合其他网页元素来完成指定效果的。   在细线边框制作中,我们提到单纯将“Border”设定为1达不到“细化”要求,那么粗度应该没有问题了吧,很好,因此粗线边框的制作就有了两种方法。 方法一:利用Border来实现   选中已经插入的表格,在属性板中将“Border”值设定为“8”(可为需要宽度的任意值),同时特别注意要把“CellSpace”重置为“0”,最后通过“Brdr color”设定边框的颜色,这里仍以红色为例,如图 预览效果如图: 方法二:通过CellSpace的差距来实现   关于利用CellSpace实现的过程这里就不在赘述了,只要将细线边框制作时的“CellSpace”也设定为“8”,就能达到与上面完全相同的效果啦。

2 次浏览
DreamWeaver表格妙用-线框制作详解2
DreamWeaver表格妙用-线框制作详解2

将Width的显示状态从“Percent”更改为代表实际大小的“Pixels”,这样避免在窗口放缩时引起的错乱,OK,同时在网页编辑窗口中用鼠标选定表格,属性板如下:   这是默认状态下的表格属性设置,将其中的“Border”,“CellPad”,“CellSpace”值全部设定为0。   鼠标在表格内部空点,这时属性板已经自动切换到单元格的属性设置窗口,将单元格的“Bg”设定为“红色”(为最终细线的颜色,可自由设置),同时把“H”设置为“1”,如图   单击编辑窗口左上的“Show code view”按钮进入源代码窗口,将代码<td></td>之间的“ ”去掉,现在可以看看效果了。   此外,你可以通过调整表格的“Width”值控制细线的长度。类似的方法,还可以制作出竖幅细线。

3 次浏览
共计26043条记录 上一页 1.. 811 812 813 814 815 816 817 ..2605 下一页