《第13课--布局模式、模板与资源列表---Dreamwear8网页设计教程课件.ppt》由会员分享，可在线阅读，更多相关《第13课--布局模式、模板与资源列表---Dreamwear8网页设计教程课件.ppt（37页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束课堂讲解 第13课 向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束课堂讲解 布局模式 使用模板资源列表与库向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束布局模式 认识布局模式 切换到布局模式 认识布局视图 退出布局模式 创建布局表格和布局单元格 在布局表格中添加内容 调整布局表格和布局单元格 设置布局模式首选参数 向下
2、向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束切换到布局模式 在绘制布局表格或布局单元格之前，必须切换到布局模式下。在“布局”插入栏中单击“布局”按钮即可切换到布局模式。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束退出布局模式 在布局模式中制作完布局表格后，最好退出布局模式到标准模式下进行内容的添加和编辑。在文档编辑区的
3、顶部，单击“退出”超级链接。选择查看表格模式标准模式菜单命令。在“布局”插入栏中单击“标准”按钮。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束创建布局表格和布局单元格 在布局模式下使用布局表格和布局单元格进行页面布局时，一般先创建布局表格，再在布局表格中添加布局单元格，其绘制方法与层的绘制方法相同。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束在布局表格中添加内容 在布局模式中可向布局表格中的布局单元格内添加文本、图像和其他网页元素，与在
4、标准模式中将内容添加到表格单元格相同。在添加内容之前，必须先绘制布局单元格，因为内容只能添加到布局单元格中。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束清除布局单元格高度 清除单元格高度之后，单元格将自动被压缩，当向布局单元格内插入内容后，单元格将自动调整大小以适应插入的内容。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结
5、束结束布局单元格的大小调整及布局表格的移动 在Dreamweaver 8中可以移动或调整布局单元格的大小，但不能重叠布局单元格。对布局单元格进行移动或调整大小时，只能在布局表格的边框与内容的边线之间，只有嵌套在布局表格内部的才能被移动，其他的布局表格均不能移动。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束使用模板建立模板 将现有网页保存为模板 创建空白模板 模板的编辑 创建可编辑区域 取消对可
6、编辑区域的标记 更改可编辑区域的名称 基于模板创建网页管理模板 向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束创建空白模板 向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束创建可编辑区域 可编辑区域是指可以进行添加、修改和删除等操作的区域。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音
7、调音返回返回零点 起飞电脑培训学校结束结束向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束更改可编辑区域的名称 插入可编辑区域后，可以更改它的名称。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束基于模板创建网页用现有模板创建网页 在“资源”面板中从模板创建新网页 将当前网页应用模板 向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束用现有模板创建网页 向下向下向上向上末
8、页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束在“资源”面板中从模板创建新网页 按【F11】键打开“资源”面板。在“资源”面板中单击左侧的按钮，查看当前站点中的模板列表框。用鼠标右键单击要应用的模板，在弹出的快捷菜单中选择“从模板新建”命令，模板即会在编辑窗口中打开。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束将当前网页应用模板 向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束向下
9、向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束重命名模板 选择窗口资源菜单命令或按【F11】键，打开“资源”面板。在“资源”面板单击左侧的 按钮，打开模板列表框。在模板列表框中选择要重命名的模板文件，再单击模板名称或在选择的模板名称上单击鼠标右键，在弹出的快捷菜单中选择“重命名”命令，此时模板名称处于反白显示，重新输入新名称即可。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束删除模板 向下向下向上向上末页末页首页首页中文Dreamweaver
10、8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束打开网页所附模板 通过模板创建网页后，网页与模板间就是链接关系，这种应用了模板的网页常称为附着模板网页。修改模板后，系统自动更新附着模板的网页。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束将网页脱离模板 如果不想在网页中附着模板，或不希望网页与模板有联系，可以使网页与模板分开。向下向下向上向上末页末页首页首页中文Dreamweav
11、er 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束资源列表与库 认识“资源”面板使用站点列表 使用收藏资源库向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束使用站点列表 使用站点列表可以进行删除、排序、插入资源等操作，对资源进行编辑。使用站点列表 在页面中添加资源 改变资源顺序 向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点
12、起飞电脑培训学校结束结束使用站点列表 选择窗口资源菜单命令或按【F11】键，打开“资源”面板。选中“站点”单选项，打开站点列表。单击相应的资源类别按钮，在资源列表中选择资源，这时在预览窗口中将显示所选择的资源。单击“插入”按钮即可将选择的资源添加到网页中。单击 按钮可以刷新资源列表。单击 按钮可打开外部编辑器编辑选择的资源。单击 按钮可将选择资源添加到收藏列表。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束在页面中添加资源 在页面中添加资源，可在“资源”面板中选择要插入的资源类别（“颜色”和“模板”类别除外），将资源
13、拖动到编辑窗口中，或单击“插入”按钮将资源插入到页面中。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束改变资源顺序 向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束使用收藏资源 在“资源”面板中，收藏列表的使用方法与站点列表的使用方法基本相同，但有许多资源只能在收藏列表中才能完成。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束库 库是特殊的Dreamweaver文件，它可以存储各种各样的网页元素。如在网站中页面的标题和版权信息等是固定不变的，使用频繁，这些就可以通过库将其单独保存，在需要时直接插入库即可，和模板比较相似。向下向下向上向上末页末页首页首页中文Dreamweaver 8网页设计培训教程调音调音返回返回零点 起飞电脑培训学校结束结束上机实战 本课上机实战主要练习创建模板和已创建完成的网页应用模板。在练习过程中，主要用到模板的创建、模板对象的添加、模板的保存和模板的应用等知识点。