网页是如何实现的，Web UI设计理论入门教程

Question

如题所述

Answer 1

一、学习HTML5和CSS3基础
随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端技术。
随着HTML5的发展和普及，了解 HTML5 也将成为 Web开发人员的必修课。涉及到网页外观时，就需要学习 CSS 了，它可以帮你把网页做得更美观。
利用 HTML5 和 CSS3 模拟一些你所见过的网站的排版和布局(色彩，图片，文字样式等等)。
当然，远标Web前端开发课程第一阶段还会学习 PS设计工具使用和互联网UI设计理论。
二、学习Java，了解DOM
Java 是一种能让你的网页更加生动活泼的程序语言。学习 Java 的基本语法，学会用 Java 操作网页中 DOM 元素。
Web前端开发课程第二阶段完全可以实现大家平常喜欢玩的 2048 游戏。(是不是感觉挺有意思)
接着学习使用一些 Java 库，比如 Jquery 是大部分 Web开发人员都喜欢用的，通过 Jquery 可以有效的提高 Java 的开发效率。
三、学习Web前端核心
学习 Jquery 之后，大家就要学习 HTML5 高级阶段(HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证...等)
四、学习HTTP协议及Server端技术
服务器端脚本编程(后台开发)也是Web开发人员的基本功之一。
要构建动态页面通常会使用到数据库，通常PHP使用Oracle、MySQL数据库。
对于Web服务器来说，Apache 一个就已经是了。那么Apache、php、数据库，该怎么理解它们的关系?
1、Apache是服务器基础，php和数据库都需要Apache来协调工作
2、php是脚本解释，如果不用php，那么Apache出来的东西就只是静态的，而不能在服务器实现功能
3、数据库完全可以单独使用，但是和Apache、php一起，则是由php代码调用数据库接口，而apache就负责解释php代码，让他能真正地实现对数据库的调用
五、学习Web前端高级技术
当你掌握了HTML5，CSS3，Java等技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。
学习的Bootstrap是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的，它简洁灵活，使得 Web 开发更加快捷，是web前端开发者最喜欢，也是现在企业里最常用的前端框架。
Angular JS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC编程、模块化、控制器、路由、事件绑定等等。
AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样，这也会损失一部分灵活性。换句话说，并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建，就得了解什么不适合用AngularJS构建。

Answer 2

这个说起来就复杂了，分类太多，建议你还是在网上找找资料多看看了解，或者找一些学习群什么的，我之前是在环球网校了解的，问那些老师，大神，哪方面不懂就问哪方面，根据自己的情况去了解会好些

Answer 3

一.养成做笔记的习惯

建议准备一个小本子

1.看到zhi了什么好设计画一画。(比如说我们在站酷上看到了很好的手绘作品，我们自己也可以来跟着临摸一下，这样的话可以提高我们的手绘能力)

2.想到了什么好点子，写一写。(比如说我们在UI网站上看到了非常UI设计作品时，我们也可以用电脑尝试设计一下，然后在心里反复思考，他为什么要这么设计，他设计这个作品的思路是什么，想到了什么就记下来，

当我们没事的时候可以拿学习记得出来翻翻看学习的时候积累的心得。

二.学会分析好的设计作品

这个对我们来说的得很重要。分析好的作品主要从这几个方面来进行分析：

一点：比如说我们在站酷上看到了一个作品，你要知道这个作品是配色上吸引了我们的眼球还是版式设计吸引了我们的眼球?

第二点：我们在UI设计网站上看到好的作品的时候要去分析为什么这个作品细节处理的这么好?

三点：如果我们在UI设计网站上看到一个好的排版，我们就要来分析他的这个作品为什么排版上看上去很舒服?然后再换位思考一下，如果是自己，自己会如何设计，设计手法和细节的处理会不会?创意想法上有没有给带来些什么灵感。

Answer 4

作为一个设计师，要经常去搜集行业信息、发展趋势，如某一阶段的风格、样式，对于不同分类的网站，应该要留心观察、勤于思考，观察每个网站的布局、风格，找到设计亮点，观摩分析，培养自己的思维方式，总结技术特点，形成自己的风格，更好的学会去创造而不是模仿。
在学习web UI设计之前，需要具备的一些web的基础知识，，对web有一个较为全面的认知，为之后的设计课程打下良好的理论基础
1 WebUI是什么
2 关于分辨率
3 web的基本分类
4 网页都是有哪些模块构成
5 网页是如何实现的
望采纳，谢谢！本回答被网友采纳

Answer 5

可以在网上找资料进行学习，也可以进入学校找老师带你。