网站框架的分割技巧

我们要制作一个网站,首先,看看框架的边界在哪里,选择View/Frame Borders,此操作能给代表框架外边界的Dreamweaver编辑窗口内侧再加上一条边界。由于还没有定义框架,这条边界包围整个页面。然后,把鼠标放在左侧或右侧的框架边界上。当然,如果创建水平的框架,就应该用顶端或下端的边界。按住ALT键,把边角线拖到新框架所需的分割线的位置上。

Dreamweaver为了方便用户的操作,在对象面板中加入了框架对象,这样用户就可以直接插入已经定义好的框架集,而不用手工插入了。每一个预置的框架集都有一个缩略图,可以方便地查看预置框架集的结构,每一个框架集缩略图上都有一个淡蓝色的区域,它表示当前的页面或者框架。而其余白色的区域则表示新生成的框架。

网站链接结构设计

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象地说,每个页面都是一个固定点,链接则是在两个固定点之间的连线。 一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。一般,建立网站的链接结构有两种基本方式:

1、树状链接结构(一对一)。类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。立体结构看起来就像蒲公英。这样的链接结构浏览时,一级级进入,一级级退出。它的优点是条理清晰,访问者明确知道自己在什么位置。缺点是浏览效率低,从一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。

刚学FrontPage XP中的一点小技巧

前几天没事儿,特闲就在家无聊,就在网上看了看FrontPage XP的一些教程,刚学会了用FrontPage XP做网页,心理特别开心,就很想把我在制作主页的过程和经验跟大家交流交流、切磋切磋,那就让我们一起来看看吧!
 
1、首先给大家说的是样式,我们以前说的样式就会很头大,我记得以前我没有很会用FrontPage XP的时候一个简单的样式,要写一堆的代码,而且非常的麻烦,一不小心就会从出错,而在我们使用的FrontPage XP中不用像以前一样写那么多的代码,也能够做出很棒的样式哦!马上见分晓吧。

如何注意一些设计细节

我们做网页设计的都会想一个网页页面做出来后,怎么样才能如何提高关键字排名,怎么样才能会有流量。虽然这个是我们设计好以后的后续工作,也许不需要我们去实现,但是在我们的设计中怎么样设置一些提高搜索的关键词就是和我们相关了,所以从开始设计到最后结尾我们都要注意一些细节问题。那今天我们就来说说设计中怎么样才能设置关键字才能提高我们的网页搜索量。

1、我们设计网页的时候在做关键字优化之前先要选择关键字这个是第一点,假如我们在选择关键字的时候做的不好的话,即使你其他的设计都很棒,我们的网页的关键字排名不上去也是徒劳,我们在设定好内容的中心思想以后,然后用关键字工具找到自己合适我们网页主体的关键字。

教大家如何制作金属质感的大字体

天给大家说的是我们一般用在网页设计的标题设计上的比较大鲜明有创意的图片字体素材,这样的素材很适合用在比较有质感的设计当中,整体表现的比较时尚鲜明,光彩效果明显。那我们就开始吧!!

1、首先我们打开PS,接着新建一个图层,大小设置按照我们的要求设置就行了,然后给我们的背景填充较暗的颜色(我用的是#332222,按照个人喜好)。我们把白色作为前景色,输入文字“网页设计”,按照我们要用的素材大小合适为宜,不能太大也不能太小,风格按照我们自己喜欢的字体和样式来写。

2、写好字体以后我们接下来就要为金属字制作一个反射的光彩效果,然后我们在新建一个新图层在给图层填充90%的灰色。然后我们给图片执行镜头光晕滤镜,在菜单:滤镜 > 渲染 > 镜头光。点击设置好以后我们的文字就会有金属字的质感了。

推荐几个网页设计不错的网站

对于web网页设计者来说,都有自己固定的查找资料地方,当然,许多网站都针对设计者的需要提供了一定的服务和信息,下面是我整理的几个我常用的网站,拿出来和大家分享一下。
 
1、Browser Sandbox
不用我说,相信大家都知道,浏览器的兼容性是Web网页设计人员工作中面临的最大的烦恼之一了。 虽说浏览器沙盒算是比较实用的软件,它可以让我们从任何网站跳转到Windows浏览器。但是它有一个最最致命的弱点,就是你必须使用Windows系统运行。还有就是这个应用程序无法在苹果机和GNU/Linux操作系统中操作。
相关网址:http://spoon.net/browsers
 
2、PHP表格
在网页设计布局中,Web表格算是其中比较重要的部分,但实际操作的时候,要创建web表格其实是非常耗时的一项工作。这个时候,下面这个网站就相当的实用了,不信?就来试试看。
相关网址:http://www.phpform.org.htaccess editor
 
3、Smush it
网站的设计布局,光靠文字是不行的,如果一个网站只有密密麻麻的文字,我估计是不会有多少用户愿意观赏的,图像在这个时候就起到相当大的作用,不过说实话,图像会占用大量的带宽。不错,PS可以解决这些问题,但是我相信没有多少人敢说自己对PS了如指掌吧?那么,你不妨试试smush.it。它是一个在线工具,可以适当调小图片的尺寸,但不会影响图片质量

谈谈Banner的设计

说到banner真的让我有点哭笑不得,对于专业的网页设计师来说,我们讲究的是协调匀称,突出显眼,最重要的是页面的美观和重点文字的突出。可是今天我却犯难了,话说今天来了一客户,好几天没接到生意老板非常高兴,很客气的接待着,但可哭了我们这些打工的,这客户完全的外行,只知道让我们把字做大些,要醒目,他的理解是:要醒目就要大!大才显眼!当然,在我们理解,就是要拜访得当!下面,我来说说常用的几种banner设计方法:

1.文字的排列设计
这样的设计更突出文字的重要性,而图片只是一种装饰,可将文字调成错落有致、大小不一,体现出重点内容,使其主题更为突出,有时为了取到相得益彰的效果,我们往往会将Banner内的文字与文章标题相同复制,搭配相关的图案以呈现出整体效果。

透明风格背景运用

 一直以来我都比较喜欢一种透明风格的网站设计。不知道是我个人爱好还是我觉得这种风格的设计,给我带来的清爽效果让我一直很舒适。今天我给大家介绍介绍我接触到的这种透明的设计风格的一些表现手法和我个人的一些小看法,希望能给很少运用这种设计风格的大家带来不一样的设计灵感
 
1、首先给大家介绍的是一种非常漂亮的抽象背景的运用,该种设计内容它是以光晕、烟雾效果的类型为主要的素材。这些素材图片我们一般是用在我们的背景上面。这种素材大多都是运用了很好的渐变手法,可以很好的和我们的网页整体融合,我们在后期运用代码的时候就方便很多啦。透明的内容区域,其实透明的效果不但给人高端、干净的感觉,还能让我们的背景图片能够凸显出来,减少一些其他的装饰的遮挡让原本漂亮的背景失去它的风采。这类的素材大家可以多多尝试。
 
2、在我们的版面背景基本设定好以后,在给我们的版面加上简洁的排版和一些主题的字体。我在设计的时候一般是不会用太多的字体,和其他的图片或素材来装饰整个版面的设计,这样的目的是突出吸引人的背景图片。让元素与元素之间有一些表现的空间,这样会让我们的网页看上去更有品味。

你爱美吗?进来看看吧

我们在设计网页的时候有时候找的人物素材不能让人如意,所以害的靠我们自己去处理,今天就给大家说说怎么给我们的人物素材磨皮,让图片看起来更加的美丽,让它我们的网页中表现的更出色,其实我们每个爱美的都可以学习学习这个方法。

1、首先先打开我们要磨皮的图片素材,按住alt键,双击图层,解锁,得到图层背景,我们在复制一下图层,就会有2个图层啦,然后给我们第二图层执行:滤镜>模糊>高斯模糊,设置的数值按照我们的图片的效果来决定。

2、给图片模糊以后就要给我们的的图片创建快照,我们用鼠标点击“历史记录”调板上的“创建新快照”按钮 ,按完以后在点住设置历史记录画笔的源,然后在“历史记录”调板上,将“设置历史记录画笔的源”放到刚刚我们使用过的快照图层上面。

随意拖动的图片

在某些电子商务网站上,经常会见到把商品用鼠标直接拖拽到购物车中的情形。在某些在线游戏网站,偶尔还会玩一些拼图游戏等。这些效果可以
用Dreamweaver实现。这些使用鼠标拖拽对象的行为在Dreamweaver中就称之为Drag Layer。使用这个动作的时候,可以规定浏览者用鼠标拖拽对象的方向,浏览者要将对象拖动到的那个目标,并且,如果这个对象处于目标周围一定的坐标范围内,还可以自动地依附到目标上。更神奇的是,当对象到达目标时,可以规定将要发生的事情。下面讲解下使用Drag Layer动作的全过程。