326 制作网站——应用Div+CSS技术布局网页 教案

教学目标

了解Div技术。

能够使用Div技术快速的对页面进行布局。

知道三种布局方式的区别。

教学

重难点

使用Div技术对页面进行布局

教学资源

网站设计素材、网络教室

教学过程

教师活动

学生活动

导

入

提问：

在Dreamweaver中我们学习了哪些方法来对网页进行布局？

这两种方法各有什么优缺点呢？

展示用表格布局和Div+CSS两种方式制作的网页，请大家来说一说使用哪种方式更好？

1.学会了使用表格布局和框架布局网页两种方法。

2．表格用于划分页面区域，而框架用于分割浏览器窗口。

框架的优点：不需要为每个页面重新加载导航条。表格的优点：有很好的兼容性，可被绝大多数浏览器支持，使用表格会使页面结构清晰，布局整齐。

新

授

一、三种布局方式的区

转载请注明出处！本文地址：https://www.docer.com/preview/21236729