第3章 网页基本编辑(网页制作案例教程课件).ppt

网页制作案例教程 第1章：网站与网页概述 第2章：HTML入门 第3章：网页基本编辑 第4章：表格 第5章：框架 第6章：AP Div 第7章：表单 第8章：CSS和模板 第9章：网页图形处理工具Fireworks CS5 第10章：图像处理工具Photoshop CS5 第11章：动画制作工具Flash CS5 第12章：网站制作综合应用 第3章 网页基本编辑 Dreamweaver CS5基础。 网页中文本、图片的插入、修改以及格式设置。 声音、视频、动画等多媒体元素在网页中的使用。 超级链接的意义和使用。 简单网页的制作。 3.1 DreamWeaver CS5简介 Dreamweaver CS5是一个高效率、直观性，所见即所得的优秀网页编辑器。 使用Dreamweaver CS5，可以轻松地加入网页的相关对象,支持多种浏览器，建立跨平台的网页，还可以制作不需要编写任何代码的动态网页。 3.2 文本 文本在网络上传输速度较快，用户可以很方便地浏览和下载文本信息，故文本成为网页主要的信息载体。整齐划一、大小适中的文本能够体现网页的视觉效果。因而文本处理是设计精美网页的第一步。 实例应用一——网页中文本的编辑 完成网页“iPhone.html”的制作 3.3 图像 图像通常用来添加图形界面（例如导航按钮）、具有视觉感染力的内容（例如Logo）或交互式设计元素（例如鼠标经过图像或图像地图），是网页中必不可少的元素之一。 P49 3.4 应用多媒体 随着多媒体技术的发展，网页已有原先单一的图片、文字内容发展为多种媒体想集合的表现形式。在网页中应用多媒体技术，如音频、视频、Flash动画等内容，可以增强网页的表现效果，使网页更生动，激发访问者兴趣。P60 3.5 超链接 在网页设计中，超链接的应用非常广泛，熟练地应用超链接是设计网页的基本要求。 P61 3.6 小结 本章首先介绍了Adobe Dreamweaver CS5的特点、功能和运行界面， 本章再对网页中出现的文本、图像、动画、声音、视频、超级链接等元素的使用进行详细的描述，为读者设计网页打下基础。 3.5.1 超链接概述 根据链接方式的不同超链接可分为：绝对路径连接、相对路径连接两种。而根据链接对象的不同超链接又 可分为：超文本链接、命名锚链接、图像链接、电子邮件链接、热区链接，空链接等。 二、绝对路径： 指明目标端点所在具体位置的完整URL地址的链接路径。如：“。” 三、相对路径： 指明目标端点与源端点之间相对位置关系的路径称为相对路径。 如站点内网页的链接路径：“../news/news1.html。” 3.5.2 超文本链接 超文本链接是最普通、简单的超链接，可以分为与本地网页文档的链接、与外部网页的链接、空链接等几种类型。 1、 创建与文档的链接 2、 创建与外部网页的链接 3、 创建空链接：空链接是指未指定目标文档的链接。 创建链接方法：网页中要创建链接的文本，在“属性面板”，“链接”文本框中直接输入“#”； 3.5.3 命名锚链接 锚实质上就是在文件中命名的位置或文本范围，锚链接 起到的作用就是在文档中定位。单击锚链接，就会跳转到页 面中指定的位置。 1、 创建锚点： 选择要创建锚点的位置，选择“插入”/“命名锚点”(或选用常用工具栏中的“命名锚点”按钮)，在弹出的对话框中命名锚点的名字，单击确定。 2、 建立锚链接： ⑴选择要建立锚链接的文本， ⑵在“属性面板”中选择“HTML”选项，在链接的文本框中键入要锚链接的路径，格式为“#”后面加上锚点的名称。 3.5.4 电子邮件链接 网页中单击电子邮件链接，不是跳转到其他网页中，而是会自动启动电脑中的Outlook Express或其他E-mail程序，允许书写电子邮件，并发送到指定的地址。 ①选择要设置电子邮件链接的文本。 ②选择“插入”菜单中的“电子邮件链接”或在“常用”工具栏中点选“电子邮件链接”按钮。 ③在弹出的对话框中键入电子邮件地址即可。 3.5.5 图像热区链接 图像的超链接包括为整张图像创建超链接和在图像上创建热区两种方式 1、 为整张图像创建超链接 2、 创建热区 3.5.6 导航条 导航条是由一个图像或一组图像组成，单击某个图像，就会跳转到相应的栏目页面。导航条是由一个图像或一组图像组成，单击某个图像，就会跳转到相应的栏目页面。 3.5.7 检查与修复链接 使用检查与