初次接触或者想要进入网页设计行业的朋友会经常分不清楚web前端与网页设计之间的区别，不知道网页设计要学什么，web前端要学什么，因此感到很迷茫，下面就来跟大家讲解下这两个方向分别要学什么。

网页设计要学习什么?

需要网页三剑客：PS：用于网页美工、FLASH：用于制作焦点图、引导页动画、宣传片等等、DW：用于制作网页。另外还要学习editplus编辑器，有些编程语言DW做不起来，比如php，当然你可以不学这个编辑器，如果不需要的话。还有FTP软件，做好的网站要用FTP上传到空间的;还有CMS建站，还要学习数据库等。

1、html语言。首先要学这个，任何网页的显示都要靠html语言来表达，最后浏览器解释html语言显示在我们面前。

2、服务器架设，要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。

3、css语言。用网页制作三剑客做出来的东西，css大部分是自动生成的，很难理解，需要学习基本的css知识，是步入高手的必经之路。css控制着网页图片、表格、文字等等内容在我们面前的显示样式，比如颜色，边框，大小等。

4、div+css布局。这个东西是走向专业制作的必经之路，网页元素靠它来搭建基本框架，像百度空间，QQ空间的皮肤等就是利用这个来做的。

5、数据库。走向动态网页的基础，比如百度知道的提问回答这些，都涉及数据库的读、写、改、删。常见的数据库有mysql、mssql、access等。数据库是所有软件的基础，80%以上的应用程序都涉及数据库，而作为网页制作来说没有必要学得很深，够用就行。

6、动态语言，asp，php，jsp，.net(c#等)。要操作数据库，交互就需要动态语言，现在好多动态语言像php都有“框架”，用框架建站好比用活动板房的零件建房子，全部自己写好比一块一块砖砌房子。

7，javascript。网页里面的验证码，弹窗，特效等就靠它了，一个没有javascript的页面基本没有，这个也有好多的框架可用，这个语言是最难的，也是最强大的，网页木马，病-毒大多用这个语言。

8、平面涉及软件。flash，photoshop等，页面美化还要靠图片等东西。

web前端要学什么?

第一阶段、Web开发基础(Linux操作系统、Nigix、XHTML技术核心、CSS技术核心)

Linux操作系统基础，Linux常用命令，文本编辑器Vim/Vi应用，Linux文件系统管理与维护，Linux用户和用户组管理，LANMP生产环境部署;

XHTML基础，XHTML标准，XHTML语法规则，表格布局，链接与图像，表单及相关元素;

CSS2.0基础、CSS2.0 Box模型;CSS2.0 选择器;布局样式，文本样式，边框样式，背景样式，列表样式;CSS2.0 Hack。

第二阶段、PHP开发技术 (PHP技术核心、MySQL基础、PHP核心函数库、PHP面向对象编程)

PHP工作原理，PHP语法结构;数据类型详解，数据类型转换;运算符及优先级，流程控制;数组;自定义函数，字符串函数库，数学函数库，数组函数库，日期时间函数库，函数函数库;文件上传及下载;

MySQL数据库基础;数据库的创建、修改及删除;数据类型详解;数据表的创建、修改及删除;无限分类的数据表设计;记录的插入、更新、删除及查找;外键与连接;索引;

MySQL函数库，分页技术的实现，，Apache URL Rewrite，GD函数库，Directory函数库，File函数库，RegExp函数库;

类与对象，类的定义;属性与方法;$this关键字、 self关键字;继承，多态;魔术方法;抽象类与接口;设计模式;PDO类;JpGraph图表，FusionCharts图表。

第三阶段、Web 2.0 RIA技术(JavaScript基础、JavaScript高级、jquery框架、MySQL高级)

JS语法结构、数据类型详解、数据类型转换、变量;运算符及优先级，流程控制，数组，自定义函数;String对象，Math对象，Date对象，Array对象，Function对象，Object对象;W3C dom及HTML DOM;XML，BOM，AJAX，JSON;JS面向对象编程，JS设计模式;

选择器、过滤器;属性处理，样式处理，文本处理，节点处理;事件委派，动画效果;插件体系;

存储过程，触发器，游标;事务处理;数据库引擎详解;数据库集群，数据库读写分离。

第四阶段、PHP高级应用(Smarty模板、PHP框架技术)

模板工作原理;Smarty属性，Smarty方法;内置调节器，内置函数;缓存技术，插件技术;

Memcached缓存原理，内部结构，分散算法，PHP+Memcached应用;

ThinkPHP基础，CURD;查询语言、连贯操作、变量;路由、视图、控制器;自动验证、自动完成、安全、多语言、缓存;

安装YII;CURD;MVC架构;组件;控制器;动作、过滤器、校验器、路由;视图;部件;部件行为;部件事件;缓存。

链接: https://www.fly63.com/article/detial/2806