02-网页的编辑.pptVIP

网页制作基础教程（Dreamweaver 8.0版） 第二章　网页的编辑 本章重点：文本的插入及属性设置、图像的插入及属性设置、图文混排、图像的编辑。 第二章　网页的编辑 2.1?????? 图像文字的混排—我与足球 2.2???? 网页文本的输入和属性设置 2.3????　网页图片的插入和属性设置 2.4　　实战演练－－再别康桥 2.1????图文混排—我与足球 2.1.1 实例综述 　　 2.1????图文混排—我与足球 2.1.2 案例分析 在制作网页时，大致需要以下几下环节： 新建或打开网页 设置页面属性 设置头部信息 规划页面布局 添加页面元素 制作超链接 保存网页 2.1????图文混排—我与足球 2.1.3 实现步骤 1、新建或打开网页 2、设置页面属性 3、设置头部信息 4、规划页面布局 5、添加页面元素 （1）插入文本 （2）插入图像 （3）图像文字的混排 （4）图像的编辑 6、设置超链接 7、保存网页 2.2　网页文本的输入和属性设置 2.2.1 文本输入 1.输入文本 文件→导入 复制→粘贴 直接输入 2.输入网页中的空格 汉字输入状态下输入 属性面板→格式→预先格式化的 Shift+Ctrl+空格 编辑→首选参数→常规→允许多个连续的空格 3.文本换行 Enter→分段（隔一行） Shift+Enter→换行（不分段） 2.2　网页文本的输入和属性设置 2.2.2 文本的格式设置 Dreamweaver 文字格式化主要有三种方式： 手工格式化方式 用HTML标记格式化方式 CSS样式 (第9章再讲） 2.2　网页文本的输入和属性设置 2.2.2 文本的格式设置 1.手工格式化方式 　属性面板中的字体、样式、大小、颜色等 2.用HTML标记格式化方式 　属性面板中的格式 2.3　网页图片的插入与属性设置 2.3.1 网页图像格式 GIF→对色彩要求不高的地方可使用 JPEG→用于色彩丰富的图片 PNG→保留所有原始层、矢量、颜色和效果信息。 2.3.2 插入图像 插入→图像 插入面板→常用→图像 直接将图像文件拖入编辑区 注意：图像插入网页后，应确定图像文件已存入站点，否则在下次打开网页时，会出现看不到图像的情况。 2.3　图片的插入与属性 2.3.3 设置图像的属性 图像→设置的名称 宽、高→可缩小和放大图片的显示尺寸。 源文件→图片的路径和名称。 链接→图像超链接的URL地址。 替代→图像的说明文字 编辑→可打开外部编辑器进行图片的编辑。（默认为Fireworks） 垂直边距和水平边距→图片四周突出的尺寸 低品质源→原图的低品质替换图形 边框→图片是否要加边框 对齐→在一行中图形和文本的对齐方式 地图→创建热区的工具 2.4　实战演练 一、实例效果－――再别康桥 2.4　实战演练 二、制作要求： 1、合理安排图像与文字的位置。 2、利用图像编辑软件，完成对图片的艺术处理。 3、右下方的图片具有鼠标经过后翻转成另外一幅图像的特点。 * 金涛　主讲 计算机与控制工程学院计算机系 　　通过本例我们可以掌握网页制作时的一些基本步骤和相关的属性设置，学会在网页中加入最基本的元素―－文字和图像。