学习网页设计必知的20个教学资源站

   好在伟大的互联网让全世界苦逼的互联网er都联合起来,一起解决问题。在线课程社区正是在这种情况下诞生的,应对不同需求的在线社区为需要学习的用户们提供了大量的辅助学习资料以及名师们的课程视频和文字教程,在社区中,你会发现一些传统经典的问题的解决方案,还能找到新兴技术和趋势的深度解读。

  这些网站里有大量的第一手的学习资料,只要你用心学习,它们绝对不会让你失望。

  1. Udemy


  Udemy是一个在线学习平台,如果你是技术大牛,可以在此销售自己的教学视频;如果你想在此学习技术,可以购买符合自己需求的技术教学视频。Udemy的主要课程:

  Android开发

  iOS开发

  响应式网页设计

  HTML5

  CSS

  课程价格各不相同,但是多数课程的价格都在100美刀以内,并不算太贵。

  2. Lynda.com


  Lynda在在线网页设计教学领域处于领军地位,其中包含很多高品质的在线资源。网站的教学视频包括:

  3D动画

  音频处理

  CAD

  设计

  开发

  教育

  摄影

  视频处理

  网站提供的视频服务是会员制的,最低每个月25美元的服务费用,可以无限制地提供所有的视频访问权限。

  3. Learnable


  Learnable网站提供了大量的网页设计和开发类型的培训视频:

  前端开发

  后端开发

  网页设计

  移动端开发

  用户体验设计

  市场营销

  业务推广

  秉承国际惯例,网站学习提供了99美元半年学习套餐和149包年的学习服务,不论是初学者还是进阶学习者都能从网站中学到足够多的知识,物有所值。

  4. Code School


  Code School 的学习资源更偏向开发而非设计,网站的学习资源整合得不错,符合开发者的学习规律。网站可以帮你在特定的领域构建起合理的知识结构和技能组合。网站的主要教学内容如下:

  HTML/CSS

  Javascript

  iOS开发

  Ruby

  网站提供超过30种课程和超过1700组代码挑战。网站提供的收费标准是29美元每月。

  5. Tuts+


  Tuts+网站提供视频教程和文字教程,教授各种网页开发和设计的教程。Tuts+不同于其他网站的是,他们的教程通常都围绕着一个特定的项目来一步一步展开,理论和实际结合的颇为紧密,读者可以随着教程逐步练习并掌握所需要的技能。

  6. Skilled Up


  Skilled Up搜集了50多种高品质的在线教学资源,课程主要覆盖了如下领域:

  HTML

  CSS

  Javascript

  网站搭建

  网站提供的教程并非全为收费的,有一部分是免费学习的。

  7. Bloc


  你可以随时随地地在Bloc的网站上学习网页设计与开发,它为你提供来自世界各地的导师,你可以随时随地地把控学习的步调和节奏。学习课程可以一周一次,当然你要是想掌握更快也可以一周三次课程。网站的课程如下:

  网页设计

  网页开发

  iOS开发

  当然,想要得到来自世界各地名师的指导并不便宜,你需要在入学的时候上交高大4250美元的学费。

  8. Don’t Fear the Internet


  这个名为Dont Fear The Internet(不要害怕网络)的网站为用户提供了各种简短的教程,比如各种Wordpress博客搭建的技巧。你可以在这个网站学到许多关于HTML、CSS和PHP的开发技巧,并且网站的内容全部免费,当然,你要想捐赠也有相应的捐赠入口。

  9. Mijingo


  Mjingo 的网站内提供了大量与网站设计、开发和CMS相关视频教程,这些课程价格各不相同,但是绝大多数价格都是19.99美元,如果某些课程正好符合你的需求,不妨买来瞧瞧。

  10. CodeHS


  CodeHS 网站提供的教学模块如下:

  HTML/CSS

  动画和游戏

  游戏设计

  JavaScript

  平面设计

  CodeHS网站的内容非常符合初学者的需求,基本的会员计划是25美元一个月,付费之后拥有访问全部培训教材的权限。

  11. Mozilla School of Webcraft


  Mozilla School Of Webcrafts 是一个免费的在线网页开发学习的网站,网站提供的教程有:

  CSS

  HTML

  PHP

  除了各种学习教程之外,网站还提供了不同的技能挑战,测试用户的学习成果。

  12. Coursera


  Coursera 为设计师和开发者提供了一个学习网络新技术的平台,网络教程都是免费的,主要的两大分类是软件工程和系统安全。

  13. CodeCademy


  想必很多同学已经听说过CodeCadamy这个网站了,在这里你可以学习到HTML/CSS、JavaScript、PHP、Python和Ruby的相关课程,网站内容都是免费的,任你学习。如果你不想独自学习,也可以加入不同的学习小组。

  14. WebPlatform.org


  WebPlatform 提供了许多书面的学习材料,如果你是初学者,可以在这里获得许多帮助。网站提供的学习素材很多:

  HTML5

  CSS

  媒体查询

  动效设计

  绘画

  音频处理

  网站内容是完全免费的,任何人都可以参与学习。

  15. Google Developers University Consortium


  谷歌开发者大学联盟,顾名思义,这里的内容都是谷歌提供的免费学习课程,从这里你可以学习到许多谷歌相关的开发技能:

  Android开发

  AJAX

  谷歌地图开发

  16. CSS-Tricks


  看名字就可以知道,CSS-Tricks是一个与CSS技巧相关的网站,它目前已经在网页设计师和开发者中非常有名,他们也常常在这个网站发放一些CSS相关的文章,内容当然是完全免费的。

  17. Sitepoint


  经典网页技能学习网站SitePoint内涵盖了大量的免费的教程,网站还会推荐一些开发和设计类型的书籍。SitePoint的文章中有进阶的教程,但是更多的文章还是针对初学者的。

  18. Stackoverflow


  要学习网页设计,StackOverflow网站是一个绝佳的选择。网站在网页开发和设计上提供了多种多样的建议,网站内容全部免费,对于初学者非常友好。

  19. Shay Howe’s Guides to HTML & CSS


  Shay的HTML/CSS学习指南是一个网页设计初学者值得一去的网站,网站内的文章可读性非常强,课程当然是免费的,主要内容有:

  HTML

  CSS

  JavaScript

  20. HTML 101 at Berkeley Knight Digital Media Center


  想要开始学习HTML相关的知识,HTML101绝对是首选,因为这个网站拥有许多在线资源。网站内容对于初学者和非技术人员非常友好,不过进阶内容并不算多。毫无疑问,网站内容是完全免费的。

  结语

  这推荐的20个网站几乎覆盖了从入门到高阶不同的层次,许多网站所提供的课程组合都是经过专家设计和调整过的,非常不错。CodeCademy等网站还特别注重学习的氛围和互动,加快学习者的进度。量力而行,选择适合自己的是最重要的。

时间: 2024-09-12 15:37:29

学习网页设计必知的20个教学资源站的相关文章

新手建站必知的20条SEO黄金准则

中介交易 SEO诊断 淘宝客 云主机 技术大厅 笔者近日拜读了SEO大师Theresa Sheridan在http://www.seo-news.com发表的头条文章Twenty Basic Tips for SEO Newbies深受感触.发现我们追求多年的所谓高深莫测的SEO其实很简单,知识有时候我们把他想得太复杂了.现翻译出来供大家参考,对新手应该有很大帮助,至少可以避免从开始就误入SEO迷途.原文翻译如下: 如果你有个网站并期望通过这个站来维持生活,从从长远考虑,作为站长就不得不了解一些

网页设计师必知的高效导航设计三原则

  为网站设计导航就如同为房子打基础.如果地基不牢靠,再壮观的设计也无法掩盖建筑结构的潜在风险,其实网站也是如此,如果想让网站拥有优秀的用户体验,良好的转化率,可观的销售额,你需要花费相当的时间去了解你的用户需求,精心设计网站的内容,寻求可靠而直观有效的内容组织体系,而这些东西的外化体现,就是网站的导航设计. 什么是导航? 许多人对于网站导航设计的认知并不统一.有人认为,构成网站导航的是网页中的焦点元素,它们让用户清晰直观地找到他们想要的东西.同样的,还有人认为导航设计是一种方法,引导用户去寻找

一流设计专家:网站设计必知的65条原则

设计 网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍.应该避免做什么.应使用什么工具软件以及他们喜爱和厌恶的网站. 01 明确内容 如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么.你的整个设计都应该围绕这些方面来进行. 02 抓住用户 如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的.不要让用户失望而转向你的对手的网站. 03 优化内容 内容是核心.大

建站成功第一步 网页设计必用的10个技巧

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网站,逐渐成为企业向用户和网民提供产品服务的一个窗口,是企业电子商务的信息平台.网站相当于一个企业的"网络商标",是一份不可忽视的无形 资产.如果想让网站成为重要的宣传途径,就必须建立一个成功的网站.今天,IDC评述网就为大家整理了10个建站必用的网页设计技巧. 1. 吸引眼球第一步,页面内容新颖. 网页内容要重点突出一个"新"字,结合自身的实际情况创立一个独一无二的网站.如果网站内容千篇一律就无新意可言.选材要尽量做

网页设计必学:快速精通网页框架FRAME

设计|网页|网页设计 FRAME(框架)是Web上经常会看到的页面结构.使用可视Web开发工具(比如Dreamweaver或者Frontpage),虽然可以在WYSIWYG环境中通过简单的鼠标托拽完成FRAME的构建,但是要实现真正细致甚至强大的功能,仔细理解FRAME的代码结构至关重要!你将发现,FRAME原来是这样的亲切易用. 创建基本的FRAMESET FRAMESET页面与普遍的Web页面有些不同.虽然仍旧以<HTML>和包含标题的<HEAD>标记以及其他脚本开始,但是其内

网页设计技巧:学习网页设计的网格系统

文章描述:网格系统是一种好的习惯,也是一种格式化的设计工具.有了它,你能更专注于内容呈递,更专注于强调重点. 网格确保了设计结构的组织分明.结构明晰.我们可以通过网格系统更好的打造设计的信息层级,让设计阅读起来更具有韵律感.就跟编码一样,编码需要有机的组织结构,而网页设计的网格系统也是同样的作用. The Grid System 设计师用起来舒服,开发者用起来顺手,当然,网格系统对于用户也是大有裨益的.我一直在强调设计要注重用户体验--毕竟,客户为你的内容消费,因此你要向他们提供有价值的体验.使

网页设计师学习网页设计的经验和技巧

随着公司影响力的壮大和产品的不断提升,相关的形象设计要逐步跟得上,需要逐渐提升,所以就招一个应届生网页设计师,算是一块成长.应届生有拼劲.肯学,但也好高骛远,起点都差不多,如何培养网页设计师就变得至关重要了.总结自己接触和学习设计的一点经验与大家分享,希望得到大家更多的建议. 一.配色 其实对色彩的感觉是设计师应具备的最基本素质,其作品不管是对网页界面.系统界面.还是产品包装等等都有广泛应用.基本的一些理论,什么冷暖色.对比色/补色.色彩心理.搭配原则等等,满大街都是,有意者随便搜一两篇看看就行

2013年网页设计最热门的20个注意趋势

在过去的2012年里我们看到了互联网的快速发展,各种技术的更新换代.对于网页设计师来说2012年也是很特别的一年.在这一年里你会发现很多东西就不一样了,几年前谈论的概念性的东西似乎在这一年都看到了原型.网页设计也不在开始循规蹈矩.各个公司和企业都学着跳出固有的圈去思考和创意.把用户体验提到了最关注的位置是一个重大改变.那么在新的2013年,网页设计还会有什么热点需要我们去注意呢.随着移动端智能设备用户数量的激增,我们要如何去思考和准备呢.今天,我们就归纳了2013年关于网页设计的20个趋势热点.

网页设计师必知:目前上网用户使用浏览器和分辨率

Web 设计师真的可以忽视 IE6 了吗?显然不能,使用 IE6 的仍大有人在.本文搜集了最新的 Web 浏览器,屏幕分辨率以及操作系统的分布数据,Web 设计师可以籍此对自己的设计做一调整,比如,1024 以下的屏幕真的很少了,如果硬要照顾这个分辨率,你会发现,一个 800 像素宽的页面在 1440 的屏幕上看上太古怪了.本文数据来自 Wikipedia (OS Browser), Market Share 等媒体. 不同屏幕分辨率分布 可以看出,1024 以下的屏幕所占的比例已经很小了,其中