平面设计师应该如何学习网页设计？ [关闭]答案

【问题标题】：How should a graphic designer learn web design? [closed]平面设计师应该如何学习网页设计？ [关闭]
【发布时间】：2013-01-22 18:16:24
【问题描述】：

我是一名计算机信息系统本科生。我有一个朋友是平面设计专业的，对网页设计很感兴趣。我们的大学没有网页设计课程（尽管我们有基于 ASP 的网页开发课程）。她有设计师的头脑，而不是工程师；她在网页设计方面的唯一经验是使用 Adobe Dreamweaver（现在甚至在专业圈子中使用了吗？）。我希望能够为她推荐一个起点。我正在考虑推荐一些关于 XHTML 和 CSS 的书籍，然后介绍一个 CMS 平台，比如 WordPress。但我不确定考虑到日益流行的 HTML5 和 CSS3 标准的变化，这些书的相关性有多大。有这么多技术和概念要掌握，我可以想象这可能会令人沮丧。你会推荐什么行动方案？

【问题讨论】：

CSS3 就是 CSS + 新样式。我不知道 HTML5 与 HTML 4 与 XHTML 的区别，但 CSS 总是相关的，因为 CSS3 本质上只是一个新特性集。
@Raynos：是的，我真的不应该谈论我还没有赶上自己的事情：/
@Raynos：这就是为什么我害怕 2011/2012 年的网络。
@BoltClock 让我们continue this discussion in chat
我的建议？不要陷入 XHTML 陷阱。如果您不使用 XML 或 SVG，则不需要它。

标签： html css graphic-design

【解决方案1】：

将是我推荐的资源。除了那些我只会乱搞网页设计。

【讨论】：

【解决方案2】：

我建议从 HTML5 和 CSS3 开始，那里有很多初学者书籍，有些比其他更好，HTML 和 CSS 仍然是初学者的基础，但无论如何好书都会包含基础知识。我的理由是，任何刚起步的人都应该考虑未来。

【讨论】：

【解决方案3】：

如果他们正在寻找Design，我会将他们引导至诸如

之类的网站

学习，

http://psdtuts.com

http://smashingmagazine.com

为了灵感

http://www.webcreme.com/

http://www.cssdrive.com/

http://www.csselite.com/

虽然学习服务器端肯定会有所帮助，但我认为对于想要设计的人来说这是错误的路线。你可以成为一个了不起的网页设计师并在根本不知道如何编码的情况下找到工作（至少知道前端编码会让你 100% 更具吸引力），设计是一个完全独立的野兽 IMO。

【讨论】：

【解决方案4】：

为了好玩而做。其他一切都在后面。

好的，我会展开的。

最重要的一课：将形式与内容分开。坚持 CSS 理念和reap the benefits

第二个最重要的教训：从基本的、旧的、良好支持的 HTML4 和 CSS1 开始。在这种环境下学习 Javascript，分心更少。更高级的 HTML5 东西是从那里自然演变而来的。

在书籍方面，我从 Castro 的万维网 HTML 4.0 中学到了很多东西。它很旧但很好。

w3schools是~~优秀的参考~~我习惯的参考，看看mozilla's pages吧。

quirksmode.org 非常适合解决跨浏览器问题。

开发时没有 Firefox 的替代品。 Get Firebug.

【讨论】：

虽然我大体上同意这种说法，但最好有一个起点，边走边学。
W3Schools 不是一个很好的参考。这可能是最糟糕的参考
w3schools 一个很好的参考 ??看看w3fools.com请..然后使用developer.mozilla.org/en-US
承认并修复无知。请问我可以把零找回来吗？
@spraff 你仍然链接一个错误的参考;）

【解决方案5】：

如果她更倾向于设计而不是工程，我不会将她推向技术含量高的领域。一些 HTML 和 CSS 会很好。

但是像 Dreamweaver 这样的工具对于被代码吓倒的人甚至对于不介意 IDE 样式开发的程序员来说非常有用，它提供了用于编辑 CSS 和 HTML 的有用工具，还允许您自己编辑代码。

A List Apart 是一个很棒的设计资源。

【讨论】：

【解决方案6】：

如果您正在寻找平面设计和编码之间的良好桥梁，我会推荐一个新用户来

http://www.codecademy.com

我已经把我的几个朋友推到了那里，看着他们进展得如此之快真是令人着迷。一旦你让他们在那里学习 HTML / CSS 基础知识，还有其他选项基于他们接下来想要去的特定元素（ASP、Ruby 等）

希望这会有所帮助！

【讨论】：

我猜最好的一群...可能比 W3Schools 更好，但 Codeacademy 上的第一个 HTML 教程使用了无效标记！
我已经学习了他们的一些课程，并且发现了基础知识。实际上，我使用 CodeAcademny 将新手发送到一个很好的界面，该界面教授“拦截和解决”，然后将他们发送到 W3Schools 以完善标记
我特别建议不要使用 W3Schools - 它充满了不良/过时的做法、误导性措辞和错误......请阅读：w3fools.com。