首页 1 人力资源管理1

1 人力资源管理1

举报
开通vip

1 人力资源管理1null第2章 网页元素的应用第2章 网页元素的应用学习在网页中添加文本、图像、超级链接等元素本章提纲本章提纲本章内容 2.1 网页文本的应用 2.2 网页图像和Flash对象 2.3 超级链接 2.4 网页多媒体 本章重点与难点 文本 图像 创建超级链接2.1 网页文本的应用2.1 网页文本的应用文本的插入 设置文本属性 文本滚动特效 一、 文本的插入一、 文本的插入1.插入普通文本 直接插入 复制粘贴 导入:文件|导入(一般不用) 文本的换行: Shift+Enter(HTML标记) 文本的分段:按E...

1 人力资源管理1
null第2章 网页元素的应用第2章 网页元素的应用学习在网页中添加文本、图像、超级链接等元素本章提纲本章提纲本章内容 2.1 网页文本的应用 2.2 网页图像和Flash对象 2.3 超级链接 2.4 网页多媒体 本章重点与难点 文本 图像 创建超级链接2.1 网页文本的应用2.1 网页文本的应用文本的插入 设置文本属性 文本滚动特效 一、 文本的插入一、 文本的插入1.插入普通文本 直接插入 复制粘贴 导入:文件|导入(一般不用) 文本的换行: Shift+Enter(HTML标记
) 文本的分段:按Enter键 2.插入特殊字符 方法1:在“插入工具栏”的“文本”选项卡中选择 方法2:单击“插入”|“HTML”|“特殊字符” 方法3:复制/粘贴 不换行空格:在文档中若要输入多个连续的空格效果,可单击”不换行空格”按钮或在全角输入法下连续按空格键 3.创建项目符号 二、设置文本属性二、设置文本属性文本属性即文字的大小、字形、颜色、段落等格式 1.字体 设置字体:先添加字体才能选择字体 设置粗体/斜体 2.字体大小 3.字体颜色 4.段落 段落: 按Enter(HTML标记

……有size、color、face属性如: 郑州 升达 关于书的成语关于读书的排比句社区图书漂流公约怎么写关于读书的小报汉书pdf ”>经贸 三、文本滚动特效三、文本滚动特效文本滚动即让文本在页面中上下或左右运动的效果 1.滚动标记码 …… 2.说明 ……:文字滚动的标记 省略号处为滚动的文本 Behavior:文字滚动的方式值如下 Alternate:来回运动 Scroll:向一个方向运动 Slide:文字到字幕边框时停止运动滚动字幕代码说明滚动字幕代码说明Direction:滚动方向,值如下 Down:由上往下 Left:由右往左 Right:由左往右 Up:由下往上 width,height:文本运动范围的宽度与高度 Onmouseover:鼠标移到滚动文本的事件,this.stop() 停止 Onmouseout:鼠标移出滚动文本的事件,this.start()—开始 Loop:滚动次数,n——数字,-1 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 示无限次 Scrolldelay:滚动文本停留的时间,单位”毫秒”,x——数字 Scrollamount:运动速度,v——数字(0静止) 3.设置方法滚动文本的设置滚动文本的设置切换为代码视图 定位光标到滚动文本的第一个字符前 输入滚动标记代码 注意:滚动标记代码中的一些属性可以根据需要选择使用,不一定全部输入。2.2 网页图像2.2 网页图像一、图像文件的类型 二、图像的插入 三、设置图象属性 方法: 1.选中图像 2.在属性面板中设置各属性 属性面板中的属性 四、图像的标签 1.Bgcolor——背景颜色 如: 2.background——背景图像 如: 3.img——在页面中插入图像 如:10一、网页中图像文件的类型一、网页中图像文件的类型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.插入鼠标经过图像 3.鼠标经过图像3.鼠标经过图像(1)特点:当浏者将鼠标移动到某图象上时,图象变为另一幅,鼠标移开时恢复原状 (2)插入鼠标经过图像的步骤 准备两个图象 打开插入鼠标经过图象对话框 菜单法:“插入”|“图象对象”| “鼠标经过图像” 按钮法:“常用”选项卡中“图像”|“鼠标经过图像”按钮 在对话框中设置 原始和鼠标经过图像 预载鼠标经过图像:预先载入内存 替换文本:指向图象时的提示文字 按下时,前往的URL:设置超级连接的目标地址 预览三、图像属性三、图像属性图像:显示和修改图像的名称,脚本中引用图像用 宽与高:改变页面中图像的大小尺寸(外观上改变,存储空间并不会变小) 源文件:显示、选择图像文件的路径和文件名 链接:显示指定超链接的目的地址(路径名) 替换:浏览网页时当鼠标指向图片,打开一说明框 编辑:打开外部编辑软件编辑图像 垂直边距与水平边距:图像四周的空白 低解析度源:设置主图像下载前显示的图像 边框、文本对齐方式:图像边框的粗细,文本的左、中、右对齐 地图:显示创建热点的名称 热点工具:在图像上创建的热点(多个超级链接点) 对齐:图像在当前行与文本的对齐方式 目标:目标页面打开的窗口位置 类:CSS类图像的对齐方式图像的对齐方式【默认值】:使用浏览器的默认对齐方式。 【基线】:与默认值相同。 【顶端】:图像的顶端与文本或图像的顶端对齐。 【文本上方】:将文本行的最高字母和图像对齐。 【居中】:将文本行的基线和图像的中间对齐。 【绝对居中】:将图像的中间与文本行的中间对齐。 【底部】:将文本行的基线与图像的底部对齐。 【绝对底部】:将文本行中字母最底端的部位与图像对齐。 【左对齐】:将所选图像放置在页面左侧,文字在图像的右侧。 【右对齐】:将图像放置在右边,文本在对象的左侧。 提 示 :若要实现图文绕排,可选择【左对齐】或【右对齐】 实例:图片与文字的环绕2.3 超链接2.3 超链接一、 超链接概述 二、 创建超链接 三、 管理超链接一、 超链接概述一、 超链接概述1.超级链接 1)链接:就是由源端点指向目标端点的一种跳转 2)超级链接:是指站点内不同网页间、网页与文档间、站点与Web之间的链接关系。 3)超级链接的载体 2.路径超级链接的载体超级链接的载体超链接的载体即承载超链接的对象 1.链接的载体 文字、图片、图片热区、鼠标经过图像、导航条等 2.链接的目标端点 网页、图像、音乐、Flash动画、Word、Excel文档 2.路径2.路径绝对路径:提供完整的URL地址,链接到其他服务器的网页时采用。路径包括所使用的协议、文档所在文件夹的上级各文件夹、文档名称(链接其他服务器网页时采用) 如:http://www.ctipt.com.cn 相对路径:表述源端点到目标端点之间的相对位置,本地连接时常采用此种方法 源端点与目标端点在同一个目录下:文档名 如:flower.htm 目标文档在当前目录的子级目录中:目录名/文档名 ,如: 在首页中链接到mother.html family/mother.html 目标文档在当前目录之外的其他目录中: ../目录名/文档名、../../目录名/文档名,..表示当前路径的父级目录,如:在mother.html中链接到首页中共 ../index.html例假设在所建的站点结构中建立如下链接: 在myself/flash/play.html中创建指向family/mother.html的链接,路径为: ../../family/mother.html站点结构站点结构二、创建超链接二、创建超链接普通链接 热区链接 锚记链接 E-mail链接 空链接 下载链接普通链接普通链接1.选择链接载体:文本或图像 2.方法 在属性面板的文本框中输入路径或完整URL地址 单击“链接”文本框右侧的“浏览文件”按钮,然后选择链接目标文件 按住链接按钮并拖到文件面板中的目标文件上 热区链接热区链接1.热区链接:即在图片上定义一个形状,然后给这些区域各自添加对应的一个链接的超级链接方法。 2.方法 在网页中添加一幅图片 创建热区:选择热区工具的一种形状按钮,拖动鼠标绘制 选择热区:创建链接(方法同前)锚记链接锚记链接1.锚记:用来作为链接目标 2.锚记链接的创建 1)创建锚记 定位光标 打开命名锚记对话框 菜单法:“插入”中的“命名锚记”命令 按钮法:单击“插入面板”的“常用”选项卡的命名锚记按钮 在对话框中输入锚记名称,确定 2)创建链接 选择链接载体 在属性面板的链接文本框中输入#锚记名称 将“指向文件”图标拖至锚记(或Shift+拖动鼠标)E-mail链接E-mail链接1.E-mail链接 当浏览者单击该链接时,系统将自动启动计算机中的邮件发送程序(Outlook Express),并将链接设置的E-mail地址放在“收件人”一栏中 2.E-mail链接的创建 方法一:以文字作为链接载体 打开电子邮件链接对话框:插入|电子邮件链接或单击“电子邮件按钮” 在对话框中输入文本(如果选择了文本)就不再输入 在对话框中输入E-mail地址,确定 方法二:以文本、图片、鼠标经过对像、导航条等为链接载体 选择链接载体 在“属性”面板的“链接”文本框中输入“mailto:邮件地址”空链接空链接一、空链接 1.空链接的方法:选择对象,在“链接”文本框中输入# ; 2.空链接的作用:可以为空链接附加行为(播放声音、弹出信息、交换图片等),当激活链接载体时,将会按照预先设置的行为进行操作。下载链接下载链接选择超链接的载体 选择链接目标——为软件或文档 2.4 网页多媒体2.4 网页多媒体一、Flash动画 二、流媒体 三、插入动画元素一、Flash动画一、Flash动画1) 打开“选择文件”对话框: 方法1:单击“插入”|“媒体”|“Flash” 方法2:单击“常用”工具栏中的“媒体”按钮,选择“Flash” 2)选择电影(动画)文件 3)浏览 注意: Flash的文件格式:.fla、.swf、.swt、.exe 网页使用的Flash文件: .swf、 .swt的动画文件 二、流媒体二、流媒体1.流媒体是一种新的视频格式的媒体文档,其扩展名为flv 2.方法 1)选择“常用”选项卡中的“多媒体”下拉箭头 2)选择“Flash视频”选项 3)在对话框中设置参数 视频类型 外观 宽度/高度 自动播放/自动重新播放 消息三、创建动画元素三、创建动画元素1.flash文本 插入|媒体|Flash文本 输入文本 选择字体 设置大小、粗细、对齐方式 设置超级链接 设置背景色 输入保存文件名 2.Flash按钮2.Flash按钮2.Flash按钮插入|媒体|Flash按钮 选择样式 输入按钮文本 选择字体 设置字体大小 设置超级链接 设置背景色 保存作业作业1.静态网页与动态网页的区别 2.简要介绍3种网页制作软件 3.根据你所了解的,常见的网页布局有哪些(可以画出简图或叙述)

本文档为【1 人力资源管理1】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_792400
暂无简介~
格式:ppt
大小:485KB
软件:PowerPoint
页数:0
分类:管理学
上传时间:2011-01-16
浏览量:30