DIV教程之视频：第5课 - 用CSS制造大度的菜单- CSS/DIV结构专题解说

切入正题，其实DIV+CSS正确的说法应该是XHTML+CSS，说成DIV的原因只是让它能更明确地和TABLE布局方法区分开来，并不是说一个页面里没有TABLE，而是在什么地方使用TABLE，你要认识到TABLE是表格，是存放数据用的，而不是用来布局的。

• 
  
• 
  

点击在线寓目
下载该节视频教程　动力软件园分流下载　FLV播放器下载大概利用QQ影音播放
作为一个乐成的网站，导航菜单是永久不成短少的。导航菜单的款式作风常常也决意了全部网站的款式作风，因而良多计划者城市投进良多工夫和精神来制造形形色色的导航条，从而表现网站的全体构架。本课环绕菜单的制造，先容相干的项目列表、菜单幻化、导航栏等的内容。
1.项目列表
传统的HTML言语供应了项目列表的基础功效，包含按次式列表的ol标志，无按次列表ul标志等等。当引进CSS后，项目列表被付与了良多新的属性，乃至超出了最后计划时它的功效。我们在这里次要环绕项目列表的基础CSS属性举行相干先容，包含项目列表的编号、缩进、地位等等。但愿人人可以把握以下几个方面的内容：

• 列表的标记
  
• 图片标记
  

登录/注册后可看大图

2.无需表格的菜单
当项目列表的项目标记能够经由过程list-style-type设置为none时，制造形形色色的菜单、导航条成了项目列表的最年夜用途之一，经由过程各类CSS属性幻化能够到达良多意想不到的导航效果。起首看一个实例，其效果如图所示。

3.菜单的反正转换

导航条不但是竖直分列，良多时分请求页面的菜单可以程度偏向显现。经由过程CSS属性的把持，可使项目列表的导航条轻松的完成反正转换，该例效果如图所示。

4.菜单实例一：百度导航条

翻开搜刮引擎百度的网站，能够看到logo下方的程度导航条。使用本课后面几节所先容的内容和办法，即可以轻松完成该导航条。我们在这里便经由过程复杂的制造，摹拟该效果。

登录/注册后可看大图

5.菜单实例二：盛行的Tab菜单
Tab作风的菜单导航一向遭到宽大网站的喜爱，网上到处可见形形色色的Tab菜单，图中显现的就是一个Tab菜单。我们在这里经由过程对导航菜单CSS属性的进一步把持，完成Tab菜单的效果。
通常把清除浮动写成单独的
放在所有浮动div的最下方。

仓酷云

HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器）

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。