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

最新发布

Dreamweaver实用七小招
Dreamweaver实用七小招

一、从外部文档中粘贴时,如果只要文字而不想要其格式,可以使用“Edit→paste as text”命令,不要直接用Ctrl+V。二、当有浏览者使用Netscape浏览页面时,在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题,可以通过点击“Command→Add/Remove Netscape resize fix”来加以解决,它可以使在Netscape中浏览页面时,改变窗口大小的时候页面不会花掉。三、仅仅拷贝文字。当我们从Dreamweaver中拷贝文字到另一个应用程序的时候,HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl+C来拷贝, 如果在拷贝的时候多按一个“C”键则只拷贝选中的文字。四、在Dreamweaver中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了:先将“中文输入法”转换成全角状态,然后同时按下键盘上的Shift+Ctrl+space就可以插入一个空格(可以连续输入)。五、library组件和template模板不用上传服务器,就可以正确预览使用了该组件或模板的页面。六、不要在同一个页面同时使用表格和层来布置,在Netscape中会导致混乱,从属关系除外。七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档,可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页,选择文字或图像,然后从行为面板中选择“Go To URL”。你会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL

4 次浏览
Dreamweaver MX制作文字特效
Dreamweaver MX制作文字特效

我们常用的网页制作工具Dreamweaver MX不仅可以制作网页,而且利用其中的Css滤镜我们还可以对文字或图片进行简单的特效处理。下面我们就通过几个例子来看一看在Dreamweaver中是如何制作特效文字的。光晕字首先启动Dreamweaver,在新文档中插入一个1×1的表格,边框设置为0,然后在其中输入需要修饰的文字。单击右面的浮动面板中的“设计→CSS样式”打开这一浮动面板。面板右下角的四个按钮分别是:添加、新建、编辑以及删除CSS样式。注意:在Dreamweaver中,CSS滤镜只能作用于有区域限制的对象,如表格、单元格、图片等,而不能直接用于文字,所以我们要把所需要增加特效的文字事先放在表格中,然后对表格应用CSS样式,从而使文字产生特殊效果。(图1 新建CSS样式)单击新建CSS样式按钮,弹出如图1的对话框。“类型”项选择“创建自定义样式”,“定义在”选择“仅对该文档”,点确定后弹出CSS样式定义对话框(如图2),在类型面板中我们可以定义字体、字号、颜色等内容,本例中我们选择字体为隶书,大小50像素,颜色为白色。(图2 定义CSS样式)

7 次浏览
DW MX 2004 API帮助:Object篇
DW MX 2004 API帮助:Object篇

介绍:本文英文原版是Dreamweaver安装目录下help/dwextend.chm,由馒头(www.mantou001.com)翻译为中文,在翻译的过程中为了尽量符合我们中国人的口味,我首先考虑到语言的地道,尽量让读者忘记自己在阅读译文,其次是让读者能流畅的看懂,至于忠于原文放在第三位,为了照顾初学者,一些词语译者还加了注释,译文版权归馒头所有,转载请注明出处(www.mantou001.com).翻的不好,请多多指教。 插入对象是如何运作的? 当用户通过插入面板或通过菜单选定一个对象,这之后执行的过程如下:1.Dreamweaver调用canInsertObject()函数判断是否显示对话框。2.在对相对应的文件中搜索"form"(表单的意思,译者注)标记,如果存在"form"标记而且对话框显示的话,Dreamweaver调用windowDimensions()函数判断放置表单的对话框的大小,如果对应的文件中不存在"form"标记,Dreamweaver不显示对话框,跳过步骤2。3.如果第1步中Dreamweaver显示了对话框,用户输入该对象的参数(比如表格的行数,列数),点击确定。4.调用objectTag(),他返回的值被插入当前的位置之后(如果当前选定了文字,将不被替换)。5.如果Dreamweaver没找到objectTag()函数,用insertObject()函数代替。向插入面板中添加对象 每一个对象文件关联着一个18*18像素大小出现在插入面板上的的图像。如果你的图像大于18*18,Dreamweaver将自动转换成18*18,如果你没有图像将使用默认的图像。要点:虽然对象文件可以存放在单独的文件夹内,但是每个文件名必须是唯一的!因为某些函数不单单在指定文家夹内搜索.比如如果有两个文件叫button.htm,Dreamweaver不能区分。定义插入面板 插入面板的定义是通过Configurations/Objects/insertbar.xml这个文件进行的,这个文件中包含了每个对象的定义信息。用户第一次运行Dreamweaver时插入面板在编辑区上方,此后这个面板显示不显示和现实时的位置等信息将被保存到注册表中。下面就举例说明insertbar.xml文件的格式:<?xml version="1.0"?><insertbar> <category id="DW_Insertbar_Common" folder="Common"> <button id="DW_TagDialog"image="Objects/Common/tagDialog.gif"enabled="true"showIf="_VIEW_CODE"command="dw.getDocumentDOM().setView('code')"/> <separator showIf="_VIEW_CODE"/><button id="DW_BR"image="Objects/Common/BR.gif"enabled="true"file="Objects/Common/br.htm"/> ... </category></insertbar>

5 次浏览
DW MX 2004 代码编辑新功能
DW MX 2004 代码编辑新功能

Dreamweaver MX 2004中对源代码编辑的操作功能也有一定的改进,下面我们来看看这些新的改动。   一、右键菜单  在源代码区域如果选中一个范围,点击右键菜单看到新增了“Selection”功能,在这个功能下包括了转换大小写、转换标签等等功能,如图1。图1  二、Tag标签  在Tag标签的群组里,除了以前有的行为、Css面板以外还增加了CSS Relevant和CSS Rule面板,还有一个性质(Attributes)面板。如图2图2  在这个面板中就可以看到关于当前网页设定的一些源代码,如果网页是个动态网页,这里面的数据也是动态的。  三、标签选择器

1 次浏览
Dreamweaver MX 2004新功能
Dreamweaver MX 2004新功能

今天我们来一起看看Dreamweaver MX 2004在加密FTP 传送 方面的新功能。   我们一般在做FTP文件传送的时候,默认情况下传送过程是公开的,即我们FTP的用户名和密码都是可见的。这样在网络上传输缺乏安全性, Dreamweaver MX 2004 的FTP功能对此作了修改,增加了SFTP传送功能,即上传下载站点文件时可以有效保护FTP用户名、密码,保障网络传输的安全性。如图1图1  关于这项功能需要注意:在实践过程中,如果你的网站服务器没有开通“安全加密”的权限,你在Dreamweaver MX 2004 中又使用了这个功能,有可能无法正常登陆FTP。所以如果我们登陆一些免费的服务器,可以按照以前的方法使用Dreamweaver MX 2004版本中,新增了多浏览器检测页面运行错误的功能。我们设计的页面,在某一种浏览器效果下可能正常运行,在其它浏览器中可能会报错,有时候连文字链接、版式都不统一了。为了避免这样的情况发生,2004 版本增加了支持多款浏览器检测功能。  我们可以在 Dreamwaver 编辑界面的导航栏上看到新增的“ No Browser check Error ”这个按钮,如图2。 图2  编辑网页时,可以选择“Auto-check on open”一直运行自动错误检测命令,实现动态检测。在“Settings”中打开浏览器设置对话框,选择可以检测的浏览器工具和版本  今天我们来一起看看Dreamweaver MX 2004在加密FTP 传送 方面的新功能。

3 次浏览
DW MX 设计360度全景滚动效果图
DW MX 设计360度全景滚动效果图

网页上欣赏到360度的全景照片是一件很有趣的事,不要担心制作过程会很复杂,我们在这里介绍一种最简单的方法,同样可以达到效果,学起来很容易,只要会一点点html和Css的基本语法就足够了。 注意:这个效果只有用IE浏览器才能看到。下面我们来看看整个的制作过程:第一步:准备一张全景图片。您可以自己拍也可以从网上下载。当然如果您摄影技术足够高的话我还是建议你自己拍一张(题材如家庭居室的全景等),这样显得更加生动一些;如果你和我一样是个摄影菜鸟,那么还是在网上找一幅吧,如果也不是那么好找,我这里提供给你两幅照片:第三步:使全景图片移动要使图片移动的方法很多,如用Dreamweaver的层和时间线,用javascript,甚至可以用java applet,不过我们这里用简单的:marquee。我们先了解一下marquee的主要参数:bgcolor 背景颜色,可输入颜色的英文名称或者16进制代码等; direction=left|right|up|down 滚动方向(左|右|上|下) behavior=scroll|slide|alternate scroll表示由一端滚动到另一端;slide表示由一端快速滑动到另一端,不再重复; alternate表示在两端之间来回滚动; height=数值 滚动区域的高度; width=数值 滚动区域的宽度; scrollamount=数值 决定滚动的速度,数值越大滚动越快; Scrolldelay=数值 延迟时间,数值越大跳跃越明显; loop=数值 循环次数,不设置该值即表示无限循环。 注意,marquee不仅可以使文字滚动,也可以使图片滚动,只要在<marquee>和</marquee>间插入<img src=url>就可以了。下面我们就把全景图片插入到右侧的单元格中,代码如下:<td background="yl-020315-3d.jpg"><marquee behavior=scroll direction=left width=200 height=150 scrollamount=2 scrolldelay=0><img src="http://www.vipcn.com/InfoView/yl-020315-3d.jpg" width="800" height="150"></marquee></td> 然后我们对它添加一些行为:onClick="this.start()" 当鼠标点击时开始播放; onMouseOver="this.stop()" 当鼠标移入时停止播放; onMouseOut="this.start()" 当鼠标移出时继续播放。另外,我们还可以加上标题:style="title:标题内容";改变鼠标式样:style="cursor:hand"等,全部代码如下:<td background="yl-020315-3d.jpg" title="360全景图单击开始播放"><marquee style="cursor:hand" behavior=scroll direction=left width=200 height=150 scrollamount=2 scrolldelay=0 onClick='this.start()' onMouseOver='this.stop()' onMouseOut='this.start()'><img src="http://www.vipcn.com/InfoView/yl-020315-3d.jpg" width="800" height="150"></marquee></td> 如果你细心的话会发现图片滚动时头尾对接不上,解决的办法是在插入图片的地方重复多插几次图片,或者使用一点javascript语句让图片循环滚动。<script language=javascript> for(t=1;t<=1000;t++) document.write("<img src="http://www.vipcn.com/InfoView/3d.jpg" width=906 height=143>"</script> 第四步:制作滚动的文字说明制作滚动文字对大家来说是家常便饭,至于怎样把文字竖排也不难,只要加上如下样式:style="writing-mode:tb-rl"即可,其中tb表示top-bottom,rl表示right-left。代码如下: <td bgcolor="#333366" style="border-right:#333366 3 double"><marquee style="cursor:hand" behavior=scroll direction=right width=20 height=150 scrollamount=1 scrolldelay=0 onmouseover='this.stop()' onmouseout='this.start()'><font style="margin-top:20;writing-mode:tb-rl;font-size:9pt" face="楷体_GB2312" color="#ffffff">全景效果图<br> <br>三百六十度<br> <br>全方位展示画面<br> <br>乐趣多多!<br> <br>xxxx制作</font></marquee></td>

2 次浏览
Macromedia Contribute视频教程
Macromedia Contribute视频教程

Contribute,一个不错的网站内容发布,站点管理工具.发布内容Contribute概述建立站点连接新建页面和插入图片编辑,保存,发布页面创建连接和区域锚点插入和编辑表格以及框架使用Contribute编辑图片,Word和Excel文档用邮件发送文档方案站点管理创建用户组和管理权限管理样式字体和编辑权限创建和分配站点连接钥匙与Dreamweaver MX的整合注:以上教程使用 QuickTime 播放器播放~蓝色:“我比较欣赏他的界面设计,对用户组和管理权限分配也觉得不错,还有和Dreamweaver 模板整合的功能。但太弱的编辑功能,只能说明其定位是办公室人员。另外缺少数据库支持,离线的编辑方式,链接制作的复杂性,都是不好的地方,我个人并不看好这样的内容系统。我想,其功能连我们内容管理系统的十分之一都不如。我曾经想过Dreamweaver 2004 能够根据数据库生成静态文件上传,这样避免大家每次重复的劳动,也可以解决没钱买支持数据库的空间,还有数据库安全的问题。结果变成这样的结果,有些失望。Adobe 的 Golive 具有部分类似的功能,不过那样的生成静态文件,实在是有些可笑了。有兴趣的朋友可以去装来看看。”

3 次浏览
DW MX 2004 的 CSS 新功能
DW MX 2004 的 CSS 新功能

如今网页的排版格式越来越复杂,很多效果需要通过Css来实现,Dreamweaver MX 2004在CSS功能设计上做了很大的改进。下面我们就来看看这些改进的地方。  一、属性面板的改进  Dreamweaver MX 2004在属性面板中增加了“Style”选项,我们在设计页面时所做的添加的字体、颜色、大小等样式,“Style”会将这些设计自动记忆生成“Style1”、“Style2”样式。在下次重复使用可以直接在“Style”中套用样式,如图1。有了这个功能,我们在做网页设计时可以大大提高工作效率。图1  如果套用的CSS样式不是文字,而是表格,同样可以在属性面板中设置CSS。在属性面板中都有一个类别(Class),在这里就可以设计表格的CSS 样式,如图2。图2二、页面的CSS属性   在Dreamweaver MX 2004的属性面板中可以看到一个“Pgae Properties”的选项,如图3。

2 次浏览
Dreamweaver MX 2004从零开始(2)
Dreamweaver MX 2004从零开始(2)

用表格定位网页  使用表格可以清晰地显示列表的数据,实际上表格的作用远远不止显示数据,它在网页定位上一直起着重要的作用,尤其是对于使用非IE浏览器的网友来说,使用表格定位的网页比使用图层定位的网页更具有优势。  一、创建表格  第一步:在Dreamweaver MX 2004中运行“Insert→Table”命令,弹出属性设置窗口,其中“Rows”和“Columns”分别对应着表格的行数和列数,“Table width”表示表格的宽度,而“Border thickness”则是边框的宽度,同时还可以设定表格的样式,根据自己的需要来设置表格的相应属性即可。  小提示:表格的宽度和高度可以通过浏览器窗口百分比或者使用绝对像素值来定义,比如设置宽度为窗口宽度的60%,那么当浏览器窗口大小变化的时候表格的宽度也随之变化;而如果设置宽度为400像素,那么无论浏览器窗口大小为多少,表格的宽度都不会变化。  第二步:点击窗口中的“OK”按钮之后即可在Dreamweaver MX 2004中新建一个表格,而且通过窗口下部的属性面板还可以对其进行诸如表格线条的颜色、表格的背景色、单元格的对齐方式等参数进行调整。  二、基本使用  在创建了上述的表格之后,我们就可以对它进行调整使用。比如我们需要制作图1所示的表格,就可以先插入一个四行三列的表格,然后对其进行下述操作。

1 次浏览
教菜鸟学 DWMX 2004 自定义站点
教菜鸟学 DWMX 2004 自定义站点

闲话少说,现在我们就开始利用Dreamweaver mx 2004 定义我们的站点了。下面我们打开【主菜单】――【站点】里面的站点管理新建一个站点好了现在出现了下一个界面、我们先讲解“基本定义站点模式”选择基本之后你会看到“你打算为您的站点起什么名字?”在里面输入你网站的名字。在点底下的按钮“下一个”。下面我们看到,设置服务器技术选项,有2个选项,第一个是“否,我不想使用服务器技术”第二个是“是,我想使用服务器技术”这个选项决定你是否使用数据库脚本语言。关于数据库方面的知识我们在后面一一解答,下面的例子先学习静态站点的定义。(说一句废话,我在刚刚学做网站的时候不知道什么是静态网站,什么是动态网站。所以先说明一下,也是为了初学者考虑。)――――――――――――――――――――――――――――――――――――⊙“静态”网站的致命弱点就是不易维护,为了不断更新网页内容,你必须不断地重复制作HTML文档,随着网站内容和信息量的日益扩增,你就会感到工作量大得出乎想象。 ――――――――――――――――――――――――――――――――――――⊙那么什么是动态网站呢?所谓“动态”,并不是指那几个放在网页上的GIF动态图片,在这里笔者为动态页面的概念制定了以下几条规则   1、“交互性”即网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发展的大事所趋。    2、“自动更新”即无须手动地更新HTML文档,便会自动生成新的页面,可以大大节省工作量。    3、“因时因人而变”,即当不同的时间、不同的人访问同一网址时会产生不同的页面,是不是很酷? ――――――――――――――――――――――――――――――――――――现在明白了吧!好了继续。我们下面的例是定义静态网站所以,我们选择“否,我不想使用服务器技术”之后点“下一个”之后看见 2个选项,第一个是编辑我的计算机上的本地副本,完成后再上传到服务器,我们选择这个选项,之后点右面的“小文件夹”找到你网站文件存储的位置,我的网站是放在了E:\myphp\中国视觉在线\里面,这个要看你的网站的要放在哪个位置了,所以就不在详细的讲解这个问题了 。好了已经设置好了,点底下的“选择” 之后点“下一个”按钮,你就会看见下面的选项。(你如何连接到远程服务器)因为我们一般都是在本地调试的所以我们选择“本地/网络”在本地网络的下面“你打算将您的文件存储在服务器上的什么文件夹”,这个还要您自己决定。之后点“下一个”会看到下面的选项,我们选择“否,不启动用存回和取出。在点下一个,呵呵成功了。好了下一章我们一起学习”高级定义站点,如果发现我写的教程有那些漏洞,请您及时通知我,我会很快的更改过来。

4 次浏览
共计26043条记录 上一页 1.. 824 825 826 827 828 829 830 ..2605 下一页