Dreamweaver网页设计项目教程王雪松项目二任务5完成首页内容区制作1课件教学.pptVIP

* * Dreamweaver网页设计项目教程 机械工业出版社 任务5完成首页内容区制作1（建议2学时） 01 任务分析 02 任务实施 任务分析 主内容区的结构如图所示 ： 任务分析 主内容区的主架框为#maincontent，内容包含左右两个部分：#main、#side。 在#main中又分成上、中、下3个部分；在.side中也包括上、中、下3个部分。 主内容区的层次嵌套得比较多，在制作过程中，要注意各部分之间的嵌套关系和位置关系，如#maincontent中的#main和.side是左右分布，那么就需要设置浮动。而#main中和.side中是上中下结构，则无须设置浮动。 网页制作没有顺序要求，可以“先大架、再具体”；也可以按“从左到右、从上到下”的顺序，依个人的习惯而定。本实例按“先布局大框架，再按从左到右、从上到下”的顺序制作完成。 任务实施 创建外大架框 外大架框结构如图所示： 任务实施 创建外大架框 1）光标定位在#maincontent中，插入Div标签，插入位置在#maincontent结束标签前，名称为“#main”，如图所示： 任务实施 创建外大架框 2）插入Div标签，插入位置在#maincontent结束标签前，名称为“#side”，如图所示： 任务实施 创建外大架框 3）插入Div标签，插入位置在