插入基本网页元素

《插入基本网页元素》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第3章插入基本网页元素文字、图片、超链接、表格、动画、电影等是网页中的基本元素，使用Dreamweaver8可以方便地将这些元素插入到网页中。本章介绍的资源管理功能可以将所有的元素资源进行整合使用，大大提高了制作网页的效率，本章还介绍了网页页面属性的设置方法。第3章插入基本网页元素3.1插入文字3.2插入图像3.3插入表格3.4插入媒体元素3.5插入表单3.1插入文字文字是网页中最基本的元素，包括一般文字、类似版权标记一类的特殊字符、滚动文字等，文字的颜色、大小等可以随意设置，可根据需要将文字设为超链接文字。3.1插入文字3.1.1输入

2、文字1.插入文本2.插入特殊符号(1)换行符(2)不换行空格和其他符号(3)转义符3.1插入文字3.1.2设置文字属性1.设置方法2.改变文字大小3.改变文字颜色(1)16进制颜色代码(2)英文单词表示颜色3.1插入文字3.1.2设置文字属性4.改变字体5.使用样式设置文字格式6.把文字变为标题7.设置段落对齐方式8.列表3.1插入文字3.1.3插入滚动字幕在网页中插入滚动字幕会使得网页重点突出。1.插入滚动字幕2.设置滚动字幕的属性3.设置滚动字幕的动态效果3.1插入文字3.1.4设置文本超链接网页中需要用到大量的文本超链接,以便通过

3、单击这些文字可以实现不同网页间的跳转,或者完成发送电子邮件、文件下载等工作。1.使用属性面板设置超链接2.使用工具按钮3.1插入文字3.1.5使用锚记当一个网页内容很长时,使用锚记可以很方便地将窗口显示跳到所要查找的位置。1.设置锚记2.使用锚记3.2插入图像图像是网页中最重要的元素之一，用来展示照片、图画或者修饰页面使网页更美观。Dreamweaver8可以很方便地将图像插入网页并进行各种处理，也可以将图像作为超链接、背景图像，还可以用Fireworks配合对图像进行简单的处理。3.2插入图像3.2.1网页中的图像1.图像的作用网页中

4、的图像分为正文图像和装饰图像。正文图像一般是照片，尺寸较大，是网页内容的一部分。装饰图像用于提供网页的美化效果，如边框、艺术字、小点缀、作为页面或局部的背景等。3.2插入图像2．图像的格式Dreamweaver8和大多数浏览器一样支持使用JPEG和GIF图像。JPEG是真彩色图像，是存储照片或连续色调图像的较好格式，文件扩展名为.jpg。GIF一般只支持256色，是存储非连续色调图像或颜色比较单一的图像。GIF89A格式的GIF图像可以产生动画效果。GIF图像文件扩展名为.gif。3.2插入图像3．图像文件的保存网页中的图像不和网页保存

5、在一个文件中，而是单独的图像文件。在网页中要使用的图像文件必须保存在站点文件夹中。大多数网站会将图像文件保存在专门的文件夹中。常见的是将装饰文件保存在images文件夹中，将正文图像保存在pics文件夹中。3.2插入图像3.2.2插入图像1.插入图像2.设置图像的基本属性(1)改变图像大小(2)图文混排(3)垂直边距和水平边距(4)图像替代(5)图像边框3.2插入图像3.2.3图像超链接和图像地图1.图像超链接在编辑窗口中选中图片，在属性面板的链接栏中输入链接的目标，再在下面选择目标窗口，即可将图片设为超链接对象。2.图像地图图像地图可

6、以在图像上设置多个不同形状的可以链接到不同目标的区域，每一个区域成为一个热区。3.2插入图像3.2.4图像占位符和轮换图像1.图像占位符有时图像还没有准备好，为了网页版面设计需要，需要先给图像留个位置。此时就可以使用图像占位符暂时代替实际存在的图像。2.插入鼠标经过图像鼠标经过图像是指当光标指针经过一幅图像时，它的显示会变为另一幅图像。经常用于动态按钮和系统提示。3.3插入表格表格在网页中扮演了十分重要的角色，不但可以清晰展示有关联的数据、文字，更重要的是可以对网页进行版面控制。学习网络制作必须熟练掌握表格的操作。3.3插入表格3.3.

7、1表格的知识表格由数个行与列组成的，行、列交叉组成表格的单元格，可以在表格的单元格内插入各种信息，包括文本、数字、链接，甚至是图像。行：横向贯穿表格的单元格组成表格的行。列：纵向贯穿表格的单元格组成表格的列。表头：表格的第一行又称为表格的“表头”，一般用来标注表格的列。单元格：表格的行与列的交叉就形成了表格的单元格，这是填写表格内容的位置。边框：表格和单元格四周的边线。3.3插入表格3.3.2添加表格1.新建表格2.修改表格属性3.设置单元格属性3.3插入表格3.3.3编辑表格实际应用的表格往往是结构不规则的表格，需要将规范的单元格通过

8、单元格合并、拆分。【实例3.4】制作如图3.39所示的表格。3.3插入表格3.3.4格式化表格在要格式化的表格中单击，再使用菜单“命令”→“格式化表格”，打开格式化表格对话框，如图所示。3.3插入表格3.3