xiaozmn
- 浏览: 358182 次
- 性别:
- 来自: 保定
-
最新评论
-
liomao：
火狐浏览器不通用吧？
收藏本站代码及设为首页代码 -
上善如水：
我刚刚开始写网页，看了不少的写作规范写作规范，可是还是有浏览器 ...
UL-LI 标签结合CSS的运用基础 -
ksmjava：
关于技术人员的前途，目前在国内确实得用"惨淡&quo ...
WEB前端设计师需要的技能 -
AlexChen_China：
Web开放工具是如此的丰富啊...初来乍道很多工具都不知道;
前端开发大众手册(包括工具、网址、经验等) -
xiaoqing20：
不错长见识了
什么是UI
文章列表
韩国网站特点
页面结构 韩国网站的页面结构相对来说比较简单，可以说几乎是统一的风格，顶部的左边是网站的logo，右边就是它的导航栏，和国内网站不一样的地方它甚少采用下拉菜单的样式，而是把各级栏目的下级内 ...
- 2009-07-16 18:10
- 浏览 1228
- 评论(0)
评论一：
1、简洁，平淡，严谨（不习惯艳丽，花销的色彩）。
2、倾向于将首页做成各类功能、板块的引导界面，首页不会放置太多的内容，即使有内容表现，也是比较简洁的，不超过2屏。
3、讲究实用性和便利性。简单（够用 ...
- 2009-07-16 18:07
- 浏览 2206
- 评论(0)
言
近几年，有一个新兴的词在设计领域诞生，这个词就是“UI”。 在短短的几年里UI设计师越来越多，设立UI部门的企业越来普遍，各大院校也出现了和UI相关的专业， UI 设计的组织和网站层出不穷。这一切都预示着一个“UI”大时代已经到来。
到底什么叫UI设计，什么是UI设计师，UI设计师负责什么，UI设计师的知识背景是什么，什么样的企业需要UI设计部门， UI 设计和ID设计的关系是什么，UI设计的发展现状是什么，UI设计的将来的是什么？我想很多人都会对这些问题感兴趣。在本文我以一个一线UI设计师的视角解析这个行业，这个领域。
什么叫UI设计
UI的本意是用户界面( u ...
- 2009-07-16 13:48
- 浏览 1550
- 评论(1)
LI代码的格式化:
A).运用CSS格式化列表符：
ul li{
list-style-type:none;
}
例如下面的：
供求信息
B).如果你想将列表符换成图像，则：
ul li{
list-style-type:none;
list-style-image: url(images/icon.gif);
}
例如下面的：
供求信息
C).为了左对齐，可以用如下代码：
ul{
list-style-type:none;
margin:0px;
}
例如下面的：
供求信息
D).如果想给列表加背景色，可以用如下代码：
ul{
list-style-type: non ...
- 2009-07-16 13:46
- 浏览 1533
- 评论(1)
附加
工具
http://www.ziuo.cn/box/css-editor
http://www.ziuo.cn/box/中英文颜色代码参考手册.html
http://www.ziuo.cn/box/网页配色表.html
http://www.ziuo.cn/box/网页配色器.html
网站常用中英文对照表（这些在建站中都应该会用到）
网站导航 Site Map
公司简介 Profile or Company Profile or Company
公司设备 Equipment Equipment
公司荣誉 Glories Glories
企业文化 Culture Culture
...
- 2009-07-16 13:45
- 浏览 1036
- 评论(0)
1.CSS ID 的命名
外 套： wrap
主导航： mainnav
子导航： subnav
页 脚： footet
整个页面： content
页 眉： header
页 脚： footer
商 标： label
标 题： title
主导航： mainbav（globalnav）
顶导航： topnav
边导航： sidebar
左导航： leftsidebar
右导航： rightsidebar
旗 志： logo
标 语： banner
菜单内容1： menu1 content
菜单容量： menu container
子菜单： submenu
边导航图 ...
- 2009-07-16 13:44
- 浏览 1154
- 评论(0)
margin:页边的空白, (湖、池等的)边缘, 极限, 利润, 差数, (时间、金额等的)富余
padding:填充
display:陈列, 展览, 显示
decoration:装饰, 装饰品
clip:夹住, 剪短, 修剪
float:浮动, 飘浮, 散播, 摇摆, 漂浮, 动摇(计划等)付诸实行
cursor:指针
pointer:指示器
weight:重力, 重量, 分量, 砝码, 重要(性), 势力, 负担, 重累
overflow:溢出, 超值, 泛滥, 充满, 洋溢
static:静态的, 静力的
indent:缩进, 契约, 订货单, 凹痕
repeat: ...
- 2009-07-16 13:44
- 浏览 1019
- 评论(0)
前言
对于日常的很多事情，我们并没有注意到这背后都有着一个隐藏的“因素”在起作用，这个因素就是：标准。
生活中各行各业都有着自己相应的标准与规范，标准可以方便交流、促进协作、提高效率。
对于IT行业，设备的多样性与信息的多样性更加需要标准来保证它们之间的沟通与协作。好在我们已经找到了解决的方案，这就是---XML。
XML简单说就是一种“有规定格式的文档”，只要我们的设备或系统产生的数据都遵守这种格式，就可以实现互相的数据交换、分享与协作。
自从1998年国际万维网组织(W3C.org)推出XML 1.0规范以来，已经有大量的XML标准在我们的生活中应用，例如我们用手机订阅的天 ...
- 2009-07-16 13:43
- 浏览 1073
- 评论(0)
导航栏是网页中常用的模块，有很多方法可以实现，下面是用css实现的方法：
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li class="menuDiv"></li>
<li><a href="#">博客</a></li>
<li class="menu ...
- 2009-07-16 13:41
- 浏览 1529
- 评论(0)
Iframe高度自适应
- 博客分类：
- div+css
<iframe width="190" id="test" alt="Iframe高度自适应" src=http://www.3pcode.com/article/article_106/gsw.php frameborder="0" scrolling="no"></iframe>
*一定要设置id属性
在</head>之间加入:
<script type="text/javascript">
var iframeids ...
- 2009-07-16 13:41
- 浏览 882
- 评论(0)
用css实现网页背景渐变的代码如下：
一、从上往下渐变
Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
Example Source Code:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finis ...
- 2009-07-16 13:40
- 浏览 2533
- 评论(0)
DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义，块级元素div尽量少用，和table一样，嵌套越少越好
ol 有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表现为：
1……
2……
3……
ul 无序列表，表现为li前面是大圆点而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
很 ...
- 2009-07-16 13:39
- 浏览 2033
- 评论(0)
<h1 onmouseover="this.style.color='red'" onmouseout="this.style.color='green'">变色</h1>
文字变色
<div onmouseover="this.style.background='red'" onmouseout="this.style.background='green'">变色</div>
背景变色
- 2009-07-16 13:39
- 浏览 1296
- 评论(0)
块元素(block element)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P。"form"这个块元素比较特殊，它只能用来容纳其他块元素。
如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table标签也是块元素的一种，table based layout和css based layout从一般使用者（不包括视力障碍者、盲人等）的角度来看这两种布局，除了页面 ...
- 2009-07-16 13:38
- 浏览 756
- 评论(0)
table-layout:fixed 属性的解说
如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)，以达到使过长的文字不撑破表格的目的，一般是使用样式：table-layout:fixed。但是在Firefox下面，会有一些问题:firefox下，内容会飘出框外，暂时没有找到解决办法，如果有可以解决此方法的朋友，欢迎来帖，小妮子将十分感激!
例1：(IE浏览器)长串英文自动回行
方法：同时加入word-wrap:break-word;
table{table-layout:fixed;word-wrap:break-word;}
...
- 2009-07-16 13:36
- 浏览 3305
- 评论(0)