基于CSS技术的网页设计.doc

三、实验用设备、软件环境 1.实验用仪器设备：PC机 2.软件环境：Adobe Dreamweaver CS6 四、实验原理 基于HTML和CSS的前端开发的思想、方法，用HTML与CSS设计前端页面 五、方案设计 a:设计布局。 b:设置大盒子，大盒子中套小盒子，将大盒子划分为6个盒子。 C:最后将6个盒子里的内容进行完善 D:达到效果图 1、利用CSS设置网页背景色为#666 2、添加大盒子div，id为big div利用CSS设置大盒子的外边距（使之居中），高度（atuo），宽度（1000px）。 3、在大盒子中添加六个盒子，分别id为div1......div6，分别用CSS设置背景图片，宽度，高度，浮动方式。 4、在div1里，添加一个标题为“李乐乐的博客”，在标题下添加文字。 5、在div2里，添加9个盒子，在其中分别添加9个链接，用类选择符CSS设置9个盒子的高度、宽度、浮动方式，将其整体作为导航栏。 6、在div4里，添加3个盒子，第1和3个盒子里分别放置文字和列表，第2个盒子用来分隔第1，3个盒子。并用CSS设置3个盒子的高度，宽度，浮动方式，背景色。