参照以上样式做了个简易的纵向菜单
css 代码
* {margin:0; padding:0;}
body {font-size:12px; font-family:宋体; color:#666;}
ul {list-style:none;}
img {border:none;}
/* Apply */
.hackbox {clear:both;}
.colaB {width:816px;backg ...
重新认识javascript
Javascript是什么？二年前，我说它是一个小丑，因为那时候在很多网页制作人员的眼中，它就约等于特效，比如跑马灯效果、弹出窗口、网页关闭时弹出一个欢迎再来等等，还有专门的网站来收集javascript的特效，并将其归类为窗口特效、文字特效、图片特效等。这足以说明几年前 javascript在网页制作领域所处于的小丑地位了。
但现在，如果你还说javascript是小丑，我会反对你。自从AJAX应用的兴起、web标准的提倡，可以说javascript和asp、a ...
新形势下的网页制作以及职业定位
网站建设的分工也从原来的一人承包(从效果到页面到程序代码)的模式也逐步转变成Web Designer + Page Builder + Programer 的项目组合作开发模式。正是由于web标准的兴起，“页面工程师”这个称谓也慢慢走上了舞台并担任起了相当重要的角色。
曾在蓝色经典上看到Aether帖出来的土豆网（tudou.com）的招聘信息，感觉这个招聘信息非常的有代表性，原文如下：&nbs ...
Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。我们下面来共同学习它们的不同的用法，在学习中我们应该去思考在什么布局情况下，应该使用它们其中的哪一种。
position:static 无定位
该属性值是所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它，但有时候遇到继承的情况，我们不愿意见到元素所继承的属性影响本身，从而可以用position:static取消继承，即还原元素定位的默认值。
如：#nav { position:static; }
其他两种前面提过，我们 主要说的 ...
IE 6.0
IE 7.0
Firefox 2.0
Opera 9
但如何才能使写出来的样式表能同时兼容于这些浏览器呢？ 尚待了解........
Blog是个人或群体以时间顺序所作的一种记录，并且不断更新。blog之间的交流主要是通过回溯引用(TrackBack)和回响/留言/评论 (comment)的方式来进行的。blog的操作管理用语，也借鉴了大量档案管理用语。一个blog亦可被视为一个档案(archives)，或是卷宗 (fonds)。与传统档案不同的是，blog的写作者(blogger)，既是这份档案的创作人(creator)，也是其档案管理人 (archivist)。
Blog大量采用了RSS(Really Simple Syndication或者R ...
Social Network Service，社会性网络软件，依据六度理论*，以认识朋友的朋友为基础，扩展自己的人脉。并且无限扩张自己的人脉，在需要的时候，可以随时获取一点，得到该人脉的帮助。
SNS网站，就是依据六度理论建立的网站，帮你运营朋友圈的朋友。
（六 度理论，这个理论是20世纪60年代由美国的心理学家米格兰姆(Stanley Milgram)提出的，这个理论可以通俗地阐述为: 最多通过六个人你就能够认识任何一个陌生人。“六度分隔”成为人际关系世界中无可否认而又令人震惊的特征，许多社会学上的深入研究也给出令人信服的证据， 说明这一特征不只是特例，在一般情形 ...
Tag(标签)是一种更为灵活、有趣的日志分类方式，您可以为每篇日志添加一个或多 个Tag(标签)，然后您可以看到BlogBus上所有和您使用了相同Tag的日志，并且由此和其他用户产生更多的联系和沟通。不仅如此，我们还通过与 Technorati的合作，把您的Tag发送到全球Blog空间，和全世界的人们共同分享。
Tag体现了群体的力量，使得日志之间的相关性和用户之间的交互性大大增强，可以让您看到一个更加多样化的世界，一个关联度更大的Blog空间，一个热点实时播报的新闻台。Tag为您提供前所未有的网络新体验……
当然，您也可以简单地把一个Tag(标签)理解为一个日 ...
RSS是一种用于共享新闻和其他Web内容的数据交换规范，起源于网景通讯公司的推"Push"技术，将订户订阅的内容传送给他们的通讯协同格式(Protocol)。RSS可以是以下三个解释的其中一个:
Really Simple Syndication(真正简单的整合)
RDF (Resource Description Framework) Site Summary
Rich Site Summary(丰富站点摘要)
但其实这三个解释都是指同一种Syndication的技术。
目前RSS规范的主要版本有0.91、1.0和2.0。
0.91版和1.0版完全不同，风格不 ...
Wiki一詞源自夏威夷語的「wee kee wee kee」，本是「快點快點」之意。在這裡Wiki指的是一種超文本系統。這種超文本系統係支持那些面向社群的協作式寫作，同時也包括一組支持這種寫作的輔 助工具。有人認為，Wiki系統屬於一種人類知識的網路系統，我們可以在Web的基礎上對Wiki文本進行瀏覽、創建、更改，而且這種創建、更改、及發佈 的代價遠比HTML文本小;與此同時Wiki系統還支持那些面向社群的協作式寫作，為協作式寫作提供了必要的幫助;最後，Wiki的寫作者自然構成了一個 社群，Wiki系統為這個社群提供了 ...
XML即可扩展标记语言(eXtensible Markup Language)。标记是指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种信息的文章等。如何定义这些标记，既可以选择国际通用 的标记语言，比如HTML，也可以使用象XML这样由相关人士自由决定的标记语言，这就是语言的可扩展性。XML是从SGML中简化修改出来的。它主要用 到的有XML、XSL和XPath等。
Ajax并不是一种技术。它实际上是几种已经在各自领域大行其道技术的强强结合。Ajax混合了:
* 基于XHTML/CSS
* 由DOM(Document Object Model)实现动态显示与交 ...
Web 2.0 正在让互联网逐渐找回Internet的真正含义:平等、交互，去中心化。你不应该只是互联网的读者，你也应该是互联网的作者;你不该只是在互联网上冲浪，你本身就是波浪制造者。
Web 2.0 之于Web 1.0 ，如同分布式计算之于集中式计算，网格之于大型主机.Web2.0，是相对Web1.0(2003年以前的互联网模式)的新的一类互联网应用的统称，是一 次从核心内容到外部应用的革命。由Web1.0单纯通过网络浏览器浏览html网页模式向内容更丰富、联 ...
在整理passion网站的时候，卷起不少passion刚成立那会的回忆，发现以前特别有意思，也特别有冲劲，当然也有我们给自己定下约定和誓言，当然其中也有我们对PASSION的定义：
“只有在对自己设定的目标或计划抱有充分的激情（passion）和执着的前提下,才能不断攀升。那才是我们真正所想要的-----passion。”
不知道为什么 看着~看着~ 就会有一种莫名的冲动涌上心头。
提前找到工作不一定就是件好事，你得提前感受社会的压力啊， 话不能乱说，事必须得多干，别人说你差你还不能反口，因为你确实比人家差一大节呢！
还有很多 其他的，反正现在 我就已经开始怀念大学期间生活啦，同学之间可以无话不谈，在公司就不行啦 ！
恩～不过迟早都要经历都要面对～有的时候想想又觉得很庆幸～我已经踏入上海啦，我已经比别人提前经历这些，同时也更早的得到了历练～我会好好干的～大学生活毕竟已经过去了～
四种不同样式的引用优先级关系：
1.直接定义标记的STYLE属性
1.css 代码
"lh-col" style="background:#00ff00;">
这类样式引用优先级是最高的通常可用来强制设置相应标签样式；
2.定义内部样式表
2.css 代码
"text/css">
#lh-col{
...
开发过程中几个角色：程序员，网页设计师，美工设计师，网站策划师和客户；
下面图片中用designer来统一描述网页设计师，美工设计师，网站策划师 ；programmer 程序员；client 客户；
步骤1：项目讨论
在接到项目后首先需要开项目开发讨论会，讨论网站的栏目，开发方向，文字内容和图片等等。
步骤2：激发灵感
网站策划师考虑网站结构，根据客户需求整理材料，组织文字；美工设计师则要认识客户中心思想要体现的内容，按客户需求展开创意的灵感。
步骤3：框架导航
程序员和设计师具体讨论网站整体制作
步骤4：项目计划
整个项目组确定项目大概工作量和所需的 ...
原来IE和FIREFOX除了有些标准不同以外 ， 在处理功能上也存在着差别，IE对连续的&nbps不能进行换行处理，而 FIREFOX中可以，所以今天用IE打开是只能看带左边的，右边的全到下面去了，都是&nbps 也就是 “空格” 惹的祸
字体所占象素高度 通常用line-height:20px;起实际的所处的位置上下距离不一致，下面总比上面要多出2px,所以通常在指定区域里要字体居中，可以采用如下办法：padding:5px 0 3px 0;
css 代码
p{ line-height:21px;padding:5px 0 3px 0;}
这样一来文本才能实现真正意义上上下居中。
text-overflow : clip | ellipsis
参数：
clip : 不显示省略标记（...），而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记（...）
说明：
设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。
对应的脚本特性为textOverflow。请参阅我编写的其他书目。
css 代码
div { text-overflow : c ...
hackbox用来去除浮动(float)，float不清除的话会给后面带来很多危害，比如块不对齐，样式失效等；
css 代码
.hackbox{clear:both;}
假设我定义一个横向登陆框，其样式定义为{width:548px; height:20px; position:relative; color:#fff;}，并将其设做为一个参照体，随后在登陆框中假如其他文本，textfile，button其样式定义分别为：
用户名 {position:absolute; left:15px; top:4px;}
用户名输入框 {height:20px; position:absolute; left:60px; top:0;}
...
又回到搞设计的道路上来了！
现在从事的正是我以前在做项目中所划分出来的职务，Designer（web developer），在最早做web 开发时认为我们做的view 的代码总是特别混乱，视觉效果也是特别的差，而做美工的人他又只负责图片设计，不会页面设计，所以应该有这么个角色来从事中间的工作，后来才知道确实有这么个职务就叫 Web Designer。而我现在所从事的就是这项工作，好在我对这方面比较赶兴趣，也有过一点CSS&XHTML,就是这样让我在跨入行的门槛时比别人来的更容易一些。一晚 ...
在用css来实现菜单时,经常需要使用position:relative;来确定起始的相对位置,,之后再在其下的子菜单中进行相对位置定义,使用position:absolute; left 0px; bottom:-27px.
tiger.passion
- 浏览: 47280 次
- 性别:
- 来自: 上海
- 详细资料
搜索本博客
我的相册
共 46 张
最近加入圈子
链接
最新评论
-
成功的用户体验必须遵循的 ...
是的，真正从用户需求和网站目标开始说起的话，有很多可以说～ 等后面有时间写点更加 ...
-- by tiger.passion -
成功的用户体验必须遵循的 ...
还可以说的更详细点阿！
-- by lxdhdgss -
SEO之网站结构优化
有没有 优化 比较好的 网站例子 共享下
-- by 风雪涟漪 -
SEO之网站结构优化
不错 。学习了。期待有更好的文章
-- by 风雪涟漪 -
Firefox 3 Beta 4已完成测 ...
迫不及待呀
-- by boy in the road
评论排行榜