网页设计需要什么基础

进行网页设计，首先要学会html语言，任何网页的显示都要靠html语言来表达，最后浏览器解释html语言显示在我们面前。下面介绍网页设计需要什么基础，希望为大家带来帮助。

需要网页三剑客：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等，页面美化还要靠图片等东西。

网页设计有哪些基本流程以及需要注意的问题

网页设计的基础流程

1.确定设计思路

企业在设计一个网页之前，一定要先确定好设计方案，这个方案一定要确定网站的整体风格和特色，从而为后期的设计做好基本的准备。这里的设计思路要根据所设计的网页的不同有所不同。

2.版式设计

网页设计一定要特别注意网页中各个板块的排版和布局。每个板块都分布清楚后，还要看整个网页的布局，反复推敲布局的合理性以及用户的体验度。

3.色彩搭配

和谐的色彩、均衡的搭配，这些都会给网页加分。同时，不同色彩对于人们心理的影响也不同，设计者可以根据这一点好好地运用色彩的作用。

4.内容形式

一个好的网页一定要有好的内容和布局形式，内容的设计一定要注意运用对称美、节奏美和留白等等。通过空间、文字、图形等等之间的相互关系巧妙地建立整体的均衡状态，让之产生和谐的美感。

以上四点仅仅是网页设计中最为基础的流程，其中还有很多细节需要注意。下面就再来简单说说网页设计需要注意的问题。

网页设计需要注意的问题：

1.在新标签页打开链接

在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。

2.无处不在的广告

促销和广告会掩盖网站里的内容，也会让用户很难集中注意力去浏览，更不用说那些看起来像广告的东西常常会被用户忽略。

3.自动播放视频

在后台自动播放视频、音乐或声音文件，都是用户难以接受的设计方式。用户很少使用这些元素，除非是在适当的时候。

4.过于注重美观而忽略可用性

一个网站或用户界面的设计不应该因为美观而影响可用性。最好不要在文字后使用繁重的背景、也不要使用让用户很难阅读或颜色对比不明显的配色方案。

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架构;组件;控制器;动作、过滤器、校验器、路由;视图;部件;部件行为;部件事件;缓存。

Web前端的学习路线

第一阶段——HTML的学习。

超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。

HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好的!

在学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。

如果要学习web前端，需要学习什么

第二个阶段——CSS的学习。

CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。

同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习，我们就可以顺利完成“一幢楼房”的建设。

“楼房”建设完成之后，我们可以交给用户使用，但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。如果要学习web前端，需要学习什么

第三个阶段——JavaScript的学习。

JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅!有么有?

此时，也许你还沉浸在JavaScript给你带来的惊喜之中，但你的项目经理却突然对你大吼道

“这个效果在××浏览器下不兼容，重新搞……”

“不兼容?”瞬间石化了有木有?

“我擦，坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”

JavaScript的兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装。

第四个阶段——jQUery的学习。

jQuery是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其write less,do more的核心宗旨。这个Feel倍儿爽!有么有?

“豪华大楼”至此拔地而起，但是每天这样日复一日，年复一年的盖楼，好繁琐!能不能将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样岂不是爽歪歪?可以实现吗?答案是肯定的。

这种思想在Web前端开发中也是适合的，于是乎就出现了各种前端框架，在这里推荐给大家的是Bootstrap。 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。

在项目开发过程中，我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽!