实践教学课件04

商务网站建设与管理实验指导 商务教研室 徐：网站滚动信息的设计与制作 实验四：
实验步骤
3、使用Dreamwerver8.0制作滚动信息。 、使用 制作滚动信息。 制作滚动信息 1）选中代码文档中需要添加滚动信息的地方。 ）选中代码文档中需要添加滚动信息的地方。 2）插入 标签 标签—HTML标签 页元素 选中 标签—页元素 选中marquee标签 ）插入—标签 标签 页元素—选中 标签
商务网站建设与管理实验指导
商务教研室
徐建华
2008年 2008年3月
实验四：网站滚动信息的设计与制作 实验四： 实验步骤
3）打开marquee标签属性面板，编辑所需参数。 ）打开 标签属性面板， 标签属性面板 编辑所需参数。
4）保存后按F12测试显示效果。 ）保存后按 测试显示效果。 测试显示效果
商务网站建设与管理实验指导 商务教研室 徐建华 2008年 2008年3月
实验四：网站滚动信息的设计与制作 实验四：
分析与思考
1）滚动信息的作用是什么？一般用于网站的哪些业务 ）滚动信息的作用是什么？ 单元？ 单元？ 2）使用 设计比较使用HTML设计有哪 ）使用Dreamwerver8.0设计比较使用 设计比较使用 设计有哪 些优点？ 些优点？
商务网站建设与管理实验指导
商务教研室
徐建华
2008年 2008年3月
实验四：网站滚动信息的设计与制作 实验四：
实验步骤
1、在互联网上找出3个使用了滚动信息技术的商务网站，并简单分 、在互联网上找出 个使用了滚动信息技术的商务网站 个使用了滚动信息技术的商务网站， 析其作用。 析其作用。 2、使用 制作计数器。 、使用HTML制作计数器。 制作计数器 1）使用 标签来显示一个滚动的选取框， ）使用<Marquee>…</Marquee>标签来显示一个滚动的选取框， 标签来显示一个滚动的选取框 文本可以实现动态滚动的效果。 文本可以实现动态滚动的效果。 <Marquee>…</Marquee>有多个具体属性来对滚动效果进行设置 有多个具体属性来对滚动效果进行设置 Align：文本和背景的对齐方式。如：align=left ：文本和背景的对齐方式。 Behavior：运动方式。如：behavior = scoll ：运动方式。 bgcolor ：背景颜色。如bgcolor = "#cccccc"。 背景颜色。 。 direction：滚动方向。如direction = left。 ：滚动方向。 。
商务网站建设与管理实验指导
商务教研室
徐建华
2008年 2008年3月
商务网站建设与管理实验指导 商务教研室 徐建华 2008年 2008年3月
实验四：网站滚动信息的设计与制作 实验四： 实验步骤
height、hspace：背景的高度和在页面所处的位置。如：height = 、 ：背景的高度和在页面所处的位置。 hspace = 50。 。 loop：循环次数。如loop = infinite，表示无限循环。 ：循环次数。 ，表示无限循环。 scrollamount：每次移动的距离。Scolldelay：移动速度。 ：每次移动的距离。 ：移动速度。 如：scrollamount = 10 scolldelay = 50 vspace：背景在页面上下的位置；width：背景的宽度。 ：背景在页面上下的位置； ：背景的宽度。 如：vspace = 50 width = 500。 。 3）代码示例： ）代码示例： <marquee align=left behavior = scoll bgcolor = "#bbbbbb" direction = left height = 20 hspace = 50 loop = infinite scrollamount = 10 scolldelay = 50 vspace = 50 width = 500 > HELLO BOY！</marquee> ！ 4）保存后按 测试显示效果。 ）保存后按F12测试显示效果。 测试显示效果
商务教研室
徐建华
2008年 2008年3月
实验四：网站滚动信息的设计与制作 实验四：
实验内容
1、了解滚动信息的作用，以及在商务网站中的具体应 、了解滚动信息的作用， 用。 2、使用 制作滚动信息。 、使用HTML制作滚动信息。 制作滚动信息 3、使用 制作滚动信息。 、使用Dreamwerver8.0制作滚动信息。 制作滚动信息
实验四：网站滚动信息的设计与制作 实验四：
实验目的
通过该实验，使学生了解商务网站中滚动信息的作 通过该实验， 并掌握利用HTML和Dreamwerver8.0两种不同的技 用，并掌握利用 和 两种不同的技 术设计和制作网站滚动信息的方法和步骤。 术设计和制作网站滚动信息的方法和步骤。
商务网站建设与管理实验指导