掌握语义标记和好的CSS有多难?

时间:2008-10-13 18:35:50

标签: html css

我知道这不会是一个受欢迎的问题,因为很多网页设计师都想要假设他们的工艺既困难又有价值。

信息技术。但我不相信这很难,因为HTML和CSS很难掌握,我相信它很难,因为成为一名优秀的创意设计师很难。请反对我反思性地不同意我的冲动,因为我认为语言很简单。

我作为一名设计师很糟糕,谢天谢地,这不是我的工作。但是,我可以轻松拍摄照片,并从中轻松创建纯HTML / CSS网页。

我个人认为任何人都可以在一周或两周的学习中成为有效的HTML / CSS大师。没有太多的复杂性(这是有多年经验的人)。

Crossbrowser编码并不像人们听起来那么难。我在Firefox中开发,并为IE调整,我已经完成了,一个好的CSS重置处理了99%的问题。

你不同意这个吗? HTML和CSS在一周内不可能很好地学习吗?

编辑:这与我在这里严重低估的答案有关:Testing HTML/CSS/Javascript skills when hiring

22 个答案:

答案 0 :(得分:18)

HTML和CSS在语法上是非常简单的语言。要正确有效地使用它们并不简单。

使用HTML的最佳做法并非绝对清晰,而且它们很少被使用。除了学习语言之外,学习这些东西需要时间。

出于基本目的,CSS非常简单。对于复杂的设计,它非常不简单。当你考虑浏览器怪癖时,它变得非常简单。

从纯粹的理论角度来看,它们非常简单。从现实世界的使用角度来看,它们不是。

答案 1 :(得分:18)

“HTML和CSS在一周内无法很好地学习吗?”

总之,

你可以按照“24小时内学习HTML”之类的内容编写基本页面吗?绝对。你知道它为什么会起作用或者不起作用 - 可能不会。

“...一个好的CSS重置处理99%的问题。”有可能。 为什么它可能超出一周的学习时间

  • 找到一般的CSS重置 处理99%的问题 - 免费
  • 处理其他1% - 无价之宝!

答案 2 :(得分:5)

HTML,作为一种纯粹的描述性语言,几乎是微不足道的。 CSS就是副作用,视觉副作用,而且至少要难以学习一个数量级。我非常怀疑任何人可以在一周内成为CSS大师(按照你的定义),甚至是那些编写规范的人。对于那种使用(例如花车),有太多不同的解释和扩展。

P.S。你知道主页后面的HTML和CSS验证失败了,不是吗? ; - )

答案 3 :(得分:5)

恕我直言,浏览器不兼容是困难的主要原因。

答案 4 :(得分:5)

我对这个问题的回答是这样的: 它一定很难,因为我仍然看到一大堆垃圾标记和CSS。更具体地说,语义标记是细微的,有些主观(你应该使用标题和列表,还是定义列表?答案并不总是黑白)。

知道如何使用html和css是一回事,但真正理解语义是另一回事。在我看来,这并不是太难,但缺乏理解似乎仍然存在令人震惊的丰富。

我使用语义标记和每天8小时以上的小型网站来处理复杂的应用程序。我认为,如你所知,在几周内学习和理解html和css的语法相对容易,但需要大量的经验和研究才能达到一个真正能够抽象思考的程度(具有高度的准确性)关于给定设计组件的最佳,最灵活和最语义标记是什么,以及给定设计可能遇到的跨浏览器问题。

答案 5 :(得分:4)

  

我个人相信任何人   可以成为一个有效的HTML / CSS大师   在一周或两周的研究中。

我甚至认为这句话没有意义(除了你对“信仰”这个词的混淆) - 当我们称人为“大师”时,我们的意思是,有着深厚知识和经验的人,有人头和肩膀高于其余部分。如果有人能在两周内成为一名大师那么就没有大师了。

无论如何,我诊断你是第二阶段的新手:你已经超过了某个级别而且你认为你已经掌握了这个主题。你缺乏谦逊。

我建议你继续在HTML和CSS领域工作,你会发现有很多有趣的问题,你不知道如何解决;你会发现有很聪明的人以你从未想过的有趣方式解决了他们;你也会发现有很多不同的方法可以达到同样的目的 - 你知道这些方法可能有效,但可能有更聪明的方法来优化或改进或简化你的HTML / CSS。

我会把你放在2009年10月的日记中,我们会看到你的感受。

答案 6 :(得分:4)

  

你不同意这个吗? HTML和CSS在一周内不可能很好地学习吗?

是的,我几乎可以肯定。虽然我分享了与实施相关的经验:

  

但是,我可以轻松拍摄照片,并从中轻松创建纯HTML / CSS网页。

鉴于一个很好的参考或一些先验知识,这并不是真的那么难,当然很多(!)比通常声称的更难,如果模拟是好的。

但是,这个:

  

Crossbrowser编码并不像人们听起来那么难。

根据我的经验,

是错误的。它在很大程度上取决于您正在使用的模拟:如果它是由Web开发人员设计并针对Web开发进行了优化,那么实现可能很容易。然而,图形设计可能是任意复杂的,并且有意义地实现它们,同时关注潜水员的浏览器怪癖是非常沉重的。

答案 7 :(得分:2)

我认为如果我们讨论HTML / CSS语言的复杂性与编程语言或框架的复杂性,那就没有竞争。 HTML / CSS易于编写,语法和规则易于记忆

但就像编程语言一样,语法并不像它的使用方式那么重要。尝试将CS​​S视为一系列相互依赖的布局规则 - 这些规则的构建方式在很大程度上取决于页面的行为。一个好的CSS开发人员将能够将photoshop模型转换为一个不仅看起来不错,而且在动态内容的需求下表现良好的页面。 CSS设计者所面临的挑战不是编写代码,而是处理设计中的各个部分,以平衡页面的功能行为及其美学要求。

就像任何语言一样,CSS设计有自己的最佳实践,技术和设计模式(这可以追溯到我首先问my question的原因)。

更重要的是,在前端布局技能中,男性与男生(或女生与女生)的区别在于他们如何理解浏览器布局的概念和机制,如this document中所述。对visual formatting model的深刻理解是很多人迷失的地方。更不用说跨浏览器了。

如果你认为这些东西是蛋糕,那么对你有更大的力量。

答案 8 :(得分:1)

网页设计是一个棘手的主题,你已经将它缩小到只有HTML和CSS。这几乎就像说编程很简单,因为你了解SSADM(其他方法可用)。

当然,制作HTML页面并使用CSS加载它很简单,但这从未如此简单。在两周内,我严重怀疑你能否编写任何在Photoshop中给你的布局。就我而言,Web Design涉及整个创建过程,包括在您使用的任何光栅程序中创建设计,然后在(X)HTML和CSS中编码。一旦创建了这个shell,开发人员就可以使用后端脚本和编程。

网页设计是一个难题,因为它正在发生如此大的变化,就像编程一样,你永远不会停止学习新的做事方式。如果还没有,请查看W3C规范,看看你真正知道多少。

如果您发现HTML和CSS非常简单,那么您可能需要查看SitePoint Forums。你要么对网页设计社区有很大的帮助,要么你会意识到你没有你想象的那么好。

答案 9 :(得分:1)

我的观点是它本身并不是语言 - (X)HTML和CSS很简单,并且有很多很好的参考资料。更难的是找出在编写良好的HTML / CSS中实现设计概念的最佳方法。

答案 10 :(得分:1)

很容易“掌握”HTML和CSS - 每种语义都很简单。通过这种方法,掌握绘画更容易 - 只需在画布上涂抹一些油漆并称之为完成。语法是几乎所有计算机任务中最简单的部分 - 学习 如何使用它更加困难。

自1996年左右以来,我一直是一名网络开发人员。我从一开始就认识HTML,以及CSS和Javascript,因为它们已经普遍使用。当我设计一个页面时,它仍然看起来像垃圾 - 语法正确的废话,但仍然不是很愉快。这就是为什么我真的很高兴与能够处理外观的优秀设计师合作。为我感受到它的一部分。

答案 11 :(得分:1)

与任何事情一样,练习也很完美。我发现,随着我使用有效的HTML和CSS开发更多的网站,越容易使它们成为跨浏览器。你越来越意识到这些问题,更加意识到这些问题,你可以提前支持它们。随着时间的推移,它变得更容易。但是,如果你没有人从一开始就指出这些,我认为这根本不容易,如果你不知道在哪里看或者要问谁,那就非常令人沮丧。

答案 12 :(得分:1)

作为一个新手说:我今年八月开始学习xhtml / css,每天花费12个小时一个月,并设法建立我的投资组合,仍然太沉重,在IE中无法正常工作 - 我仍然认为它是一个测试项目。在30天内,我学到的是,它比你想象的要多得多,而且要真的很擅长这一点,我需要超过两周的时间!

答案 13 :(得分:0)

使用语义标记和良好的CSS构建网站最终更容易,然后返回并更改使用10层嵌套表,1像素透明GIF(用于间距)和非标准设计的网页设计<font>标记用于更改文本的显示方式。

答案 14 :(得分:0)

不要低估HTML和CSS的复杂性。是的,他们很容易学习,但掌握它们需要很多智慧。

以下HTML和css示例的不同方法在您进入游戏一段时间后非常重要。

#header h1 { font-size: 2em; }
<div id="header">
  <h1>Title</h1>
<div>

.title { font-size: 2em; }
<div id="header">
  <h1 class="title">Title</h1>
<div>

选择使用课程或ID,或者是否松散地定义您的风格将严重影响您获得强大网站的能力。

答案 15 :(得分:0)

就像其他人所说,它相对容易学习如何,但为什么需要经验和经验需要时间来获得。

一个有趣的网站是http://csszengarden.com,其中的挑战是使用完全相同的HTML,并且仅使用CSS,修改页面看起来与其他示例非常不同。值得一看。

答案 16 :(得分:0)

哇,我一定很慢,我花了大约一年的时间来掌握CSS - 只是学习它并捏造它,也许是几个星期,但真的知道这些来龙去世就像一年...... kudoos给你的聪明人

答案 17 :(得分:0)

编写良好的跨浏览器css的网站需要相当多的经验。主要原因是,在您这样做的过程中,您会发现越来越多的浏览器特定问题。通过构建许多基于标准的网站,您将获得完全避免这些的经验。

第一阶段通常是人们称之为'div狂热(使用div为你的95%的内容)',这可以在一周内学习firefox和IE。之后,人们开始为他们的内容使用更多适合自己的标签,并删除无意义的标签。

在此阶段之后,人们会更加熟练地处理更难的问题,例如垂直居中和表单设计( HARD 以实现像素精度http://www.456bereastreet.com/archive/200409/styling_form_controls/)。

真正的大师可以做所有这些事情,也可以使用最小的CSS规则,并使用非常有效的图像策略,如精灵。

答案 18 :(得分:0)

掌握CSS绝对需要几周时间。

使用重置文件或框架意味着您可以在这段时间内将一些非常可靠的东西拼凑在一起,但很难理解为什么它一直在工作,当您遇到这些问题时会再次困扰您不在您的框架范围内。

......或许我只是为自己的无能而找借口......(愚蠢的IE)

答案 19 :(得分:0)

这真的取决于你在一周内的目标。您可以在一天内学习HTML,并在本周的其余时间学习CSS。

答案 20 :(得分:0)

学习如何使用斧头只需要一分钟,但学习如何雕刻独木舟需要数年时间。

我已经这样做了11年,而且由于框架,打包的CMS,AJAX等等,它一直在变得越来越难。相比之下,浏览器兼容性是一种轻薄的步骤。

例如,现在我正在使用OpenLayers插件在Drupal站点上工作。在我开始让它看起来像Drupal中的OpenLayers之外的东西之前,我有近2000行CSS的礼貌。每个人都在超载其他人,创造一个微妙的CSS本体。 (尝试在Gmail中点击标签按钮以获得品味。)

所以是的:HTML / CSS很简单。我在周末学会了Go的所有规则,我是主人吗?

答案 21 :(得分:0)

这个问题是在6年前提出来的,但即便如此,我也不认为这是真的。我把它比作滑雪板。在一周的课程结束后,几乎任何人都可以站起来并开始做一些转弯。学习曲线非常简单。然而,一旦你掌握了基础知识,你需要经过数年和数年的练习才能完成1080跳大跳。

同样,CSS和HTML很容易,但我仍然在不断学习新事物并找出更好的方法来做事。