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

下载文档

0
0
约小于1千字
约 12页
2018-03-18 发布于广东
举报
版权申诉
保障服务

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

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

苏科版初中信息技术《博客布局与美化——divcss》教学课件

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