精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网页软件>Dreamweaver教程>正文

Dreamweaver架设网站终极教程


来源:网络整理 时间:07-10-01 点击: 点击这里收藏本文

  二十、跳转菜单

  1、 点击主菜单中的插入/表单对象/跳转菜单,也可以用插入/表单,中的跳转菜单图标,来调出跳转菜单设置窗口。
  2、 首先在“文本”一栏里输入“请选择相关网站”字样。然后点击窗口上的“+”号按钮。这时菜单里多了一个选项,这个选项没有链接,仅作为跳转菜单的说明文字。
  3、 在文一栏里输入需要的网站,如“新浪”,然后在“选择时,前往URL”一栏里输入网站链接地址http://www.sina.com.cn/,此时,菜单项一栏里又多了一个选项,这个选项对应一个网的链接地址。
  4、 使用同样方法,在菜单中添加其他一些选项及对应的链接。还可以用“上”“下”的按钮,来调整它们的顺序。
  5、 设置窗口的“菜单之后插入前往按钮”一项先不要选择。选中“更改URL后选择第一个项目”一项,这样当使用跳转菜单到某个页面后,如果返回到跳转菜单页面,此时页面中的跳转菜单默认显示的依旧是第1项内容。
  6、 设置完毕后点击“确定”即可。
  ****因为跳转菜单是一个表单,所以其实是先插入了表单(红色虚线区域),然后在表单中再插入了下拉菜单。
  7、 想修改选项,可以选中页面上的下拦菜单,此时点击属性面板中的“列表值”,即可修改各项内容了。

  8、 当选中跳转菜单时,行为窗口中也出现行为。双击该行为,也可以进入设置窗口,可以重新对其进行设置。
  9、 如果“菜单项”里的第一项就是链接,而不是上面所说的一句提示的话,那么就要选中“选项“中的“菜单之后插入前往按钮”。添加一个“前往”按钮。

  二十一、运用插件(Dreamweaver功能扩展)

  1、 首先下载好需要的插件,此处举例用的是Animate Browser Window。这是一个动态改变窗口的大小的插件。打开Dreamweaver Extension Manager,安装下载好的插件。
  2、 启动Dreamweaver,在做好的页面上,右击左下角〈body>,然后点击行为窗口中的“+”号按钮,在其中选择“Animate Browser Window”,然后在其中做相应的设置。这里设置窗口打开之前高宽均为0,打开后为填满屏幕。触发条件为onLoad。

  二十二、滚动字幕

  1、把光标插入点放在需要插入滚动字幕的地方。
  2、点击插入面板的“标签选择器 ”。
  3、选择 marquee标签,点击“插入”按钮。然后关闭“标签选择器 ”。
  4、转换到代码视图。把光标插入点放在 两个marquee标签之间。
  5、选择“窗口”/“标签检查器”。可以在“标签检查器”中设置标签的各种用法。
  6、点击behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式。其中三个选项意思分别是:Alternate:内容在相反两个方向滚来滚去。Scroll:内容向同一个方向滚动。Slide:内容接触到字幕边框就停止滚动。
  7、direction属性设置字幕内容的滚动方向。四个选项意思为:down:向下运动。Left:向左运动。Right:向右运动。Up:向上运动。
  8、scrollamount属性设置字幕滚动的速度。一般设为1。
  9、scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值应该尽量小。实例中设置为1毫秒。
  10、width属性设置滚动字幕的宽度。这个任意,比如设置为300。
  11、onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。这个两项不能选,只能手工输入。在onMouseOver后面输入“this.stop();” 在onMouseOut后面输入“this.start();”
  12、style属性设置字幕内容的样式。实例中设置字幕文字大小,也要手工输入“font:12px;”。
  13、loop属性设置字幕内容滚动次数,默认值为无限。“-1”也为无限。
  14、全部代码: 滚动字幕内容

  二十三、创建CSS样式表

  1、在网页上输入一些文字。
  2、打开“CSS样式”面板,也可以用“窗口/CSS样式”打开。
  3、面板下方有四个按钮,分别是附加样式、新建样式、编辑样式、删除样式。
  4、点击“新建样式”,打开对话框。输入名称,注意名称前有一个点号。如取名为.zi(中文名不行)。类型:创建自定义样式,定义在:仅对该文档。
  5、此时再打开一个对话框,在左边的分类里选择“类型”,然后在右面设置字体为宋体,大小为14像素,颜色任意。然后确定。
  6、选中页面上的文字,然后点击窗口里的样式.zi。此时这段文字就应用了CSS样式。
  7、如要对刚才定义的CSS样式进行修改,可以点中它,然后点下面的编辑样式按钮。

  二十四、创建动态链接样式表

  1、点击“新建CSS样式”对话框,在“定义在”一栏选择“仅对该文档”,在“类型”一栏里选择“使用CSS选择器”。
  2、当样式表类型选择“使用CSS选择器”时,下拉菜单的名字变成了“选择器”,表示输入内容为CSS选择符,单击下拉按钮,可以看到动态链接的4种状态。
  a:link——超级链接的正常状态; a:visited——访问过的超级链接状态。
  a:hover——光标移至超级链接上时的状态; a:active——选中超级链接的状态。
  3、 接下来对这几种状态分别设定,首先从下拉菜单中选择a:link,点击“确定”按钮后弹出样式表设置窗口,设定该样式无下划线,颜色为#FF6600(橙色)。
  4、 用同样方法设定a:visited,设定其为无下划线,颜色为#FFFF00(黄色)。
  5、 接下来设定a:hover,设定其为有划线,颜色为#FF6600(橙色)。
  6、 a:active不用设置,它会自动依照a:hover而定。
  7、 在网页上输入一句话,在属性面板中设定它的链接为“#”。即可。
  ****注意:必须按照这样a:link、 a:visited 、a:hover 、a:active的顺序来设置,否则不会出现预期的效果。

  如果我们需要一个页面上有两个或更多的链接效果,可以用以下方法:
  1、 点击新建样式按钮,样式类型选“使用CSS选择器”,在“选择器”一栏里,直接输入a.link2:link,接着设置a.link2:link为红色无下划线。
  2、 继续定义下面两个样式。名称都直接输入,分别设定它们为a.link2:visited,紫色无下划线。 a.link2:hover,蓝色有下划线。
  3、 此时在“CSS样式”选项下多了一个名称为link2的自定义样式。
  4、 在页面中输入一段话,为它添加一个#链接,选中这个链接,然后点击样式表窗口中的样式link2,将此样式应用在该链接上。
  5、 同样方法可以制作同一页面上的不同链接格式。
  ****为保持一种风格,同一页面上不宜建立过多的链接样式。

9 7 3 1 2 3 4 5 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.