教学相长（二）

下午的课请了董琪同学来给大家交流，主题是“CSS+DIV网页布局常识与经验”。董琪同学是04软件专业的，学校第二届“双基”网页创新竞赛的冠军，EcjtuCert原网建部部长（现任技术顾问）。

同学们对这位学长的讲座非常满意，课间有人还递纸条过来表示讲得好，课后也有不少同学要求进一步交流。

董琪同学声音洪亮、思路清晰，而且注重理论与实践操作相结合，关键知识点进行重复或小结，轻车熟路，一个半小时里，从XHTML、CSS、DIV、SPAN等概念入手，结合实例演示，介绍了使用DW设计web标准网页的基础知识与经验技巧。经过本人整理，知识点如下：

• XHTML：XHTML是一种为适应XML而重新改造的HTML，是一种增强了的HTML，它的可扩展性和灵活性将适应未来网络应用更多的需求。（更多请参阅《 XHTML基础问答》）
• 网页设计常识：相对路径绝对路径；文字环绕图片；网站目录设置等
• DIV+CSS的作用：先放入DIV容器，再设计CSS，应用CSS，实现自由布局和丰富样式。
• DIV与SPAN的异同： DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染；主要用于应用CSS；两者最明显的区别在于DIV是渲染HTML的容器，而SPAN是行内文本容器（不换行）；通过定义CSS的display属性值可以实现DIV与SPAN的相互转化。 （详细参阅《 DIV与SPAN之间有什么区别》）
• DIV的样式中属性值的设置技巧

另，课间有同学问DIV与Layer的区别，经查得知，Layer是Netscape里的层，相当IE里的DIV，Layer是DW设计中的一个概念，通过脚本语言来实现特效，在W3C组织的语法中没有描述。

附：《Div+CSS布局入门教程》（CHM格式，原作者：蓝色理想）

本文是从 孔目湖 跨站发布到此