网页设计制作教程《四》
- 设计
- 关注:3.8K次
一般导航下面放置的是一个幻灯片,网上都有现成的代码,不过多说了...
内容 -- 左部分
工具/原料
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基本上定义好了...具体的颜色还有图片根据个人喜欢,自己进行设置...
标签:
网页
- 文章版权属于文章作者所有,转载请注明 https://xuewengu.com/zh-cn/flhy/sheji/nv40r1.html