页面制作人员的修练之道--.

《页面制作人员的修练之道--.》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、页面制作人员的修练之道>>.本文目的：与您分享如何学习基于l的代码规范、CSS样式手册等具体内容我将会在文章的最后“推荐的资源列表”中将我所看到过或学习过的教程一一列出。一、新形势下的网页制作以及职业定位随着网络的发展，前几年还只是国外网站以及国内少数个人网站才会去实施的er的项目组合作开发模式。正是由于er）。我非常的认同这种职业定位，所以转了过来。或许这将是未来比较流行的网站制作过程中的项目组分工合作的模式吧。二、基于"id="code"style="it"/>[Ctrl+A全部选择提示：你可先修改部

2、分代码，再按运行]而我们现在，一般会简化成这样：<divid="header"><menu><li>首页</li><li>栏目一</li><li>栏目二</li><li>栏目三</li><li>栏目四</li></menu>&l123下一页[这篇文章来自..，]t;/div><divid="left">左侧内容</div><divid="right">右侧内容</div><divid="bottom

3、">尾部内容</div>然后再通过外部的CSS对页面上的元素进行布局以及美化效果，这样的代码相对于前一段应该说更精短，更易读懂。而且这个易读性，你还可以理解成搜索引擎也比较容易读懂你的内容、聋哑等有障碍人士也能通过一些特殊设备来读懂你的内容、用l代码，是不是觉得的确精短了很多？到底如何去培养自己去编写精练的、有语义的、结构非常清晰的html代码呢。在下一节中我们来讨论如何将一个美工画出来的效果图拆分成结构层、表现层以及行为层，以及如何正确处理三者之间的关系。三、理解表现与内容相脱离表现与内容相脱离，

4、这应该算是l代码：从页面代码的角度上看，我们应该说只能看到这些东西：就是一个标题，以及一个详细列表。所以说在脑海中初步形成的代码应该是：<h4>标题</h4><ul><li>列表项</li><li>列表项</li><li>列表项</li><li>列表项</li>...<li>列表项</li></ul>CSS代码：就是大家看到的视觉效果。通过更换css文件，我们可以在不修练html代码的基础上任意变换这个页面的视觉效果。所有

5、的效果应该是与html内容本身没有关系的。因为视觉效果仅仅是为了让页面更漂亮、更容易让用户去接受。Javascript:细心的朋友会发现，标题栏左侧有一个小三角形。通过点击这个图标，我们可以完成一个收缩功能，这就是行为，也是与页面内容无关的东西。三种角色负责三个不同的分工，尽量不要去相互影响。一个网页，应该以它的主体内容为根本，所以我主张。先编写html代码，在编写html代码时，我们尽量不去考虑为了迎合它的表现形式，这样才能写出结构化、语义化的页面代码。当然，在CSS实现以及行为脚本时，我们也允许最小程

6、度的去修改现有的html代码，毕竟还有很多客观因素在制约着。但这绝不意味着像某些网站，纯粹为了通过l标签的真实意义。你会发现除了table标签，原来还有那么多有用而根本没有胜过的标签。以前只用Dl标签它应该布置在网页的什么位置。页面html代码不负责页面的效果，它只是告诉浏览器我这个页面的结构和内容，所以刚开始时，你会觉得符合标准的页面做出来都比较难看，那是因为你还没有学会CSS，就算学会了，你还没有经过多次的这种html代码与css代码分开编写的实践。要尽量让页面上的每一个标签都有它的实际意义。不要让h

7、tml代码为css而活着。四、重新认识javascriptJavascript是什么？二年前，我说它是一个小丑，因为那时候在很多网页制作人员的眼中，它就约等于特效，比如跑马灯效果、弹出窗口、网页关闭时弹出一个欢迎再来等等，还有专门的网站来收集javascript的特效，并将其归类为窗口特效、文字特效、图片特效等。这足以说明几年前javascript在网页制作领域所处于的小丑地位了。但现在，如果你还说javascr上一页123下一页[这篇文章来自..，]ipt是小丑，我会反对你。自从AJAX应用的兴起、ai

8、l为首的。当然，一般的网页都是二者都有的，只是孰轻孰重罢了。在注重用户体验、交互的今天，网页前台脚本开发担任了非常重要的角色。网页制作行业的分工与合作模式现在还处于摸索阶段，所以说，对于行为层代码的编写工作到底属于网页制作人员还是属于开发人员的。我觉得应该看各个开发团队的具体情况而定。不管怎么样，作为页面制作人员我觉得还是应该对Javascript以及DOM有所了解的。五、页面制作人员应该了解的知识如果说美工只负责出效果图，程