第三章 文本、图像、网页链接.ppt

第三章1　网页文本的输入和属性设置 文本输入 1.输入文本 文件→导入 复制→粘贴 直接输入 2.输入网页中的空格 汉字输入状态下输入 属性面板→格式→预先格式化的 Shift+Ctrl+空格 编辑→首选参数→常规→允许多个连续的空格 3.文本换行 Enter→分段（隔一行） Shift+Enter→换行（不分段） 文本的格式设置 Dreamweaver 文字格式化主要有三种方式： 手工格式化方式 用HTML标记格式化方式 CSS样式 (第5章再讲） 文本的格式设置 1.手工格式化方式 　属性面板中的字体、样式、大小、颜色等 2.用HTML标记格式化方式 　属性面板中的格式 第三章2 网页图片的插入与属性设置 网页图像格式 GIF→对色彩要求不高的地方可使用 JPEG→用于色彩丰富的图片 PNG→保留所有原始层、矢量、颜色和效果信息。 插入图像 插入→图像 插入面板→常用→图像 直接将图像文件拖入编辑区 注意：图像插入网页后，应确定图像文件已存入站点，否则在下次打开网页时，会出现看不到图像的情况。避免使用中文名称。 图片的插入与属性 设置图像的属性 图像→设置的名称 宽、高→可缩小和放大图片的显示尺寸。 源文件→图片的路径和名称。 链接→图像超链接的URL地址。 替代→图像的说明文字 编辑→可打开外部编辑器进行图片的编辑。（默认为Fireworks） 垂直边距和水平边距→图片四周突出的尺寸 低品质源→原图的低品质替换图形 边框→图片是否要加边框 对齐→在一行中图形和文本的对齐方式 地图→创建热区的工具 第三章　3 建立网页链接 本节重点：内部链接、外部链接、锚点链接、E-mail链接的创建方法。 3.1 编织网站链接—足球新闻 3.2???超链接概述 3.3 实战演练－－每周星运 3.1 编织网站链接—足球新闻 3.1.1 案例综述 本例以编织网站中的各种超链接为主要目的，介绍创建超链接种种方法和技巧 3.1 编织网站链接—足球新闻 3.1.2 案例分析 为实现网页的跳转，将创建： 到网站内页面的超链接――内部链接； 到网站外页面的超链接――外部链接； 电子邮件形式的超链接――E-mail链接； 到网页某一特定位置的超链接――锚点链接； 以及其他一些链接。 3.1 编织网站链接—足球新闻 3.1.3 实现步骤 一、准备网页内容 步骤1　选中站点； 步骤2　将素材文件夹中的相关文档复制到站点文件夹下。 二、创建超链接 3.1 编织网站链接—足球新闻 1、创建内部链接 　　－－网站内部页面之间创建相互链接关系 步骤1　选中页面中的文字或图像，在属性面板中单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件 步骤2　从“目标”下拉菜单中，选择文档的打开位置。 _blank :新打开的空窗口 _parent：如果是嵌套的框架，则在父框架中打开。 _self：会在当前网页所在的窗口或框架中打开。 _top：会在完整的浏览器窗口中打开。 3.1 编织网站链接—足球新闻 2、创建外部链接 　　－－创建链接到绝对地址的外部链接 选中文字或图像之后，直接在属性面板的“链接”文本框中输入外部的链接地址，如 然后在“目标”下拉菜单中设置这个链接的目标窗口。 3.1 编织网站链接—足球新闻 3、创建E－mail链接 　　－－当浏览者单击电子邮件链接时，可即时打开浏览器默认的电子邮件程序处理程序。 　方法： 选中文本和图像 插入栏｜常用｜电子邮件链接｜输入邮件地址 或在属性面板的链接栏中直接输入 　　　　　mailto:邮件地址 3.1 编织网站链接—足球新闻 4、锚点链接 　　－－是指在同一个页面或不同页面的指定位置链接显示。 分为两步： 创建命名锚记，就是在文档中设置位置标记，并给该位置一个名称，以便引用。 创建到命名锚记的链接 3.1 编织网站链接—足球新闻 创建命名锚记 将光标定位在要设置标记的位置， 插入栏｜命名锚记｜输入锚记名称（注意：区分大小写） 创建到命名锚记的链接 选择要创建链接的文本或图像 在属性面板的链接文本框中，键入＃号和锚记名称 或在浏览对话框中，选中要链接的文件后加＃和锚记名称。 3.1 编织网站链接—足球新闻 5、创建其他类型的链接 （1）创建下载链接 当被链接的文件是exe文件或zip文件等浏览器不支持的类型时，这些文件会被下载，这就是网上下载的方法。 链接到下载文件的方法，和链接到网页的方法完全一样。 3.1 编织网站链接—足球新闻 5、创建其他类型的链接 （2）、创建空链接 空链接用来激活页面中的对象或文本。当文本或对象被激活后，可以为之添加行为。 方法：选中要制作空链接的对象，在链接文本框中直接输入＃。 在一般站点首