请求信息
现在报名

让学习HTML和CSS变得更容易(和有趣)

通过戈登·德拉蒙德| 2016年1月27日

Web总是在变化,这意味着任何Web设计程序也必须不断发展。这是网页设计老师Hannah Shaffer在更新赛辛斯学院时所面临的挑战HTML/CSS课程以满足最新的Web标准。在此过程中,她创建了一个全新的课程,涵盖了从基本HMTL到语义HMTL5、CSS3效果和响应性设计的所有内容。

我们问了汉娜一些关于她的新课程的简短问题。

问:汉娜,你是一位训练有素的视觉艺术家、游戏设计师和网页设计师。是什么首先吸引你学习和实践网页设计?

我对网页设计的喜爱与我对游戏的热爱有关。在过去的几年里,我尝试了很多Flash,制作了这些怪异的、互动的艺术作品,部分是游戏/部分是网站。当我发现Flash网页设计已经不复存在时,我很失望。我感觉整个网页设计将回到这个沉闷的、静态的地方……有一段时间,它确实这么做了!

我没有放弃,而是决定继续学习,自学HTML和CSS。我最感兴趣的是CSS(让网站变得漂亮的东西),但当我意识到它们是打包的时候,我很不情愿地学习了HTML。

问:你是如何开始学习HTML和CSS的?你认为对于第一次学习它的人来说,什么是困难的?

我最初是从几本网页设计入门书籍开始学习的。这很有挑战性,因为标准在不断变化,当我拿起这些书的时候,它们已经过时了。

我认为许多新手设计师和我自己都很纠结的一点是,许多规则给人的感觉是多么武断或不可预测。你把所有的时间都花在学习不同的标签上,你开始把开始和结束标签的规则记在脑子里,结果却发现有些标签甚至没有结束语!

标签

学生们有时会问我是怎么记住所有这些规则的,我告诉他们我记不住。我经常在网上交叉引用代码!

问:你的课程让学习一门复杂而抽象的技术变得容易得多。理解这些微妙之处并把代码写下来的关键是什么?

我认为,清晰的、循序渐进的过程图像会带来很大的不同。当更新课程时,我尝试将许多代码在幕后的样子与在web浏览器中应该的样子结合起来。

如果您的代码能够与示例设计相匹配,那么您就可以逐步扩展并开始调整代码,从而做出自己的设计。

问:在Web标准中采用HTML5和CSS3似乎让Web再次对设计师更具吸引力(包括Web字体和CSS3效果等)。你同意吗?作为一名设计师,你在哪些方面比4-5年前更具灵活性和创造力?

我同意!我认为平面图形、网络字体和CSS3动画的美是网页设计的诱人之处。至于灵活性和创造力,我想说的是内容管理系统的发展,比如WordPress,工具字体太棒了响应式网页设计已经成为游戏的重大改变者。

在过去的5年里,移动浏览的现实已经促使设计师以新的方式思考易用性和用户界面设计。创建一个在数百个设备上运行相同的网站是一个巨大的挑战,但这个挑战激发了设计师跳出框框思考!

问:您的课程强调学习手工编码的优点(相对于使用Dreamweaver或Muse等HTML编辑器)。为什么这对专业设计师来说很重要,你对那些害怕代码的设计师有什么建议?

在我的专业工作中,我经常使用CMS,但如果没有更深入的代码知识,我就无法定制客户的网站!手工编码是网页设计师的训练营。这是一项艰苦的工作,对视觉学习者来说可能很困难,但所有的训练和努力都会带来漂亮的网页设计。当客户询问您是否可以将其站点上的侧边栏从屏幕左侧移到右侧时,您必须能够回答该挑战。

当学生们进来的时候,他们对代码感到害怕,我喜欢告诉他们如何使用这些神奇的工具。想要排除代码中的错误?这就是HTML5验证程序是给你的!忘记关闭标签?像这样的程序崇高会帮你关上的!

问:你们的课程包括响应式设计。为什么现在学习响应式设计很重要?

正如我之前提到的,响应式设计是现实。从移动设备访问Web的人比以往任何时候都多,忽视响应式设计就是忽视人类行为。

可移动的

我们使用移动设备与所爱的人沟通,在不熟悉的城市中导航,甚至在紧急情况下获取救生信息。这听起来可能有点夸张,但一个设计良好的响应式网站确实可以拯救生命!

以下是几个使用响应式设计拯救生命的网站示例:

Q:每个人都应该学习Web编码(HTML/CSS),因为:_________

这就是未来——而未来就在眼前!

访问sessions.edu了解更多关于网页设计学位课程网页设计课程在Sessions学院,

戈登·德拉蒙德(Gordon Drummond)是一所Sessions学院的校长,他在该学院担任教学设计总监,其中包括许多角色。他对教育、科技和艺术充满热情,喜欢与更多有才华的人在一起。