【实践】Web编程所需的必要知识、环境工具相关

”工欲善其事，必先利其器“。

初学者如何起步做网页（网站）？ 以下，罗列出一些知识及工具，从这里开始吧！

※对于初学者，目前只看“基础类”即可。

第一部分，所需知识

第二部分，开发制作环境

第三部分，步骤

【知识】

-  基础类

1. HTML

    主要是对相关标签的理解与使用。

2. JavaScript

    主要是理解与使用怎样与HTML的标签进行结合。

3. CSS

    主要是对网页界面的美化（没有兴趣的朋友可以不去过多掌握）。

-  扩展类

1. 发布自己的网站（仅前台编程部分）

    利用免费公用Web服务器，把自己的网站向全世界的朋友们展示！

2. 面向对象的编程（OOP）

    进入正式软件开发世界的必要的根本性概念。

3. jQuery

    对JavaScript有了较多理解及实践后，并且在对OOP有一定概念性的理解后，可以进行知识升级。

4. JSON

     对OOP有一定概念性的理解后，可以进行知识升级。

【环境】

-  基础类

1. 电脑（而非手机）

     Windows系列：除了平时上网查阅资料及利用各种网站服务，从编程的角度来说也更适合于初学者。

     Linux系列：有兴趣的朋友可以使用，但很可能会对编程的初学阶段造成很多麻烦。

2. 浏览器

    [建议 使用优先顺序] 以下 任选一种

    1)  Chrome（ 谷歌）

    2)  Firefox（ Mozilla）

    3) Safari（苹果）

    4) IE（ 微软, IE8以下不可）

3. 编程工具

    ※参考：《开发人员眼中最好的代码编辑器是什么？》 http://www.iteye.com/news/25678

    [建议使用优先顺序] 以下 任选一到两种自己容易上手的

    1) komodo

    2) e-texteditor

    3) EditPlus/textpad等等

-  扩展类

1. 编程工具

    [建议使用优先顺序] 以下 任选一种

    1) Dreamweaver（最经典最适用，但不免费）

    2) VisualStudioExpress（微软的世界）

    3) Eclipse系列（Apatana/Netbeans）等

2. 构建Web服务器

    理解并掌握如何进行B/S编程。

3. 与Web服务的交互

    不仅是自己开发的后台Web服务，还可以利用世界上已有的服务来扩充自己的网站内容。

【步骤】

-  基础类

1. 代码编写的地方

    电脑的任意文件夹中，为要创建的网站新建一个文件夹，比如“mysite”。

2. 为不同的代码找到“家”

    三类代码/文件：HTML、JavaScript、CSS（一般可不用）

    1） HTML： 直接放在mysite文件夹中

    2） JavaScript： mysite文件夹中，新建一个子文件夹，命名为“js”（以后做其它网站也应该使用该名称，全世界通用）

    3） CSS：  mysite文件夹中，新建一个子文件夹，命名为“css”（以后做其它网站也应该使用该名称，全世界通用）

    4） 图片： mysite文件夹中，分别新建子文件夹，命名为“img”或“image”（以后做其它网站也应该使用该名称，全世界通用）

3. 开始代码编写

   把不同的代码文件分属到不同的文件夹中后，就在各自的地盘编写各自的代码。首先新建一个index.html，试试吧！

    ※这里仅是在编写代码之前的准备工作。怎样编写代码，请参阅其它相关资料。