第3单元 网页图文.pptVIP

第3章 网页图文 网页中文本、图像的应用 本章提纲 本章内容 3.1 网页文本的插入与编辑 3.2 网页图像编辑 3.3 用CSS样式设置文本格式 3.4 项目实训 本章重点与难点 文本 图像 文本格式的设置 3.1 网页文本的插入与编辑 　 3.1.1　文本的插入与编辑　　 3.1.2　列表设置 3.1.1 文本的插入 一、插入 1)方法 直接插入、复制粘贴 2）文本的换行： Shift+Enter（HTML标记br） 3）文本的分段：按Enter键 ，标记p…/p 2.插入特殊字符 方法1：在“插入窗口”的“文本”选项卡中选择“BR字符” 方法2：单击“插入”|“HTML”|“特殊字符” 3.页面中连续空格的输入 不换行空格:在文档中若要输入多个连续的空格效果,可单击”不换行空格”按钮； 在全角输入法下连续按空格键； 二、设置文本属性 Html标签下的设置 1.标题 标题1~标题6（从大到小） HTML标记为hn…/hn 2.字体 粗体 斜体 3.段落 段落： 按Enter（HTML标记P……/P） 缩进与凸出：整个段落缩进、退出 注意：字体与段落缩进与退出在“属性面板”中按相应的按钮 三、水平线和版权的插入 1.水平线的插入 水平线用来分隔网页标题和正文 定位光标，插入面板|HTML|—— 设置属性 2.插入版权 定位光标 输入 版权信息：Copyright?年月日公司名称All Rights Reserved …… 如:Copyright ?2009创意工作室 All Rights Reserved 京ICP 041501??客服电话：010 四、文本滚动特效 切换为代码视图 定位光标到滚动文本的第一个字符前 输入滚动标记代码 注意：滚动标记代码可以根据需要选择使用，不一定全部输入。 文本滚动标记代码 文本滚动即让文本在页面中上下或左右运动的效果 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.1.2　列表设置 网页中的列表即每个段落标题前的数码和符号 一、编号列表（标题前为数码编号） 文本按照一个标题一行为一个段落输入 选中文本 在属性面板中，单击编号列表 二、项目列表（标题前为符号） 文本按照一个标题一行为一个段落输入 选中文本 在属性面板中，单击项目列表 三、列表的更改 编号列表、项目列表默认格式是可以修改的，方法： 将光标放到有列表的行上 选择“格式”菜单下 “列表”中的“属性” 也可以单击“属性面板”中的“列表项目”按钮 选择“编号列表”|“项目列表” 选择相应的格式 3.2 网页图像编辑 3.2.1　图像的插入与编辑　　 一、图像文件的类型 二、图像的插入 三、图像属性 四、为图像添加替换文本 3.2.2　网页背景图的设置 一、网页中图像文件的类型 1．GIF格式 用于压缩具有单调颜色和清晰细节的图像（如线状图、徽标或带文字的插图）的标准格式 体积（文件容量）小 ，压缩比50%， 最多可用256色 分为静态和动态图两种 2．JPEG格式 采用有损压缩，可达到2:1甚至40:1 适合制作照片，可用上百万种颜色 不支持动态图 3．PNG格式 PNG，图像文件存储格式 支持Alpha通道，透明度可任意更改,可呈现半透明效果 PNG-8有256色，PNG-24有1600万种颜色 浏览器版本要求高,不支持动画 二、图像的插入 1.网页普通图像 新建或打开一HTML文档，定位光标到插入点 打开“选择图像源”对话框 菜