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