文本属性面板参数介绍.PPT

Dreamweaver网页制作 第二单元 添加首页内容 第二单元 添加首页内容 　　注意：从普通文档中复制过来的文本不保留格式内容，只保留段落结构，并且在文本遇到文档窗口的边界时会自动换行。 任务一 添加首页文本 　　 3．输入文本的方法，有两种： 　　A.在文档窗口中直接输入。（文本的排列方式自左至右，遇到文档窗口的边界时自动换行。） 　　B.复制和粘贴的方法。 强制换行：强制换行的内容属于同一段，行与行之间不会出现空行；Shift+Enter键用来强制换行。 任务一 添加首页文本 4．三种换行方式的特点及其实现： 自动换行：在遇到文档窗口边界时换行，随着窗口大小的调整文本换行也进行调整。 分段换行：上下段之间自动空出一行来分隔；Enter键实现。 5．输入连续空格的方法 A.选择“编辑”菜单中 “首选参数”选项，在其中的“常规”选项中选择“允许多个连续空格”。 B.使用Ctrl+Shift+空格组合键。 C.将输入法切换到中文全角状态下，敲击空格键。 D.将“插入”栏切换到“文本”类别，使用最右边“字符”下拉菜单中的“不换行空格”按钮。 　　注意：如果“插入”栏显示的不是如下图所示的“菜单”形式，用鼠标右击“插入”栏的任意位置，从弹出的快捷菜单中选择“显示为菜单”选项即可。 任务一 添加首页文本 其中有不换行空格项 　　B.如图所示，拖曳文件面板中的图像文件名称到文档窗口相应文字前。 　　C.选中图像，在属性面板中设置图像对齐方式为“右对齐” 。 任务三 添加图像 　　⑷ 使用Ctrl+Alt+I组合键插入图像“D:/mysite/images／flying.gif” ，插入位置为立志飞翔”部分的第五段文字前，对齐属性为“左对齐”。 　　⑵ 使用菜单栏插入图像“D:/mysite/images／flying.gi-f” ，插入位置为立志飞翔”部分的第一段文字前 ，对齐属性为“左对齐”。 　　⑶ 使用插入栏常用类别中的按钮 插入图像“D:/mysite/images／flying.gif” ，插入位置为立志飞翔”部分的第三段文字前， 对齐属性为“右对齐”。 任务三 添加图像 　　4. 图像编辑 调整大小：宽度为300，高度为225，单位为像素。 调整大小：宽度为215，高度为161，单位为像素。 保持原始大小。 　　通过图像“属性”面板中分别调整“立志飞翔”部分的文本及图像 ，如图所示： 在设置图像对齐方式及其大小时都是通过图像“属性”面板完成的，那么图像属性面板各组成部分的功能是什么？ 任务三 添加图像 任务总结： 　　通过完成本任务学习了为网页添加和编辑图像的方法，重点掌握四种添加图像的方法： 　　1．使用“文件”面板插入图像； 　　2．使用菜单栏插入图像； 　　3．使用插入栏常用类别中的按钮插入图像； 　　4．使用Ctrl+Alt+I组合键插入图像 。 　　其中，使用插入栏和菜单栏插入的方法比较常用，但使用快捷键和“文件”面板插入图像将更大地提高工作效率。如果图像在站点内，建议使用“文件”面板将图像文件拖拽到插入位置的方法。在网页当中插入同一张图像的时候，可以使用复制粘贴的方法提高工作效率 。 任务三 添加图像 　　举一反三： 1．将本单元素材文件夹中的“jyfs1.jpg”插入到一个新建页面“practice2-7.html”中，裁剪后宽度为200像素，高度为100像素，并设置边框宽度为5，完成后预览页面。 　　⑴ 启发思路： 　　插入后选中该图像并通过属性面板中图像的“裁剪”及边框宽度选项完成。 　　⑵ 分组完成任务。 任务三 添加图像 　　⑴ 启发思路： 插入后选中该图像并通过属性面板中亮度、对比度及锐化选项完成。 　　⑵ 分组完成任务。 　　2．新建网页“practice2-8.html”，插入本单元素材文件夹中的“jyfs2.jpg”，尝试使用Dreamweaver 8的图像编辑功能修改图像的亮度并进行锐化设置。 任务三 添加图像 作业： 通过网络下载3张图片，文件类型分别为“jpg”、“gif”、“bmp”，使用不同的方法插入到一个新建页面 “practice2-6.html”中。 任务三 添加图像 任务四 创建与应用CSS美化网页 任务描述：熟练应用CSS样式美化网站的首页。 任务分析：页面中的各种对象都可以使用CSS样式进行定义。创建CSS样式时需要明确样式种类，准确的应用各种类型的样式。本任务将通过“文本样式”、“背景样式”、“列表样式”和“边框样式”的创建与应用，对首页进行美