网页制作培训入门摘要

以下这篇东西只是给自己给干事们培训的一个思路，泛泛而谈，内行请直接飘过。

1. 初级入门

1.1
基本要求是，会熟练运用word排版，因为所见即所得意味着插入图片，链接，表格什么的会变得十分简单，所以唯一需要的是要有排版常识。

可能唯一要注意的超级链接的种类，就是绝对链接和相对链接的区别。一般在本地调试时，用DW建立整个网站目录的同时，只要是在该网站新建一个页面并链接就能达到相对链接的效果。

之后要关注的，就是利用表格对版面进行布局了（暂时性，后面需要推翻这个理论）。

这个时期，最好在双屏模式，也就是半边代码、半边是所见即所得的设计模式下进行调试，
这主要是为了熟悉HTML代码，通过修改具体某个图片的大小或URL，然后观察代码的改变。

不要过分尝试手调，而是用属性面板对数值进行具体的调整，因为网页制作不同于平面设计，并不能达到100%的所见即所得，

这个时期，还可以稍微接触一下什么是CSS，不用过分深入，可以直接尝试用DW的CSS编辑功能耍一下。

1.2
有了一定的实战经验后，可以试着自己用PS或者FW画一个UI界面，然后利用里面的切图功能，

切图的追求的境界是，尽量利用最少的区块，来分出每一个可编辑的区域。

搞定导出成HTML后，只要用DW载入该网页，并将可编辑区的图片挖出来，再把该图片的url填进该单元格BG项的url，然后就能在该区域任意妄为了。

这是你应该会用CSS对一些目标元素进行效果应用吧？或许你还会四处去找一些奇特的JS特效什么的？

1.3
这时，你需要忘记上面所有的东西，oh不，是不要限死在上面的条条框框，因为你将进入进入另一种布局。

2. 中级入门

这时要求你熟练掌握每一个HTML标签，应该也不算是熟练掌握，而是可以一眼认出，

而且我们要换个编辑工具，这里推荐Notepad++，

也许你在之前以前意识到，HTML就是一坨以夹着的再简单不过的盒子，或许盒子里面还可以再套一个盒子，而你有没有想过把属性全部独立出来，让HTML仅以框架来呈现，没错，样式表就是这种东西。

框架的东西显然是越简洁越好，TABLE显然不是担当这个角色，因为他的属性太多，而且他还有TR和TD两个下属，充其量TABLE还是单纯的用了填填数值比较好。

那谁来担当排版的重任？剩下一个只有DIV了，这个叫做“层”的东西，可以在任何你想出现的地方出现，当然前提是你的CSS技术要过硬。

由于DIV的出现，盒子间的从属关系就很重要了，而且要从源代码里一目了然，这时缩进就来了，在Notepad++里，按一下Tab键就是整行向右缩进，缩进量好像是4个半角，具体应该可以调整。

你可以给每一个DIV进行命名，比如头部导航栏nav，侧边栏sidebar，或者大体布局上的header，left，right等等，当然，这只是方便设计者自己把握布局。

或许还应该提一下HTML+CSS+JS的三脚凳关系。

推荐教程HTMLDOG的翻译版本

3. 高级入门

引入后台和前端的概念。

说一下Dedecms和wordpress，相应模板函数的应用等。

嗯，大概这些了。
好吧，肯定说不完，而且我没演示素材 = =!