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

最新发布

DreamWeaver表格妙用-线框制作详解1
DreamWeaver表格妙用-线框制作详解1

在DreamWeaver里,表格被更多的应用在布局网页,定位内容上。其实除了这些“大功能”的运用,通过各种变通的方法,表格还能实现很多在设计中一般难以达到的效果,下面将要给大家展示的“线框”制作就是一个很好的例子,当然它的巧妙运用还远不止此。   “线框”对象在网页中是经常见到的,比如一条细线,一个方框等等都在包含之列。在某些效果的协调制作中,“线框”的修饰是必不可少的。然而让我们很遗憾的是,许多主流网页设计工具中都没有提供比较直接简便的线框制作功能。在这种情况下,利用其他元素来间接实现就显得尤为重要了。 1> 跨幅细线的制作   首先,我想大家应该理解下这里“跨幅细线”的概念,而很重要的一点就体现在“细”上,这也是我们要通过表格来实现它的原因所在。 接触过网页设计的网友都知道,在HTML(超文本传输语言)中,有一个

2 次浏览
Dreamweaver行为全接触5
Dreamweaver行为全接触5

浏览器的格局现在是两分天下,一分是IE,另一分是NetScape,在国内Ie有绝对的占有率,在这种情况下我们设计的网页只要兼容它就行了,但NetScape在国外还是有很多人使用,毕竟她是浏览器的元老。我们可以使用DW提供的Check Browser(检查浏览器)行为来使我们的网站更具亲和力,根据客户端浏览器的不同来选择不同的页面,下面请我慢慢道来。 一,认识Check Browser编辑窗口   初看这个编辑窗口还有点害怕,有好多选项,搞清楚这个动作的机制就不必害怕了,这个动作是由一组复杂的条件语句完成的,根据判断的结果做出选择,在三个网页当中选其一。这个行为可以明确判断两种浏览器:Netscape 和Ie,不是这两种浏览器一概做Other Browser 处理。判断每一种浏览器都会有三种选项,Go to URL(打开一指定文件),Go to Alt URL(打开另一指定页面),Stay on this page(停留在该页面)。URL和Alt URL是定义Go to URL 和Go to Alt URL所指向的页面。 二.Check Browser(检查浏览器)的常见应用   在启用Check Browser时,你最少要准备两个页面,一个是在IE下能正常浏览的页面,一个是在Netscape下正常浏览的。如果想充分发挥这个行为的功能,那就得准备三个页面,当网页检测到客户端浏览器类型不是IE和Netscape时启用第三个页面。如何填那些选项,在此没有必要讲的太详细,因为他的灵活性很大,但有必要把这个行为的工作流程讲详细一点,按上图的选项我讲一遍,首先网页判断浏览器是不是Netscape4.0 or later,如果是的话就打开Go to URL指向的页面,如果不是(otherwise)Netscape4.0 or later而是它以前的版本,也打开Go to URL指定的页面;如果网页判断浏览器是Ie4.0 or later的话就停留在当前页面,如果版本比Ie4.0 or later还低,同样停留在当前页面;如果网页判断的浏览器是其它的(other browsers)时,打开Go to Alt URL指定的页面。

3 次浏览
Dreamweaver 4 简明教程一、Dreamweaver 简介
Dreamweaver 4 简明教程一、Dreamweaver 简介

一、Dreamweaver 简介  Dreamweaver是Macromedia公司的出品的一款"所见即所得"的网页编辑工具。与 Frontpage不同,Deamweaver采用的是Mac机浮动面版的设计风格,对于初学者来说可能会感到不适应。但当你习惯了其操作方式后,就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。  Dreamweaver对于DHTML(动态网页)的支持特别好,可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver与Flash、Firework 并称为 Macromedia的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。因此,说Dreamweaver是高级网页制作的首选并不为过。

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

2> 细线边框的制作  细线边框是网页中定位区分内容常用的一种方法,配合特定图片的使用,往往能够达到不错的效果,那么如何制作细线边框呢?   大家都知道,所谓细线边框,大体外观上就是一个简单的1行1列表格,那么我们直接把表格对象的Border值设定为1不就可以了吗?请看下面的制作效果:   同样在网页中指定位置插入一个单行单列的表格,用鼠标单击表格外框的任何一个部位以选中它,在属性板中将“Border”值设定为1,也可以同时将另外的“CellPad”和“CellSpace”置零,如图: 预览状态下的不同效果图示: 从上面的图示中,不难看出简单的边框置1达不到效果,下面我们看下,如何通过对表格的“巧妙”设置来实现要求的细度。   同样在上面的表格中,将属性板中,“border”、“cellpad”设置为“0”,“cellspace”设置为“1”,注意“Cellspace”指的是单元格与单元格之间的距离大小。如图   将表格的“Bgcolor”设定为“红色”,同时将单元格的“Bgcolor”设定为同网页背景色-“白色”,预览效果如图:   为了便于大家理解,这里笔者再稍微解释下。其中我们将“CellSpace”设定为  1,在设定表格的背景颜色时,无疑已经包括了这一部分。而后面的单元格设定则恰好把它“甩”下了。这样就促成了显示上的效果,那么改变表格背景色也就是改变边框的颜色了。

4 次浏览
三步打造超炫Flash按钮
三步打造超炫Flash按钮

    对于一些网页制作初学者来讲,要想设计出好的Flash按钮(导航条)也并非是一件容易的事。现在好了,只要你拥有Flashation Menu Builder软件,一切繁琐和复杂地操作步骤都将不复存在,只要简简单单地三步就能完成Flash按钮的制作。你是不是也有些心动呢,那就跟我一起来体验一番吧。     第一步    启动软件后,点击界面上方的“Button style”按钮,在下面的按钮预览区中,软件给我们提供了Basic、Fun、Corporate、Glossy等7大类约100余种Flash按钮的模板,你只要用鼠标左键单击选择一种按钮即可(如图)。

2 次浏览
如何制作会移动的广告条
如何制作会移动的广告条

你上新浪网首页会看见它页面中有个飘来飘去的广告条,鼠标移上去,还会变成另外的宣传图片。这个广告条没有占用页面的空间,它独立在页面之上,的确是个发布广告条的好方法。那么,这个会移动的广告条到底是如何做成的呢?下面,请跟我一步步学做,看完教材,你也就会自己做了。   做这个广告条,要用到Macromedia DreamWeaver中的Layer(层)和Timeline(时间轴)功能,还得准备两张大小基本相同的广告图片。我们已最新版本DreamWeaver4.0为例,制作移动的广告条。如果还没有这个软件,请到www.4u2v.com寻找。一、用DreamWeaver打开任意一个网页,空白页也可。在菜单中选择“插入Insert”->“层Layer”,即看到网页中多了一个空白Layer1,你也可以为他命名。再将光标点到空白Layer1内,选择“插入Insert”->“图像Image”,插入你的广告条的第一个图片,调整层大小,使层尽可能与图片大小相近,并设置图片链接。然后把层移到动画的起始位置。 二、在菜单栏选择“修改Modify”->“时间轴Timeline”->“添加对象到时间轴Add object to Timeline”。点击后,弹出对话框,告诉你只有图象和层才能添加到时间轴。对话框按确定后,我们选中Layer(单击层标记或层边界,或用层面板选择一层,当一个层被选中时,层边界会显示出调整大小手柄,按住鼠标左键不放,拖进时间轴动画栏的第一频道,即面板上竖写1,2,3等等的“1”那行,时间轴里面马上增加了一个默认的15帧动画。如图1所示:  然后,单击动画栏最后关键帧标记,再选中页面中的层Layer1,将它拖动到动画的结束点,或者在“层的属性面板”改变层的“左L”属性大小来确定结束帧层的位置。此时,页面中显示了从动画起始位置到结束位置有一线条,这就是层的运动轨迹。要想让页面打开时候它就开始运动,就在“时间轴TimeLine”面板上的“自动播放Autoplay”前打勾,如图2所示:按在时间轴上中部的“->”箭头不放,就可以直接预览这直线动画了,或者按下F12键预览。  接下来,我们要进行一系列美化工作,因为这个简单的直线运动效果并不美观,而且广告图片也没有产生变化。三、改变时间栏的属性产生移动变化

2 次浏览
DREAMWEAVER 技巧(下)
DREAMWEAVER 技巧(下)

9)如何选择表格、层里面那些非常小的,比如 1X1px 的图片?在表格的单元格中点击,然后按下“ Shift ”键,用箭头键移动即可选择。也可先选定表格单元(按下 Ctrl 键,用鼠标点击相应单元)或者层,然后在“ HTML Source Inspector ”面板中选择高亮代码中的 < img src="..."> ,返回文档窗口,图片即被选择。10)怎样编辑一个框架系的名字(Title)?  按“ Ctrl+F10 ”打开“ Frames ”面板,点击最外面的框,按“ Ctrl+J ”(主选单 Modify|Page Properties )。11)如何改变“ behaviors”的缺省事件?  事件设定文件放在 Dreamweaver 安装目录下的“ \Configuration\Behaviors\Events\ ”文件夹,比如对于 4.0 以上版本浏览器,打开文件“ 4.0 and Later Browsers.htm ”。  < A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">  将“ onClick="*" ”中的“*”移到“ onMouseOver="" ”中,改为:< A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="*" onMouseUp="">  重新启动 Dreamweaver ,该类缺省事件即变为“ onMouseOver ”。其他类推。12)在打开一个页面时,同时打开一个小窗口,用 Dreamweaver 能够实现吗?

2 次浏览
在Ultraedit中用宏实现将选中的代码设置为注释
在Ultraedit中用宏实现将选中的代码设置为注释

最近因为机器问题,开始使用Ultraedit,以前用过几次,如今仔细玩味了一把,才发现这款编辑器真实太好用了,功能比较强大,确实是编码的利器,目前UE已经发布到V11,已经缺省支持C#语言的着色(这也是我选择UE的一个重要原因拉)。晚上在调试一个C#小程序的时候,发现UE有一个对于代码Debug来说不方面的地方,就是缺少对代码块或代码行注释的功能,尤其UE不是完备的开发IDE,缺少这样的功能真是让调试起来不怎么方便,让我不得不一行一行地手动在行首加"//",或对一些特定的代码块添加首尾的"/*"和"*/",不像在VB或VS.NET中直接选中想要变成注释的行,点一下工具栏上的按钮就OK,可惜啊。好在UE支持宏,于是K了一下UE宏的语法,小搞了一下,效果还不错,呵呵下面是对代码块设成注释的宏语句,使用前需要先选中希望注释的代码块,选中的首尾位置可以在首位行的任意位置,这里用的是"/*"和"*/",本来希望做成对每一行加"//",这样就像VS.NET了,可惜UE宏不支持变量,所以没想到实现的好办法。InsertModeColumnModeOffHexOffUnixReOffIfSelStartSelectKey ENDCut Key HOMEIfColNum 1Key ENDEndIf"/* "TimeDate""Key ENDPaste Key END""TimeDate" */"EndIf下面是对代码解除注释的宏代码,同样需要选中希望解除注释的代码块,选中的首尾位置可以在首位行的任意位置。InsertModeColumnModeOffHexOffUnixReOnIfSelCut "~@#"Paste DeleteLine"~@@#"TopFind "~@#"DeleteLineFind "~@@#"DeleteEndIf下面是对单行代码加"//"注释的宏代码,这个就简单多了 :-)InsertModeColumnModeOffHexOffUnixReOff"~@#"Key HOMEIfColNum 1ElseKey HOMEEndIf"//"Find "~@#"Delete最后是解除行注释的宏代码:InsertModeColumnModeOffHexOffUnixReOff"~@#"Key HOMEIfCharIs "/"DeleteIfCharIs "/"DeleteElse"/"EndIfEndIfFind "~@#"Delete对行的注释和解除注释不需要选中行,只需要光标落在此行中即可。这里要提一下的是,本来对于行解除注释的宏想写成如下形式的:InsertModeColumnModeOffHexOffUnixReOff"~@#"Key HOMEIfCharIs "/"Key Right ArrowIfCharIs "/"Key Right ArrowDeleteToStartofLineEndIfEndIfFind "~@#"Delete这样可读性好些,实现逻辑也合理,让人Faint的是,我用的是UEV11的中文版,不支持Key Right Arrow,如果使用宏录制功能,得到的是Key 右箭头 →,但如果手动写Key 右箭头 →,系统就报错,说没有这个命令,真让人不得其解~~~这里由于存在一些逻辑,所以不能录制,只能手写。Reference:Ultraedit Offical Forum: http://www.ultraedit.com/index.php?name=Forums&file=index&c=1Ultraedit Help Document.http://manni-heumann.de/macro_ref_chm.zipP.S. 很久没搞到这么晚了,好在今晚宿舍没人,外面小雨还在下,天气也凉快了一些。

7 次浏览
用!important解决IE和Mozilla的布局差别
用!important解决IE和Mozilla的布局差别

在设计《网页设计师》页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下:IE中的效果Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的。我一直没有解决这个问题,直到我翻译 " 表格对决Css--一场生死之战 "时,作者的一个技巧提示帮我找到了解决的方法:用!important。!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ sRule!important },即写在定义的最后面,例如:box{color:red !important;}最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义,例如,我们定义这样一个样式:.colortest { border:20px solid #60A179 !important;border:20px solid #00F;padding: 30px;width : 300px;}在Mozilla中浏览时候,能够理解!important的优先级,因此显示#60A179的颜色:在IE中浏览时候,不能够理解!important的优先级,因此显示#00F的颜色:可以看到,利用!important,我们可以针对IE和非IE浏览器设置不同的样式,只要在非IE浏览器样式的后面加上!important。因此,上面提到的我的主页2px的显示差别也轻松解决: PADDING-TOP: 11px !important; PADDING-TOP: 9px;!important必定成为CSS布局的利器,请记住和掌握它吧:)

2 次浏览
Dreamweaver 数据库路径的使用
Dreamweaver 数据库路径的使用

一,不推荐使用Server.Mappath(相对文档路径地址的数据库文件)虽然具有平台移植性,但对于不同层次,不同深度下的引用该数据库的文件,将不能完整地保证数据库路径的正确性。举个例子:1,数据库文件cnbrUCe.mdb,所在文件夹database(可http访问)2,DW自动生成的连接数据库文件conn.asp,所在文件夹Connections3,如果在DW中测试连接路径成功,则必须输入地址为Server.Mappath("../database/cnbruce.mdb")但随后引用该数据库连接的文件必须保存在某文件夹中,该文件夹和database是同等的即:- database- cnbruce.mdb- Connections- conn.asp- 某文件夹- x1.asp这种结构才能使用正常。但这就必须要求站点中,所有引用了连接数据库文件的文件,必须存放在站点的一级目录下。显然这是不合理的,比如这样的结构。- x2.asp- database- cnbruce.mdb- Connections- conn.asp- 某文件夹- 某子文件夹- x3.asp则x2.asp和x3.asp均不能正常显示。原理分析:无论conn.asp放在哪里,无论conn.asp的内容如何,最后都是取决于引用了conn.asp的文件的文件位置和数据库的位置关系。具体解释: http://www.cnbruce.com/blog/showlog.asp?cat_id=26&log_id=423 解决办法:在conn.asp中进行判断当前路径,根据不同级别值给出不同链接路径……对于初学者来说,麻烦。第二种解决方法就是采用相对根目录法,但也是不推荐使用。二,不推荐使用Server.Mappath(相对根目录路径的数据库文件)使用这种方法,首先需要将IIS默认站点调整到当前DW站点所在文件夹(XP系统),或建立一个站点指向该文件夹(2K等系统)。反正一句话,就是当你输入 http://localhost/ 时,显示的内容已不是默认的IIS首页,而是你所设置的DW站点文件夹中的默认首页文档。那么在设置了该IIS站点之后1,数据库文件cnbruce.mdb,所在文件夹database(可http访问)2,DW自动生成的连接数据库文件conn.asp,所在文件夹Connections3,如果在DW中测试连接路径成功,则输入地址为Server.Mappath("/database/cnbruce.mdb")/database/cnbruce.mdb 该方法就是相对根目录,高屋建瓴式的进行数据库路径的获得,无论哪个层次的,哪个目录下的站点文档均能正常显示。但依然不推荐!原因如下:在本地你可以自行修改IIS的站点,当上传到服务器或虚拟主机时,麻烦就来了。1,如果你的虚拟主机服务商技术不过关,当在解析你网站根目录的时,不是指向到你的站点文件夹,而是指向服务器系统盘下的wwwroot文件夹。于是路径肯定错误。2,如果你需要上传的并不是你的站点根目录,很显然,路径也肯定会发生解析错误。所以,不推荐・!那么,该怎么办?三,推荐使用Server.Mappath(本地绝对物理路径的数据库文件)很简单,这个数据库在本地你总会知道它所在的位置吧。在DW中创建时就直接使用该绝对物理路径地址。OK,来上传了。当然不可能那么巧:上传到服务器上的数据库物理路径地址和本地数据库物理路径地址是一样的-__-!所以,现在只需要获得上传到服务器空间上的数据库文件,在服务器上是处于什么物理地址就行了。怎么获得?1,建立一个path.asp文件,内容很简单<%=server.mappath("cnbruce.mdb")%>2,该文件和数据库文件cnbruce.mdb,共一文件夹,捆绑式一同上传。3,在URL地址栏查看path.asp,得到cnbruce.mdb在服务器上的物理地址,拷贝该路径。4,将本地的conn.asp中的物理路径,替换后再上传。一切OK!特点:1,虽然平台移植不很强,但全面支持所有站点中文件连接,况且也就是本地和服务器间两者间的移植。2,防止%5c暴库间接获得数据库地址。3,现在越来越多的空间建议将数据库文件放放到非Web访问目录中(当然具体的路径获得又是另外一种方法了),这就必须要求用户使用物理路径了。所以,我的观点是:Dreamweaver MX 动态建站数据库路径的使用方法:本地使用物理地址,上传服务器依然使用物理地址。

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