网页设计制作教程《四》

一般导航下面放置的是一个幻灯片,网上都有现成的代码,不过多说了...

网页设计制作教程《四》

内容 -- 左部分

工具/原料

photoshop

dreamweaver

步骤/方法

1先定义左部分div

2假设左部分有两块,就嵌套两个div

3标题栏目,左边显示标题名称,右边显示点击更多

4第一块标题下面为文字列表,所以添加一个ul li 列表

5左部分第一块html已经定义好了...下面定义第二块,同样第二块有一个标题...所以把第一个上面的'left_t复制过去

6第二块标题下面为图文列表,这里用dt dl dd

7这样的话,Html 已经定义好了...

8下面定义CSS,左部分宽250,高度750,背景#f5f5f5,边框1个颜色#ddd

9标题头部高32,背景#ccc,行高32,H3 左边浮动 span 右边浮动

10第一块列表,行高20,上下边距5px,列表样式无,A链接颜色#333,下划线无,鼠标经过下划线有

11第二块图文,图片离左边右边各23px,图片标题居中显示,上边距5px,标题颜色#333,下划线无,鼠标经过有下划线

12css基本上定义好了...看效果

13基本上定义好了...具体的颜色还有图片根据个人喜欢,自己进行设置...