分类“CSS/DIV布局专题讲解”的存档

共 2 页: [1] 2 » | 下一页»

设置图片效果 - CSS/DIV专题讲解 - 第1课

2007年06月04日 星期一

本节课时长11分23秒,下载文件16.3兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

在五彩缤纷的网络世界中,各种各样的图片组成了丰富多彩的页面,能够让人更直观的感受网页所要传达给用户的信息。本课介绍CSS设置图片风格样式的方法,包括图片的边框、对齐方式、图文混排等,并通过实例综合文字、图片的各种运用。

1.图片样式

作为单独的图片本身,它的很多属性可以直接在HTML中进行调整,但是通过CSS统一管理,不但可以更加精确的调整图片的各种属性,还可以实现很多特殊的效果。我们在这里主要讲解CSS设置图片基本属性的方法,为进一步深入探讨打下基础。希望大家能够掌握以下两个方面的内容:

  • 图片边框
  • 图片缩放

2.图片的对齐

[点击这里查看本文全文……]

设置网页背景 - CSS/DIV布局专题讲解 - 第2课

2007年06月05日 星期二

本节课时长12分36秒,下载文件14.2兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

任何一个网上的页面,它背景的颜色、基调往往是给用户的第一印象,因此在页面中控制背景通常是网站设计时一个很重要的步骤。本课在合理运用文字、图片等的基础上,重点介绍CSS控制背景颜色、图片等的方法。

1.背景颜色

256×256×256种RGB色彩组成了整个绚丽多姿的网络,任何一个页面都有它的背景色来突出其基调,微软的蓝色、Google的白色、世纪坛的墨绿、圣诞网站的火红等等都给人们留下很深刻的印象。我们在这里主要通过实例,介绍CSS设置页面背景颜色的方法。希望大家能够掌握以下两个方面的内容:

  • 页面背景色
  • 用背景色给页面分块

2.背景图片

[点击这里查看本文全文……]

设置表格与表单的样式 - CSS/DIV布局专题讲解 - 第3课

2007年06月06日 星期三

本节课时长12分0秒,下载文件12.1兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

表格与表单是网页上最常见的元素,表格除了显示数据外,还常常被用来排版。而表单则作为与用户交互的窗口,时刻都扮演着信息获取和反馈的角色。本课围绕表格和表单介绍CSS设置其样式的方法,以及利用CSS实现各种特效的技巧。

1. 控制表格

表格作为传统的HTML元素,一直受到网页设计者们的青睐。使用表格来表示数据、制作调查表等在网络中屡见不鲜。同时因为表格框架的简单、明了,使用没有边框的表格来排版,也受到很多设计者的喜爱。我们在这里主要介绍CSS控制表格的方法,包括表格的颜色、标题、边框、背景等。希望大家能够掌握以下几个方面的内容:

  • 表格中的标记
  • 表格的颜色
  • 表格的边框

2. 表格实例一:隔行变色

当表格的行列都很多、数据量很大的时候,单元格如果采用相同的背景色,用户在实际使用时会感到凌乱。通常的解决办法就是采用隔行变色,使得奇数行和偶数行的背景颜色不一样,达到数据一目了然的目的。本例最终效果如图所示。

[点击这里查看本文全文……]

设置页面和浏览器的元素 - CSS/DIV布局专题 - 第4课

2007年06月07日 星期四

本节课时长10分35秒,下载文件10.1兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

网页中除了上面课程提到的文字、图片、表格、表单等还有许多其它元素,例如超链接、鼠标、滚动条等等。这些元素无疑使得整个网络更加的丰富多采。本课主要介绍网页中这些元素的CSS效果,配合前面课程的内容,使得网页能更好的吸引用户。

1. 丰富的超链接特效

超链接是网页上最普通不过的元素,通过超链接能够实现页面的跳转、功能的激活等等,因此超链接也是与用户打交道最多的元素之一。我们在这里主要介绍超链接的各种效果,包括超链接的各种状态、伪属性、按钮特效等等。希望大家能够掌握以下几个方面的内容:

  • 动态超链接
  • 按钮式超链接
  • 浮雕式超链接

[点击这里查看本文全文……]

用CSS制作漂亮的菜单- CSS/DIV布局专题讲解 - 第5课

2007年06月08日 星期五

本节课时长10分46秒,下载文件9.98兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

作为一个成功的网站,导航菜单是永远不可缺少的。导航菜单的样式风格往往也决定了整个网站的样式风格,因此很多设计者都会投入很多时间和精力来制作各式各样的导航条,从而体现网站的整体构架。本课围绕菜单的制作,介绍相关的项目列表、菜单变幻、导航栏等的内容。

1. 项目列表

传统的HTML语言提供了项目列表的基本功能,包括顺序式列表的 ol 标记,无顺序列表 ul 标记等等。当引入CSS后,项目列表被赋予了很多新的属性,甚至超越了最初设计时它的功能。我们在这里主要围绕项目列表的基本CSS属性进行相关介绍,包括项目列表的编号、缩进、位置等等。希望大家能够掌握以下几个方面的内容:

  • 列表的符号
  • 图片符号

[点击这里查看本文全文……]

共 2 页: [1] 2 » | 下一页»