十一个免费在线网站让你轻松自学网页设计

这个网站所提供的学习系统旨在为用户提供系统的艺术类知识的学习，比如帮你称为设计师或者摄影师。现在网站加入了网页开发的课程，如果你正好拥有一个有待设计和优化的网站，那么这里的课程正好可以带你一步一步搞定网站的设计和开发。七个简短的视频，七个切实可行的步骤，跟着课程设计并开发好网站就好了。

2

LearnLayout

这个网站更多的是给有网站开发基础知识的人准备的，如果你对于HTML和CSS有基本认知的话，那么你可以从这里开始继续学习提高。教学过程中，网站提供了内容翔实的幻灯片，你可以按照你的状况控制学习进度。

3

CodeSchool

学以致用是CodeSchool的座右铭。的确，对于初学者而言，持续不断地保持热情并不现实。而这个网站就是为绝大多数不愿意折腾CMS系统，也不愿意学习繁琐技术细节的朋友准备的。虽然这种入门教程仅有8次课程，但是会为初学者带来不少帮助的。

4

DashGeneralAssembly

这是一套为初学者准备的网页设计基础课程，通过一系列充满故事性，富有交互性的内容构成。和其他的课程类似，其中包含了JS、HTML和CSS的知识。作为一套轻量级的课程，这里并不会教授你如何自己写一个完备的电商网站，这套课程更多的是让新手了解如何调整、使用一个全新的网站，在设计和程序编写上不会进行过于深入的讲解，总之，它会让用户无需花钱去购买那些看起来很高端的服务。

5

Channel9WebDevelopment

如果你是一个没有任何编程开发经验和网页设计经验的初学者，那么这里的课程就很适合你了。这里针对初学者准备了21个视频，它们容易理解，循序渐进，并且覆盖了所需要的基础知识。

6

AquentGymnasium

7

Alison’sWebDevelopment

Alison的网页开发课程总共分为9个部分，这套简单易懂的课程能让你在自己设计并开发网站过程中，获得足够的成就感。课程主要覆盖了HTML和CSS等常见内容，涉及到设计、开发和发布等不同部分，循序渐进，在实战中学习，是你学习过程中不错的引导。

8

Webmaking101

这是一套颇为不错的网页设计课程，不过如果你想深入钻研响应式和动效的话，那还是先不要看这套课程。这里的课程内容大多是从网上搜集整理而来，绝大多数的知识和内容都覆盖了，唯有近期流行的响应式和动效暂时还没填补上。有些技巧和窍门在这里并非一脉相承，所以看的时候，还需要你自己进行适当的打磨和钻研。

9

CodeAvengers

这个网站涵盖了100多个课程，其中覆盖了从嵌入式到设计JS动效等多种内容，有的课程甚至上手就教你怎么做APP。如果你的需求正好比较独特，说不定能在这里找到你需要的。