Dreamweaver网页设计项目教程王雪松项目一任务3-1课件教学.pptVIP

* * Dreamweaver网页设计项目教程 机械工业出版社 任务三 搭建网页框架1（建议2学时） 01 任务分析 02 任务实施 任务分析 根据W3C的标准，我们将采用DIV+CSS进行页面布局。采用DIV进行布局只需要考虑网站的结构即将网站划分成几个“方形”区域，这些“方形”的大小、位置就是我们建立DIV的大小和位置。 DIV特性分析 DIV的作用是进行布局。 新建的DIV高度、宽度、边线、颜色等是没有定义的，它的高度取决于其内的内容的多少。在预览的情况下看不到DIV的痕迹，只能看到它里面装的内容。 任务分析 DIV特性分析 3. DIV的一切样式都要在CSS中定义，并要求DIV的id名称必须与CSS中定义的名称一致。 任务分析 DIV特性分析 一个DIV是占据一行，多个DIV是右对齐自动沿着至上而下的顺序排列的，即使DIV的宽度之和要远小于网页的宽度。 DIV是可以嵌套的。为了布局的规整、样式的统一定义，常常使用DIV嵌套定义，即在一个DIV的内部放置一个或多个DIV。 任务实施——首页DIV布局 打开Adobe Dreamweaver，选择“美味美厨”站点，并打开index.html文件。把工作区设置成拆分样式，这样可以同时看到代码和可视化编辑窗口，有利于熟悉代码。设置页面的标题为“美厨美味蛋糕工坊 最好吃的蛋糕！Delicious c