网页设计与制作教学课件3(精品·公开课件).ppt

页面元素说明 3.1.1 文本的输入 3.1.1 文本的输入 3.1.1 文本的输入 3.1.1 文本的输入 3.1.1 文本的输入 3.1.1 文本的输入 3.1.1 文本的输入 3.1.2 编辑文本 3.1.2 编辑文本 3.1.2 编辑文本 3.1.2 编辑文本 3.1.2 编辑文本 页面元素说明 3.2.1 图像插入 3.2.1 图像插入 3.2.2 设置图像属性 3.2.2 设置图像属性 3.2.2 设置图像属性 3.2.3 插入图像占位符 3.2.3 插入图像占位符 3.2.4 鼠标经过图像 3.2.4 鼠标经过图像 表格说明 3.3.1 插入并编辑表格 3.3.1 插入并编辑表格 3.3.1 插入并编辑表格 3.3.1 插入并编辑表格 3.3.1 插入并编辑表格 3.3.2 表格合并与嵌套 3.3.3 表格内容的添加 3.4.1 超链接概述 3.4.1 超链接概述 3.4.1 超链接概述 3.4.1 超链接概述 3.4.1 超链接概述 3.4.2 文本与图像超链接 3.4.2 文本与图像超链接 3.4.2 文本与图像超链接 3.4.2 文本与图像超链接 3.4.2 文本与图像超链接 3.4.3 热点链接 3.4.3 热点链接 任务解析：锚点，也称为书签，用来标签文档中的特定位置，使用其可以跳转到当前文档或其他文档中的标签位置。在网页中加入锚点包括两方面的工作，一是在网页中创建锚点，另一个是为锚点建立链接。 任务解析：在网页中创建电子邮件链接，方便用户意见反馈。 任务解析：提供网页文档的下载功能。 任务解析：空链接是一个未指定目标的链接，创建链接时通常要给出链接的目标，在设置链接时并没有确定目标文件名，此时可以创建空链接。 3.5.1 向页面添加声音 3.5.1 向页面添加声音 3.5.1 向页面添加声音 3.5.1 向页面添加声音 任务解析：适当的Flash动画可以是 效果更佳生动、形象、活泼 任务解析：Flash视频时丰富网页视觉效果的手段之一 3.3 任务3 旅游热点页面设计 步骤4 表格属性面板设置 （1）单个行或列的改变：?选择菜单栏中的“修改”→“表格” →“插入行”或者“插入列”，在所选择的单元格的上面出现一行或在所选择的单元格的左侧出现一列。 （2）添加多行或多列：单击单元格，选择菜单栏中的“修改”→“表格”→“插入行或列”，会弹出相应的插入对话框，设置插入“行”或者“列”、插入的数量，以及位置。 （3）拆分与合并单元格：将鼠标放在待拆分的单元格内，单击属性面板上的“拆分”按钮，在弹出对话框中进行设置。 3.3 任务3 旅游热点页面设计 步骤1 合并单元格：右击两个单元格，在弹出的菜单中选择“表格”→“合并单元格” 步骤2 表格嵌套：选中合并后的单元格，按照上节介绍的方法，再次插入表格，完成嵌套表格的建立 步骤3 设置单元格属性 步骤4 逐行设置单元格属性 3.3 任务3 旅游热点页面设计 步骤1 在表格内的插入图像：选中第1行1列单元格，在菜单中选择“插入” →“图像”，选择站点内images目录内背景图像 步骤2 表格嵌套：选中合并后的单元格，按照上节介绍的方法，再次插入表格，完成嵌套表格的建立 步骤3 在表格内插入图像及其代码：选中嵌入表格的第1行，每个单元格内各插入一个图像 步骤4 在表格内插入文本及其代码 3.4 任务4 热点线路的详细信息 目的： 掌握路径的种类，理解路径和超链接的关系 熟练掌握文本链接、图像链接、热点链接的设置方法，掌握设置E_mail链接、创建命名锚记、文件下载以及空链接的方法 掌握控制超链接的HTML标签及标签的使用 要点： 1．超链接可以链接文本、图像、程序、音乐、影像等，也可以根据需要创建内部链接、外部链接、邮箱链接、锚记链接、下载链接等，链接的形式多种多样，应合理设置页面链接，链接路径的设置影响网站设计的可移植性。 2．超链接与其他的网页元素不同，强调网页与目标的连接关系，是使网站成为统一整体的重要方法之一。 3.4 任务4 热点线路的详细信息 超链接是指从一个网页指向一个目标的连接关系，由链接载体和链接目标两部分组成。 链接目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图像、一个电子邮件地址、一个文件，甚至是一个应用程序。 链接载体是在一个网页中用来超链接的对象，可以是一段文本或者是一个图像。 当用户单击已经链接的文字或图像后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 注意以下几点： 链接的层次不要太深，一般较合理的设置是2-3层，即导航链接→链接列表→链接内容，其中当链接项不多时，链接列表可以省略。 设计链接时，通常要考虑用户的快速返回或者在新窗口中浏览，在关闭该窗口后，可以迅速返回