设计网站需要用到哪些技术（网站设计需要学什么）

本文目录

• 网站设计需要学什么
• 做一个网站需要哪些技术
• UI设计需要哪些技术
• ui设计师需要掌握的技术有哪些
• 做网页设计师要学什么
• 网页设计需要掌握哪些技能
• 网站建设需要哪些技术

网站设计需要学什么

1，你必须要学会HTML知识。

HTML，又叫做‘超文本标记语言’。它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。基本上网页大部分都是由HTML构造完成，实际上它像是一种格式、定义，指示、说明网页中的文字、声音、图像、表格、图形、链接等。

因此，在建设网页的时候你必须要懂得HTML才能来准确的构建网页。

2，CSS知识。

CSS又作层叠样式表，顾名思义它是一种用来表现HTML或着XML等文件样式的语言。在制作网页中需要它结合HTML来执行网页的排版，布局。

CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

3，javascript脚本

JavaScript是一种属于网络的脚本语言，通常是通过嵌入到HTML网页中给网页带来各式各样的动态效果。如果，你在制作网页中需要一个弹出层，需要一个动态特效、页面交互就必不可少的需要掌握javascript的知识。

javascript脚本语言同其它语言一样，有它自身的基本数据类型。同时它也能兼容绝大部分的浏览器。在使用时，可以直接嵌入到HTML网页中，也可以单独写成JS文件由外部调用。

同作为脚本语言的还有：VBScript也是比较常用的。

它是一种微软环境下的轻量级的解释型语言，使用COM组件、WMI、WSH、ADSI访问系统中的元素，对系统进行管理。同时它又是ASP动态网页默认的编程语言，配合ASP内建对象和ADO对象，用户很快就能掌握访问数据库的ASP动态网页开发技术。

4，学习一种动态网页技术

ASP是微软公司开发的代替CGI脚本程序的一种应用，也是微软公司的第一个服务器侧的脚本引擎，能够动态产生Web页面。ASP可以与Web数据库以及其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，曾用于各种动态网站中。2002年1月微软发布了最新的ASP.NET，取代了ASP。

ASP学习起来要简单一些，然而它已经是微软放弃提供的，可以说未来发展环境堪忧，是以，现在许多人放弃了使用ASP这种陈旧的技术。转而在PHP上大展手脚。

PHP：超文本预处理器。它是一种统统的开源脚本语言，其语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。

许多人在学习初期，都在考虑到底是要学习ASP动态技术，还是学习PHP，实际上，各自有各自的优势，主要还在于自己的使用上。

不难看出，更多的人更看好PHP。所在在学习动态网页技术上，还是要自己的考虑一番。如果只是单纯的为做一个网页，那么ASP完全可以。倘若你是要在此方面发展，那自然首选PHP，现在互联网讲究的是开源，理论上讲所有的PHP源代码都可以在网络上查找到，所以也就是上面那位同学说的，开源才是趋势。

5，你还要掌握一种数据库的技术

access是微软开发的数据库，夹杂在office中，一般电脑中安装了office软件就能轻送的找打它，access适合于一般的企业网站，因为开发技术简单，而且在数据量不是很大的网站上，检索速度快。不用专门去分离出数据库空间，数据库和网站在一起，节约了成本。

然而当它的数据库过大时，一般达到100M左右的时候性能就会开始下降！一般ASP常用access，主要是它的方便快捷。

相比之下SQL为现在更多的人在使用。

SQL：结构化查询语言。SQL是专为数据库而建立的操作命令集，是一种功能齐全的数据库语言。在使用它时，只需要发出“做什么”的命令，“怎么做”是不用使用者考虑的。SQL功能强大、简单易学、使用方便，已经成为了数据库操作的基础，并且现在几乎所有的数据库均支持SQL。

做一个网站需要哪些技术

制作一个网站需要的技术如下：

1、html，html用来创建网站结构；

2、css，css用来修饰网站样式；

3、javascript，javascript用来制作网站特效；

4、jsp，jsp用来实现网站业务逻辑；

5、数据库，数据库用来存放网站技术；

6、服务器，有了服务器网站就可以上线了。

UI设计需要哪些技术

一、了解UI设计师的角色定义和价值体现，UI的含义、UI设计师的含义
学习内容：学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度，和绘画能力。
二维造型方法，二维简约图标绘制原理与技法，各种材质质感表现。
三维造型方法(物体的体积、结构、透视与光影表现)
色彩原理：色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法
二、设计软件应用：以Photoshop软件为工具，讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。
以矢量图形绘制软件Illustrator为工具，讲解标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
字体专项设计：字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用
版式专项设计：版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
平面项目设计：结合软件、色彩、字体及版式的学习，针对宣传单、折页、名片、海报及VI做专题设计，提升综合应用能力及平面UI设计能力。
三、WUI设计基础：页面设计基本流程与设计规范的概念性讲解，重点了解WEB界面设计规范;网页配色技巧、色彩与构图的概念及技巧;网页导航与字版式设计
网页设计软件应用：以Fireworks为工具介绍软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。
以Dreamweaver为工具建立站点、添加页面元素、使用CSS样式及交互行为。
以Flash为工具了解动画制做原理与技巧，典型WUI商业广告中的Flash技术与实现。
网页设计要素：学习web网站设计基本要素，网站图标、按钮、广告banner、专题页设计等元素的具体设计方法
Web标准化布局：(X)HTML/HTML5语言：HTML语法与常用标签的详解，包括布局标签，表格标签，表单标签等。
CSS/CSS3层叠样式表：CSS语法与常用属性的详解，使用CSS对网站中各个模块进行修饰美化。
WUI项目实战设计：以企业网站、电商网站及专题网页做实战项目设计，经过全流程设计，达到网页界面设计要求
四、UE交互设计
1. 手机主题、界面与图标设计;
2. 拟物化与扁平化设计;
3. 系统性学习苹果IOS设计规范;
4. 系统性学习Android设计规范。
图标设计：图标设计要素与技法，图标设计中的色彩应用，图标创意思想与方法，2D图标设计方法，3D立体图标设计方法，图标在界面中的设计应用。
移动UI界面设计：手机APP的用户使用场景，手机界面的布局与结构，手机界面中的视觉语言与控件详解，手机交互中的手势操作，APP产品的核心设计：导引设计，手机APP的色彩与情感化设计，手机APP整体视觉情感的提炼与传达，移动APP项目设计iphone端APP实际项目实战。

ui设计师需要掌握的技术有哪些

1 软件能力

一个优秀的ui设计师除了需要掌握Photoshop、Illustrator、DW、C4D等设计工具外，还需要掌握Dreamweaver、HTML、DIV+CSS等网站技术工具，同时还需要具备交互设计的思想。

PS、AI的作用主要是绘制图标及界面，AE主要负责动效的制作，ARP这些主要是交互设计师的工作，但是小公司没有交互设计师的职位，大公司要和交互设计师经常配合，所以我们也要具备原型图的设计能力。

DW主要是负责网页制作设计，C4D主要负责动画设计，XD专业的图形化界面设计工具，集原型，设计和交互等作用。

2 理论能力

UI设计理论需要掌握：图标界面绘制、手绘、设计规范、网页设计、用户体验设计、交互软件使用、色彩搭配、平面布局等等;如果有营销思维、策划能力、文案能力，恭喜你，你已经是一个优秀的UI设计师了。

3 沟通能力

老板和甲方爸爸总是想要你将图标在放大的同时又缩小一点怎么办？一个优秀的设计师，应该具有设计提案能力。通过图形+文字的形式告诉你的需求方，你为什么这么设计，你考虑了什么，为什么使用这样的颜色。有理有据的设计说明比无休止的改改改更具有说服力。

4 界面设计能力

有人说界面设计看起来很容易，不就是把一些元素堆积在界面上吗？调调文字大小，排排版吗？确实很多人就是这么做的。所以很多作品集里App界面看起来大同小异。

其实好的作品不仅要有自己独特的设计语言。还要优先保证对业务和客户体验影响最大的功能的呈现。比如我们画一个图标，要去思考这个图标，用户的手能不能点中，会不会太小了，一定要合理。

5 综合能力

UI设计需要具备综合性的设计能力：包括布尔运算、图标设计、界面设计、主题设计、交互设计、视觉设计、动效设计、网页设计、图形设计、banner设计、APP设计、UE设计、小程序设计、H5页面设计等。

UI设计能力是从事UI设计工作的必备技能，如果以上设计能力你不具备和熟练，基本上找不到一份你想要的UI设计工作，所以综合性的设计能力一定要会。

做网页设计师要学什么

首先第一步，你要学PS 不用太深，只要能把一个网站的样子在PS里面做出来就行了。前期可以随便打开个网站照着做。
其次，你要会写代码，可以运用DW(DreamWeaver)辅助。代码这东西其实很简单，虽然是英文，但用到的单词绝对不超过200个。基于SEO原则，你必须会DIV+CSS式的排版。你可以用火狐浏览器随便打开一个简单的网站点查看源文件，然后参照别人写的HTML和CSS样式来写，或者上一些网站下载教程，查看资料，如果每天投入8小时来练，那么顶多15天你就能写出一个网站的前台了。要坚持天天练，练到你能把一个门户类网站（如淘宝）的前台写出来（当然是静态的），那么恭喜你，你代码学科毕业了，期间你可以穿插认识一下JAVASCRIPT等特效，能做一定的修改和应用。

再次，这个时候你可以转型学习网 络 推 广，基于自己的H T M L知识你会发现网络 推广的知识你一看就懂。
或者你可以学习一门语言（如P HP），从而更深层次的去认识网站。
自己能做一些特效，
补充：在学的过程当中一定要培养自己的美 感，特别是颜色的搭配。你要记住，艺术家设计网站的时代已经不在了，你要站在用 户的角度去体验一个网站，分辨好坏，你自己觉得很好看的，别人不一定这么认为，其中的关键就在于颜色的搭配了。

网页设计需要掌握哪些技能

:laptop:硬件构成
需要对计算机硬件有一些了解,至少要懂得机器的硬件一般由哪些构成。
:artist_palette:网页设计软件
要对网页设计常用软件很精通,一般常用的网页设计软件包括Photoshop,firework,flash,dreamweaver,当然了,还要精通HTML标记代码,他可是所有设计的根本。还有一些网页特效的使用,所以,您还需要学习有关CSS,JSP的有关知识。
:globe_with_meridians:交互式网页
要是做一个网站,或是可以进行交互式的网页,还需要了解有关ASP,还有ACCESS或者是SQL数据库方面的知识才可以。
:satellite_antenna:FTP上传
如果要发布到互联网上,还需要了解一些关于FTP方面的知识,以便于可以迅速的上传你的网页。
:desktop_computer:WEB服务器架设
在本机调试网站时,我们一般会使用一些工具在本机进行调式,还需要学习有关WEB服务器架设方面的常识,常用的有MICROSOFT WINDOWS自带的IIS或是阿帕奇等。
:magnifying_glass_tilted_left:搜索引擎登记
为了推广网站,在各大搜索引擎进行登记也是必需的,所以,还需要有一些关于互联网使用方面的常识。

网站建设需要哪些技术

网站建设需要的技术有：

一、建站基础语言

tml:也就是超文本标记语言，这种语言是万维网当中应用最广泛的一种语言，简单易懂，可以使得网站的文本和图像可以做到有机结合，形成一个整体。

table、div+css:每个网站都有着相当规范的布局排版，美观得体，这得益于table、div+css的布局技术，相较于table布局、xml的布局更加简单灵活、代码更加简洁。

Javascript技术：这是一种可以使得网站更加生动活泼的程序语言，如图片的自然切换，跑马灯等特效，让网站的页面更加有亲和力、生动形象。

二、动态代码

内容随着用户的输入和互动而有所不同,或者随着用户、时间、数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript、JScript、Actionscript)来改变。当然更普遍的是由服务器端的描述语言(Perl、PHP、ASP、JSP、ColdFusion等)进行编译,从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。

三、美工

简单说来就是photoshop，一个优秀的网站不必可少的就是动人的UI，如网站的banner设计、logo图片、图标设计等都离不开优秀的美工。

四、脚本语言

用来实现网站的一些基本功能，如用来完成动态网站的用户访问提交数据等，这种语言可以插入到html静态网页中，如php、asp等都是较为流行的服务器脚本语言。可以用来编写网站的后台用于管理网站，前台功能应用。

五、SEO优化

制作网站的目的不仅仅是为了展示自己，更直接的目的是为了获得良好的搜索引擎排名。如网站结构的优化、代码优化、关键词布局等。都需要对网站进行不断完善。

六、能力

简单的能力只要会写文章即可，如果想让网站更有吸引力，优秀的文字功底必不可少，内容是网站的第一生产力。

七、代码质量

当创建一个网站，它是很好的做法，以符合标准。这通常是通过描述指定元件做什么。不符合标准的网站无法使用或容易出错的，标准可以涉及到正确的页面布局的可读性，以及确保适当地关闭了编码元素。

八、CMS建站

整站开发是一项浩大的工程，需要多人配合。制作网站CMS(内容管理系统)是再适合不过的、也是最为快捷的建站方式，很多优秀的CMS使得如今的网站建设更加智能化、简单易上手。只需要做出漂亮的前端，在页面中嵌入执行语句即可使得网站快速运作管理。