- 相关推荐
网页设计制作教程《四》
网页设计制作教程《四》
一般导航下面放置的是一个幻灯片，网上都有现成的代码，不过多说了...
内容 -- 左部分
工具/原料
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基本上定义好了...具体的颜色还有图片根据个人喜欢，自己进行设置...
【网页设计制作教程《四》】相关文章：
网页制作教学设计02-25
网页制作教学设计07-28
制作网页教学设计04-20
网页设计与制作心得12-12
网页设计与制作报告01-04
网页设计制作实习报告04-05
【推荐】网页设计与制作心得12-31
网页设计与制作心得范文12-02
【热】网页设计与制作心得01-15
【荐】网页设计与制作心得01-15