web前端基础知识及快速入门指南

二、Html、CSS和JavaScript

1、 Html技术

①概念：HTML 是用来描述网页的一种语言；HTML 指的是超文本标记语言 (Hyper Text Markup Language)；HTML 不是一种编程语言，而是一种标记语言 (markup language)；HTML 使用标记标签来描述网页。

②Html结构

③Html元素

http://www.w3school.com.cn/html/html_elements.asp

④Html属性

http://www.w3school.com.cn/html/html_attributes.asp

⑤其它关于html的基础知识

http://www.w3school.com.cn/html/index.asp

⑥Html5

新增了一些特性，主要体现在两个方面：Web 网页的表现性能和追加了本地数据库等 Web 应用的功能。

欣赏下Html5做出来的网站案例：http://www.chinaz.com/design/2011/0726/201831.shtml

推荐书籍《head first Html and Xhtml》

2、 CSS技术

CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

CSS创建应用：http://www.w3school.com.cn/css/css_howto.asp

CSS语法（规则）：CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。如下：

selector {declaration1; declaration2; ... declarationN }。其中每条声明都是一个键值对，如下：selector {property: value}

CSS选择器：基础的id选择器和class选择器。

基础选择器： http://www.w3cplus.com/css3/basic-selectors

属性选择器：http://www.w3cplus.com/css3/attribute-selectors

伪类选择器：http://www.w3cplus.com/css3/pseudo-class-selector

推荐书籍《CSS权威指南》《CSS那些事儿》

3、 JavaScript

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。

JavaScript教程：http://www.w3school.com.cn/js/

JavaScript实现：http://www.w3school.com.cn/js/js_howto.asp

JavaScript Dom: http://www.w3school.com.cn/js/js_htmldom.asp

推荐书籍：《JavaScript高级程序设计》、《JavaScript Dom编程艺术》等

三、插件及相关技术

1、jquery库

http://www.w3school.com.cn/jquery/

2、Ajax技术

http://www.w3school.com.cn/ajax/

3、 jQuery ui

http://jqueryui.com/

4、 DataTable

http://www.datatables.net/

5、 ztree

http://www.ztree.me/v3/main.php

6、 highchart

http://www.highcharts.com/

7、Ext JS

http://www.sencha.com/

7、 其它包括D3等很多插件和框架

http://net.tutsplus.com/articles/web-roundups/40-super-neat-javascript-plugins/

可自行百度。

　　以上很多内容都只是简单介绍了下并附上了对应的一些链接，没有详细展开。但是如果按照以上思路简单学习个把月前端应该能够自己独立开发了。