建站教程Dreamweaver架设高级篇之一

发布时间:2009-07-06 发布者:新锐传媒 查阅 [3007] 评论 [0]

      上篇是中级篇的最后一篇“建站教程Dreamweaver架设中级篇之三”,其中比较详细的讲解了建站教程里的控制状态栏信息、弹出信息、动态图片按钮、用框架布局页面这四个问题。今天在高级篇的第一篇中我们要讲解一些比较有技术含量的工作比如:创建CSS样式表这样的一些工作。下面我们就开始进入主题。
第一首先是跳转菜单 
  1、 点击主菜单中的插入/表单对象/跳转菜单,也可以用插入/表单,中的跳转菜单图标,来调出跳转菜单设置窗口。 
  2、 首先在“文本”一栏里输入“请选择相关网站”字样。然后点击窗口上的“+”号按钮。这时菜单里多了一个选项,这个选项没有链接,仅作为跳转菜单的说明文字。 
  3、 在文一栏里输入需要的网站,如“新浪”,然后在“选择时,前往URL”一栏里输入网站链接地址[url]http://www.sina.com.cn[/url],此时,菜单项一栏里又多了一个选项,这个选项对应一个网的链接地址。 
  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样式进行修改,可以点中它,然后点下面的编辑样式按钮。

      感谢您看完此篇文章如果这些能给您带来思考我将万分荣幸。新锐网络公司还给您提供网站建设网站优化网站设计等服务,如有需要请联系我们:0532-85631198 QQ:565388088

      免责声明 | 新锐观点 | 网站运营 | 网站推广 | 联系我们 | 网站地图