html布局应用综合案例,使用div+css布局网页综合案例2——心灵小站（适用于高级教学）...

本案例所使用的素材请联系QQ 1617818397 索取。若需要案例源代码，请付款30元索取！

【准备站点环境】

1、新建一个站点，将素材拷贝到站点中使用。新建一个网页，把网页的标题设置为“心灵小站首页”，将其保存为index.html。

2、针对

标签新建一个CSS样式，把边界设置为0px，字体为宋体。

【制作logo栏】

3、插入一个div标签，设置div的id为logo。

(1)选中id为logo的div标签，新建一个CSS样式。设置宽度为1000px，上、下边界为0px，左、右边界为自动。

(2)选中“此处显示 id "logo" 的内容”并将其删除，然后在div中插入对应的图片index_01.gif，并设置替换文本为logo。

【制作导航菜单】

4、在id为logo的div末尾插入一个div标签，设置div的id为menu。

(1)选中id为menu的div标签，新建一个CSS样式。设置宽度为1000px，高度为38px，上、下边界为0px，左、右边界为自动；设置背景图像为index_03.gif。

(2)选中“此处显示 id "menu" 的内容”并将其删除，然后在div中插入对应的图片index_05.gif。

(3)选中图片index_05.gif，新建一个CSS样式。设置浮动方式为右对齐。

(4)应用图片热区超链接的知识，对各个菜单制作空链接。

【制作本站公告、最新素材、最新模版、最新日记模块】

5、建立HTML结构。

(1)在id为menu的div末尾插入一个d