怎么学习网页设计

网页设计是一项很有用的技能，尤其是在当今互联网大行其道的世界。只要你足够优秀，就能从客户那里赚到钱，搭建会员网站或者从事其他赚钱项目。如果想知道如何学习网页设计，那你就来对地方了！

部分 1 部分 1 的 3:

入门

1 注意网页设计的与众不同之处。网页设计不是书籍设计，不是海报设计，也不是插图，这些领域的最高成就并非网页设计的目标。尽管网站可以用来呈现游戏和视频，而且这种呈现形式看起来很不错，但是这些网站只是游戏设计和用视频讲述故事的示例，而不是网页设计的示例。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/e\/e8\/Learn-About-Web-Design-Step-2.jpg\/v4-460px-Learn-About-Web-Design-Step-2.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/e\/e8\/Learn-About-Web-Design-Step-2.jpg\/v4-728px-Learn-About-Web-Design-Step-2.jpg","smallWidth":460,"smallHeight":291,"bigWidth":728,"bigHeight":460,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 了解网页设计涉及的内容。网页设计是创建数字环境，这种环境：
- 方便和吸引大家使用；
- 体现或适应个性化声音和内容；并且
- 随着时间的推移，要在不断改进的同时始终保留着自身的特点。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/4\/44\/Learn-Web-Design-for-Free-Step-1.jpg\/v4-460px-Learn-Web-Design-for-Free-Step-1.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/4\/44\/Learn-Web-Design-for-Free-Step-1.jpg\/v4-728px-Learn-Web-Design-for-Free-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 决定要使用什么资源。主要资源有网站、视频和书籍。部分流行网站包括 Codecademy和W3Schools。但是还有更多的网站，所以大胆去尝试吧！
- 一旦选好了网站，那就注册一个帐户。这样你就能加快进度。
- 如果你选好了视频，那就把所有需要的视频添加上书签。
- 如果你选择从书中吸取灵感，那就去当地的图书馆或书店。如果你想要更便宜的资源（甚至免费），也可以下载eBooks或者PDF文件。
- 如果你愿意为此花点钱，那就可以让网页设计专业人士手把手地教你。
4 弄清楚你需要花多少时间。如果你平时很忙，那就得每天腾出时间来学习网页设计。
5 下载一个网页设计程序。下载像 Adobe Dreamweaver、Microsoft Expression Web或者 KompoZer之类的程序是个不错的主意。这类程序有很多，你可以随意浏览，喜欢哪个程序就下载。

部分 2 部分 2 的 3:

学习阶段

{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/b\/b5\/Learn-Web-Design-for-Free-Step-4.jpg\/v4-460px-Learn-Web-Design-for-Free-Step-4.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/b\/b5\/Learn-Web-Design-for-Free-Step-4.jpg\/v4-728px-Learn-Web-Design-for-Free-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 从HTML开始。HTML是每个网页设计者都必须掌握的。熟练掌握标签、类、标识和输入等概念。
- HTML最新版本是HTML5。HTML5包含了一些新技术，所以是最佳的学习对象。
- 也可以选择XHTML，只是它在规则上比HTML更复杂一点。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/5\/5d\/Learn-Web-Design-for-Free-Step-5.jpg\/v4-460px-Learn-Web-Design-for-Free-Step-5.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/5\/5d\/Learn-Web-Design-for-Free-Step-5.jpg\/v4-728px-Learn-Web-Design-for-Free-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 学习CSS。CSS的全名叫做“层叠样式表”。没有CSS就不会有一些网站上漂亮的设计。HTML只是一个框架，而让网站多姿多彩的是CSS。
- CSS规则要复杂一些。比如，要是你忘了在每行的末尾加上分号，那可能就会为找出问题出在哪里而焦头烂额。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/d\/d8\/Learn-Web-Design-for-Free-Step-6.jpg\/v4-460px-Learn-Web-Design-for-Free-Step-6.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/d\/d8\/Learn-Web-Design-for-Free-Step-6.jpg\/v4-728px-Learn-Web-Design-for-Free-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 学习JavaScript和jQuery。对于那些打算做简单网站的人来说，这并非必选内容，但如果你想要做一个交互式网站，那就必不可少。
- 如果打算使用jQuery，只需要基本的JavaScript知识，因为jQuery会让一切变得非常简单。
- 通过jQuery，你可以插入窗口小部件，比如折叠菜单、日历等。样式也是多种多样，所以你可以为自己的网站选择想要的样式。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/a\/a3\/Learn-Web-Design-for-Free-Step-7.jpg\/v4-460px-Learn-Web-Design-for-Free-Step-7.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/a\/a3\/Learn-Web-Design-for-Free-Step-7.jpg\/v4-728px-Learn-Web-Design-for-Free-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 继续学习更高级的语言。除了上面的，还有PHP、 MySQL、Perl、Ruby等其他语言。同样，这对于只想做简单网页的人来说并非必选，但对于大型互动网站却非常有用。
- 部分语言（比如PHP）需要测试服务器，所以确保向网站托管服务商申请一个帐户，或者在你的电脑上安装服务器软件。