网页制作与网站设计_09Dreamweaver CS3 层布局网页课件.ppt

《网页制作与网站设计_09Dreamweaver CS3 层布局网页课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目九DreamweaverCS3层布局网页计算机常用工具软件项目九任务一了解APDiv元素的基本概念任务二插入APDiv任务三APDiv元素的编辑任务四AP元素的属性以及与表格之间的相互转换计算机常用工具软件项目九任务一了解APDiv元素的基本概念课程导航任务一任务描述任务说明任务二任务三任务四任务一通过一段时间的学习，小刚已经可以独立的建立简单的网页，但是始终不能做的和浏览互联网上的那些网页的布局一样近乎完美，文本和图象等页面元素也不能排列得井井有条。于是他去请教老师，老师给他教授了这样近乎完美的布局很大程度上依赖于AP元素。任务描述课程导航任

2、务一任务描述任务说明任务二任务三任务四任务一Dreamweaver将带有绝对位置的所有div标签视为AP元素是一种被分配了绝对位置的HTML页面元素，您可以将它定位在页面上的任意位置。通过Dreamweaver，您可以使用AP元素来设计页面的布局。AP元素在网页的位置不受限制，可以放置在页面中任何位置。任务说明计算机常用工具软件项目九任务二插入APDiv课程导航任务一任务二任务描述任务说明操作步骤任务三任务四任务二经过对APDiv元素的基本概念的了解，小刚已经基本能够掌握了，下面需要进一步学习插入APDiv元素。任务描述课程导航任务二AP元素是CS

3、S中的定位技术，在Dreamweaver中对其进行了可视化操作。在Dreamweaver中，插入一个新的AP元素，可以通过直接插入、拖动或绘制等方法来创建。任务说明任务一任务二任务描述任务说明操作步骤任务三任务四课程导航任务二操作步骤方法一：将光标定位在要插入AP元素的地方，单击“插入记录”

4、“布局对象”

5、“APDiv”命令；任务一任务二任务描述任务说明操作步骤任务三任务四课程导航任务二操作步骤方法二：在“标准”模式下，在“布局”面板上的“绘制APDiv”按钮,鼠标指针变为“＋”形状，在“文档”窗口中单击鼠标左键拖动，即可实现层的创建。任务一任务二

6、任务描述任务说明操作步骤任务三任务四课程导航任务二操作步骤方法三：直接将“布局”面板上的“绘制APDiv”按钮拖动到网页中，创建APDiv任务一任务二任务描述任务说明操作步骤任务三任务四计算机常用工具软件项目九任务三APDiv元素的编辑课程导航任务一任务二任务三任务描述任务说明操作步骤任务四任务三小刚经过对插入APDiv元素的基本操作的学习，而深入思考到APDiv元素是否还能有其他的相关操作。任务描述课程导航任务三AP元素是可以进行编辑，对AP元素可以选择，移动AP元素，调整AP元素的大小，在APDiv中添加文字，创建嵌套APDiv。任务说明任务一

7、任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤1）选择APDiv方法一：在AP元素面板中选择AP元素任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤1）选择APDiv方法一：在AP元素面板中选择AP元素方法二：在文档窗口中选择AP元素任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤1）选择APDivDreamweaver中不仅仅可以选择一个AP元素,还可以选择多个AP元素,方法一：在“AP元素”面板中，选择菜单栏中“窗口”

8、“AP元素”，并按住Shift单击两个或更多个AP元素名称。方法

9、二：在“文档”窗口中，按住Shift键并在两个或更多个AP元素的边框内（或边框上）单击。任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤2）调整AP元素的大小可以调整单个AP元素的大小，也可以同时调整多个AP元素的大小以使其具有相同的宽度和高度。在选中APDiv的状态下，APDiv的边框显示各个节点，将鼠标放在任一节点上，使光标变成双向箭头，按住鼠标左键，拉动光标，可以调整APDiv的大小。任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤3）移动AP元素可以按照在最基本的图形应用程序中移动对象的相同方法在

10、“设计”视图中移动AP元素。若要通过拖动来移动，请拖动最后一个选定的AP元素（以黑色高亮显示）的选择控点。若要一次移动一个像素，请使用箭头键。任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤4）在APDiv中添加文字在APDiv中可以添加任何可以在网页上添加的内容，例如文字、图像、表格、flash动画以及多媒体对象等。任务一任务二任务三任务描述任务说明操作步骤任务四计算机常用工具软件项目九任务四AP元素的属性以及与表格之间的相互转换课程导航任务一任务二任务三任务四任务描述任务说明操作步骤任务四老师观察小刚的AP元素操作基本上已

11、经掌握熟练，就对他讲了一些有关AP元素的属性以及与表格之间的相互转换的知识，提高小华的制作网页的水平。任务描述课程导航任务