手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

网页制作教程《网页制作基础教程》

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!


  2、 点击“上―中―下”框架结构的图标,此时在页上插入上下两个框架,将整个页面分割成了3部分。我们分别在上面输入“上”,在中间输入“中”,在下面输入“下”。

  3、 先保存一下。点击菜单中的文档/保存全部。这时首先保存框架集文档,能够自己修改名字,如kuangjia.htm。然后将分别保存框架集中的其他页面。在保存对应的页面的时候,该部分会以虚线框起来,这样可将上面部分保存为shang.htm。下面部分保存为xia.htm。中间部分保存为zhong.htm。

  4、至此,我们保存了四个页面,分别是框架集,和组成框架集的上、中、下三个页面。所以,其实这个框架是由四个页面组成的,所以用框架会降低一点用户浏览的速度。

  5、点击窗口/其他/框架,打开框架的面板。在这里单击某个框架,即可选中该框架。当框架被选中时,编辑窗口中对应的框架出现虚线。

  6、 如:选中上面topframe,此时属性面板上显示的是上面这个框架的属性。同样选中中间框架和下面框架,也能够分别配置他们的属性。

  7、 在编辑窗口中,将鼠标放在两框架之间的边框上,光标将变成上下箭头形,此时点击边框,选中的是整个框架集。

  8、 此时属性面板上出现的是整个框架组的属性。能够在此配置框架集是否有边框、宽度及颜色等。但是最为重要的是能够在这里配置框架集中各个框架的大小。

  9、 在属性面板的右面的图示上选中上面框架,配置他的行为80像素,边框为0。

  10、选中下面框架,配置行高为30像素,边框为0。

  11、选中中间框架,配置行高为1,单位为相对。(相对的意思是:当前行相对于其他行所占的比例。设为1就是指占据除上和下以后的任何浏览窗口剩余空间。

  12、举例:将光标置于上面框架topFrame上,右键选页面属性,配置背景色为#FF6600。然后插入/表格,插入一个1行2列,边框边距都为0的表格。配置第1个单元格的宽度为116像素,然后插入一张图片。将第2个单元格配置为水平对齐方式为居中,垂直排列方式为底部,然后依次输入“狮子座”、“魔蝎座”、“双子座”字样。

  13、将光标置于中部框架mainFrame中,右键选页面属性,配置背景色为#FFFFCC。然后插入一张大图像。

  14、将光标置于下面框架bottomFrame中,右键选页面属性,配置一个背景图像。

  15、另外做好三个页面,作为“狮子座”、“魔蝎座”、“双子座”所要链接的页面。

  16、选中“狮子座”,在属性中为他配置好要链接的页面,然后在“目标”里选“mainframe”,即该内容在中间那个框架中显示。

  17、同样配置“魔蝎座”、“双子座”的链接。

  二十、跳转菜单

  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事件配置鼠标离开滚动字幕时的动作,常配置为开始滚动。这个两项不能选,只能手工输入。

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!