网站导航是网站中最重要的元素，是网站提供给用户的最直接最方便的访问网站内容的工具。网站导航从形式上主要由横向导航、纵向导航、下拉及多级菜单导航第三种形式。 横向导航 作为门户网站的设计而言，主导航一般采用横向导航。由于门户网站下方文字较多，且每个频道均有一同的样式区分，因此在顶部固定一个区域设计统一风格且不占用过多空间的导航是最理想的选择，国内大部分门户均采用这种形式。 纵向导航 目前在门户网站的设计中已经不再流行，纵向导航更倾向于表达产品分类。 下拉导航 主要用于功能复杂的网站。在有些网站上也常见的。 总的来说导航的核心目标是设计一个简便快捷的操作入口，帮助用户快速到达网站中的相应内...
http://www.jb51.net//article/11363.htm
使用浮动定位方式，从一列到多列的固定宽度及自适应，基本上可以简单完成，包括三列的固定宽度。而在这里给我们提出了一个新的要求，希望有一个三列式布局，基中左栏要求固定宽度，并居左显示，右栏要求固定宽度并居右显示，而中间栏需要在左栏和右栏的中间，根据左右栏的间距变化自动适应。这给布局提出了一个新的要求，而且单纯使用float属性与百分比属性并不能够实现，CSS目前还不支持百分比的计算精确到考虑左栏和右栏的占位，如果对中间栏使用100%宽度的话，它将使用浏览器窗口的宽度，而非左栏与右栏的中间间距，因此我们需要重新的思路来考虑这个问题。绝对定位在开始这样的三列布局之前，有必要了解一个新的定位方式——绝对...
http://www.jb51.net//article/11362.htm
在一列固定宽度之中，我们使用margi:0px auto;这样的设置，使一个div得以达到居中显示，而二列分栏中，需要控制的是左分栏的左边与右分栏的右边相等，因此使用margi:0px auto;似乎不能够达到宁产的效果，这时就需要进行div的嵌套式设计来完成了，可以使用一个居中的div作为容器，钭二列分栏的两个div旋转在容器中，从而实现二列的显示，结合上面的代码，新的XHTML代码结构如下：[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...
http://www.jb51.net//article/11361.htm
在实际应用中，有时候需要左栏固定宽度，右栏根据浏览器窗口大小自动适应，在CSS中实现这样的布局方式是简单可行的，只需在设置左栏的宽度即可，如上例中左右栏都采用了百分比实现了宽度自适应，而我们只需要将左栏宽度设定为固定值，右栏不设置任何宽度值，并且右栏不浮动，代码如下：[code]#left { background-color: #E8F5FE; border: 1px solid #A9C9E2; &nbs...
http://www.jb51.net//article/11360.htm
从二列固定宽度入手，开始尝试二列布局的情况下，左右栏宽度能够做到自适应，从一列自适应布局中我们知道，设定自适应主要通过宽度的百分比值设置，因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计，继续上面的CSS代码，我们得新定义二列的宽度值： [code]#left { background-color: #E8F5FE; border: 1px solid #A9C9E2; &nbs...
http://www.jb51.net//article/11359.htm
有了一列固定宽度作为基础，二列固定宽度就非常简单，我们知道div用于对某一个区域的标识，而二列的布局，自然需要用到两个div，XHTML代码如下：[code]<div id="left">左列</div> <div id="right">右列</div> [/code]新的代码结构中使用了两个id，分别为left和right，表示两个div的名称，我们所需要做的是，首先为它们制定宽度，然后让两个div在水平行中并排显示，从而形成二列式的布局，CSS代码如下：[html]<!DOCTYPE h...
http://www.jb51.net//article/11358.htm
页面整体居中是网页设计中最普遍应用的形式，在传统表格布局中，我们使用表格的align="center"属性来实现，。div本身也支持align="center"属性，也可以让div呈现居中状态，但css布局是为了实现表现和内容的分离，而align对齐属性是一种样式代码，书写在XHTML的div属性之中，有违背分享原则（分离可以使你的网站更加利于管理），因此应当css的方法实现内容的居中，我们以固定宽度一列布局代码为例，为其增加居中的css样式：[code]#layout { border: 2px soli...
http://www.jb51.net//article/11357.htm
自适应布局是网页设计中常见的布局形式，自适应的布局能够根据浏览器窗口的大小，自动改变其宽度和高度值，是一种非常灵活的布局形式，良好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。实际上div默认状态的占据整行的空间，便是宽度为100%的自适应布局的表现形式，一列自适应布局需要我们做的工作也非常简单，只需要将宽度由固定值改为百分比值的形式即可。[code]#layout { border: 2px solid #A9C9E2; b...
http://www.jb51.net//article/11356.htm
本系列教程为入门级教程，适合初学者学习，由最简单的知识一点一点进阶。主要以实例为主，很少部分理论，这样更适应初学者快速掌握。因本人也正在学习，难免有一些错误或疏漏地方，望各位给予指正。本教程参考《CSS网站布局实录》一书，在此向作者表示感谢。要想学好DIV+CSS，首先要有一定的HTML和CSS知识，如果这些你还不了解，建议你先去补习这一课，再来学习本教程。另外还要抛弃传统表格布局的思维模式，至于为什么，在你学习本教程中慢慢就会体会到。如果这些你都准备好了，那么开始吧！一列固定宽度一列固定宽度是基础中的基础，所以这节做为入门的第一节。我们给div使用了layout作为id名称，为了便于查看，使...
http://www.jb51.net//article/11355.htm
Flash入门途径 下面我的说每一个问，请你都不要跳过，不管您用什么手段，必须一个个吃透，否则欲速则不达。 1、三种图层 图层：和Photoshop的图层差不多。 导向层：不仅可以导向Motion动画，还有参考层的作用（这个功能用的人就不多了）。 蒙板层：蒙板层有图像的地方，它下面那层的内容才可显示，有点象3DS MAX里的蒙板贴图。 2、三种帧：即帧，关键帧，空白关键帧。 3、三种符号：即影片剪缉，按钮，图形，初学可以不用图形，用影片剪缉。 4、三种Flash动画的文件格式：即EXE，SWF，HQX 5、三种Flash常用的声音：MP3，AVI，WAV ...
http://www.jb51.net//article/10352.htm
对于PHP的逐渐流行，我们有目共睹：无论是BLOG程序中的WordPress，还是CMS程序中的DEDECMS，还是BBS程序中的Discuz!，都可谓经典。随着程序语言选择的不同，WEB应用所使用的数据库也发生了变化，转而向MySQL阵营学习。其中对于phpMyAdmin的学习则必不可少。phpMyAdmin(简称PMA)是一个用PHP编写的，可以通过互联网在线控制和操作MySQL。他是众多MySQL管理员和网站管理员的首选数据库维护工具，通过phpMyAdmin可以完全对MySQL数据库进行操作。一，phpMyAdmin的下载打开phpMyAdmin的官方站点：http://www.php...
http://www.jb51.net//article/10190.htm