《应用DIV+CSS技术布局网页》教学设计  

作　　者：李正东 王婷[1] 李秀梅 曹恒来 

机构地区：[1]江苏省东台市实验中学 [2]江苏省盐城市鹿鸣路初级中学 [3]江苏省盐城市教育科学研究院

出　　处：《中国信息技术教育》2023年第19期36-39,共4页China Information Technology Education

摘　　要：学习内容分析本课是苏科版八年级第三章“设计与制作主题网站”的内容,属于“互联网应用与创新”模块。表格和框架是传统的布局网页方式,使用表格布局简单易用,但表格的嵌套使网页结构变得复杂,网页内容需在表格加载完成后才能完全显示,且随着冗余代码的增加,性能和体验大大降低。作为表格替代者的DIV标签,采用盒子模式,由内容、填充、边框、外边距四个部分组成,代码简洁,结合CSS样式表,可以实现页面表现与内容的分离,能够对网页中元素的位置进行像素级的精确控制,很好地实现页面布局的各种排版效果,支持几乎所有的字体、字号样式,并具有初步交互设计能力。

关 键 词：CSS样式表 交互设计 页面布局 网页内容 网页结构 表格布局 主题网站 应用与创新 

分 类 号：G633.67[文化科学—教育学]