Web开发从零到一(DOC可编).docVIP

Web开发从零到一 Woodzheng 2008.04 程序员说：“要有光”，就有了光。  起步准备 基本上阅读本文档前是什么也不用准备的，只要你有一门开发语言的学习经验应该就可以流畅地阅读学习下去了。 本文档的目的是让没有web开发经验的开发人员在最短的时间内了解web开发技术基础，对web开发有基础概要的认识，所以在介绍说明的过程中会完全忽略一些不重要的旁枝末节，如html文档里无关的声明会全部被忽略掉（如文档编码声明，关键字声明，W3C标准声明等等）。本文档只会介绍程序员最关心的功能实现问题，会尽量忽略基础概念和原理，阅读完本文档后，强烈建议找一两本经典的web开发教程来阅读，避免浮沙建高塔。由于知识所限，欢迎大家拍砖：） 目 录 起步准备 I 第一章 God！Grant Me Strength. 3 1.1. 我的第一个HTML文档 3 1.2. html代码分析 3 1.3. DOM Tree 4 1.4. 一个换行符 5 第二章 Show you some color to see see! 7 2.1. 很黄的HTML代码 7 2.2. 很黄的HTML解析 7 2.3. 殊途同归：style属性 8 2.4. Who is the one？--优先级的问题。 10 第三章 I hear the call of wild. 10 3.1. Repeat myself—两个style 10 3.2. The Call of Wild — css 样式 12 3.3. Don’t Repeat Your Self – 重用样式 12 3.4. The Chaos Return – 更加混乱的优先级问题 13 第四章 Find The Way – css样式的匹配 14 4.1. 条条大路—常用的选择器 14 4.2. 选择器的组合 16 4.3. 关于样式优先级的总结 17 4.4. css样式文件的集中 18 第五章 新世界-JavaScript 20 5.1. 第一个JavaScript 20 5.2. 引用js文件 21 5.3. js的变量和函数 21 第六章 合体！--DOM与JavaScript 23 6.1. 用JS来定位获取HTML OBJ的引用 23 6.2. DOM操作 25 第七章 JS的其他特性 28 7.1. 点我—事件 28 7.2. 时间控制 29 7.3. Cookie 31 第八章 综合应用 33  God！Grant Me Strength. 我的第一个HTML文档 用记事本新建一个文档，一个一个敲入输入如下内容，然后保存为1.1.html。 如果懒的话可以直接打开example文件夹下的1-1.html文件来查看，不过还是强烈建议你一个一个字符敲入，这样印象会深刻一些，后面如果你用Dreamweaver来编写html代码的话，手敲代码的机会就更少了。 1.1.html 用IE打开这个文档,可以看到如下效果： html代码分析 1-1.html 是一个非常简单的html文档，它里面没有乱七八糟的头部声明，只简单地展示一些文本内容，下面会一步一步解析1-1.html里代码的内容。 因为html里的标签都是闭合的，所以下面解析的时候都是对闭合标签对逐个地解析： html/html 这是html文档的最外一层标签，可以理解为页面中的所有元素都是它的子集（儿子），至于它有什么深入的扩展意义，可以留到以后查参考手册来理解，初步只要知道每个页面都需要这样的一个闭合标签就够了。 闭合的标签是指 标签名称/标签内容 这样的对标签例如div/div，闭合标签间都是可以嵌套的，例如divspan/spanspan/span/div。 一些个别标签因为标签对间没有嵌套标签或文本内容，一般都会写成标签名称/，如换行标签br/。 Html的标签是不区分大小写的，不过为了能更好地阅读，建议全部都写成大写或小写，不要用大小写 混合的写法。 这个是页面的头部声明，平时它会放一些javascript、css等代码的声明，1-1里放了一个title的声明，title/title 里的内容对应的就是IE的标题栏，例如1-1例子里，IE中的效果就是： PS：因为开发者经常会用copy paste 来创建HTML文件，这个标题经常会被漏掉设置或修改，有时会发现一些页面里IE的标题和页面的实际内容毫不关联的问题，一定程度上，从这一点细节可以发现一个站点的专业度了，hoho。当然，你或者发现这个文档的例子页面里也有类似的问题，哈哈。 接下来看b