Dreamweaver中的文本格式设置与使用.pptx

;;插入框架后，设置框架的属性，我们需要框架的边框为2，颜色为红色，左边宽度为110像素，所以框架的属性面板如图2所示。 ;;;第一步：采用框架设计整体框架;;;;第一步：采用框架设计整体框架;到此为止，框架页面已经做完了，通过Dreamwaver 2004中的“文件—〉在浏览器中预览—〉iexplore”，就可以看到框架的效果如图8所示。 ; 第二步：left.htm的设计 在Dreamwaver 2004中，点击上面这个框架页面红色框架左边的空白区域，你会发现Dreamwaver 2004的窗口最上面显示的文件名已经变成left.htm，这时候，就可以对left.htm进行编辑了。 ;第二步：left.htm的设计;图9 “我爱我家”链接设置 ;左边页面得最终效果如图13所示。 ;;第三步：woaiwojia.htm叶面的设计 ;;;图15 插入后的表格 ;第三步：woaiwojia.htm叶面的设计 ;;第三步：woaiwojia.htm叶面的设计;表格调整好后，就可以在四个大的单元格中插??图片了，运行 “插入—〉图片”，依次插入图片“小狗-2.png”，“小狗-6.png”，“小狗-8.png”，“小狗-9.png”，当然您也可以插入您自己喜欢的图片。图片属性设置如图19所示。 在您将图像插入 Dreamweaver 文档时，Dreamweaver 自动在 HTML 源代码中生成对该图像文件的引用。为了确保此引用的正确性，该图像文件必须位于当前站点中。如果图像文件不在当前站点中，Dreamweaver 会询问您是否要将此文件复制到当前站点中。 ;;最后woaiwojia.htm的效果如图20所示。 ;第四步：qingchunjiyu.htm设计 ; ;设置表格的宽度和高度分别为280，212，对齐方式为居中对齐，单元格的水平对齐方式为左对齐，垂直对齐方式为顶端对齐。其属性设置面板如图22，图23所示。 ; ;Macromedia Dreamweaver MX 2004 提供了多种向文档中添加文本和设置文本格式的方法。您可以插入文本、设置字体类型、大小、颜色和对齐属性，以及使用层叠样式表 (CSS) 样式创建和应用您自己的自定义样式。 ;Dreamweaver 允许您通过以下方式在 Web 页中添加文本：直接将文本键入页中，从其他文档复制和粘贴文本，或从其他应用程序拖放文本。能够合并到 Web 页的文本内容的常见文档类型有 ASCII 文本文件、RTF 文件和 MS Office 文档。Dreamweaver 使您可以从这些文档类型中的任何一种取出文本，然后将文本并入 Web 页中。 ;Dreamweaver 中的文本格式设置与使用标准字处理程序类似。您可以为文本块设置默认格式化样式（段落、标题 1、标题 2 等）、更改所选文本的字体、大小、颜色和对齐方式，或者应用文本样式（如粗体、斜体和下划线）。在该实训中，诗歌字体属性设置如图24所示。 ;青春寄语效果图图25所示。 ;第五步：sheyingxinshang.htm页面设计 ;首先运行“插入—〉表格” 或者点工具栏上的 ;;插入后的表格如图27所示。 ;然后，合并左上角两个单元格，用鼠标在左上角单元格中点击一下，然后按住鼠标左键，向下拖动鼠标，直到进入第二个单元格，这时候，左上角两个单元格处于选中状态，如图29所示。 ;松开鼠标左键，点击右键，运行“表格—〉合并单元格”命令，两个单元格就合并成一个了，如图30所示。 ;按照同样的步骤，合并左下角两个单元格，合并后的表格如图31所示。 ;然后，通过拖动表格，调整表格到合适大小，所有单元格的对齐方式设置为水平和垂直均为居中对齐，单元格的属性面板如图32所示。 ;下面为了叙述方便，用单元格（x,y）表示第x行，第y列的单元格。在单元格（1，2），（1，3），（2，2），（2，3）中插入人体艺术图片7_1286.jpg，7_1289.jpg，7_1311.jpg，7_1287.jpg。在单元格（4，2），（4，3），（5，2），（5，3）中插入风景图片12.jpg，20.jpg，04.jpg，11.jpg。左上角单元格中输入“人体艺术欣赏”，左下角单元格中输入“风景图片欣赏”，都是每行一个字。最后摄影欣赏页面的效果如图33所示。 ;;第六步：youqinglianjie.htm页面设计 ;;;如同摄影欣赏中合并单元格的步骤，合并单元格（1，1），单元格（2，1），单元格（3，1）为一个单元格，合并单元格（4，1），单元格（5，1），单元格（6，1）为一个单元格，合并单元格（7，1），单元格（8，1），单元格（9，1）为一个单元格。用鼠标拖动表格到合适大小，如图3