学习JavaScript的最佳方法

学习新的东西是件可怕的事。对我来说,掌握一项新技能最大的问题是,我不知道自己懂什么。鉴于此,定个计划,学习你感兴趣的东西应该会有用。这篇文章的主旨就是:你为学习JavaScript 制定的蓝图、路线、行动计划!你不必担心找不到最好的资源,先整理些不好的资源,再确定下一步该学什么。遵循它,一步一步来。

任务0:了解什么是JavaScript

      在你真正开始学习JavaScript 之前,花一分钟了解一下什么是JavaScript,它有哪些功能。

       JavaScript不是jQuery、Flash或Java。与它们不同,它是一种独立的编程语言。

       JavaScript 是浏览器语言(尽管现在不完全是)。主要目的是给静态页面增加交互性。在浏览器里,它不会为你更换PHP或Ruby,也不会更改你的HTML或CSS;你可以把它们串在一起使用。另外,它没有你想的那么难学。

       补充说明:你应该听过jQuery,它可能是被使用最广泛的JavaScript 库。也许你还听说过其他比较流行的JavaScript 框架,比如Mootools,,YUI,Dojo 等等。可以将它们统一看做JavaScript辅助工具集;当你使用它们的时候,你还在写JavaScript,但都是些很抽象的JavaScript。它会让你事半功倍。

      “你甚至可能听到有人说,你应该先学jQuery(或其他库)再学JavaScript。我很尊重他们但完全不同意这种说法。先把JavaScript 学好再用其他库,你会发现你会做的更好;结果就是,你会编写更好的JavaScript。”

任务1:通过Codecademy.com站点的课程来学习

        Codecademy是一个相对较新的网站,其广告语是“最易学的编码方法”。目前,该网站仅有两个课程,“初级编程”和“JavaScript快速入门指南”。沉浸在JavaScript 中是种不错的体验。跟 Try Ruby 练习非常相似,你会学到简短的课程、在浏览器里编码,然后看结果。得到全部分数、打开成就徽章。

(Ruby,一种为简单快捷的面向对象编程(面向对象程序设计)而创的脚本语言。)

      如果你已熟悉了另一种编程语言,你也许可以先学“JavaScript快速入门指南”;如果这是您第一次编程(HTML和CSS除外),你会发现“初级编程”课程相当有用。Codecademy是一家免费网站,但需要注册。

任务2:appendTo 截屏方法

       appendTo 视频有一套特别适合初学者的截屏方法。 如果你想用正确(容易)的方法学习JavaScript,学习这些课程绝对管用。视觉训练总是有效的!

     “用我们提供的点播内容、务实的训练解决方案来提升自己的技能。无需注册、无需绑定、绝不忽悠。”

任务3:阅读一本好的关于JavaScript 的说明书

       一旦你通过Codecademy上的课程来学习,你就会想搞到一本关于JavaScript的详细说明书–介绍所有的类型、运算符、控件架构等等。

       如果可以的话,我来介绍几个好的说明书:

       《再说JavaScript》 – 这本说明书可在Mozilla开发者网络上找到,语言公正。这本书内容很丰富,有很多代码实例和文段介绍。

       《Eloquent JavaScript》 – 该书由Marijn Haverbeke 编写,可免费在线阅读,如果你想弄个硬拷贝可以上亚马逊网站购买。它比MDN说明更详细,因为它不仅涵盖了JavaScript 语言,而且包括编码风格以及在浏览器里使用JavaScript。当然,“eloquent”并非言过其实。(eloquent – 雄辩的、口若悬河的)

       《Getting Good with JavaScript》 – 没错,这本书是我写的,但是我介绍这本书是另有原因的。它跟我在前面介绍的两本说明不同;在这本书里我只介绍了编程人员快速掌握编程技巧所需要的部分。此外,它还附带超过6个小时的截屏视频,因此,想要就去看看吧。(当然,这本不是免费的。)

任务4:安装、学习Firebug(或开发人员工具)

       一旦你开始在浏览器里使用JavaScript,就需要安装Firebug并熟悉它的性能。Firebug是一款用于Firefox的插件,它能帮你创建和调试网页:对网页开发者来说,它就像外科医生的‘手术刀’。如果你不用Firefox?喜欢Safari 或者Chrome怎么办?没问题:可以查找类似Firebug的内置开发人员工具。

      “你可以在Mac地址栏里按选项+命令+I 或者按快捷键Control + Shift + I ,来打开设计工具面板。”

       通过打开你选的工具,只需在你喜欢的其中一个网站上点击点击,你就会学到很多东西。这里有一些能加速你学习的资源:

Firebug 

Firebug

Firebug website and wiki

Firebug网站和维基百科

Introduction to Firebug on CSS-Tricks

Firebug的CSS-技巧说明

10 Reasons Why You Should Be Using Firebug here on Nettuts+.

你应该在Nettuts+上使用Firebug的10大理由。

Firebug: White to Black Belt by me, on the Tuts+ Marketplace.

Firebug:从白带到黑带,Tuts+ Marketplace 网站http://marketplace.tutsplus.com/item/firebug-white-to-black-belt/118795

Developer Tools 

设计工具

Developer tools website

设计工具网站

Google I/O 2011: Chrome Dev Tools Reloaded by Paul Irish

Google I/O 2011:由Paul Irish重组的浏览器设计工具

Google Chrome Developer Tools: 12 Tricks to Develop Quicker by Paul Irish

Google 浏览器设计工具:Paul Irish 的快速开发12技巧

 

任务5:读一本有关JavaScript的书籍

       现在你已经熟悉了些基础知识,但是还有很多东西要学。尽管我推荐的一些书可能会让你‘破产’,但你会发现任何时候我都会推荐4本高质量的书:                                                            

       前两本是一般的、较深入的JavaScript 资源,它们会让你从简介到较深层次逐步理解;当然,简介里会有一些重叠的说明,但不多:刚好让你看起来很舒服。

(注:虽然这些书在亚马逊网站能买到,我已经链接了出版商的网站,因此,你能看看范例章节。)

   《JavaScript高级程序设计》- Nicolas C. Zakas 编写,这本书涵盖了它能涵盖的所有内容。如果你以前看过Zakas的任何作品,你会发现他是个不折不扣的天才。除了涵盖了JavaScript语言,这本书还能让您在浏览器里很好的使用JavaScript。

       《JavaScript 24-hour Trainer 》由Jeremy McPeak 编撰,该作者也写过Nettuts+。它不仅仅是一本书:还附带了一张长达四小时的教学光碟。全书共43节课,涉及编码句法指导和代码优化。

       虽然这些书非常适合编程人员学习JavaScript语言以及如何在浏览器中使用这些语言,但是学无止境。虽然这些书的确进入了一些模式和实练中,我再推荐两本我认为有用的书。

1)《JavaScript Patterns 》- Stoyan Stefanov著。我也是刚刚读完这本书,我真希望能尽快读完它。在读过上面的资源之后,你可以学到如何编写JavaScript,但是这本书会教你如何对资源进行重组,这项技能很重要,并非如你想象般简单。

2)《JavaScript:The Good Parts 》- Douglas Crockford 著。该书介绍了JavaScript的优缺点。

任务6:做些事情!

        在学习完上述资源后,你应该已经尝试了一些代码样本:修改代码、整合代码看看会怎么样。但是是时候让自己休息一下,做点东西出来了。

       你能做什么呢?你能做很多东西。这里有一些意见。

1) 图片库:显示一套图片缩略图和主图。当用户点击缩略图的时候,要用较大的缩略图(不是原缩略图)替代当前的主图。如果你能覆盖缩略图alt 标记的标题就奖励积分,或是在用户一分钟内未点击的时候进行图片循环。

2) 待办列表:听起来有点难,我也不打算推荐你制作一个完整的待办列表。只需要做一个文本框并在其旁放上按钮;点击按钮的时候,已输入的文字会在一个无序列表下面变成一个项目。点击列表项目便可移除。这听起来很容易,但有几个陷阱,对初学者来说仔细想想还是很有好处的。

3) 动画框:动画其实是小把戏而已,并不需要弄得太复杂。做一个包含了少许文本的div,其上要有若干按钮。一个按钮用来调整宽度,一个用来调整高度;还有一个用来调整背景颜色。关键是不要让更改发生得太快,但在一秒钟之内。记住,Google 是你的朋友,特别是如果迄今为止你还未用JavaScript 做任何动画的话。

       我相信你能想到其他的很好的练习的计划。当然,学习的唯一方法是把自己从安乐窝里拽出来。

“此外,在所有的技能水平上,确保JavaScript 类别在Nettuts+上有大量教程列表。”

(Nettuts是一个专注于提供网络开发教程的网站。)

任务7:开始学习如何使用JavaScript库

        如果你学到了这个地步,就会意识到有些JavaScript 编写任务很难(或根本不能)通过跨浏览器的方式实现。最可能违规的便是过量的DOM操作,AJAX和动画。这也就是为什么我们需要JavaScript 库的原因。

        正如我前面提到的,一个JavaScript 库的详细内容犹如减轻痛苦的蜜糖。因此,现在有必要来看一下。这里有大量库供你选择,我会让你自己决定从哪个开始。无论是jQuery 还是Mootools,YUI 还是Dojo,它们各自的网站会为你提供开始学习时你所需要的一切信息。如果你觉得用得着就来试试吧。

      最流行的库:

      虽然很容易得到大量的库,你还是应该选一个受欢迎的– 至少排名第一。

jQuery

       jQuery

Dojo

       Dojo

YUI

       YUI

MooTools

       MooTools

Prototype

       Prototype

 

任务8:紧随大师的步伐

       有很多令人难以置信的JavaScript  天才,他们一直在做些很酷的东西,你一定不想错过。值得庆幸的是,我们的工作狂Siddharth 副主编已经搞到一份33名设计人员列表,要想成为一名JavaScript 发烧友你就必须订阅它。扔下手头的工作,订阅/跟随这些设计人员。这是必须要做的。

       但是,你还能做更多事情。这个公平网站经常发布关于JavaScript 的信息,所以不要走开。此外,关注JavaScript Show ,一档全世界关于JavaScript最新最大的播客。你可能还想注册JavaScript电子周刊简讯。

       还想要更多吗?关注Tuts+Marketplace 的JavaScript 类。

      最后感谢阅读此文!真诚的希望它能帮你成为一名JavaScript 爱好者。如果你已对JavaScript 很熟悉,你可以在评论中推荐其他任何相关资源。

用流程图教你如何看懂流程图

流程图定义:表示生产过程中事物各个环节进行顺序的简图

流程图:使用图形表示算法的思路是一种极好的方法,因为千言万语不如一张图。流程图在汇编语言和早期的BASIC语言环境中得到应用.相关的还有一种PAD图,对PASCAL或C语言都极适用。

什么是流程图

以特定的图形符号加上说明,表示算法的图,称为流程图或框图

流程图是流经一个系统的信息流、观点流或部件流的图形代表。在企业中,流程图主要用来说明某一过程。这种过程既可以是生产线上的工艺流程,也可以是完成一项任务必需的管理过程。

例如,一张流程图能够成为解释某个零件的制造工序,甚至组织决策制定程序的方式之一。这些过程的各个阶段均用图形块表示,不同图形块之间以箭头相连,代表它们在系统内的流动方向。下一步何去何从,要取决于上一步的结果,典型做法是用“是”或“否”的逻辑分支加以判断。

流程图是揭示和掌握封闭系统运动状况的有效方式。作为诊断工具,它能够辅助决策制定,让管理者清楚地知道,问题可能出在什么地方,从而确定出可供选择的行动方案。

流程图有时也称作输入-输出图。该图直观地描述一个工作过程的具体步骤。流程图对准确了解事情是如何进行的,以及决定应如何改进过程极有帮助。这一方法可以用于整个企业,以便直观地跟踪和图解企业的运作方式。

流程图使用一些标准符号代表某些类型的动作,如决策用菱形框表示,具体活动用方框表示。但比这些符号规定更重要的,是必须清楚地描述工作过程的顺序。流程图也可用于设计改进工作过程,具体做法是先画出事情应该怎么做,再将其与实际情况进行比较。

OK  下面这张图很有意思。源自Mandall Munroe

客户说网站要做大气一点

在百度UEO看到篇文章,觉得还满有点意思,分享给大家看看。
在的设计师最怕听到的两个字就是“大气”。
“你对设计稿有什么要求呢?” “哦,我希望大气一些!”“。。。。”
“您觉的哪些地方不满意呢?”“嗯,就是希望再大气一些!”“。。。。”
“你看这次的视觉稿,风格怎么样?”“挺好的,稍微大气一些就OK”“。。。。”
这些对话一点也不夸张,都是同行们常常抱怨的话题。设计师已经无数次倒在了这两个字下。
不过,抱怨并不能解决所有问题。那么我们该考虑如何解决这个令人头疼的形容词呢? 简单分析,从两种不同类型的需求说起

 

第一种:商务性质中的“大气”

 

简约的页面风格容易受到用户的喜欢,而且能给用户带来一定的安全感。拿IBM这个来说,页面给人的第一感觉是专业和安全。焦点图构成也比较简单,左侧醒目的标语用了简单的渐变,右侧也运用了简单的几何图形。下面几个例子也是如此,还有一些没有列举出来的,比如大家很熟悉的apple官网。


商务性质的页面表现“大气”的感觉一般注意几点:
1.留白。大量留白会使页面有空间感,不会因为页面内容密密麻麻而产生厌恶。
2.尽量少的颜色。太多颜色控制不好会容易失去整体平衡,主要在制作前定一个主色系和辅助色系。可以发现上面列举的这几个网站色彩使用的数量都不是很多,一个主色,一个辅助色,一个点缀色。
商务页面主要以凸显内容和展示信息为主,而且给访问用户有一定的安全感和信任感。所以建议不要用比较花哨的元素和另类的设计风格。

 

第二种:活动性质中的“大气”

这类的页面,“大气”的实现比较复杂,当然也不能用上一种方法。比如一个开业庆典的页面,如果用白色的底,简单的图形和文字,可能就烘托不出好的氛围。方案往往被否定的原因在于烘托气氛不够。
所以在选取素材的时候,可以首先考虑,山河湖海,全景图,或者有代表性的建筑或者标识;再者可以挑选带有积极向上性质的元素,如“鸽子,绸带,马路,教堂,屋顶、太阳、贵族元素”等

中国风是近年设计师们喜欢使用的一种风格,利用传统的中国元素加上现在的设计风格而形成。
标志性的元素:水墨风格、书写体、古代物品(瓷器,鼎之类)

以上只是笔者对“大气”的简单理解,好的设计要多从细节入手,即使简约的设计风格也要谨慎处理细节。比如小的阴影,光泽,质感等等。把握好全局,才能控制你的风格。试图和需求人良好的沟通,表达设计师自己的想法和建议。在修改设计稿的时候,对方所想要的“大气”可能只是某个元素问题,但他也确定不了是哪个部分有问题,所以会用含糊的概念去告诉你。但作为设计师本人也要仔细思考,先尝试关键部分的内容修改,比如尝试换新的字体,去掉多余元素等等。

总之,不断的探索和尝试,所有的需求都是浮云。

文章出自百度联盟志 http://ueo.baidu.com/?p=185

Windows平台上的强大的文本编辑器

这里介绍两款灰常强大的软件,就是那些能让你们保持高效率的东西。或许你喜欢MAC OS,因为它的“简单”。也许你偏爱Windows,因为你是个游戏发烧友。总之,谁也不能否认Windows平台上有一个庞大的第三方软件库供用户遨游其中。

       我每天至少对着Windows 系统工作10个小时。在Windows平台上编写代码是我的工作,虽然大部分的工作可以在DREAMWAVER里完成。但是因为本人比较懒,能用简单的工具解决的,就决不愿意用复杂的软件。所以每天和文本代码打交道。于是有个强大的文本编辑器就显得尤为重要。

       让我们对比一下Windows平台上的强大的2款文本编辑器。

1.值得尊敬的Notepad++

         Notepad++是个开源的文本编辑器,它为日常用户以及黑客提供了大量功能。NP++由C++语言撰写而成,它能实现大部分的文本编辑任务。NP++的功能有代码折叠,支持正则表达式的优秀的搜索功能,支持你能想到的所有语言的语法高亮显示,列编辑,标签式界面,编码转换,还支持第三方插件。如果你在找一种免费软件来撰写代码编写文本,那么对于Windows系统来说没有什么比NP++更好了。

   2.UltraEdit

       以我的经验的来说,UltraEdit就算不是用于Windows或Mac的文本编辑程序中最强大的,也是最强大的之一。我是在做现在这个工作时开始接触它的,不得不说它实在太牛X了。它有多行标签界面,脚本浏览器,宏功能,XML管理器(帮你浏览XML文件),当你处理源代码的时候还会给你一个函数列表,代码语法高亮显示等等功能。唯一会让你觉得美中不足的是用户界面比较凌乱,但这是可以补救的。无论是Windows还是Mac,很难想像用户只要为之支付59.95美元就能使用UltraEdit的所有功能。

       所以,如果你想在Windows系统的机器上真正做点什么的话,这些就是你需要的工具。如果你不想付费的话,NotePad++是你的不二之选。但以我的经验,如果你想要一个专业级别的应用进行编辑,UltraEdit的大门将向你敞开。总之,你会使用Windows下最好的文本编辑应用之一。

notepad++ 下载地址:http://dl.pconline.com.cn/html_2/1/117/id=10699&pn=0.html

Web设计趋势

遵循最为流行的设计原则是开办设计公司的重要一环。过去的一年或多或少造就了这样的观念,即设计越简单就越好越有效。下面简单列了几个设计的原则,仅供参考。

一、更大的LOGO

曾几何时,醒目页面(Splash page)极为流行,连那时的男用背包也是如此。但今天,这两者都风光不再了!何不用一个超大的LOGO来营造醒目页面的感觉呢?你可以把页首(header)做得比普通的尺寸大一点,来获得同样的效果。没错,我们说的是,你可以把Logo弄到屏幕的一半那么大!如果你想要更好的用户体验,就得这么做。哦!好吧。如果你真的这么做了,肯定会吸引人的,起码我回去看看这么大的LOGO你是怎么做的 :)

二、保持简单

简单风格也存在了一些时日了。像Facebook、Twitter这些大牌们一直在引导“少就是多”这一理念。大批的媒体网站追随着他们的脚步,在设计模板上使用大量的留白。这与拥挤型设计截然相反。现代派的真经是破除左导航、右导航的纠结,让用户尽可能专注在页面内容上,而不要被分心!如果哪天你的网站发达了,设计中的空白区再来用于广告用途也为时不晚啊。

三、去除Flash

网站以拥有Flash动画为傲的日子一去不返了。今天的用户有着太多的动画在吞噬他们的带宽。的确,Flash能做的不仅仅是让你多了一种展示方式,它还增加你页面的载入时间,而今天的互联网用户比之前的任何时间都缺乏耐心。你大概只有2秒时间来给你的初次用户留下印象!此外,flash动画在很多移动设备上面无法播放,而我们都知道这点有多么的重要。今天人们要的是可以通过手机很容易地访问页面。

四、有没有想过在版面设计上多花点时间?

这点恐怕可以看作是最重要的一个设计趋向,同时也可能是最为棘手的问题之一。设计师需要了解这些趋势,选择某些逻辑模型来配合其字体大小,并作出适当的修正以符合设计模板的美学需要。版面设计被认为是吸引初次访客的主要影响因素!如果这一最重要的因素弄错了,其造成的影响不难想象。

五、社交媒体规则

今天,如果你的博客没有整合诸如人人网,开心网这些社交媒体功能,你会损失一大块流量。一个简单的人人网“分享”按钮即可将你网站的流量翻好几番。今天的互联网用户希望成为社区的一份子,而不会仅仅因为你是一个博主而采纳你。他们想要知道其他网友对你所谓的“专业水准”是如何看待的。没错,你尽可以将之称为“从众心理充斥网络”,但是,既然现实如此,那它就是现实!

六、移动化

你的站点能用移动设备访问吗?如果能,其功能是否最佳发挥了?2011年里,移动设备变得越来越便宜,也越来越容易使用。我们也可以这个趋势会在2012年继续,人们会通过各种各样的设备保持连线,无论是通过iphone、iPad或者其他可以上网的手机。如果你还没有考虑移动化,相信我,你的竞争者们已经这么做了,而且很可能已经领先于你,就算你的站点比他们的优秀也没用—-就因为你的站点不方便用手机访问。

七、想想杂志的设计

自然,杂志的排版最初并非是为移动设备比如iPad而设计的。不过,由于用户喜欢这些简练的设计,因而这些设计模板也就逐渐在网上流行起来。优美的杂志模板的确可以拨动用户的心弦。想想看,通过加粗字体、丰富的子标题、大量的图片、类型多变的文章和文字,让用户产生手不释卷的阅读欲。想想杂志版面、想着更多的用户,再想想怎样努力达成!至于我本人,最厌恶的就是国内的几大门户了,充斥着文字和广告。

八、大于常规的LOGO

这听上去和第一点很像,但也不尽相同。干嘛不用logo和文头来抓住人们的注意力呢?毕竟logo是公司视觉形象中最重要的元素啊。如果你所服务的公司已经有一个广为人知的logo,那就只要把尺寸稍微放大一点来抓住普通用户的注意力。如果这间公司正在考虑重整公司形象,这招尤其有效。除非公司想要把logo全部换掉,否则大胆地突出logo的呈现可以让用户感觉到他们正在访问的站点是正确的,对常来访问的老客户也有强化的作用。

九、手绘设计

少一些几何形,多一点手工作业,这就是我们想说的。干嘛不试试完全用手绘来做设计模板呢?只要一个手写笔,会有卓尔不群的效果!

十、精准的字体设计

完美的字体设计恐怕是设计师所需面临的最大挑战之一。干嘛不花一点点精力创造你自己的新字体呢?它会给人一种非常专业与个性化的感觉,这种技能是不折不扣的专业水准。

全国各省管局备案过程真实性核验注意事项

简称 省 份 需要快递
核验单
需要幕布背景
照片
特殊要求
AH 安徽  
BE 湖北  
BJ 北京  
CQ 重庆
应重庆管局要求,您在我司核验点拍照后,需要自行将照片冲洗出来连同核验单、域名证书、身份证复印件、营业执照复印件(若是企业需提供)、信息安全协议一起快递给我司(冲洗要求:5寸、横向、带拍照日期),另外要特别注意:重庆管局审核非常严格,核验单不能涂改,域名不能填写www.只写顶级域名部分即可,否则将无法通过审核。个人备案座机号码必须填写。备案期间网站不允许处于可访问状态,否则将直接拒绝审批,另外核验单不要填日期,需由我司统一填写。(企业可暂不需照片,但营业执照复印件需加盖鲜章)
FJ 福建  
GD 广东
特别注意:因广东管局流程变化,2011年8月16日起,广东地区用户备案需要将核验单原件(企业需加盖公章)、带背景的核验照照片、身份证复印件、营业执照复印件(若是企业需提供)、信息安全协议(企业需加盖公章)一起快递给我司。以上资料各寄2份。
【★特别规定★:2011年10月10日起广东的个人备案需要下载并打印新版核验单http://beian.vhostgo.com/doc/beianMiiRealityV12_gd.doc,不能使用印刷版的核验单,且必须在核验单空白处手工抄写下如下文字】〖本人已履行网站备案信息当面核验手续,承认以上填写信息和核验记录真实有效,承诺本网站是个人网站,不含有企业、单位等非个人网站的信息,承诺上述备案信息一旦发生变更,将及时进行更新,并愿意承担因网站备案信息不准确或更新不及时或发布含有企业、单位等超个人网站范围的信息而采取的停止网站接入服务、注销备案和列入黑名单等相应处理措施〗
GS 甘肃
因甘肃管局政策原因,目前暂停甘肃地区的用户备案申请。
GX 广西
特别注意,广西管局要求,若是同一网站域名超过三个,则必须 提供每个域名的域名证书,且域名证书上所有人应与网站主办者一至。域名证书发邮件至: 1363949944@qq.com 邮件中请注明备案系统用户名及主办单名称。
GZ 贵州
特别注意:在备案成功之前网站不允许开通,否则管局审核时会直接拒绝。
HB 河北  
HE 河南  
HJ 黑龙江
因黑龙江管局政策原因,目前暂停黑龙江地区的用户备案申请。
HN 海南  
HU 湖南  
JL 吉林
应吉林管局要求,备案需要提交的材料有:核验单、域名证书、身份证复印件、营业执照副本复印件(需加盖公章)、网站内容中若涉及前置审批项目的,需提交前置审批文件原件。所有资料一起快递给我司。
【特别提醒】吉林管理随时会抽查网站内容,若网站涉及论坛、医疗等前置审批的必须办理前置审批,若网站汲违规内容的,则会被直接注销备案
JS 江苏  
JX 江西
应贵省通管局要求,主办者如果是个人则必须在核验单”个人签名”处加按手印 (左右手任意一个指头都可以)。在备案成功之前网站不允许开通,否则管局审核时会直接拒绝。
LL 辽宁  
LM 内蒙古  
LX 宁夏
宁夏管局要求备案负责人必须填写法人的姓名。
QH 青海  
SA 陕西  
SC 四川
特别注意:若是企业,核验单上公章应盖在“网站负责人签字:”处,切不可盖在“单位盖章(接入服务单位):”处,否则备案将直接被拒绝。系统里提交的所有域名都需要写在核验单上!
SD 山东
应山东管局要求,您在我司核验点拍照后,需要自行将照片冲洗出来连同核验单、域名证书、身份证复印件、营业执照复印件(若是企业需提供)一起快递给我司(冲洗要求:5寸、横向、带拍照日期)
SH 上海  
SX 山西  
TJ 天津
特别注意,天津管局要求若是企业,所提供的证件必须是营业执照副本,且必须有当年年检记录。必须填写法人的姓名及身份证号码。新增备案期间,网站务必处于不可访问状态,否则管局审核时发现能访问的,将会被直接列为黑名单!
XJ 新疆
新增备案期间网站必须处于不可访问状态,否则管局会直接退回; 新疆管局不接受外地身份证的个人备案!
XZ 西藏
应西藏管局要求,您在我司核验点拍照后,需要自行将照片冲洗出来连同核验单、身份证复印件、营业执照复印件(若是企业需提供)一起快递给我司(冲洗要求:5寸、横向、带拍照日期)
YN 云南
应云南管局要求,您在我司核验点拍照后,需要自行将照片冲洗出来连同核验单、身份证复印件、营业执照复印件(若是企业需提供)一起快递给我司(冲洗要求:5寸、横向、带拍照日期)
ZJ 浙江  

网站备案过程中的个人资料保护

相信不少人因为网站备案的事情搞的焦头烂额。更因为不少人因为不懂和着急,而去找了代备案的人去做,结果是下来了 但是很悲剧。下面我来逐一讲解。

实际上我认为大可以不必须要去找代备案的。因为那是白花钱,为什么这么说呢。因为你提交资料给代备案的以后,他们是很快就能给你备案下来了。但接下来并不是高枕无忧,你要把备案号转入到你的空间商那里,如果你不转过去,很快又会被注销掉。在你转入空间商那里的时候,你又需要把资料重新提交一遍。注意,是完全一样的资料,可能会比你给代备案的多一些。而这些资料还是要到管局那里去审核。最后还是要跟你电话确认。你让代备案做的事其实等于没做。

明白了吧,找代备案的,就是白花钱嘛!这只是第一点。还有一点相信很多朋友也已经遇到了,正规的空间商帮你备案信息的时候 ,即使拿了你的资料 也是不会乱用的。但是代备案的就不一样喽!他们拿了你的信息就会滥用。我的一个朋友的手机号已经被代备案的滥用了N多次,每天都能接受到备案通过,备案注销的短信。烦不胜烦。咨询管局,管局也只能取消掉不在他名下的备案号。但是取消掉以后,还是有人不停的在用这个手机号备案。现在人就很纠结,找代备案的让他们不要滥用,他们根本理都不理!

所以,请各位朋友保护好自己的个人资料。就算是空间商帮你备案,也一定要在自己的个人资料上加上备注,例如XXX网站备案专用。 身份证,营业执照 组织机构代码证这些。

其实备案并不麻烦,像我这边代理的空间,开通空间以后,按照正规流程备案,一般也就在2周左右就可以通过了。

需要注意的就是资料要准备充分。不要乱写,因为管局的人会打电话来核实。如发生以下情况则备案不予通过

      1、电话不通、接电话不是本人则备案不通过;
      2、电话中对备案信息中的姓名、地址、域名、网站名称、给网站提供接入的接入商名称和     拍照等真实性核验问题回答错误则备案不通过;
      3、备案期间域名能打开网站则备案不通过;
      4、个人网站的网站名称带有企业性质则备案不通过;
      5、企业网站以个人名义备案则备案不通过;
      6、其他虚假备案的情况的。

 

 

淘宝商城事件

这两天最火爆的事件是什么?当然是淘宝商城事件!

2011年10月11日,近7000名网友结集YY语音,有组织性的,对韩都衣舍、欧莎、七格格、优衣库等淘宝商城大卖家,实施“拍商品、给差评、拒付款”的恶意操作行为。上述四家店铺多数商品均已被迫下架,其中,韩都衣舍全部商品一度全部下架。

然而之所以要向淘宝商城抵抗,是因为淘宝商城近日发布的商家新规,淘宝商城新规正式发布于10月10日。其规定,“传统滋补品/其他保健营养品”和“品牌保健品”的技术服务费率将由2%上调至3%;每年技术服务费从6000元升至3万和6万两档,年营业额60万以上,且动态评分超过4.6,才够返还部分该项费用的门槛;增设保证金,从最低1万到最高15万,分为1万、5万、10万、15万三档。 

  保证金方面,品牌旗舰店、专卖店:带有TM商标的10万元,全部为R商标的5万元;专营店:带有TM商标的15万元,全部为R商标的10万元;特殊类目说明,卖场型旗舰店,保证金为15万元;经营未在中国大陆注册商标的进口商品的专营店,保证金为15万元;“书籍/杂志/报纸”、“音乐/影视/明星/音像”及“演出/吃喝玩乐折扣券”类目不涉及品牌属性且无专卖店类型,故保证金收取方式:旗舰店5万元,专营店10万元;“网游及QQ”、“话费通信“及“旅游”大类的保证金为1万元。 

  此外,淘宝商城对假货水货采取“零容忍”。如果商家一旦出售假货、水货,将被立即封店,并且扣除全部违约责任保证金。同时消费者将获得“假一赔五”的赔偿。   根据规定,淘宝商城的新规的正式实施时间是2012年1月1日,距离现在还有不到3个月的缓冲时间,“商家希望更多的时间缓冲和更柔和的操作细则”,而淘宝给商家留下的时间实在是太短太短。很多小卖家被逼到了进退两难的境界,往前没有活路,往后死路一条。不过,在今日凌晨2点,淘宝商城对“10.11事变”发布的官方回应中称,“为了给消费者提供更多更好的高品质商品和服务,让市场良性发展,就必须做出改变,淘宝商城和广大商家不会因为威胁、恐吓而放弃原则。”其态度依然强硬。

最近报道:截止10月12日晚9点,结集在YY语音上的行动参与者已近3万人!!事件规模达到失控!

“反淘宝联盟”之所以能操纵“10.11事变”,就是因为淘宝商城的拍货流程设计,以及在对买家、卖家的制度平衡设计上,很有问题。而这个问题曾多次被卖家提起,但终究得不到反馈。 淘宝商城在对待买家与卖家的纠纷时,规则是偏向买家一方利益的。卖家在处理与买家的博弈关系时,淘宝商城的制度缺乏反制。而如果没有这种制度上的“反制”,即使在面对明显的恶意拍货行为时,卖家也很难进行举证。以“10.11事变”为例,很难区分这些交易中,哪些是来自这7000名的攻击者,除非不让所有人买;其次,很难决定给哪些人不发货,除非全部不发;即使发货了,收货的买家再申请退款怎么办? 正因为规则的种种不明晰,截止目前,淘宝商城方面尚未对该事件提出有关补救措施的任何说法。

下面我们来看一张图。

 

9点半,参与人数已经达到3万6千。这里我发现了一个很有意思的东西,公告里那个中国团购第一平台是什么呢?由于没有放出网址,我暂时还无法得知,但是我却让我想到,难道 这是有心人要利用这次事件来炒作?

稍微有点常识的人都知道,现在的事情闹成这样,参与者实际上都要承担法律责任的。大部分的人不是不懂法,就是认为法不责众!淘宝方面已经报警,恐怕接下来会成立专案调查组。实际上这些人的行为已经扰乱市场秩序。是,淘宝的新规确实不好,但是卖家是无辜的。以这样的方式来打击淘宝,最终倒霉的,是这些卖家。还有更可怕的一种可能。会不会将来有这样一批人照样学样,来搞勒索呢。现在的淘宝,差评师已经很多了。如果他们联合起来。恐怕又是一场灾难。而拍拍也是一样,制度都是偏向买家。

淘宝方面恐怕是不会妥协的,一旦妥协,势必会给人一个错觉,那就是好评差评是可以认为操控的。在这里,相信拍拍也时刻关注着这起事件,说到底,制度的不完善,才让他们有了漏洞可以利用。笔者认为,这里还有一点很最关键:淘宝对假货水货采取“零容忍”。这才是诸多小卖家暴动的原因吧。淘宝已经成了假货水货集中营。一说起来都知道。而淘宝为了改变现状,必然要大刀阔斧的进行改变,只是步子大了一天,扯到蛋了。。

具体事件会演变成什么样子。我们不得而知,但是,个人认为,所谓的反淘宝联盟是不会胜利的。而遭受巨大损失的商家的权益谁来维护?他们才是真正的欲哭无泪。让我们拭目以待!!!

设计中的极简主义

设计中的极简主义已经出现一段时间了,并且现在看起来正在替换内容繁多且不必要混乱的设计如网站,海报,广告,以及商标。对于这些艺术形式,极简主义的概念涉及到几乎要剥除掉已有的附加及战略性的元素。结果可以是平静地,然而强大的设计可以合理的传达它的信息。你可以在所有的艺术形式找到极简设计,从建筑到时尚再到商标设计。

为了达到极简设计,不管是小到商标设计大到广告牌的设计,要确保正确的使用恰当的元素。颜色、布局、空格、图形以及排版在极简设计中都很重要。下面我们看看这些设计准则,它们怎么与极简设计的。

Opposite House Hotel

极简设计的颜色选择

在极简设计中,颜色的选择是战略上的,以及所用颜色的数量应该保证最少。黑色、灰色以及白色是最强大的颜色,会达到单一的颜色具有强大的影响。

如果使用的正确,所有的颜色都是可以接受的。然而,具有强大对比的颜色一般用在一起。因此,在极简设计中大多数设计师选择大胆明亮的原色。

Johnny Favourite Website

有效的极简布局

极简设计的布局是相当的具有挑战性,因为你所用的每个元素都很重要。网站和海报的内容应该这样布置,使观看者不用思考就能找到他们需要的。换句话说,页面需要合理。

Jan Reichle Website

白空间

负空间给周围小的信息以力量。空白的空间越多,将获得更多的力量。负空间也可以帮助组织一组元素,然后创造平衡。

Lady Gaga Poster

图形

在极简派艺术中使用图形是有意的。设计师选择图形为达到他们要的效果,当图片比文字信息更有效时,在极简设计中就会使用图片。图形应该有节制有策略的使用,而且应该与主题相关。

Lachlan Bailey Website

排版

排版在极简艺术中应该和其它元素有同样的战略性意义。在包括极简设计的任何设计中,不应该使用超过两种或三种的字体。许多设计使用一种字体作为标题,一种字体作为主体,或许还有一种字体作为网站的导航或是其它特殊的文字,还可能是副标题。通常超过三种的字体会使设计看起来凌乱而且难于理解。

Butterflies Remember Poster

网站的极简设计

在最近十年,极简设计的网站已经变得相当时髦。不幸的是,一些设计师误解了极简设计背后的思想,然后作出的网页内容空洞,简单而没有意义。然而,在极简设计运动起始时,伟大的设计师已经制作出极好的网站,不仅看起来愉悦,而且很容易理解。然而极简设计对每个网站在实用性上以及主题上不可能都适用,可以使用极简设计的网站应该抓住优势。

Up & Onward Website

媒体的极简设计

简介、包装以及广告宣传已经可以看到极简设计。然而,在海报和商标上你才真正看到这种设计的成功。许多设计师选择使用这种最新型的设计,从电影海报到乐队海报,再到广告海报。这种现象的原因是这种设计快捷清晰的将强烈的信息有效传达。使用的恰当,极简设计的海报可以设计成每个元素都传达出一种信息。结果通常是设计出的海报不仅具有功能性,而且令看到的人愉悦。

The Buggles Poster

商标的极简设计

商标的极简设计是个重要的概念,因为商标设计的目地是容易记住,还能连联想到一个公司。因此,极简设计的商标是最受欢迎的商标设计,因为它使商标显著变得足够简单。极简设计商标的一个巧妙部分是是它所代表的公司容易辨认,这也反映这个品牌的目标。

优秀的表格设计技巧

表格信息通常是很乏味的

从某种意义上来说,的确如此。一个好的表格应该以易于理解,简单明了的方式传递大量的信息。真正的重点应该 放在信息上, 对表格的过度设计会抵消这种作用。从另一方面来说,巧妙的设计不仅可以使一个表格更具吸引力, 而且可以增加可读性。

今天我们来看看提升表格功能和美观的几种方式。我们经常会在网上的价格页上看到表格的应用,因此主要以该种表 单为例。请记住这些原则可以应用到任意类型的信息列表上(不仅限于 <table>).

垂直,水平或矩阵?Vertical, Horizontal or Matrix?

一如以往,我们从最明显的地方开始。第一步是决定表格的整体结构。结构取决于呈现数据的类型和复杂性。选择 垂直的列还是水平行,通常取决于个人偏好。大致规划下表单的内容,然后决定采取哪种方法能更好地传递信息。很显然,如果信息包含多变量,那么选择矩阵来表示。下面分别以几个简单案例来开始。

垂直

水平

矩阵

从Excel中开始Start in Excel
希望这是我第一次也是最后一次建议用Microsoft Office来进行相关设计。事实上,表格确实很容易用Excel来完成,这正是Excel的强项。用HTML来组织结构需要写复杂代码,通常会比Excel耗时。

我偶然发现了一个小的web应用程序:Tableizer ,它可以把Excel里的表格粘贴进来转换成HTML。利用这种方式你仍然需要自己写一些样式,但是会节省前期的表格构建时间。

Tableizer

使用表格生成器Use a Table Generator

痛恨Excel吗?别急,我也是。如果你想节省自己生成简单结构的HTML表格时间,网上有成千上万的表格生成器可以选用。请注意我说的是“简单结构”。不要以为用了这些生成器你就什么都不需要做了。

这里有几款简单的免费表格生成器:

QuackIt
Table Generator
Kotatsu
Spectrum Research

一个小样式走了好长一段路A Little Styling Goes a Long Way

现在你已经有了一个简单的表格,下面需要加一些CSS.当然你可以花大量时间选用各种样式。只需要记住,即使一 点点的颜色和字体样式都可以大幅度提高表格的可读性和吸引力。

这里有一些如何正确给表格添加样式的指南。

CSS的技巧:利用基本的CSS样式表格

Veerle: 一个CSS样式表格

增加特征组Add a Featured Section

这种做法在价格列表里很常见,也适用于其他的表格。看看表格的信息是否有必要让浏览者的注意力集中到某个特 定区域。用于显示属性的最佳值或者某个常用要素,用不同的颜色和/或不同的大小来区分。

有多种方法可以实现这种方式。下面举例说明几则:

不同颜色

不同大小

不同颜色和大小

对信息进行排序Make the Information Sortable

如果表格信息很多,分成几列,可以对列进行排序,用户可以选择按他们希望的方式浏览。 Mint.com 对交易列表进行了排序,用户可以很容易地从按日期浏览切换到按种类浏览,从而能比较出哪一块你愿意花很多钱。如上截图所示,显然我更喜欢吃油腻的快餐。

下面是两种对表格排序的不同方法:

用Ajax (WoorkUp)对表格行排序
表格排序 JavaScript (Yoast)

使用图标Use Icons

我在上面提到,表格的信息设计要点是让用户第一眼就能看明白。通过减少必要的阅读,精心设计的图标能够提高浏览速度,增加用户对表格信息的理解。

小心这也是个双刃剑。复杂的图标也会让用户迷惑,不知道你究竟要表达什么。

增加斑马条纹Add Zebra Stripes

这是一个非常基本的概念,可以追溯到信息表格的存在。加入交替行颜色可以帮助用户集中视线,把在边上或者底 部设定好的分类信息和表格中心的浮动信息关联在一起。这个简单的技术可以增加大小表格的可读性。这确实是一个好的经验法则,如果你的表格需要用户关联分开的信息,那么始终包含斑马线(或其他视觉辅助)。

下面是一些给表格增加斑马线的免费资源:

Styling Zebra Striped Tables With CSS (CSS Newbie)
MooTools Zebra Table Plugin (David Walsh)
PHP Zebra Striping a Table (CSS-Tricks)
jQuery Zebra Stripe a Table (CSS-Tricks)

为Web 2.0做好准备

闪亮的web 2.0 样式设计可能有点过度使用。但是这确实可以很快抓住眼球。我绝对不建议对已经很复杂的表格增加太多冗余的花哨耀眼的元素,在这种情况下,需要选择简单的方式。然而,如果你需要设计一个只有几项的小表格,那么也不妨让它看起来神奇一点。

极简主义

不喜欢上面的耀眼web 2.0样式?没关系,还有一种很强的观点认为应该减少表格的图形。这种做法可以让用户没有任何干扰的只关注内容。使用干净细微的网格线(或没有线条),简单的字体和颜色,可以很好的和背景形成对比。

增加搜索功能Add a Search Feature

有时候仅仅增加排序功能是不够的。当你有成页的内容要排序的时候,最好的方法是使用搜索。

我找到的下面这两种表格过滤方法都采用了JavaScript。你还有其他的方式吗?

jQuery Column Filters
Cut & Paste HTML Table filter script

去除冗余Don’t Overload the Table with Redundancies

应用开发者喜欢通过表格显示其有多种强大的功能。然而,有时候设计者会给表格增加许多没用的多余的信息,而 他们本可以以更好的方式来显示。

看一下Invoice Machine的例子,表格里除了最上面的三种功能,其他功能的四个条目项都一样。该表格因此增加了没有必要的15行。解决方法可以通过一个简单的公告列表说明“我们的计划都包括以下功能”,用户能够快速看到,他们无论选择哪个计划,都会具备这些功能。表格只需要缩短成3-4行,用来显示不同的部分。我再次重申,表格应该让信息更易读。如果您的表格不符合这一目标则会适得其反。

创建可扩展区域Create Expandable Areas

另外一个功能是给表格的特定行增加展开功能。可以把大量内容放置到一个相对整齐的空间。一个简单的jQuery小 插件jExpand可以实现这个功能。具体实现可以查看 tutorial from jankoatwarpspeed

如果你的表格使用了展开功能,那么表头一定要设计得能让用户清晰地找到这个功能。不要让用户重重筛选才能找到他们所需要的信息。

高亮突出关联性Highlight Relationships

这种技术增加了复杂表格或矩阵的可读性。无论用户鼠标悬停到单元的列还是行,都会高亮突出整个单元。请见详例.

点击如下“Ask The CSS Guy”里的例子可以看到如何实现这种效果。

如何创建类似Orbitz’s airline的航空时刻和价格矩阵表格

增加动态选择效果Add a Dynamic Selection Effect

这里是“Ask The CSS Guy”里的另一个例子,允许用户选择表格的给定列(价格表),当前选择会高亮突出显示,并且能展开显示更多信息。这种方式和上一个例子是一致的,但是有不同的效果。查看demo 具体实现请点击:

创建类似Crazy Egg’s价格列表动态高亮列效果的表格