《网页设计与制作》第三章插入网页基本元素概要.ppt

第3章 插入网页基本元素 本章要点 插入文字 插入图像 插入表格 插入媒体元素 插入表单 插入文字 在Dreamweaver中为网页插入文本有两种方法： ? 直接输入文本 ? 从其他文档中复制文本 插入特殊符号 将插入工具切换到“文本”工具组； 使用菜单“插入”→“HTML” →“特殊字符”。 插入特殊符号 插入换行符 使用[Shift]+[Enter]组合键 插入特殊符号 插入空格 ctrl＋shift＋空格 插入特殊符号，不换行空格 插入转义符 设置文字属性 进行设置时使用组合键[Ctrl]+F3或菜单“窗口”“属性”打开属性面板。 设置字体大小 设置字体颜色 设置字体列表 【字体】【编辑字体列表】 单击＋ 在可用字体中选则，单击《按钮 使用样式设置文字格式 【样式】选择 重命名、再进行修改。 把文字变为标题 在属性面板的格式中选择 设置文本对齐 在属性面板中设置 列表 在属性面板中进行设置 应用举例——设置网页文本格式 下面为“如果”网页中的文本进行格式设置，要求文本标题样式与正文不同，正文中某些文字需突出，以达到美化网页文本的目的。 网页效果图 插入滚动字幕 设置滚动字幕的属性 设置文本超级链接 设置文本超级链接 3、设置下载文件的超级链接 4、创建外部链接 Http:// 5、链接文字颜色的设置 通过页面属性来设置的。 使用锚记 设置锚记 使用锚记 插入水平线 插入图像 图像的格式 用于网页的图像通常只有GIF、JPE和PNG 3种格式。 图像的获取方法 图像文件的保存 插入图像 插入图像的步骤如下 ： （1）把工具栏切换到“常用”状态，然后单击“图像：图象”按钮 （2）选择要插入的图像文件，在文件列表中单击一个图象文件时，图象预览区会显示这个图象的缩略图。 （3）单击确定按钮，如果图像文件在站点文件夹中，就会直接插入到网页中，同时在编辑窗口显示出图像。 设置图像的基本属性 改变图像大小 图文混排 垂直边距和水平边距 图像替代 图像边框 图片超级链接和图像地图 图像占位符和轮换图像 设置网页图片属性最终效果图 插入表格 添加表格 编辑表格 格式化表格 导入表格数据 插入表格 添加表格 3.设置单元格属性 文字（属性面板的上半部分） 水平 宽、高 垂直 标题 背景和背景颜色 边框 应用举例——在网页中插入表格并添加网页元素 下面为“繁花似锦”网页进行表格的添加和网页元素的添加。 最终效果图 　编辑表格 编辑表格 实例1、绘制课本51页的表格。 插入图像预览效果图 　格式化表格 　导入表格数据 插入媒体元素 动态元素是一种重要的网页元素。这里我们将学习在网页中插入动态元素，如Flash影片、Flash按钮、Flash文本等，此外还将学习其他一些动态元素的插入方法。 插入媒体元素 媒体文件的类型 插入Flash 制作播放电影、背景声音的页面 　插入媒体元素 　插入Flash 　制作播电影、声音的页面 插入表单 文本字段 复选框 单选按钮 下拉式菜单 隐藏区域 按钮 表 单 简 介 在网上浏览时常会遇到要求填写资料或提供信息的页面，如申请QQ号码时填写个人信息的页面，网上购物时填写的购物单等，这些页面即是表单页面。表单通常由多个表单对象组成，如单选按钮、复选框、文本字段以及按钮等，网站管理员可以通过表单从浏览者处收集需要的信息，从而实现信息的传递。 文本字段 复选框 下拉菜单 隐藏区域 　　在要格式化的表格中单击，再使用菜单“命令”→“格式化表格”打开格式化表格对话框。 1. 导出Excel数据为文本文件 　在Excel中使用菜单“文件”→“另存为”打开另存为对话框，在“文件类型”中选择“文本文件（制表符分割）（*.txt）”，保存文件为biaoge.txt。 2.导入位网页表格 　　将“插入”工具栏切换为“布局”模式，在右边单击表格数据按钮 　　选择数据文件为Excel导出的文本文件biaoge.txt，定界符选“Tab”。表格宽度设置单元格的宽度，选择“匹配内容”。也可以制定宽度。 媒体文件的类型 1.RealVideo的.rm、.rmvb视频影像格式和.ra的音频格式 2.Microsoft Media technology的.asf格式 3. QuickTim的.mov格式 4.Flash的.swf格式 5.Metastream 的.mts格式 6.Authorware的.aam多媒体教学课件格式 1.插入Flash动画 将插入工具栏切换到“常用”模式，单击“媒体：Flash”按钮 2.插入Flash按钮 　　将插入工具栏切换到“常用”模