网页中使用的图片格式
1) 网页中常用的图片格式
使用图片的原则:在保证画质的前提下尽可能使图片的数据量小一些,这样有利用户快递的浏览我们的网页。
.GIF格式
特点:它的图片数据量小,可以带有动画信息,且可以透明背景显示,但最高只支持256种颜色。
用途:大量用于网站的图标logo,广告条及网页背景图像,但由于受到颜色的显示,不适合用于照片级的网页图像。
.JPEG格式
特点:可以高效地压缩图片的数据量。使图片文件变小的同时基本不丢失颜色画质。
用途:通常用于显示照片等颜色丰富的精美图像。
.PNG
特点:是一种逐步流行的网络图像格式,既融合了GIF能做成透明背景的特点,又具有JPEG处理精美图像的有点。
用途:常用于制作网页效果图。
步骤1:选择插入点
步骤2:插入---常用---图像
其格式为
5、编辑图像
裁切:
锐化:
对比度/亮度
重新采样:当图片的宽、高缩小后,重新生成更小的图片。
优化(为图片瘦身)
1)概念:是指在页面中先显示一张图像,当鼠标移动到该图像上时,图像切换成另一张图像。
2)步骤:
A、将光标放到要插入图像的地方。
B、单击菜单“插入记录”---“图像对象”---“鼠标经过图像”,打开“插入鼠标”
超级链接
1)了解超链接
所谓的超级链接是指从一个网页指向一个目标的链接关系,这个目标可以试另一个网页,也可以试相同网页上的不同位置,还可以试一个图片、一个电子邮件地址、一个文件,甚至是一个应用程序。
超链接的路径
(1) 绝对路径
绝对路径是指包括服务器规范在内的完整地址,包括三部分:协议种类、放有所需文件的计算机地址(计算机域名)、具体文件路径和文档目录相对路径
其格式为:协议//计算机域名/文件路径及文件名
http://www.ddssr.com/index.html
缺点:不利于测试和站点的移植,容易造成链接失败。
(2) 根目录相对路径
根目录相对路径是指从站点跟目录到被链接文档经过的路径,它用斜杠(/)告诉服务器从当前站点的根目录开始的。
如:/test/t1.html是文件t1.html的站点根目录相对路径,该文件位于站点根目录下的test文件夹下。
(3) 文档相对路径
文档相对路径是指以当前文档所在位置为起点到被链接文档经过的路径。
i. 如果要链接的文件与当前文档在同一个文件夹中,只需输入文件名;
ii. 如果链接的文件位于当前文档所在文件夹的子文件夹中,格式为:文件夹名/文件名
iii. 如果要链接的文件位于当前文档所在文件夹的父文件夹中,路径前加…/(其中“...”表示“文件夹分层结构中的上一级文件夹”)
创建超级链接
1) 到网站内页面的超链接一一内部链接(网站内部页面之间创建相互链接关系)
超链接是由锚点标签,定义,其格式为:
步骤1、选中页面中的文字或图像,在属性面板中单击“链接”文本框右侧的文件夹图标,以通过浏览选择一个文件。
步骤2、从“目标”下拉菜单中,选择文档的打开位置。
_blank:新打开的空窗口
_parent:如果是嵌套的框架,则在父框架中打开。
_self:会在当前网页所在的窗口或框架打开。(默认方式)
_new:会在同一个创建的窗口中打开。
_top:会在完整的浏览器窗口中打开。
2)到网站外页面的超级链接------外部链接(创建链接到绝对地址的外部链接)
步骤2、然后在“目标”下拉菜单中设置这个链接的目标窗口。
■内部链接:这种链接的目标点事同一个网站中的其他网页(文档),称为内部链接。
■外部链接:这种链接的目标点不同站点或本站点以外的网页(文档),称为外部链接。
注意:链接中使用完整的URL地址,如:http://www.ddssr.com http://是浏览网页协议
链接样式
链接颜色:指定应用于链接文字的颜色
已访问链接:指定链接被访问过的颜色
变换图像链接:指定当鼠标位于链接上时的颜色。
到网页某一特定位置的超链接------锚点链接。
■锚点链接:这种链接的目标端点是文档中的命名锚记,利用这种链接,可以跳转到当前文档中的某一指定位置上,也可以跳转到其他文档中的某一指定位置上。
步骤1、创建命名锚记,就是在网页中设置位置标记,并给该位置一个名称,以便引用。
步骤2、属性面板的链接栏中直接输入“#锚记”
注意:1)如果链接的目标锚点标记在当前页面即输入“#锚点名”
2) 如果链接的目标锚记标记在其他网页,即要输入目标网页的地址和名称,然后再输入“#锚点名”
其他一些链接
i. 电子邮件形式的超级链接------E-mail链接
■Email链接:单击这种链接,可以启动电子邮件程序书写邮件,并发送到指定的地址。
步骤1、选中文本和图像
步骤2、插入栏|常用|电子邮件链接|输入邮件地址。
或在属性面板的链接栏中直接输入“mailto邮件地址”
领取专属 10元无门槛券
私享最新 技术干货