苏科版初中信息技术《博客布局与美化——div+css》教学

上传人:tia****nde 文档编号:69458139 上传时间:2019-01-13 格式:PPT 页数:11 大小:807.81KB
返回 下载 相关 举报
苏科版初中信息技术《博客布局与美化——div+css》教学_第1页
第1页 / 共11页
苏科版初中信息技术《博客布局与美化——div+css》教学_第2页
第2页 / 共11页
苏科版初中信息技术《博客布局与美化——div+css》教学_第3页
第3页 / 共11页
苏科版初中信息技术《博客布局与美化——div+css》教学_第4页
第4页 / 共11页
苏科版初中信息技术《博客布局与美化——div+css》教学_第5页
第5页 / 共11页
点击查看更多>>
资源描述

《苏科版初中信息技术《博客布局与美化——div+css》教学》由会员分享,可在线阅读,更多相关《苏科版初中信息技术《博客布局与美化——div+css》教学(11页珍藏版)》请在金锄头文库上搜索。

布局与美化博客页面 DIV+CSS,授课教师:孙梅娜 南京市虹苑中学,你有博客、QQ空间吗?,内容,不变,变,文字的样式,网页的背景,各模块所在位置,Div+CSS优势何在?,表现和内容相分离,易于维护和改版,提高搜索引擎对网页的索引效率,代码简洁,提高页面浏览速度,什么是Div+CSS?,Div 标签,盒子模型,盒子里内容样式,内容与表现形式的分离,盒子的大小,盒子的位置,盒模型,CSS样式属性设置,有哪些盒子,盒子的大小,放在什么位置?,top,nav,content,left,right,任务一:分析结构图、整体布局,left,right,top,nav,content, , ,任务二:填充内容、局部美化,1、复制内容代码 2、链接外部css样式表 3、局部修改美化,操作提示:,拓展思考:,1、如何左右调整布局?需要改哪些css属性?,2、左右调整布局后,文本位置合适吗,你可以设置padding值调整文本的位置吗?,你能总结下div+css布局美化的主要步骤吗?,设计分析样图,1,2,3,整体调整,4,排版构架,局部模块处理美化,

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 高等教育 > 大学课件

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号