第2章 网页元素的应用.pptVIP

第2章 网页元素的应用 学习在网页中添加文本、图像、超级链接等元素 本章提纲 本章内容 2.1 网页文本的应用 2.2 网页图像和Flash对象 2.3 超级链接 2.4 网页多媒体 本章重点与难点 文本 图像 创建超级链接 2.1 网页文本的应用 文本的插入 设置文本属性 文本滚动特效 一、 文本的插入 1.插入普通文本 直接插入 复制粘贴 导入：文件|导入（一般不用） 文本的换行： Shift+Enter（HTML标记br） 文本的分段：按Enter键 2.插入特殊字符 方法1：在“插入工具栏”的“文本”选项卡中选择 方法2：单击“插入”|“HTML”|“特殊字符” 方法3：复制/粘贴 不换行空格:在文档中若要输入多个连续的空格效果,可单击”不换行空格”按钮或在全角输入法下连续按空格键 3.创建项目符号 二、设置文本属性 文本属性即文字的大小、字形、颜色、段落等格式 1.字体 设置字体：先添加字体才能选择字体 设置粗体/斜体 2.字体大小 3.字体颜色 4.段落 段落： 按Enter（HTML标记P……/P） 对齐方式 缩进与凸出 项目符号 5.文本的html标记 font有size、color、face属性 三、文本滚动特效 文本滚动即让文本在页面中上下或左右运动的效果 1.滚动标记码 marquee behavior=“滚动方式” direction=“滚动方向” width=“m” onmouseover=“this.stop()” onmouseout=“this.start()” loop=“n” scrollamount=“v” scrolldelay=“x” …… /marquee 2.说明 marquee……/marquee:文字滚动的标记 省略号处为滚动的文本 Behavior:文字滚动的方式值如下 Alternate:来回运动 Scroll:向一个方向运动 Slide：文字到字幕边框时停止运动 滚动字幕代码说明 Direction：滚动方向，值如下 Down:由上往下 Left:由右往左 Right:由左往右 Up:由下往上 width，height:文本运动范围的宽度与高度 Onmouseover：鼠标移到滚动文本的事件，this.stop() 停止 Onmouseout：鼠标移出滚动文本的事件，this.start()—开始 Loop：滚动次数，n——数字，-1表示无限次 Scrolldelay:滚动文本停留的时间,单位”毫秒”,x——数字 Scrollamount:运动速度，v——数字（0静止） 3.设置方法 滚动文本的设置 切换为代码视图 定位光标到滚动文本的第一个字符前 输入滚动标记代码 注意：滚动标记代码中的一些属性可以根据需要选择使用，不一定全部输入。 2.2 网页图像 一、图像文件的类型 二、图像的插入 三、设置图象属性 方法： 1.选中图像 2.在属性面板中设置各属性 属性面板中的属性 四、图像的标签 1.Bgcolor——背景颜色 如：body bgcolor=“#ffccff” 2.background——背景图像 如：body background=“images/bg1.jpg” 3.img——在页面中插入图像 如：img src=images/tuxiang1.gif” width=“480” height=“200” 一、网页中图像文件的类型 1．GIF格式 采用无损压缩，图像不失真 体积（文件容量）小 ，下载速度快, 最多可用256色 适合制作徽标、图标、按钮和其他颜色风格比较单一的图片 支持动态图 2．JPEG格式 采用有损压缩，相当于GIF文件的1/4大 适合制作照片 可用上百万种颜色 压缩比例可调整 不支持隔行、透明显示和动态图 3．PNG格式 有两种类型：PNG-8和PNG-24 支持Alpha通道，透明度可任意更改,可呈现半透明效果 PNG-8有256色，PNG-24有1600万种颜色 浏览器版本要求高,不支持动画 二、图像的插入 1.网页普通图像 新建一HTML文档，定位光标到插入点 打开“选择图像源”对话框 菜单命令：“插入”|“图像”命令 单击图像按钮 选择图像的路径名，单击“确定”按钮 在询问“是否”将图片复制到当前站点文件夹中时单击“是”按钮（当图像不在站点中时） 2. 插入背景图像 定位光标在页面的空白处 单击：“属性面板”的“页面属性”按钮 设置背景图像的颜色 3.鼠标经过图像 (1)特点:当浏者将鼠标移动到某图象上时,图象变为另一幅,鼠标移开时恢复原状 (2)插入鼠标经过图像的步骤 准备两个图象 打开插入鼠标经过图象对话框 菜单法:“插入”|“图