本示例通过五个步骤的介绍,基本形成了如下效果的页面。
我们可以详细的阅读并动手试验这个示例的全过程:
一、页面布局与规划
总体的美工构思,形成效果图,并对页面进行分隔,形成DIV结构,为细化页面,打好基础。
◆ → http://www.weby.com.cn/view.asp?id=8
二、写入整体层结构与CSS
XHTML的基本结构形成,应用CSS对其进行控制。使页面初见形态。
◆ → http://www.weby.com.cn/view.asp?id=9
三、页面顶部制作
写好了页面DIV结构以后,开始细致地对每一个部分进行制作。
◆ → http://www.weby.com.cn/view.asp?id=10
四、页面顶部 列表<li>制作菜单
CSS菜单的制作通常是很精妙的,通过这一部份的讲解,相信大家都能掌握这一技术。
◆ → http://www.weby.com.cn/view.asp?id=11
五、用好border和clear
DIV+CSS布局往往需要重视很多的细节问题、兼容性问题,此部分重点讲解了border和clear。