网页的基本编辑技术.pptVIP

5.2 网页基本编辑 页面属性的设置。 文本的添加和设置。 图象的添加和设置。 超连接。 表格的添加和设置 其他网页元素的添加和设置。 基本任务： 1、掌握制作一个网页一般步骤。 2、设置网页的背景颜色和背景图片; 3、网页元素的添加和设置； 基本知识: 1、网页的创建、打开、保存、退出； 2、页面属性的设置（重点）; 3、网页元素的添加和设置； 5.2.1 制作网页的一般过程 1、创建网页的一般过程： (1)启动Dreamweaver，默认站点为上次定义的站点，新建网页。 (2)设置网页的基本属性。 (3)在文档工作区中输入文字等网页元素。 (4)保存网页在站点中 。 新建网页步骤详细如下： 在站点窗口中选取需要新建页面的站点文件夹，单击鼠标右键，选择“新建网页”命令，出现一个“Untitled.htm”（无标题）文件图标，此时在文本框内，输入你的文件的名字如 “lihong.htm”，最后按【Enter】键。 2、设置网页属性 页面属性是指网页的一般属性信息，有： 1）网页标题、 2）网页的背景颜色、 3）背景图像、 等。 1）设置网页标题 显示在浏览器窗口的标题栏中。 标题文字应能够恰如其分地描述网页的内容。 设置网页标题的方法有： 1\在 “页面属性”对话框中的“标题” 内设置。 2\在文档窗口工具栏中的“标题”文本框内直接输入。 2）设置背景颜色 1\在 “页面属性”对话框中的“背景颜色” 内设置。 3）设置网页其他属性 如果需要设置网页的其他属性，打开“页面属性”对话框进行设置，方法如下。 （1）在文档窗口中选择“修改”菜单中的“页面属性”命令，或者按【Ctrl+J】快捷键，打开“页面属性”对话框，如图所示。 （2）设置对话框中的选项。 页面标题 背景图像 背景颜色 左边界、顶部边界、边界宽度、边界高度 文档编码 （3）设置完成后单击“确定”按钮。 3、添加文本 在文档中插入文本的方法有2为： 第一种是直接插入文本，步骤： 1\首先在需要插入文本的区域单击鼠标定位插入点 2\然后输入文字 3\如果输入的文字超出一行的范围，插入的文本会自动换行。 文字的详细属性设置下面再讲。 第二是将已有文件中的文本复制到文档窗口中。 步骤为： 打开要复制的纯文本文件，按【Ctrl+C】组合键将文本复制到剪贴板中，接着切换回Dreamweaver文档窗口，在需要添加文本的区域单击鼠标左键，然后选择“编辑”菜单的“粘贴”命令（或按【Ctrl+V】快捷键），则选中文本即被复制到指定区域。 4、添加图形（下节要点） 常用 Web 图像格式： 1．GIF 格式 2．JPEG 格式 虽然有很多种计算机图像格式，但由于受浏览器的限制，在 Web 上常用的图像格式只包括2 种：GIF 和JPEG。 在 Dreamweaver中插入图像的步骤如下。 （1）将光标置于要插入图像的位置，在“插入”栏的“常用”选项卡中单击“图像”按钮 或选择“插入”菜单中的“图像”命令。 （2）此时将打开“选择图像源”对话框，选取存放在站点中的图像文件，最后单击“确认”按钮即可将图片插入到指定区域。 （3）如果所选择的图像文件不是站点中的文件，则将打开“Macromedia Dreamweaver”对话框，如图。提示是否将图像文件保存到根目录下，单击“是”按钮，然后打开“拷贝文件为”对话框，定位到站点中用于存放图像文件的文件夹，此时可以为图象重命名，最后单击“保存”按钮即可。 （4）修改图像属性 将图像插入指定位置后，可以利用“属性面板”设置图像的属性。 5、插入其他对象。 例如表格、视频等，同样应使用“插入栏”的“常用”选项卡中的相应按钮插入其他对象。 小结： 编辑网页的一般步骤： (1)启动Dreamweaver，创建站点文件夹。 (2)在站点文件管理面板中新建网页。设置网页的基本属性（标题等）。 (3)在文档工作区中输入文字，插入图片等网页元素。 (4)保存网页。 思考题： 1、创建、编辑网页的一般过程； 2、设置网页属性的内容和步骤； 5.2.2 网页文本编辑 基本任务： 1、在网页中文字基本编辑。 2、掌握在网页中使用图象使用表格。 基本知识: 1、如何添加文本； 2、设置各种文字字体 3、图象和文本的对齐操作。 （重点） 4、图片插入的操作步骤。（重点） 5、图象属性面版的内容及用法。（重点） 基本技能 1、在网页中使用图象和设置文字。 5.2.2 网页文本编辑 1、如何添加文本 2、设置文字的大小 3、设置文字的颜色 4、文字的换行 5、插入空格 6、设置各种汉字字体效果 1、文本的设置 1）换行 在需要插入文本的区域单击鼠标定位插入点，然后输入文字.如果输入的文字超出一行的范围，插入的文本会自动换行。 如果想折行显示一