本周我们向您展示了如何使用HTML和CSS创建网站。。。但是现在呢?这里有一些额外的资源和方法,你可以用来了解更多。
第一件事:如果你想要所有课程的笔记都是PDF格式的,你可以在这里下载。
接下来,您应该知道,也许学习HTML和CSS新知识的最好方法就是简单地查看其他站点上的源代码。基本上,您只需从web浏览器的“视图”菜单中选择“查看源代码”,然后浏览HTML源代码以找到所需的代码,但请查看上面的视频以获得更深入的了解。
不要犹豫,使用你选择的搜索引擎来学习更多关于各种HTML元素、CSS属性的知识,或者只是一个你知道如何描述的很酷的技巧。web开发人员通常愿意分享详细信息,解释他们是如何完成某项任务的。在搜索过程中,很可能会遇到指向学校的结果。W3Fools网站认为W3Schools是一件坏事(也许过于夸张)。不过,这并不完美,所以还是要谨慎对待。像htmldog这样的网站是一个不错的选择。
学习HTML和CSS之后的下一个逻辑步骤是学习一点JavaScript。幸运的是,我们的代码学习课程已经覆盖了您。这将教你面向对象编程的基础知识,以及如何用JavaScripts做一些基本的事情。将来我们希望用PHP和MySQL解决服务器端编程问题,但我们还没有做到。像往常一样,你可以访问Lifehacker夜校页面,查看我们一起布置的所有课程。
所有这些都说,让我们来看看你可以用来学习更多关于CSS和HTML的其他资源,并提高你的技能。
(adampash跳到这里)甚至比查看源代码(在上面的视频中描述)更好,您还需要熟悉浏览器最好的web开发工具。在一些浏览器上,比如Chrome或Safari,内置了非常好的开发工具。在Firefox等其他浏览器上,您需要安装Firebug扩展。
当你开始入侵网站时,这些web开发工具是非常宝贵的。作为一个HTML和CSS初学者,您最想熟悉的工具是elementinspector。比方说,您正在查看页面上的一个元素,并且希望看到定义它的高级表示的CSS是什么样子的。以下是它在Chrome中的工作原理:
在要检查的图元上单击鼠标右键,然后选择“检查图元”(这将在浏览器底部打开一个新的窗格,如下面的屏幕截图所示。在窗格的左侧,您将看到页面源代码,并突出显示您选择要检查的元素。在右侧,您将看到正在检查的元素的CSS。您可以检查页面上的任何其他元素,方法是右键单击该元素并再次选择“检查元素”,或者在“源”窗格中单击该元素。
最好的部分?你可以在页面上实时使用CSS,添加属性,推送像素,调整任何你想看到它如何工作,某个属性做什么,等等。在上面的截图中,你可以看到我改变了这篇文章标题的颜色,并将字体大小增加到50px。我意识到我们在附加资源的文章中隐藏了这一点,但在我看来,这是web开发人员工具包中最好的工具。不要犹豫,用它来浏览网页和玩源代码(在浏览器中,更改只是本地的;下次刷新页面时,一切都将恢复正常。)
还有其他一些基于浏览器的web开发工具可以执行更具体的任务,但这些是目前为止最重要的工具(帕什说。)
这些在线资源包括从额外的屏幕广播到文章,再到可以用来加速开发的CSS工具。
我和adampash都是通过查看代码和实验来学习HTML和CSS的,所以我们不能亲自推荐任何书籍。但以下是朋友和Lifehacker读者的一些建议。
有其他学习HTML和CSS的好资源吗?在评论中分享!
你可以在Twitter和Facebook上关注这篇文章的作者adamdachis。如果你想联系他,推特是最有效的方式(function(){var w=window,amznAsin=(w.amznAsin&&;w、 amznAsin.c***tructor===对象)?w、 阿姆兹纳辛:{};amznAsin[“0596802447”]=“0596802447”;w、 amznAsin=amznAsin;})()(function(){var w=window,amznAsin=(w.amznAsin&&;w、 amznAsin.c***tructor===对象)?w、 阿姆兹纳辛:{};amznAsin[“0596527330”]=“0596527330”;w、 amznAsin=amznAsin;})()(function(){var w=window,amznAsin=(w.amznAsin&&;w、 amznAsin.c***tructor===对象)?w、 阿姆兹纳辛:{};amznAsin[“0596527322”]=“0596527322”;w、 amznAsin=amznAsin;})()(function(){var w=window,amznAsin=(w.amznAsin&&;w、 amznAsin.c***tructor===对象)?w、 阿姆兹纳辛:{};amznAsin[“059610197X”]=“059610197X”;w、 amznAsin=amznAsin;})();
(function(){var w=window,amznAsin=(w.amznAsin&&w.amznAsin.c***tructor==Object)?w、 阿姆兹纳辛:{};amznAsin[“0470537558”]=“0470537558”;w、 amznAsin=amznAsin;})();
您有许多用于创建和共享文档的工具。报表生成器、文档编辑器和电子邮件应用程序都在您的日常工作中发挥作用。 ...
...及jQuery教程中关于AJAX的第五部分,但今天我将向您展示如何使用AJAX动态发送web表单。JQuery是迄今为止使用AJAX最简单的方法,如果您是初学者,请查看我们的入门教程。我们直接跳进去吧。 ...
... 用声音营造气氛 创建和开发字符表 创建个人资料图像和头像 管理和策划活动 通用桌面游戏工具 ...
...资源的IP地址,还有一堆附加信息,告诉浏览器和服务器如何处理事情。你可以把IP地址想象成一个电话号码。主机名类似于要查找其电话号码的人的姓名。而一个名为域名系统(DNS)的标准在后台工作,就像电话簿一样,将更...
...视觉效果的人来说,它绝对可以让游戏更有趣。 相关:如何3D打印任何东西(即使你没有3D打印机) 当然,你可以购买已经**好的微缩模型,但是如果你有3D打印机(或者为你支付3D打印服务费),你也可以下载计划,自己打印定...
...项卡的组,顶部有一个搜索图标。没有任何界面元素教你如何使用它,也没有任何指导。 很明显,当您将所有这些问题结合起来时,为什么使用率统计数据如此之低。谢天谢地,Quicksaver的附加组件解决了所有这些问题,并打算...
...发现和欣赏播客或可下载的音频程序。该网站包括教程、如何撰写文章以及其他旨在帮助您充分利用播客体验和便携式音乐设备以及如何创建和发布自己的播客的信息。它们还提供了一个podcast工具和软件列表,您可以在创建自...