中职高教版《网页设计与制作》3.4.1 网页元素、超链接与表格课件

网页元素、超链接与表格 课前导入 文本、图片、视频、超链接、表单等 网页可以包括哪些元素？ 网页文本是网页的基本组成元素之一，是用户浏览网页时直观获取信息的最直接手段。 网页元素——网页文本 网页文本编辑：文本的添加、删除和替换等，文字属性设置，如文字的字体、大小、颜色等设置。 3 网页图像在传达信息的同时，也美化了网页，使网页内容更加丰富多彩，展现形式更加多样。 网页元素——网页图像 网页设计时使用的图像，常采用压缩类图像文件。常用的图像格式有JPG，GIF，PNG等。 图像编辑：图像大小、边距、对齐方式等，在图像的“属性”面板调整。 4 除文字和图像外，网页中还可以插入各种多媒体对象，如声音、动画、视频等，从而创建更加生动的网页。 其他网页元素 5 超链接：是指通过文本、图像或热点区域等元素从一个网页指向一个目标的链接关系。 网页元素——超链接 目标：可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图像、一个电子邮件地址、一个文件，甚至是一个应用程序。 6 超链接分类：按路径的不同，可以分为3种类型：内部链接、锚记链接和外部链接。 网页元素——超链接 内部链接：在自己的网站中，网页之间相互跳转。 锚记链接：跳转到当前网页指定的位置 外部链接：从自己的网站跳转到别人的网站 7 按照使用对象分类：文本链接、图像链接、E-mail链接、锚记链接、空链接、脚本链接和热点链接等。 网页元素——超链接 文本链接：指通过单击文本实现的链接。 图像链接：指通过单击图像实现的链接。 E-mail链接：也叫电子邮件链接，用户在浏览网页时，单击此链接，会弹出邮件应用程序插件。 锚记链接：也叫书签链接，是页面中某些特定的对象链接到站点文档中的特定位置，一般用在单个篇幅较长的网页，便于用户查看，属于本页链接。 空链接：指的是一个无指向的链接。 脚本链接：是执行JavaScript代码或调用JavaScript函数实现的链接。 热点链接：也叫图像映射，属于另一种形式的图像链接，是一个能对链接指示做出反应的图形，单击该图形的已定义区域，可跳转到与该区域相链接的目标 8 表格主要应用于两个方面： 一方面，作为数据的列表进行显示，直观地表示出数据的组织结构； 另一方面，表格可以控制各元素在网页中的定位，组织网页布局，表格可以方便地设定宽度、高度、彼此之间的比例大小等，从而实现网页布局的划分。 网页元素——表格 横向称为行， 纵向称为列； 行列交叉部分就称为单元格； 单元格中的内容和边框之间的距离称为边距(别名：填充)； 单元格和单元格之间的距离称为间距； 整张表格的边缘叫作边框。 9 $