网页样式制作（拓展）第9章页面排版任务九制作宽度固定且居中的页面学习指导.docxVIP

任务九 制作宽度固定且居中的页面学习指导 1、知识目标与要求 （1）掌握CSS的排版的基本样式； 2、技能目标与要求 （1）掌握宽度固定且居中版式的制作技巧； （2）掌握左中右版式的制作技巧； 3、方法能力目标与要求 （1）掌握宽度固定且居中版式的运用 4、职业素养目标与要求 （1）培养严谨、细致、负责任的工作态度； （2）培养主动参与、团队协作的集体意识；（3）培养科学文明、积极向上的传媒道德 任务描述 用相对定位制作固定宽度且居中的页面，文件名bashang.html。布局如图9-4所示。宽度为800px，效果图如图9-5所示。通过本任务的练习，读者要掌握position定位中相对定位的概念以及使用方法。 制作思路 首先制作bashang.html，完成页面制作之后，将bashang.html另存为模版文件。利用该模版完成另外两个页面smt.html（司马台）和lushan.html（庐山）的制作。源文件可从《CSS+DIV网页样式制作》课程网站下载。下载网址： Img1footerbanner Img1 footer banner zw zw Img2 Img2 图9-4 任务九布局