http://www.5lipan.cn/index.php zh-cn http://www.5lipan.cn/read.php?42 admin <admin@yourname.com> Mon, 26 Oct 2009 00:05:15 +0000 http://www.5lipan.cn/read.php?42

一. CSS学习重在方法！学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法！

要想掌握CSS, 首先要学会HTML
我刚开始是从零开始学习的，花了一个月时间学习HTML，没有老师，书就是我唯一的老师，还有就是去页站设计学 习随便说下这个网站，确实很不错。很适合我们这样的初学者去。一个月过后，我就开始学习CSS，刚开始看的第一本CSS书是《CSS网页样式设计》看了几 天后发现根本看不懂！，之后换了一本《HTML参考大全》，这本书是网页制作师的案头常备之书！之所以更换这本书来学习CSS，是因为这里面有一部分是 CSS，就成了我的CSS启蒙书。看了几段后，觉得外国人写的教程很有条理，由浅入深，一步一步引领你向前走，让你明白他们在说什么，而不是象国内的书讲 的深浅不一，缺乏条理，好象怕你不知道他很有学问！就象前面所说的那本书《CSS网页样式设计》当时看了，对于初学CSS的我来说，真的不知道它在说什 么！

再来谈一下学习过程中的细节:
      因为一个样式它是不可能脱离HTML页面的，HTML不与样式结合 的话, CSS就失去了存在的意义。所以一般书中都会举一个例子，然后让你上机测试效果，这是笔者想让你有对样式表CSS有一个初步的印象，告诉你CSS能做什 么。一个小例子：“麻雀虽小，五脏俱全”，你可能看不懂每一个语句的真正意思。但是你可以记得例子的模式，以后在实践中不断地用，不断用的过程就是不断记 的过程，所以不能恢心，不能总认为自己记忆力不好，但不管你骑的是牛也好，千里马也罢，只要有恒心，一定会到达终点的。
      阅读一本 书，一般来说第一次要先把整个书通读一遍，不理解的也要往下看，在往下看的过程中你也许会找到那个问题的答案。看完后你有一个大概的印象，但一定有很多不 明白的地方，没关系，继续往下看。第二遍你就要边看边做学习笔记了，把你认为是重点的部分写上，还有，你觉得有疑问的部分也要记下，带着疑问看下去，如果 没有答案，你可以去BBS上发一个贴子，好心人还是很多的，提示一句：“一定要学会如何去问问题！”这里就不说了。你还要上 机去练习书上的例子，最让你困惑的：“一是记不住，二是对概念的理解有误（这一条可能是书译的不好，另外就是你的理解不对）”，对于第一条你就要树立信 心，坚持再坚持下去。当你到达终点时你回发现一切都是顺理成章的事。因为你努力了，努力了就会有回报，有结果。

有好多人也看了，但是没有什么进步，我分析主要有以下几个原因：
原因一：压力不够，因为有不少人比如美工学CSS，因为是看别人学，所以学之，不学就没优势！这样的压力是很小的，学不好还有美工这碗饭。
原因二：只是业余学习，这样学还只是玩一玩，因为你不一定非要以这门技术吃饭。
原因三：方法不对，有的人只是在看教程，但他不动手去做，我以前就是看的太多，做的太少，所以有了实践你才能把理论的东西揉进去。

二. 掌握CSS的四个学习阶段有一次我问一个网友，学CSS难吗？她说：“不难”我说你学多久了？她说：“刚学”。其实她说的也没错！如果有人问我学CSS 难吗？我会说：“难！”为什么我会说难呢？
学CSS可以分成以下几个阶段：
阶段一：不去想浏览器的兼容性问题的情况下能做出页面，但页面里到处用TABLE的 模式DIV写出的页面。
阶段二：想到了兼容性问题，但无法提前预防，只会修补问题，大量使用HACK技术（我对HACK技术只是知道，但用的很少）
阶段三： 可提前预防BUG，但样式表中大量应用了ID,CLASS，CSS译过来是重叠样式表，比如“DIV P SPAN”。这句代码是标明DIV子元素中P的子元素SPAN，这样写就可以定义SPAN的样式了，不用在SPAN中加入CLASS了。这也就是CSS的 优点所在，为什么不好好利用而一定要定义一个CLASS呢！
阶段四：这一阶段是最难的，良好的HTML语义结构、合理的CSS、可重复利用的样式。良好的语义有这方面的文章,合理的CSS，这两方面以后一定会写专题来研究。

三. CSS初学者常见问题：让我们一步步来。第一个要求是缩图的正下方要有个标题。作法相当直接了当：在你的 HTML 里放上图片，接着一个断行 (BR)，再把标题放在一个段落 (P) 里并且置中 (利用 CSS)。
接 着我们要让这些缩图跟标题成对地排列在浏览器窗口里。使用表格排版时，这一对对的缩图跟标题会被分别放置在 TD 里。在使用 CSS 排版时，我们要把它们分别放置在 DIV 里。为了让它们能水平排列在窗口上，我们用 CSS 让这些 DIV 往左浮动 (FLOAT)。

问题1：学CSS应该选什么样书来读？
先推荐几本：
《CSS权威指南》
《网站重构》
《网站布局实录》
《HTML参考大全》
如果对HTML还不太了解的话，可以先读读《HTML参考大全》这本书，这本书即是一本教学书同时也是一本很好的用来查询HTML的工具书。最近出版的《精通CSS》、 《无懈可击的Web设计》都是非常好的书，但不适合没有有CSS基础的人读，要想成为一个优秀的CSS Builder，还要有扎实的英文基础，那样你就可以去阅读国外的CSS教程，参与相关的论坛，有人说，不懂英语可以只看代码，但事实上，他们的书中论述的不仅仅是代码，更重要的，是他们会告诉我们编码的思想和编码的方法，这些都是我们值得去学习和领会的。另外我推荐的中文教程是：《HTML and CSS Standard》、苏沈小雨《CSS2中文手册》、电子版《网页设计师》；外英文版的电子书很多，就不一一举例。看电子书是一件很乏味的事，我本人就不习惯看电子版的，所以经常买书看。

问题2：用什么软件编辑CSS代码?这个问题好象是问过频率最高的！先说我自己吧，刚开始是用DreamWeaver写代码，由于DreamWeaver软件本身是一个很耗CPU和内存的软件，运行时编辑的速度就可想而知了。走了好长一段时间之后我才过度到了“半手写”状态，“半手写”就是利用DW提供的代码提示功能，当你写“F”时有关“F”的样式就会立刻在后面提示出来，方便你选取。如果再写上几个字母，你要的那个样式就很快找到了，这样可以加快你的写样式的速度，但有一个坏处就是如果你脱离了代提示的编辑软件你就不会写样式了，比如你在程序员那里修改微调样式时，他用的可不一定是你用的那个软件，不一定有代码提示功能，所以你只能回到自己的机器上编辑好了然后发给程序员！这样做显然是不专业的！所以如果想成为优秀的人就要做到够专业！
说了这些好象还没有说到主题：
只要已经能达到会手写的程度，用什么软件都可以，推荐使用DreamWeaver外挂TopStyle（最新版本是Pro V3.12）。

问题3：先写HTML还是先写CSS？
网 上有很多种答案：先写HTML后写CSS；先写CSS后写HTML；两者同时写。我倾向于两者一起写，先写CSS或者先写HTML对于初学者都不是恰当得 的方法。如果让一个人编写代码，你告诉他先写HTML,写完后 HTML不能修改了，然后你写CSS，如果他可以写出来，那这个人一定是一个水平非常高的Builder了！所以对于初学者，多数情况下我建议同时编写， 具体我说一下步骤：

[*]先要把站点建好，目录建好，比如我们建好文件夹CSS,IMAGES,这两个是最其本的，然后新建一个HTML文件，一个style.css一个空 的样式表，把HTML页连接到这个外部样式表。 [*]然后我们先写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些 布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。 [*]写好这些后，这时你可以到样式表中写样式，或者你在接着写布局里的部分，我们拿头部为例，在头部写入LOGO部分，NAV部分也同样加入ID或CLASS。其它同理。 [*]多上网站www.5lipan.cn和其他朋友一起学习交流.

为 什么说我们不可能一次性把HTML部分写好呢，因为人都是可能犯错误的，可能你的想法写的过程就是有问题的，或者为了浏览器的兼容性问题，有些是你由于经 验的不足没有提前预料到的，所以当你写样式时发现了问题时就有可能要改动你的HTML的代码。大至的写法就是这样，你也可以HTML/CSS同时进行，都 是可以的，看你的习惯。我们写代码时很多时候是边写代码边测试，也不是说写一句测试一句，而是写了一段代码后就进行浏览器的测试，我是同时用IE6与FF 一起测试。一个优秀的制作师他们的代码多数情况写了很多时他们才测试一下，是因为一个人如果经验多的话，他们就会知道并提前预防浏览器错误显示的发生了！ 所以他们写代码的速度比没有经验的人快。他们已经经历过了你所要经历的错误，你第一次遇到错误的浏览器显示问题你要花时间去修补，而他们可提前防止或遇到 了可立即解决问题！这就是你与他们的不同点之一。
      初学者与高手不同点之处还有一个就是高手们使用了大量的快捷键，所以一定要记住那些常用的快捷键，每一个小的细节都有一点提高，综合在一起就是很大的提高。
       另外提高自己的水平最好的方法就是多实践，多找一些比较好的HTML+CSS的模板进行编码实践，开始时要选一个简单点的，把页面截图，然后把这张图用自己的想法还原成HTML页面……
最后祝愿大家学习进步。 ]]> http://www.5lipan.cn/read.php?7 admin <admin@yourname.com> Sat, 20 Jun 2009 04:07:25 +0000 http://www.5lipan.cn/read.php?7 　　1—logo：基本logo特征，符合logo设计基础(平面设计通用)显示器效果：清晰度，最小尺寸(因显示器分辨率而带来，等同线下平面设计印刷效果)

　　2—文字：内容等级决定字体、字号大小、粗细;状态决定颜色(默认或者根据网站特殊统一)

　　3—广告、内容图片：尺寸样式定位，同一页面和谐性，图片优化，位置节奏，大小对比。


　　4—icon：品牌性，表达准确合理，设计手法(依据品牌性)，一致性，作用：吸引，醒目，方便识别、理解、操作、记忆。

　　5—可点击(button)：区别(不可点击)，根据人生活经验：厚度，可按，质感(实体联想)，色彩(品牌性、统一性、对比性);统一样式大小(依据里面文字内边距统一)

　　6—背景图片：氛围效果营造，同产品统一性，优化(品质大小，色彩信息，实现方案)，

　　7—图文排版：主图次文，图文节奏，空隙，模块化。

　　8—当前状态：放大(形状)，变色(反色、对比色、明度纯度区别色)，链进链出后指定内容提示。

　　9—交互控件：样式合理准确性(人对系统默认认知和生活常规认知)，状态(视觉表现样式和动作过程优化)，创意。

　　10—loading:内容关联性(loading前后内容关联)，无聊等待乐趣，体积、面积优化，创意。

　　11—用户反馈_ 成功、出错、提示、无结果：文案(明确、合理、人性化、创意)，图形(明确、醒目、色彩心理认知准确度)。

　　12—动画效果：过程合理(模拟真实环境合理化)，连续，节奏感，用户日常动作表现，音效配合，创意。

　　13—首尾设计：首(品牌宣传、自身特点、明确内容、气氛表达、创意。尾：呼应、节奏(与首)，创意。

　　14—适应屏设计(全屏设计)：最大最小屏幕考虑(文字、图片位置、折行效果)

　　15—固定尺寸栅格设计：合理单元格(考虑黄金分割)，单元格面积节奏，边距统一性

　　16—demo设计样稿：对内容最多最少考虑。

　　17—页面：品牌性，基调元素一致性，复用性，节奏感、面积感，视觉第一吸引，引导浏览，点线面关系，素描原理(运用素描基本规律来做页面)。

　　18—阅读：背景对阅读(视力)舒适度，内容与背景对比舒适度。
　　除此之外，还有很多设计点比如交互设计，比如代码设计，也可以展示给用户看到这些综上所述，构成用户体验设计一个大过程。

Tags - 网页设计 , 网站建设 ]]> http://www.5lipan.cn/read.php?6 admin <admin@yourname.com> Sat, 20 Jun 2009 03:53:23 +0000 http://www.5lipan.cn/read.php?6 　　在这篇文章中，我们会看到9件设计师与客户在设计开始前需要讨论事情，以增加成功可性。这些围绕去解客户业务与需求话题，而不像付款与最后期限这样合同问题。
　　1. 商业目
　　几乎所有商业行为都有任务与远景声明。如果你想要设计出真实反映业务和对客户有效网站，解基本商业存在原因与他目标绝对有必要。
　　如果你不清楚客户核心职责或者他们存在原因，一定要在开始向目前把这些问题弄明白。虽然很简单资料，但没有他们，项目很有可误入歧途。
　　2. 具体产品与服务业务
　　一旦清晰业务存在原因，熟知具体事项与客户如何从业务中到收入也非常重要事情。无论建立电子商务网站，还普通信息站，或者任何其他类型网站，有必要知道客户准备为网站用户提供什么。
　　3. 客户用户统计数据
　　讨论业务产品和服务会让你获有关为产品与服务付费用户更多信息，有效果网站以用户为中心，这个对身为设计师你至关重要，你客户需要准确解谁将使用这个网站，谁有可对提供业务感兴趣。
　　尽可多获取这方面信息非常好做法。比如目标用户年龄，性别，职业，收入等等，这些对确定网站设计风格非常有帮助。此外，为搜集更多有关用户对产品与服务感兴趣原因而建立网站，有利于提高潜。
　　4. 企业文化
　　好网站反映企业，使之成为整体市场营销和企业形象有效一部分。为创建准确表现企业网站，你需要在一定程度上解他们企业文化。很多时候你可以通过业务人员解他们文化(如果可话)。与不同员工进行交谈，与不同客户或者用户交谈(如果可话)，通过观察其现有营销材料，比如小册子，名片和广告。
　　5. 目前网站需要改善方
　　如果你项目需要对现有网站重新设计，这个时候你需要知道一个重要事情为什么他们选择重新设计，特别为改善现状重新设计他们制定什么? 因为他们网站上岁数仅需要换换面貌?还因为发生业务发生重大改变需要新设计与信息?还提供新产品和服务不属于旧网站一部分?还现在网站不为新业务提供有效帮助。虽然这非常合乎逻辑需要考虑事情，但需要你向客户索取资料，并弄清楚他们着手重新设计原因，这许多人不会想到你需要完全明白。
　　6. 他们对新网站期望
　　假如目前网站存在失败或者过时具体方。一定要深入解客户对新网站提高业务水平期望怎样。期望决定他们对你工作满意度巨大因素。所以为满足用户，知道项目最终结果什么非常重要。
　　7. 项目成败决定性因素
　　网站新设计会给企业带来令人满意感觉改善。但最终将有其他影响因素，决定项目成败。作为设计师，有效工作会给客户带来提高业务网站设计。清楚认知项目成败因素非常重要。也许成功仅仅在于增加销售量。也许网站更准确反应企业重大事情。无论哪种，知道如何衡量帮助你把重点放在合适方面。
　　8. 他们选择你做设计师原因
　　有如此众多自由设计师和设计公司可供选择，很明显客户选择你有原因。也有一些使客户觉你最合适人选相关事情。这也许因为你以往作品中具体项目。也许因为在签约之前你表现出有效沟通和对细节关注。也许因为你定价。
　　无论何种情况，有些关于你或者你工作事情，鼓励你客户和你一起去解其他设计师。这一决定背后原因往往会帮助你更好解他们想要或者对你期望。
　　9. 他们维护网站计划
　　目前几乎每一个网站设计开发都会使用某种类型CMS.他们不断维护更新网站需求影响着CMS选择和如何建立网站。
　　他们计划增加新页面与经常在存在页面改动图片和文字么?他们需要各种各样模板，为不同目建立特定页面吗?他们仅仅偶尔或者很少更新页面么?理解客户不断前进中需求帮助你决定为特定项目使用正确CMS。在某些情况下，客户可已经有他们想使用 CMS，但这样情况不经常遇到。
Tags - 网站设计 , 网页设计 , 网站制作 ]]> http://www.5lipan.cn/read.php?5 admin <admin@yourname.com> Sat, 20 Jun 2009 03:39:56 +0000 http://www.5lipan.cn/read.php?5
　　2.初学者请不要看太多太多的书那会误人子弟的，先找本系统的学，很多人用了很久PS，都是只对部分功能熟悉而已，不系统还是不够的

　　3.看help,不要因为他们很难而我们自己是初学者所以就不看；帮助永远是最好的参考手册，虽然帮助的文字有时候很难看懂，总觉得不够直观

　　4.不要被蒙版，通道等词汇所迷惑； 通道就是选区，呵呵

　　5.不要放过任何一个看上去很简单的小问题——他们往往并不那么简单，或者可以引伸出很多知识点；不会举一反三你就永远不等于会了PS；

　　6.会用PS处理相片，并不说明你会设计；

　　7.学PS并不难，AI，CD等等也不过如此——难的是长期坚持实践和不遗余力的博览群书；

　　8.看再多PS的书，是学不全PS的，要多实践
　　浮躁的人容易问：我到底该学什么；——别问，学就对了；
　　浮躁的人容易问：PS有钱途吗；——建议你去抢银行；
　　浮躁的人容易说：我要中文版！我英文不行！——不行？学呀！
　　浮躁的人分两种：a)只观望而不学的人；b)只学而不坚持的人；

　　9.把时髦的技术挂在嘴边，还不如把过时的技术记在心里；

　　10.学习PS最好的方法之一就是多练习；

　　11.在任何时刻都不要认为自己手中的书已经足够了；

　　12.看得懂的书，请仔细看；看不懂的书，请硬着头皮看；

　　13.别指望看第一遍书就能记住和掌握什么——请看第二遍、第三遍；

　　14.请把书上的例子亲手到电脑上实践，即使配套光盘中有源文件；

　　15.把在书中看到的有意义的例子扩充； 并将其切实的运用到自己的工作中；

　　16.不要漏掉书中任何一个练习——请全部做完并记录下思路；

　　17.当你用PS到一半却发现自己用的方法很拙劣时，请不要马上停手；请尽快将余下的部分粗略的完成以保证这个设计的完整性，然后分析自己的错误并重新设计和工作；

　　18.别心急，用PS确实不容易；水平是在不断的实践中完善和发展的；

　　19.每学到一个PS难点的时候，尝试着对别人讲解这个知识点并让他理解——你能讲清楚才说明你真的理解了；

　　20.记录下在和别人交流时发现的自己忽视或不理解的知识点；

　　21.保存好你做过的所有的源文件——那是你最好的积累之一；

　　22.请不要做浮躁的人。

　　关于买什么参考书这件事！

　　1.不要迷惑在众多的photoshop图书中，其实有相当大部分是重复又重复的 ，只是里面某些应用的例子不同，功能的讲解基本上是一致的 ，这类‘从入门到精通’的书千万不要买多， 否则吃力不讨好。

　　2. 如果你是刚刚进入photoshop大门的菜鸟我建议你不要去买“试图把photoshop所有的功能都讲清楚”的学习书，这类书通常会在1/3的路程处把你的学习兴趣通通打消的，就算你毅力坚强的坚持学习到最后，学完回头看看却还是做不出高质量有创意的作品来，看到别人好的作品还是会一头雾水，原因是没有重点没有深刻理解photoshop的精髓。

　　3.初学者学习过程中最好是理论和实机操作相结合 ，不要看太多的理论而不去实践， 也不要尽看教程而不学理论，尽量在实例中理解photoshop的功能。

　　4.初学者买什么样的photoshop书好？尽管各人有各人的理解，但笔者认为不能买上面说到的“尽说功能”的书外，也不能都是买尽讲例子的教材，尽量挑即有带吸引力的应用教程又有相应分类的功能讲解的书。初学photoshop尽量从“学习photoshop的精华部分入手，像图层 、通道蒙版等等。目前市场上对这三样功能结合讲解比较好是《photoshop 6 影象密码》或是《photoshp 7解像》，两本书都是同一个作者。书中的理念也都是围绕“图层 通道 选区（蒙版）”三大概念展开， 不同的是《photoshp 7解像》里的范例比较成熟一点吧， 虽然两本书中一本是写着6.0版本 ，一本是写着最新的7.0版本，但作者的写作理念并没改变，即要求读者多多注意一下photoshop的三大概念的深层理解和应用，而不是一开始就迷失在photoshop繁多的命令的海洋里。

　　5.当然不是学完上面介绍的书中的例子就是photoshop高手了， 学习photoshop最重要的是自己多练习、 多实践、多多思考和延伸学过的功能的应用。

　　6. 当你理解了photoshop最重要的部分后，你就可以开始扩展你对photoshop其他功能的学习了。如果你有决心学好phtoshop，第二条里面提到的“试图把photoshop所有的功能都讲清楚”类的参考书可以买一本回来了，这时候才是这类书能帮助你进步的时段，记住这类书最主要的只是帮你进一步理解photoshop的其他功能，学完了并不表明你就是photoshop应用高手。

　　7.当然 ，有些朋友并不喜欢在入门之后去买一本“功能全讲解”的书进行枯燥的学习，这时你就可以从学习photoshop的应用教程入手，从教程的学习中同样可以理解photoshop的其他功能，并增强你学习photoshop的兴趣 。在这点上， 我不得不推荐一本书了，它在全球都畅销今年是第一次来到中国，算是相当经典的photoshop图书了，相信有些朋友已经猜的出这本书就是美国出版的《photoshop wow！book》。我最欣赏这本书的是他把photoshop的应用提高到了艺术的高度上了。

　　8.其实不管是买哪本书学习都好， 最终的目的只有两个： 一是能熟练的应用photoshp进行创作；二是提高对艺术理念的深华 。所以，photoshop学习者不要认为学习photosop很难， 也不要认为很容易 。phoshop本身就是一个即容易又高深的软件，好的指导书可以为你进入他的殿堂铺好道路，但最重要的还是在进入photshop的世界后加强艺术素质的培养， 多多分析别人好的作品，也要多多用photoshop尝试创作 ，当你看到一幅很有分量的作品 ，心中已看透作品的实现过程时，相信你已经是真正的photoshp高手了。

　　9.最后一点 ，希望大家在学习photoshop的过程中多多思考 ，不要被事物的表面东西给迷惑住了，能用学到的技巧为自己自由应用才是学习photoshop的终极目的。 ]]>