网页设计师联盟

>>可以用鼠标拖动的滚动板今天我讲的是一个可以用鼠标到处拖动的滚动板。先看看例子，用鼠标拖拖看拖不拖的动，拖不动要跟我说一声：）这是本教程的最后一个例子，也可以说是压轴戏，我会讲得很详细，这个例子我花了一点时间想，为把它做好看一点，还加了一个图片背景。下面我就以这个例子的实..

DW的功能太强大了，光图层方面的特效就可以写不少的东西出来。幻灯片用Flash作非常Easy，效果也非常好，可是有的人不太喜欢它，其主要原因是它需插件的支持。用Java做，它影响网页的浏览速度，也不是太可取的方法。有没有折衷的方法？有，DW就可以实现，它实现的效果虽不及Flash，Java，但..

上次讲了基本Timeline的应用，这些时到一些网站总会看到一个移动的网易广告，那个效果就是用时间轴做的非常简单，如还有人不的会话，我建议他看看此教程的（三），好言归正传，今天我准备讲一个复杂的时间轴应用，说白了就是在图层移动的过程中加一些Behaviors事件，让你的动画更具特色。先看看效..

编者注：文章内容为汉化版本的Dreamweaver4.0，配图为英文版本的Dreamweaver4.0　　你上新浪网首页会看见它页面中有个飘来飘去的广告条，鼠标移上去，还会变成另外的宣传图片。这个广告条没有占用页面的空间，它独立在页面之上，的确是个发布广告条的好方法。那么，这个会移动的广告条到底是如何做..

在Dreamweaver中不能对一般的普通文字直接予特效，这可能是设计者当初没有想到这个问题。真的不能吗？当然可以，仅需你改一点代码，先看看效果。>>如何赋予文字图层特效1.先输入你要做特效的文字，为它做一个链接，随便是什么链接。2.建一个图层,设为(hidden)隐含,由于特效可以在链接上实现，..

上次说到点击按钮出现隐含图层，在今天开始学习之前，先说一点题外话。DW3对中文支持不好，他的链接不支持用中文命名的文件，这是其一。其二，它的Behaviors（行为）菜单中浏览器的选择很不方便，他默认的是3.0andLaterBrowsers，这样的话就有很多特效不能用，包括图层的一些特效。解决办法是点..

图层是在制作网页经常用到的技巧，有一些人使用图层紧紧停留在定位元素这一点上，其它一些比较经典的特效没有用，不能不说是一种遗憾。今天我把我所知的一些技巧都写出来供大家学习参考，这些技巧没有一个需要你写一行程序，仅需你频繁的点击鼠标。这些技巧从易到难，循序渐进。>>元素的定位这..

　　去过Microsoft的网站吗？(如图一)如果去过的话，那么你应该对这个站上面那条折叠式菜单的导航栏感到赞叹吧？（“嘿嘿，还是老盖强。”“啊，鸡蛋怎么会飞呀？！”）你想过你也能够做出这样的效果吗？来吧，不用羡慕了，心动不如行动！　　折叠式菜单实际上是通过层的显示和隐藏，来达到这种..

9）如何选择表格、层里面那些非常小的，比如1X1px的图片？ 　　在表格的单元格中点击，然后按下“Shift”键，用箭头键移动即可选择。 　　也可先选定表格单元（按下Ctrl键，用鼠标点击相应单元）或者层，然后在“HTMLSourceInspector”面板中选择高亮代码中的<imgsrc="..."&g..

　　层的使用　　如果你觉得用表格对页面元素进行定位太难掌握，不妨尝试利用层（Layer）这个好东西。点击属性面板的按钮，光标会成为一个十字，在编辑窗口上拖动，就可以创建出一个层，我们可以在层上输入绝大部分的网页元素，例如图片、文字等。层的好处是可以放置在页面的任何位置，如下图： ..

七、网页的排版　　表格的使用之二　　根据上面对表格和单元格的参数，我们可以做出以下的表格： 　　以上是一个3×2的表格，表格宽度为350个像素，每个单元格的宽度为33%，即占表格的三分之一，其中单元格1和单元格4已经合并；单元格边距、单元格间距、表格线宽度都为10；表格的底色为灰色，单元..

七、网页的排版　　表格的使用　　表格是网页的一个非常重要元素，因为HTML本身并没有提供更多的排版手段，我们往往就要借助表格实现网页的精细排版。可以说表格的是网页制作中最为重要的一个技巧，表格运用得好坏，直接反映了了网页设计师的水平。　　点击对象面板的，看到如下的对话框： 　..

六、建立超级链接　　超级链接（Link），简称链接，是页面与页面之间一个单向的关联关系。通过点击链接，我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。1、文字链接　　在页面中选取需要建立链接的文字，如下图： 　　在属性面板的Link一项，填写链接地址，当浏览者点击该..

　　样式表使文字更添风采　　上面讲到的，都是一些最基本的对文字的设置，如果想在文字上玩出更多的花样，就需要借助样式表的帮忙了。　　在编辑状态，按Shift+F11，可进入样式表对话框（CSSStyles）： 　　点击右下角的，新建一个样式： 　　如上图，在Name处为你的样式起一个名字，D..

　　文字的处理　　适当的图片，可以令网页生色不少，但也不要忘记，文字，才是一个网页最基本的要素。现在让我们回过头来看看Dreamweaver可以在文字上耍些什么花招。　　选取一段文字，此时的属性窗口显示如下： 　　1、Format：可以选择几种预设的文字格式；　　2、选择文字的字体，这里可以..

　　图片的处理　　假设现在我们插入的是如下这张图片： 　　点选该图片，打开属性面板（Ctrl+F3），可看到如下图的状态： 　　1、图片的缩略图及图片的大小。　　2、图片的长宽，如果图片长于宽跟原图的大小不一致的话，这里的数字会用粗体显示；点取一张图片，你可以看到图片会被套上一个..

五、让你的网页更漂亮　　用图片美化你的页面　　上面的网页实在也太单调了，当然无法让大家满意，现在我们来一步一步美化我们的页面。而最简单直接的方法是在网页上添加图片。而很大程度上，人们说一个网页漂亮，通常就是指网页上的图片漂亮。　　点击对象面板上的按钮，然后弹出对话框，选择需要插..

四、从最简单的网页开始　　新建页面　　一般推荐大家在站点窗口完成新建网页文件的操作，这样有助大家清楚新建的页面在整个网站的具体位置：　　方法一：选择菜单上的File>NewFile 　　方法二：在本地目录选中需要新建页面的目录，单击右键，选择NewFile 　　在DreamweaverU..

三、制作前的准备工作——定义网站　　在正式开始制作网页之前，最好先定义一个新网站，这是为了更好地利用站点窗口对站点文件进行管理。　　定义的方法　　方法一：在站点窗口的下拉菜单选择最后一项DefineSites，如下图。 　　此时会弹出一个新的对话框，点击New按钮是定义一个新网站，如果..

二、初步认识Dreamweaver　　Dreamweaver的启动　　Dreamweaver的安装过程非常简单，一但成功安装后，就可以在开始菜单找到Dreamweaver的选项：　　编辑窗口　　第一次启动Dreamweaver，首先看到的是Dreamweaver的编辑窗口，千万别给上面密密麻麻的浮动窗口吓倒，其实常用的，就以下几个：　　..