学习网页设计30天速成法（入门篇）
利用30天业余时间学习并掌握网页设计、网络营销和网站开发的综合课程已经成为可能，30天的学习时间，内容安排既包括理论学习也包含项目实践，虽然只是入门阶段的水平，但绝不是随随便便自学就能够达到的水准，整理这些知识和心得体会希望可以对初学者有一个比较系统的认知。（详情咨询:中原洛科）
学习网页设计，许多人都认为不需要计算机基础就可以完全搞定，同时也认为网页设计的含金量不是很高，毕竟社会上随便玩过网络的人都略懂一二，其实刚开始学习时还真有这种感觉，毕竟开始我本人是完全没有基础的，学习只是为了积累“网络编辑”方面的一些知识。
但是现在的我已经不这样认为了，那么学习网页设计需要怎样的计算机水平呢？我个人总结了一下，首先需要懂得基本的上网操作，例如顺利浏览网站内容，懂得复制、粘贴、下载网页内容等基本的手法，还需要搞懂链接这个基本的概念。（实质上就是懂得互联网这个信息产品）其次需要会一些计算机的基本操作，例如办公软件的使用，懂得电脑系统软件和硬件的操作常识。最后需要基本的逻辑思维准备，即在网络世界里懂得前进和后退，有一些敏捷的反应能力和理解能力。（实质上就是需要一定的文化基础知识）
（如需交流/kalansaimu）
有了前面的准备，接下来我们开始入门篇课程的主干部分。
网页设计是一项的系统工作流程，主要流程包括：网站策划、人员组织、页面设计、程序开发、测试发布、维护推广、项目总结等七个方面。通过课程的学习，接下里逐一进行概括和总结。
网站策划：包括收集客户信息、分析网站类型、确定网站风格三个步骤。通过前期的调查研究我们需要帮助客户确定网站类型、网站导航、网站风格、网站功能、网站布局等，这些策划的内容需要通过效果图来展示，同时需要列举同行业的不同案例进行创新设计，要求既要遵循网页设计的一般规律，又要敢于突破传统的设计盒子。（这个环节的理论知识准备必不可少，但是最终的效果图得到企业领导的认可才是最关键的因素。说得好不如做得好。另外建议入门者养成一个好的习惯：策划的过程中形成一个策划文案稿件，方便统筹管理。）
人员组织：开发一个网站，不是某一个人可以独立完成的，需要一个团队来共同协作完成，在这里重点强调一个理念：设计网页、做一个网站其实一个人就可以完成，那么为什么要提出一个团队制作呢？一个团队共同做一个项目，可以借助团队的力量发散思维，有利于凝聚大多数人的聪明才智，虽然没有太多的技术内容，但是需要一定的创意和信念才可以做出来精品网站。（众人的力量绝对是强大的，团队协作不是一句假大空的口号，而是一种工作理念。）关于实际工作中的分工，这里举一个小的案例来说明：通常一个项目需要至少三个人完成，一名网页设计师、一名程序开发设计师、一名统筹协作的专职人员。（如需交流/kalansaimu）
页面设计：完成前面两个部分，这里才是真正的开始，做好网页设计需要懂得几个专业设计软件的操作，包括fireworks、flash、格式工厂等常规设计软件。实际上我们主要学习的是如何操作fireworks，这一个软件就可以满足很多基本操作了。另外掌握一些图像、音频、视频、动画等处理软件也是很有必要的。在这里需要说一下PS软件，因为很多人都懂得PS基本的操作，其实操作界面及原理和我们学习的fireworks是基本一致的，它们同属于一家公司，但是各有其自身的特点和优势，PS属于专业的图片设计和处理软件，而fireworks属于专业的网页设计软件。
这个环节首先需要懂一些基本的网页设计规范:（详细内容可登陆下载相关资料）
页面尺寸——宽920px 960px 980px 1020px 高属于动态的变量内容
F型视觉设点——这个属于人们浏览网页时的视觉规律问题，关于F型视觉社区的研究有利于SEO搜索引擎优化的科学操作。
网页内容的间距——通常间距在10个像素左右。根据报纸编辑的基本知识可以联想一下网页设计的一些规范问题。其实设计版面跟报纸设计版面都差不多，根据人们视觉的规律设计合理的布局，例如如何分栏、如何设计边框、如何设计标题等等，这些知识都是相通的部分，需要有一个悟性在这个过程中。（学习任何知识，盲目的接受是不行的，需要善于动脑筋，激发大脑的活力，合理组
织吸收内容）
网页色彩的搭配（RGB模式）——关于颜色值的理解，例如#ffccbb （#fcb）、#ce8899 （同一颜色之间可以搭配，两个颜色之间可以搭配）这里的颜色值是在fireworks中的运用，每一个颜色值都是一个“#”+“六位值”，
其实这是十六进制的运用，即0 1 2 3 4 5 6 7 8 9 A B C D E F 如果不理解对比一下二进制即0 1十进制即0 1 2 3 4 5 6 7 8 9八进制即01234567 白色#ffffff 黑色#000000 灰色#777777 暖色：橙色冷色：蓝色
网页字体设计——网页上面的字体一般属于宋体字形，分12号和14号字，正文一般不消除锯齿，正文内容一般行距1.5 或者 1.8 。
这个环节其次需要进行后期的处理操作规范：
切片处理——什么是切片处理，即完成的网页png静态页面需要使用小刀工具对静态模板进行切割，切割目的为了设计动态模板（利用DIV+CSS布局来实现）切割的原则是实现一比一的转移，尽量小块化处理，方面网速的浏览，尽量把图片保存为gif格式，使用的JS要求进一步处理转化。
DIV+CSS布局——语法规范（标签的使用、属性值的控制）
标签包括单标记（
）、双标记(
------)
1、W3C 结构、内容、表现的三者分离（标准性语言）目的：实现
代码的可重构性，方便修改、维护、统一管理。在html表中，
通过div实现结构的变化。样式表css可以控制表现“颜色、背
景”。
2、Css语法：引入样式表的四种方法：style直插法、
与
之间的style插入法（常用）、link引入法（常用）、@import引入
法选择符{属性：值；值；}和{属性：值_值_值_值_}两种
方式。（选择符的命名不能使用数字或者汉字）
3、七大类选择符
1、c lass选择符（可以引用多个值，用“点”隔开）
2、i d选择符
（用“#”号隔开）
3、类型选择符（引用标签的名称就可以了）
