引用:
原帖由 faver 于 2008-1-14 15:13 发表 
看的有点晕～～
我的同事跟我说：要成为一个优秀的WEB页面设计师，必须得好好学习一下CSS、HTML。
我常用的无非就是DW里TAB布局，所以同事总说我的框架太乱。一大堆根本用不着的代码。而且容易跑位。
只是 ...
其实你只是没找到窍门。就好像是一层窗户纸，捅破了很容易就看清楚了。你同事说的对，学习HTML&CSS代码是必须的，但这并不是成为一个优秀的Builder的关键。HTML&CSS只是工具，如何用你的思想来更好的使用这些工具才是关键。这个放在下边再说，先说一说如何学习代码。
很多人有个误区，在一开始就要记住所有的 HTML标签 、HTML标签属性 、CSS属性…… 其实并不是这样，这些 标签 、属性 、属性值 什么的有很多很多，并且绝大部分不是很常用。所以你不要去死记硬背这些，手头准备一本工具书
（如《HTML & XHTML权威指南》《CSS权威指南 》）像查字典一样来使用它们。我学习这些有8-9年了，到现在我背不下来这些的全部，可我的页面Building比我周围的同事做的都要好。
学习HTML&CSS代码的方法其实是分成2部分：
语法 、
关键字 。所谓
关键字 其实就是刚刚说过的
标签 、
属性 、
属性值 什么的，记住常用的，其余的查字典。所谓
语法 便是这些代码的书写规则了，这个很重要，一定要搞清楚并且理解，这个也不要死记硬背，用一些形象化的
心理模型 。
（如：整个网页的HTML代码像是层层嵌套的箱子，这些箱子有并列关系 、有包含关系。那些属性不论是HTML标签属性还是CSS属性都是在形容和描述这些箱子的特性如：大小、薄厚、颜色 等） HTML代码的关键点是它的结构。CSS的关键点是它的选择符。
开始应该试着看一些别人写的代码，尝试能读懂代码。当然这时尽量去看一些常规代码。有很多商业代码是经过了优化处理的，就比较难以理解。然后试着自己开始写些简单的代码，然后由简入繁。我刚刚说过不需要死记硬背，这就造成了你一些 关键字 可能写不出来，不要担心，只要你认识你需要的代码，用 DW 这类软件的代码提示功能就可以找到
（现在大家都很幸福了，我最早学的时候只有写字板能用）。
更多的学习代码的我就不说了，还是你自己找一些属于你自己的窍门吧！来说说我说所谓的思想。
不要再使用可视化编辑这样的功能。对于专业的Builder来说现在所谓的可视化编辑实在是垃圾。当然有个别时候还是比较有用的
（如给图片画热点这类）。很多没有尝试过
非可视化编辑 即
代码编辑 的人可能会不理解它，可能会说这不像是写程序多数在考虑的是逻辑代码。网页本身是可视化的，用
非可视化编辑 要怎么做？
用你的形象思维呀！其实人类的形象思维是很强大的。很多人说中学时学几何一点都没有用，一般人工作时也用不到。错了，学习几何是在锻炼和加强你的形象思维能力。学画画一段时间的人可能会感觉到，限制你的是你手对画笔的控制能力，因为在画每一笔前你的脑中可能已经有了这一笔落下的形态
（当然画熟了以后，就不是这样了，那时限制你的是你的创造力）。Building也是同样的道理，你可以试着在你的脑子中形成一个网页，然后试着将脑中的网页拆成代码写出来，然后看看在浏览器中的效果比较你原来在脑中想的效果，修正你原来的想法。这样锻炼时间久了，你就可以在你的脑子中安装一个 DW 一样的
可视化编辑 软件了！
古代学习武术的人时师傅会让徒弟看着墙壁上的招式来冥想，而通过这样的方法来强化徒弟对动作的熟练程度而提高武术的造诣。这不动而修炼的方法也是现代科学也证实了的，现在体操运动员常通过看比赛录像来冥想，借以改善动作中的错误。这些说远了，呵呵！这些是神经学方面的东西了，其实和我说的关系不大。呵呵！
我想说的是用自己的形象思维是绝对可以快速的帮助你锻炼你在Building过程中的代码编写能力的。
不瞎掰了，写了这么多，希望你能看看，我也算没白费劲。
[
本帖最后由 wiseinfo 于 2008-1-17 01:05 编辑 ]
