dreamweaver课件1相关资料.ppt

第八章 Dreamweaver8.0简介 学 习 导 航 8.2 常用工具栏1 8.2 常用工具栏2 8.2 常用工具栏 3 7、属性面板： 文档窗口中的设计页面上的某一页面元素时，属性面板就会显示相关信息和参数，并可对其进行修改和设定。属性面板是最常用的一个面板，无论编辑那个页面元素的属性，都要用到它。属性面板的内容也会随着不同元素而改变。 8.3 创建和保存网页-创建网页 1、创建网页 创建网页有3种方法： （1）启动Dreamweaver 8的时创建网页，选择“创建项目”中的 HTML，就可以创建一个新的网页。 （2）在【文件】菜单中选择“新建”命令。在弹出的“新建文档”对话框中“常规”选项中，选择“基本页”，在“基本页”区域下选择 “HTML选项”，然后单击“确定”，即可创建一个新的网页。 （3）在站点窗口直接创建网页。在“文件”面板中打开本地站点，然 后单击右键，在弹出的快捷菜单中，选择“新建文件”命令，即 可创建一个新的网页。 8.3 创建和保存网页-保存网页 如果网页编辑完成或已经告一段落，需要保存，根据不同的需要，保存的方法也不同。打开【文件】菜单，要保存当前文档选择“保存”命令；如果当前文档已经保存过，可选择“另存为”命令；如果在编辑时已经打开了多个文档，希望将所有的文档进行保存，则选择“全部保存”命令。 8.4 文本的输入和编辑 1、输入文本 2、插入图像 3、表格的应用 4、插入多媒体动画 5、插入Shockwave 影片 6、超级链接 7、建立外部链接 8、建立内部链接 9、E—mail超链接 10、锚记链接 11、链接到图片或多媒体文件 1、输入文本 将鼠标的光标定位在要添加文本的地方，即可以直接输入或在其他应用程序中的文本进行复制，再粘贴到Dreamweaver 8的文档窗口中。 （1）、文本的编辑 在文档窗口输入文本时，文字的字体、字号、颜色等属性都是系统默认的，根据实际需要，可以在文本属性面板对其进行相应的设置。 （2）、段落格式 在属性面板中可以对文本进行相关的设置，也可以对段落进行设置。 2、插入图像 在Dreamweaver 8中可以直接插入图像。网页中常用的图像格式主要有三种GIF、JPEG、PNG格式 a)光标定位要插入图片的位置。 b)在插入工具栏上，点击插入图像按钮。打开选择图像源文件对话框，选择要插入的图片，点击确定按钮即可插入图像。 c)插入后的图片以图片的原始大小插入，选中图片调出图片属性面板，可以在图片属性面板中进行修改。 3、表格的应用1 在制作网页时经常会用到表格，在Dreamweaver 8可以迅速使用户建立起表格及对表格的编辑。 在网页中插入表格的方法有两种，具体方法如下： 1、利用插入工具栏上的快捷键插入表格。 （1）、单击插入工具栏表格按钮。 （2）、在弹出的表格属性框中，设置好相应的参数，点击“确定”按钮，完成表格的输入。 3、表格的应用2 2、利用菜单输入表格 （1）在【插入】菜单中执行插入表格命令 。 （2）在弹出的表格属性框中，设置好相应的参数，点击“确定”按钮，完成表格的输入 。 3、表格的应用3 3、在表格中添加内容 A、添加文本 1）用鼠标选择要输入内容的单元格。 2）直接输入文本或将复制的文本粘贴在单元格中。 3 ）按Tab键将光标移动到下一个单元格，继续添加文本。 B、添加图片 1）用鼠标选择要输入内容的单元格。 2）单击插入工具栏中按钮，或执行菜单的“插入图片”命令。 3）打开选择图像源文件对话框，选择要插入的图片，点击确定按钮即 可插入图像。 （4）、表格的编辑 表格创建完成以后可以利用属性面板进行编辑。 1）选择创建完成的表格，调出表格属性面板。 2）根据表格属性面板上提供的参数可以对表格的相关属性进行设置。 4、插入多媒体动画 在Dreamweaver 8中，用户可以方便的插入和编辑多媒体文件和对象。 1）在文档窗口用鼠标定位好要插入flash动画的位置。 2）单击插入工具栏中的右侧的三角按钮，选择flash，在弹出的“文件选择”对话框中。选择要插入的文件。 3）选择好文件，单击“确定”按钮，flash文件即可插入，插入的文件是以带字母F的灰色框显示，按F12预览时才能正常显示相应的效果。 4）插入FLASH文件完成后，可以在属性面板中，对插入的 flash 文件进行相应的设置。 5、插入Shockwave 影片 Shockwave一个很普及的网页浏览器的插件，是网页上用于交互式多媒体一种标准格式，能使多数的多媒体文件快速下载，也可以在浏览器中进行播放。 1）在文档窗口用鼠标定位好要插入Shockwave 影片的位置。 2）单击插入