网页设计制作教程《四》

详细操作

先定义左部分div

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

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

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

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

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

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

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

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

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

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

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

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

用户类似问题：

问题1：网页设计与制作教程(第4版)资源

我看到豆丁有在线阅读，不知道是不是这个。如果是需要下载的话，请回复。 >>详细

问题2：怎么制作网页教程

先从最简单的 HTML 网页入手；选择 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具；制作前，粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程，了解这几个软件到底能做... >>详细

问题3：如何从网页制作菜鸟到高手？

首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣... >>详细

问题4：怎么制作网页教程

先从最简单的 HTML 网页入手；选择 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具；制作前，粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程，了解这几个软件到底能做... >>详细

问题5：网页制作详细教程

网页制作教程万字以内便不可能详细……想帮你但不得要领，希望你能把问题具体一些。 >>详细