html基础三.ppt

HTML基础（三） 会移动的文字 多媒体页面示例 Dreamweaver 会移动的文字 基本语法： marquee ... /marquee marquee文字默认移动效果/marquee 方向控制 Direction属性，取值left, right, up, down marquee direction=left左移文字效果/marquee marquee direction=right右移文字效果/marquee 会移动的文字 运动方式控制 Behavior属性，取值scroll, slide, alternate 演示 marquee behavior=scroll循环滚动播放的文字/marquee marquee behavior=slide只移动一次的文字/marquee marquee behavior=alternate来会移动的文字/marquee Direction属性和behavior属性结合控制文字移动显示 marquee direction=right behavior=slide向右走一次的文字/marquee 会移动的文字 运动方向和运动范围结合控制文字移动 direction为up或down时，height属性设定上下移动的范围 Direction为left或right时，width属性设定水平移动的范围 marquee direction=left width=50% behavior=slide左向移动半幅窗口宽度一次marquee 控制循环次数 Loop属性 会移动的文字 控制文字移动速度 Scrollamount属性，属性值越大，移动速度越快。 控制文字走停间隔 Scrollamount属性和scrolldelay属性 Scrolldelay延时，单位：毫秒 marquee scrollamount=100 scrolldelay=500每次停歇500毫秒/marquee 会移动的文字 移动文字的背景颜色 Bgcolor属性 marquee bgcolor=“red”在红色背景下移动文字/marquee 与周围文字的空白空间大小 Vspace和hspace属性 北京市中国人民大学marquee bgcolor=“red” vspace=50 hspace=50 width=400中关村大街59号/marquee信息学院 多媒体页面示例 背景音乐 Bgsound标签 只要在/body前加入即可设置背景音乐。 bgsound src=/webclass/html/samp/sound.wav Loop属性设置播放次数 Dreamweaver网页制作 开始了解Dreamweaver的环境及基本操作 为后续内容打基础 内容 Dreamweaver 8的工作窗口 网页基本编辑操作 基于表格的布局 向网页插入内容 1 Dreamweaver 8的工作窗口（1/4） 1 Dreamweaver 8的工作窗口（2/4） 【文档】窗口 显示当前文档 【文档】工具档上的【代码】、【设计】和【拆分】按钮决定了显示方式 【文档】工具栏 【代码】按钮：主要用来书写网页脚本语言、网页标记、程序代码 【设计】按钮：主要用来制作静态网页，通过图形化操作完成 【拆分】按钮：把窗口拆分成“设计”与“代码”两部分 1 Dreamweaver 8的工作窗口（3/4） 【属性】检查器 用户可以检查和编辑当前选定页面元素的属性 【插入】工具栏 包含8个类别 用户在制作网页时，大部分的操作都可以通过该工具栏来实现 1 Dreamweaver 8的工作窗口（4/4） 【面板】组 包含多个面板，每个面板包含不同的选项，功能强大 标签选择器 用来选择网页标记 2 网页基本操作 新建网页 网页标题 设置其他页面属性 网页文字编辑 图像操作 超链接 表格 查看代码 2.1 新建网页 方法一 选择菜单：文件/新建 打开如图所示的对话框 选择“基本页”中的“HTML”选项，单击创建 2.1 新建网页 方法二 在“文件”面板的空白处，单击鼠标右键 在弹出菜单中选择“新建文件”，在“文件”面板的当前文件夹中新建一个名为untitled.html的网页文件 重命名该网页 2.1 新建网页 编辑 后续课程会详细讲述 保存 快捷键 Ctrl+S 预览 按 F12 在浏览器中预览当前网页 2.2 网页标题 2.3 设置其他页面属性 菜单：修改/页面属性 在网页中单击鼠标右键，在弹出菜单中选择“页面属性” 文本颜色 背景图象 背景颜色 边距 2.4 网页文字编辑 设置字体、大小、颜色、对齐 插入空格 在代码中写入 nbsp; 或 全角空格 段落 行回车：Shift+Enter Br 段落回车：Enter P 项目列表 2.4 网页