前端网页设计第11次课.ppt

第10次课教学回顾 各组班级网站首页设计展示 Web前端开发(小组分工) 组名 组长 组员（首页） 组员（次页） 梦之意 何雨婷 何雨婷 庄春萍、吴泽婷、张琳琳 李晓莉、梁妙如、邓婕 学渣继承者 林圳娜 林圳娜 戴巧玲、林冰琪、黄琪花、詹丹玲 growl 方浩锐 方浩锐 郑程程、林梓洁、齐睿 郭依纯、黄榕榕 无所谓 温思宇 温思宇 庄佳、蔡玉珍、朱楚铃、刘敏娜 待定 黄康顺 黄康顺 李先懿、许秋明、陈文彬 林文进、苏炳明 Nothing is impossible 蔡晓敏 蔡晓敏 巫明成、庄霖微、王钰萍 郑伶、郑宏锋 D调奢华 杨梨 杨梨 黄晶晶、邱灿鑫、林俊凯 陈琼丽、陈米米 分发文件 完成本次课 项目1-任务3-子任务1任务实施记录总结页(制作_______次页).doc 项目1-任务3制作次页--考核评价表.doc 技能演示 请根据班级网站实例页面的结构布局、区域划分 及层嵌套关系的分析，根据各组确定的网站主题 使用DW完成班级网站首张次页布局及内容设计 以“新闻中心”页面为例，进行结构布局、区域划分及层嵌套关系的分析 Header Left Right PageBody Footer 网页布局结构图 #Body{} #Container{} #Header{} #PageBody{} #Left{} #Right{} #Footer{} CSS样式代码结构 首张次页内容设计步骤及实施要求 各组根据本组网站主题的内容完成班级网站首张次页布局结构及内容设计 横排或纵排页面 导航条设计（横向、纵向） 栏目划分 CSS样式文件的创建 使用链接外部样式表 任务实施： 步骤1——创建网站首张次页布局结构 根据任务实施要求完成首张次页面布局结构设计 任务实施： 步骤2——设计网站首张次页内容 根据任务实施要求完成首张次页面内容设计 第11次课教学小结 任务3： 制作次页——子任务1 制作首张次页 技能演示：以实例网站首张次页为例进行 1、首张次页面布局分析 2、首张次页面结构创建 3、CSS样式文件创建 任务实施：创建网站首张次页布局结构及内容设计 任务要求：根据各组设计完成网站主题及网站结构框图，完成 首张次页面布局及内容设计