[音乐播放]
ALLISON BUCHHOLTZ-AU： 好吧，大家好。
欢迎回到一节。
因此，我们今天的议程是怎么回事 在更多的Web开发的东西。
我不知道有多少的 你已经看到你的pset
因为它被释放 今天上午早些时候。
我想有多少 人们读了规范，
但看到你是如何把所有 ，如，七小时，看它
这是一个星期一 你可能已经过课，
我将假设 你们中的大多数都没有。
如果你有多余的赞誉。
>> 你基本上帮助 实现一个简单的web
在C中的服务器，这是一个全新的pset， 让你们去是豚鼠。
这将是一个有趣的，疯狂一周， 但我认为这将是一个很大的乐趣
而这将是一个真正的 良好的实际体验。
所以，为您准备 即，在今天部分，
我们要去CHMOD，TCP / IP，并 然后HTML和CSS的一点点。
>> 最后，我们将实际的代码 一个简单的网页在一起
种帮你们弄 更熟悉了。
然后，如果你还没有回升 您的测验，他们在前面，
但我敢肯定每个人都 在这里有自己的测验。
而且关于这一点， 解决方案没有起来，
但只要我们finish--喜欢的 最后几人走了quizzes--
它们将是向上。
如果您有任何问题 同时，
随时亲自给我发电子邮件。
我将与你的个人回应 问题，因为我总是这样。
>> 所以，关于这一点，文件模式。
所以基本上所有你 需要了解CHMOD
是它用来改变 文件权限，对不对？
所以它只是某些系统称之为 更改权限，因为它说在这里。
如果你想看看 什么权限的文件有，
而不是仅仅做 LS，你可以做的ls -l。
L代表长。
>> 所以，你会做的长列表 一切，和它
会给你更详细的 每个文件的信息。
你会看到something--我 要跳到一个second--
但你会看到类似的东西 该顶行有针对每个文件。
我们将经历什么意思。
>> 所以基本上，改 您的文件权限，
你只是想使用chmod。
你可以把它想成其他任何 UNIX致电比如ls或CD或诸如此类的东西。
这只是一种另样的呼叫。
>> 所以，我们做chmod和然后我们将 有三种典型的数字。
有几个方法可以做到 其中之一是，我们就去了。
但通常情况下，你有三个 数字范围从0到每次7。
>> 这么一件事是，有 三种不同的权限
我们可以给每个文件。
和它的可读性，这是 用r表示，这将是有意义
在一点点;瓦特，这是 可写;和可执行文件，它为x。
我知道，电子的，可执行的， 也许不是最合理的，但我们
它表示为x。
>> 然后发生的事情是所有这些 还有数表示。
因此，我们有1个，2个和4个。
基本上发生的事情是 这三个数字
这里对应于一个 不同组的用户
这些权限涉及到。
>> 所以，你能想到的第一个 数对应于实际用户
或文件的所有者，第二 号将对应于该组，
和最后一个指 走向世界，好不好？
所以会发生什么是记忆 那些numbers-- r为4，w为2，
x是1，对不对？
如果这些总结起来This--， ，让你的第一个数字
我们可能投入在我们的文件模式。
>> 所以在这种情况下，什么 将这个数字是什么？
这将会是4加2加 1，这是一个7，对不对？
并且在这种情况下，这些 没有什么，
所以这个就在这里会 翻译和chmod 700，OK？
什么是做的是它赋予所有 这些权限的用户。
>> 因此，这意味着我们的用户 可以为所欲为。
他们可以读取该文件。
他们可以执行这个文件。
他们可以写入这个文件。
但是，集团与世界，没有 任何权限，OK？
>> 因此，另一种方式来写，我们可以 做的三位数字的搭配chmod，其中每一个
对应于任何的总和或 具体基团是，特定子集。
或者我们可以真正做另一件事。
坚持，稍等。
我们可以做一些与这些在这里。
>> 你们有多少人看到了一个例子 它就像和chmod加X？
你有没有看到，在讲座中，我认为？
因此，一个代表所有。
这意味着它给所有的用户， 我忘了这里。
>> 但加X，如果我们 看到这里，如果我们这样做
以chmod--我们什么组 说起加上权限
我们希望给他们。
所以这可以是一个加号或减号。
Plus增加了许可。
零下带走许可。
非常直观的，我想。
>> 所以加x表示文​​件模式。
因此，改变所有人的权限 如果这是一个A--附加的权限。
和x--这意味着什么权限 我们给予每个人。
读，写或执行？
>> 听众：执行。
>> ALLISON BUCHHOLTZ-AU：执行。
所以，我们给所有用户 权限执行此文件，OK？
因此，如果我们想要做什么 随着数字形式？
所以，记得数字， 我们希望三个数字。
>> 听众：4。
ALLISON BUCHHOLTZ-AU：那是什么？
听众：4。
ALLISON BUCHHOLTZ-AU：不是4。
听众：0，0，4。
ALLISON BUCHHOLTZ-AU：嗯，我们要 把它给所有的用户，对不对？
因此，我们将有 数在每个时隙中。
这将是该 在每个时隙中相同的数字
因为我们只是想给 大家可执行权限。
所以可执行文件是1， 但在正确的轨道。
>> 所以，如果我们没有搭配chmod 111将 是CHMOD加x的等价物。
这是否有意义大家？
我们将通过 几个例子。
>> 因此，最大的外卖 这里是不是在这里，
但只是意味着把它给所有用户。
u是如果你只是想 给予或带走
从一个特定的权限 用户或所有者。
g是为基， 使中间数字。
然后其他你能想到的 作为世界上的最后一个数字。
>> 所以这样，我们会去一个例子， 因为我觉得自己总是例子
使这些事情变得更容易理解。
所以rwx--我们通过this--去 也可以表示为700。
这就是我们看到的例子 在更多的图片。
所以搭配chmod 444上的某些文件 会给哪些权限？
你真的很近。
听众：可读所有。
ALLISON BUCHHOLTZ-AU：可读。
所以，读给大家，对不对？
然后什么是另一种方式来做到这一点？
如果我们想要做的文件模式与任 的r和W的，加号和减号，
什么是呼叫样子？
这将是文件模式是什么？
>> 听众：加河
>> ALLISON BUCHHOLTZ-AU：5上加河
好了，这是与此相同， 只是两个不同的译本
同样的事情。
所以这样，我们有这些。
所以我想，你们试试，写 这些种在其相反的方向。
>> 所以，用chmod 555， 那会是什么样的？
会是一个加号或U加或诸如此类的东西？
为了使u加X，给我的三个数字。
然后告诉我什么权限 我们实际上是给予和谁？
>> 所以，我给你们2 分上工作了。
随时与对方交谈。
对于那些你们谁进来一点点 晚了，有糖果和衬衫。
我们已经离开了三件衬衫，和 我们有工具阿拉伯茶和星形图案。
所以随意快来抢 一些在这个小插曲。
>> 此外，最后一个是棘手。
这是2 chmods的最后一个。
其实，让我关闭的门 你们正在从事的一段时间。
糖果总是必要的 在星期一的下午。
>> OK，这样搭配chmod 555。
什么是我们可以写另一种方式？
任何想法？
是。
>> 听众：加RX。
>> ALLISON BUCHHOLTZ-AU：R及RX。
你想解释一下为什么它会被RX？
>> 听众：因为你 5，所以这是4加1，
这样的阅读加 可执行文件，它的所有。
ALLISON BUCHHOLTZ-AU：对。
所以只是重申，在这里5 我们知道，作为4和1的总和，
因为我们三人中的每个数字是 该子集的权限之和，
对不对？
任一用户，该 基，或整个世界。
所以在这种情况下，我们知道 5具有由图4和1来形成。
>> 与图4和1对应 可读和可执行。
我们给给大家， 所以我们可以做搭配chmod加RX。
很显然，我们只是去 经过那里的问题，
所以现在这个文件是可执行的 易读给大家。
>> 那么，关于第二个？
什么可能的一个数字是什么？
任何想法？
前进。
>> 听众：100 [听不清]。
>> ALLISON BUCHHOLTZ-AU：100。
没错。
所以，你要解释为什么100？
听众：因为这是为 用户，所以它在第一的位置。
然后X可执行文件1。
ALLISON BUCHHOLTZ-AU：没错。
因此，我们给予可执行 权限只是用户。
所以在这种情况下，这将是100。
我知道所有的答案 起来的情况下的下一幻灯片
你写的很多东西下来。
>> 好了，这下一个实际上是做 有两个chmods，你可以做到这一点。
因此，没有人有 任何想法，你怎么可能
获得CHMOD 640改写 在其他的办法吗？
你可以先再更改用户 您可以更改组是我的暗示。
>> 所以，如果我们只是改变 用户，这是本第1这里
什么可能我们的电话是什么？
因此，用户为u，对不对？
因此，文件模式ü加什么？
Mmhmm​​？
>> 听众：RW。
ALLISON BUCHHOLTZ-AU：RW。
对的，因为读取和写入，因为读 为4，w为2，这些总和在一起，6。
所以我们得到CHMODü加RW， 我们得到我们的第一个6出现。
>> 所以后来拿到4，我们现在要 改变我们的组设置。
所以，我们要做的搭配chmod G PLUS是什么？
什么是4？
>> 听众：河
ALLISON BUCHHOLTZ-AU：河
精确。
所以，我们给了老板 读取和写入权限
我们正在给一群读 的权限，这是我们都在这里。
Mmhmm​​？
>> 听众：如果你能写的东西， 它意味着你可以执行吗？
>> ALLISON BUCHHOLTZ-AU：你 可以写something--
我不相信它 意味着你可以执行它。
凉爽。
所以，这一切，我们刚刚经历了。
所以在这下一个，它的 只是一种常见情况
要保持 介意你的问题集。
这些都是典型的权限 我们喜欢您使用。
>> 因此，对于711，给出 当然，我们的用户
所有的权限，这 往往使感。
然后它的可执行文件 集团在世界上，这是有道理的
如果你有一些目录，你 要能够遍历到它。
人们需要访问。
>> 对于任何非PHP文件，你会 使用644，这该怎么办？
这是什么暗示，或者是什么 它的权限，让？
因此，车主可怎么办？
听众：读，写。
ALLISON BUCHHOLTZ-AU：读，写。
然后组和其他 可刚读了吧？
再搭配chmod 600的任何 你使用PHP文件，
你的老板，再次，可以 读取和写入
但所有人都 刚种挡着。
>> 所以这实际上 更有用的时候
你得到你的问题 将于下周在哪里
你实际上是建立一个网站。
所以，如果你曾经遇到 任何奇怪的问题
它不是装载 正确的，也许你
需要补充的可执行 权限，或者你需要一个读
或写权限。
这往往会绊倒人的小东西 了，但是这有点像去到
你下周开始的PSET时。
我会给你更多 提示本周的pset中，
但我还没有看它，因为 今天早上被释放。
但是，你给我发电子邮件，我会看着 它的时候，我的明天作出回应。
>> 所以，现在，是每个人都很好用chmod？
任何挥之不去的问题吗？
很简单。
刚种跟踪什么 读，写和执行数字
可能是最难的部分。
>> 因此，与TCP / IP，所有的这些协议， 有点像你的数据结构
上周，它的更 重要的实物拿到
它们的较高级别的直觉。
这不是CS143我们要去的地方 问你实现一个网络，
所以你会没事的，如果 你不明白
所有协议的细节问题。
什么是重要的，了解是 有点像他们所代表
为什么他们很重要。
>> 这样的TCP / IP，当然，它是 传输控制协定
或因特网协议，它是 基本上是一组基本的法律
或标准告诉数据 应该如何处理，
应该如何打包， 发送和接收。
因此，它基本上，正如它 在这里说，增加了机会
这些数据得到的地方 你想让它去。
>> 我敢肯定，如果你们去 讲座或看过了网上，
他has--我不知道 如果他今年做到了，
但我知道，去年他有一个 演示在那里，他抢的照片
他分割成 4并把它放在信封
并试图得到它跨越桑德斯。
你可以种 认为这样的说法。
这只是一组规则 告诉数据如何得到某个地方
并让你知道，如果 你缺少数据，
以同样的方式，如果是 以多页的笔记
你中有104页，页面标记它们 204，你回去以后学习
和你缺少something-- 你找不到页面304--你知道
什么是错的，所以你 可以浏览你的笔记
又或者问别人重新发送您 讲座中指出，从那天。
以同样的方式与在互联网上的数据。
如果我要求 一些服务器的东西
而且它需要发送 它在多个数据包，
大概要数 它以某种方式，让
我知道多少，我应该已经收到， 并告诉我，哦，这是10个1
或者，这是10000 1。
当我去重新组合这种方式 所有的拼在一起，
我知道，如果有什么地方遗漏 我可以再问了点。
这是否有道理？
只是一组规则。
在它的基础上，设定规则，OK？
>> 因此，我们也谈了 有关端口的一点。
这其实只是一个标准， 让你知道什么类型的数据
在这些数据包被发送。
如果我们与我们的 信封例子，我们不
知道它是一个图片 罗布在那里，除非我们把它写
在我们的包络线的外侧。
因此，港口基本上是同样的事情。
这只是一种方法来找出 数据的类型被发送。
>> 因此，我们有所有的 最常见的位置。
所以21--这也是一种 像好东西就知道了。
它是一种容易竞猜的问题。
像，什么端口80呢？
或者说，什么端口443做什么？
这么好的东西就知道了。
>> 所以，我们在这里，21档 传输协议，所以只是
用于管理文件传输的规则。
25，什么是我们所有 使用太多，就是电子邮件。
53是域名 系统，该系统基本上是
只是那种查找的的 一个域名的IP地址。
>> 所以我敢肯定这是 在演讲中提到，如果你
去像 google.com，它具有一个IP地址
，它将与它相关联。
它实际上不是google.com。
等53是端口 这其实需要
保健样的翻译它的 到你的IP地址。
然后80和443都是很常见的。
要么你有你的网页或 你有你的安全网页，
其中大量的网页是 传送过来了。
>> 所以这是一种高层次 概述传输协议。
我看不出在深入得多。
这是一种很酷的东西 如果你有兴趣。
有丰富的资源。
维基百科其实是 一个不错的页面。
所以，我一直在寻找它 只是一小会儿前，
所以我会强烈建议 看着它，如果你有兴趣
或乘坐143在两年内，因为 我认为这是每隔一年。
>> 因此，在今年年底，我们 谈到网页和HTTP，
这实际上是我们的下一个主题 在今天之前，我们进入的HTML和CSS
而实际上你可以编写一个网页。
这会很有趣。
我们将有图片 兔子，这将是巨大的。
>> 所以HTTP，你可以在这里看到， 是可爱的缩写词之一
本周，这是 超文本传输​​协议。
如此反复，这只是 另一套规则，
治超 传送，在这种情况下。
所以，最好的学习方法 这个是正中下怀
打破它分解成 这些单个的单词
因为有很多 也就是说在屏幕上出现。
>> 因此，我们要开始与超文本。
因此，“超”，你能想到的 “上面，”像超式的东西。
所以，它真的只是文本带到了 一个新的水平，所以它像超文本，
就像下一个文本。
因此，它基本上只是 文字给我们
比的更多信息 普通的文本呢，好不好？
>> 因此，在这里这种情况下，这是超文本。
这告诉我们，我们有 一些链接，我们要去，
这是cs50.net，这 现在cs50.harvard.edu。
这些幻灯片是一个小老头。
而且它会显示 作为此，作为一个超链接，
再一个很酷的网站。
>> 所以它的文字，它是一个小 真正酷的东西在里面一点。
所以，你可以联系的东西，你可以 插入图片，你可以风格的东西。
而最熟悉的东西，你 男人可能有超
是超文本标记语言，HTML， 当然，这是所有网页的
我们看到我们身边，授 与抛出一些CSS样式。
>> 但如果有人是 真正的大与MySpace，
我敢肯定，你使用的所有HTML 所有的时间来打造
这些完美的轮廓，对不对？
我觉得这可能是一个 引用过时了，但不管。
就在little--你们 是不是年轻了许多。
你们当中有些人比我大。
MySpace的仍然是一个 的事情时，我还年轻。
我没那么老。
>> 不管怎么说，HTML超文本的一种形式。
因此，超文本仅仅是 文字添加功能。
这样的传输协议可能是 更玄乎的东西来解释。
显然，transfer-- 只是传输数据。
因此，无论是客户端之间，像 您的Web哥哥和一个服务器。
所以基本上只 这样的网络作品。
>> 这样的准确请求 如何将这些工作中，我们
实际上要去看看的 例如请求和响应。
但是，我们如何要求 从一服务器的信息
如何在服务器响应给我们的是 这是什么传输协议管辖。
这样的请求和响应有 遵循这些特定的规则。
它是标准化的，因此，不管 在那里你正在使用的网络连接，
它总是以同样的好不好？
>> 再次，协议设定的规则。
这只是一个正常的 以同样的方式相互作用
这马兰教授谈 如果有人伸出自己的手，
你知道，这是常见的礼貌 达到你出去和他们握手。
这是一个协议，对不对？
>> 所以我给了一些标准化的要求， 这是我想握你的手，
你提供一些标准化 对此，它或者是不，谢谢
或者你可以尝试动摇我 一方面也许你会尝试
和拳头撞了我。
而我们没有一个协议为该。
它打破了。
但是，如果每个人都遵循 当然，相同的协议，
它会更加完美。
人们去了解对方。
每个人的快乐。
>> 所以在网络世界中， 每个人都遵循相同的rules--
不是社会标准略胜一筹。
但是，我们来看看 在这里举例的请求。
因此，有这个小 这里的关键在底部
告诉你不同的颜色， 他们是怎么认为的意思。
>> 所以白就像你的方法 要求和协议version--
这样的方法要求，版本。
然后这是一些 字段名称和值
这一领域中，我们将 进入非常，非常短。
因此，这是一个例子请求。
这就像我伸出， 想介绍一下我自己。
>> 这是在客户端 或者你的网络浏览器
将被发送到服务器。
因此，这是一个GET请求，所以它的 要求从服务器的东西。
和它的，当然，HTTP的 而它的1.1版本。
>> 所以这个位置的其他部分就是我们所说的 头，它的额外信息
这给了我们一个更好的主意 我们实际上是在要求，
或者说我们想要的信息给 这可能是相关的服务器。
因此，用户代理提供了一些更 说明on--例如，在这里，
卷曲/ 7.24.0实际上是要告诉 我们使用谷歌服务器
铬作为我们的浏览器。
所以，如果你听过 关于人谁说话
有关使一个应用程序响应 多个浏览器，
这是后话，他们 如果你会因为使用
不知道是什么浏览器 该请求是从哪里来的，
你无法将数据调整到这一点。
所以在这种情况下，用户 只是给这种
的识别信息 什么浏览器
您的用户目前正在使用，好不好？
>> 这样的话，我们也有许多，这是 其中，我们实际上想要去。
在这种情况下，我们想要去 apple.com，买一些很酷的新的iPad
什么的，也许可爱 灯光在我们的宿舍里。
并在最后的名字值只是 填充物，只是一个普通的事
为你们看到的。
它实际上并不 对应于什么位置。
>> 所以，你可以有尽可能多或尽可能 只要你想在每一种情况下很少。
大多数时候，这些都是可选的。
这只是取决于什么 您的浏览器需要，
从以用户为 给予适当的请求。
或者，它取决于你的用户 实际想放弃给服务器。
所以，你可能有很多很多 这些报头字段名
或者你可能只是有一对夫妇。
由于有这么多的事情 我说在本节中，
这真的取决于上下文 你正在使用这个方式。
>> 这是否有道理给大家？
这只是一个例子 的请求，报头，诸如此类的东西。
好了，就这样，我们有一些反应。
>> 再次，我们有我们的状态代码，协议 版本，然后字段名和字段
重视一如既往。
因此，我们的协议版本 而我们的状态码为200。
行，这意味着， 是的，一切都很顺利。
这里就是你想要的。
>> 服务器类型，内容 类型 - 它告诉我们，OK，你
会得到一些文本的HTML。
下面是它的长度和这里的 你应该做的连接。
OK，如此反复，这取决于 在你的数据
要求，这取决于在 服务器要返回给你，
你可能有更多这样的领域 名字，你可能有少。
完全依赖于上下文的。
>> 而据该状态 当然，这里的代码，
200是不是唯一的一个 你可以有，对不对？
我们有很多的状态代码。
有谁还记得任何的 别人认为我们在课堂上提到的？
很多人开始4。
>> 听众：404。
>> ALLISON BUCHHOLTZ-AU：404，这是？
>> 听众：找不到文件？
>> ALLISON BUCHHOLTZ-AU：未找到文件。
没错。
那么，关于403？
听众：故宫。
ALLISON BUCHHOLTZ-AU：紫禁城。
所以，你有什么感想 这意味着与chmods？
>> 听众：这意味着你 没有权限读取它。
>> ALLISON BUCHHOLTZ-AU：没错。
在某种程度上，你不必 权限来访问它，对不对？
所以，404，403。
有一个非常有趣的 一个我们永远
每年推出的 我应该把在这里，
就像413，这是我一个茶壶。
你可以google一下。
这很有趣，那就是代码 413和它的我是一个茶壶。
我不知道你为什么会 在任何时候需要在互联网上，
但我离题。
听众：也许你是一个茶壶。
ALLISON BUCHHOLTZ-AU：也许 该服务器是一个茶壶。
谁知道？
好吧，那么我们将要 过渡到真正的编码。
我觉得你们要 离开这里很快。
>> 听众：为什么这 说“服务器：两次？
>> ALLISON BUCHHOLTZ-AU：嗯？
服务器的两倍？
这是一个很好的问题。
我不知道。
我会找出来， 我会向您发送电子邮件所有。
>> OK，除此之外没有其它问题？
好不好？
凉爽。
>> HTML和CSS，而现在我们 让所有的有趣的部分。
因此，正如我前面提到的，HTML 大概的事情之一
你们是最熟悉的。
因此，我们有超文本标记语言。
>> 最好的方式来学习this--我不 有准备的幻灯片或任何
为你们使用HTML。
这的的确确是学习语法。
如果你在MySpace上 一天，你会下来。
>> 因此，其实，最重要的事情是 只是练习和实验。
一个伟大的资源，我会 强烈推荐使用的W3Schools的。
因此，只要W，3，然后学校。
他们有很多的 在HTML资源，对CSS，
自己却是一个 分屏之类的事情
在那里，他们会给你的示例代码。
你可以用它拨弄， 改变它，并按下更新，
它会告诉你什么 实际上做的网页。
>> 所以，我强烈建议使用。
这实在是太酷了。
你不会得到赛格故障 在这里，当事情出错。
如果你成功地获得 一个赛格故障使用HTML，
不要让我知道，因为我 将要真正的兴趣。
但它真的很酷，因为 你可以改变的事情，
你可以看到他们的现场更新。
我想你会得到一个更 更直观地掌握HTML的
如果你真的只花了一些 时间用它进行试验。
所以这就是为什么我说， 实践和实验。
>> 谷歌，从这里开始 出，可能会
您的一个最好的资源和朋友。
或Bing--我的工作在微软， 所以也许我应该说兵。
但是，相当多的东西 只是要成为语法，
因此，了解什么样的标签， understanding--至少与CSS--
如何改变某些属性。
这将是非常有用的。
>> 因此，即使我们不这样做 有任何准备的东西，
我们确实有那种的一些最佳实践 我们希望你们尝试和遵守
by--或者说，你应该 遵守，直至另行通知。
因此，关闭所有标签。
希望大家has--你知道吗， 如果这没有任何意义，现在，
我保证它才有意义 当我们正在编码的页面。
但是，关闭所有标签。
因此，如果你曾经有一些 报头的支架，
H1，支架，确保 每当你做完这些，
您关闭这个头。
验证与W3验证页面。
如果你不关闭你的标签， 你可以得到意外的行为。
它会说你的网页是无效的 如果您通过此验证程序运行。
因此，当在doubt--，尤其是 在本周的和下周的
pset--在我们要求以同样的方式 您可以使用检查50​​和50的风格，
你可以认为这 为您的检查之一，好不好？
>> 因此，如果它没有通过W3验证。
这是我们将停靠你。
或者，我告诉你正确的 现在，我将停靠你。
所以一定要确保它验证。
它并不难。
你刚才粘贴在你的代码 它会要么说好工作
或者你错过 一些以同样的方式
这种风格50告诉你 在那里你搞乱了。
>> 然后最后一件事 是你要分开
您的标记，这是所有HTML 或者你的文字和你的造型。
所以，我们要做的一个例子 之后这是正确的。
因此，HTML和CSS应该是分开的。
而我们将要谈论 MVC，这是模型视图控制器，
下周。
你们或许应该 了解，在讲座
明天如果你有 现在已经学会了。
>> 而且这只是一种 我们倾向于范例
创建网站时使用 页面分离出来的东西。
你可以把它以同样的方式 我们倾向于在C分离功能
我们哈希找东西。
这只是一种方式 让您的生活更轻松。
它分离出来的属性或代码， 你会用一遍又一遍，
但在这种方式中，一种 对保持其漂亮和整洁。
如果你想改变 有一件事，你一旦改变它
和它的其他地方改变了。
所以，它更您 缓解和灵活性。
>> 因此，与CSS，这是非常相似的 为HTML格式的，而是标签
我刚才提到，我们 用什么叫做选择。
他们基本上只是一种 关联的特定标签
在HTML中具有不同的属性。
当我说的属性，我的意思是 之类的东西字体颜色，字体样式，
背景的颜色， 你的文字的颜色。
这些各种各样的事情。
如果它像为中心， 如果是关闭的权利，
如果是inverted--所有 这些很酷的事情。
任何风格的东西 你做你的文字，
这就是我的意思是带属性。
>> 然后两个主要的事情知道的是， selectors--两个主要factors--的
有ID，这是独一无二的。
您只能使用一件事。
否则，它会冲你大吼大叫。
而当我们把它定义 在一个CSS文件，它会
是散列ID，然后 我们想要的属性。
我保证我们将 经过一个例子。
这会让很多更有意义。
>> 类可以指多个块。
所以，你可以有你的 第一和第三段
具有相同的排序，如果属性 您将它们与同一类关联。
而当我们将它们定义 在CSS中，我们做了点类，
与class是什么 你希望它被命名。
>> 所以，我知道这是正确的 现在很抽象。
这就是为什么我们要的代码。
我知道你们爱 这一点，大家都
要帮我，因为 这是您的网页。
这是我们部分的网页，伙计们。
所以，在我之前有没有问题 关闭PowerPoint或任何东西
你要我向后滚动 之前我们开始编码？
>> 听众：当你说比赛的标签， 你的意思是选择或标记？
ALLISON BUCHHOLTZ-AU：你可以 认为它们是一回事。
这只是不同的单词。
我的意思是，像选择。
但选择也映射到标签。
所以，你可以把它们想象成 有效的同样的事情。
我保证这将使得 当我们的代码更感。
任何从 PowerPoint中的任何问题或
现在其实我们之前 创建我们的部分的页面？
大家都准备好了吗？
凉爽。
>> 所以，我有一个开始。
让我增加字体为你们。
好了，现在，我们只是有一个 光秃秃的骨头网页就在这里。
>> 我们有一些HTML。
我们有一些标题，这是我们 在这里看到为例网页。
一些标题，一些字体。
这些都是标签，好不好？
所以，当我的意思是关闭的标签，我们可以看到 在这里头支架是你开
标签，而这个支架 /头关闭它，好不好？
>> 所以，你可以认为这是 在你的情况，如果你的牙套
或者你的循环。
如果有开头， 你想要一个在末端。
它仍然可以工作的大部分时间 如果你没有一个封闭的标签，
但最好的做法是关闭的标签。
>> 所以在这种情况下，让我们来改变这种情况。
我们将有第7。
“部分网页。”
所以，我只是要改变这一点。
>> 如果我们去了这里，我们 reload--得保存和reload--
我们在这里看到，高达 它改变了，对不对？
凉爽。
因此，这将标题。
这是你的卡上的任何的。
>> 因此，这是一种 找那种无聊的。
我不知道的家伙。
我认为我们想别的东西在这里。
>> 所以，我们可以做的是 包头就是那里。
让我们做一些身体。
因此，我们在这里有一些身体。
我总是这样开放， 关闭我的标签开始，
以同样的方式，我做的牙套。
啊。
等等，什么？
>> 听众：[听不清]。
ALLISON BUCHHOLTZ-AU：嗯。
你们收到了吗？
好工作。
金名将。
>> 好了，我们有一些身体在这里。
现在，让我们开始添加一些文字。
所以，你有几个不同的 选择添加文本。
我们喜欢的东西头。
我们只是普通的文本。
所以，就让我们先从一个头。
其实，如果你们想 拉起W3学校的HTML，
有种你可以看看周围 如果有什么事，
尤其是你想尝试 这个网页，我们可以做到这一点。
因此，在这种情况下，我们只是做一些H1。
所以H1就像是最高的头。
它会给你的东西 这是非常大的，大胆的。
>> 在这种情况下，什么做我们想要 对我们的网页第一个文本？
任何事情。
你们将要创建此。
我只是打字。
听众：欢迎。
>> ALLISON BUCHHOLTZ-AU：欢迎。
好了，如果我们将它保存和我们刷新， 我们有一个伟大的热烈欢迎。
因此，只要这样你就可以看到 差异，让我们做一些事情上H6。
我们究竟要在这里？
对不对？
>> 好了，只是让你可以 看到的差别。
是的，崇高。
所以，如果你发现，H1，非常，非常大的。
H6一样大胆，但要小得多， 你有之间的一切。
所以，你可以有H2，H3，H4。
而这些都只是头， 所以，如果你想
创建一个网页， 有不同的部分，
也许你想使用 头在那里的某个地方。
>> 凉爽。
因此，我们将添加一些更多 事情在我们身上。
我认为，这将是一种 如果我们有一个很酷的图片。
我觉得每个人都可以使用的可能 一个可爱的小兔子图片一下吧，
所以我们要找到 兔子图片第一。
>> 我不知道你们有什么 喜好哪一个我们想要的。
你有什么偏好？
这一个在这里？
下来。
行。
一个是。
不错的选择。
>> 好了，我们要查看我们的形象。
你看那个。
看看那个可爱的东西。
你怎么能难过 在周一与此？
>> 所以我们只是去 复制图片网址。
我们想要做的是，让我们只 说我们有一些P的段落。
我们会说：“你看 看着可爱的小兔子。
D'awwww。“
我爱我的小兔子。
我有一只小兔子在家里。
我想念我的小兔子。
所以，我们要do--什么 我不知道，如果你们想
谷歌this--但随着HTML， 怎么可能，你有一个形象？
从字面上看，如果谷歌 “包括像HTML”
为什么你们不告诉我 这是什么标签应该是什么？
>> 听众：IMG source--
>> ALLISON BUCHHOLTZ-AU：IMG source--
听众：--equals--
ALLISON BUCHHOLTZ-AU：--equals--
听众：--quote--啊。
ALLISON BUCHHOLTZ-AU：完美。
可爱的。
见，MySpace的一代，对吧？
听众：尼奥。
ALLISON BUCHHOLTZ-AU：尼奥。
哦，好吧。
哇。
它已经疯了。
行。
>> 所以一定要确保我得到这个权利。
凉爽。
所以这应该是在这里。
然后如果我们刷新，我们有我们的 兔子在页面上这不是很可爱吗？
>> 这是太可爱了。
你选择了一个伟大的，伟大的照片。
我挖了。
>> 好了，我们有这个可爱的小兔子了。
我们能够添加 形象，就这样。
所以基本上，如果有任何影像 要添加到您的网页，
您可以添加它，就像这样。
另一件事是，如果 你的图像存储
在同一文件夹中 这个文件，你可以
写图​​像的任何名称 是不是有一个网页链接。
>> 它仍然是在引号中。
它也只是象 如果我们有一个名为this--
如果这幅画已被保存 这个HTML文件的文件夹中
我正在编辑并 被称为bunny.jpg。
我们也可以这样做 它会显示出来。
不过，我没有这个保存 的文件，我想保持小兔子，
所以我们要保持联系。
>> 听众：什么是rabbit.org？
>> ALLISON BUCHHOLTZ-AU：rabbit.org。
这是一个appropriate-- 看，你可以采纳。
收养。
bunny.jpg。
我想收养这个小兔子。
哦，上帝，它是如此的可爱。
>> 好了，我们增加了头。
我们增加了一个图片。
很显然，我们增加 这里的一些文字，对不对？
如果我们想要添加其他 文本，我们会是这样的。
因此，这是另一个段落。
>> 我们说：“这是另一段。”
另外，我是一个可怕的拼写， 所以我可能拼错的事情。
仅供参考。
>> 因此，我们有另一种 在这里段落，对不对？
因此，也许你想要做的事 不只是一点点更有趣
把所有的文字，像右对齐。
也许你要居中的文字，好不好？
>> 因此，如果有人想利用这些 在你面前得心应手电脑
并告诉我你是怎么 要围绕这个文本，
>> 听众：对对齐。
>> ALLISON BUCHHOLTZ-AU：那么 P对齐等于“中心”。
他杀死它，伙计们。
你们都需要加强。
此外，我们还有“这是中心。”
现在我们有一些居中。
>> 以同样的方式，如果 希望它左对齐，
你可以这样做等于对齐 左，对齐等于正确。
完全取决于你。
如果我没有在这里，那么这 should--现在它的右对齐。
>> 听众：佳佳？
通过图像源，为什么不 有接近IMG源？
ALLISON BUCHHOLTZ-AU：对不起。
这应该是 还有现在你是好。
现在，我们是很好的。
听众：你不有 关闭它在那里，还是不？
ALLISON BUCHHOLTZ-AU：嗯，所以IMG 源，这个人是just--与形象，
它只是被视为一个元素，而 如果你注意到了这些剩下的，
我们有一些标签，然后信息 它涉及到，然后关闭标签。
但随着图像，一切都 只是有点自成一体。
凉爽。
所以，你们知道如何创建一个 头，你知道如何输入文本，
你知道如何把一个图像 在现在，你可以调整的东西。
>> 另一件事，你 可能希望能够做
是在创建一个列表CS--我们 种进入下周的PSET。
的东西，我们 这一周通常教
去真的很好用 下周的PSET，所以我们
一种混合，在这里重叠的东西。
不过，这将是下周有用。
>> 因此，如果我们想创造一些 列表中，怎么可能我们做到这一点？
你不能回答这个问题时。
别人有。
它并不难，伙计们，答应。
谷歌“无序列表的HTML。”
那是什么？
>> 听众：[听不清]。
ALLISON BUCHHOLTZ-AU：对。
所以我们想有序或无序？
让我们做一个无序。
因此，我们有一些UL，其中 代表无序列表。
和我们有什么对每个元素？
是否需要自己的标签？
我们可以开始写东西呢？
>> 听众：李。
>> ALLISON BUCHHOLTZ-AU：李。
那么，什么是我们的名单将是？
我们究竟想在这里？
我们只是做名字。
只是做雅各布。
>> 听众：兔子的食物。
>> ALLISON BUCHHOLTZ-AU：兔子的食物。
好吧，我喜欢这个。
兔子的食物。
>> 好了，我们有胡萝卜。
我喜欢这个兔子的主题。
我挖了很多。
听众：其实，我觉得 雅各将是合法的。
ALLISON BUCHHOLTZ-AU：雅各布？
雅各布是兔子的食物。
如果你看到了雅各布的 从照片办公时间，
你可能会以为自己听错 一个杀手兔的攻击。
>> 观众：我有一只兔子了。
我有一个杀手兔子了。
>> ALLISON BUCHHOLTZ-AU： 你在开玩笑吧？
>> 观众：我会带它下一节。
我有它。
>> ALLISON BUCHHOLTZ-AU： 这是荒谬的。
无论如何。
>> 听众：[听不清]
>> 听众：是啊，我的监考官 有一只兔子为好。
>> ALLISON BUCHHOLTZ-AU：我要一只兔子。
OK，谁带来了真正的兔子 在下一部分中，总的印象分。
听众：[听不清]
听众：哦，这不是真实的。
这是一个毛绒兔子。
>> ALLISON BUCHHOLTZ-AU：呵呵 是的，我们可以关闭这些。
看起来弧度。
听众：其实是否重要？
ALLISON BUCHHOLTZ-AU：它没有。
与大多数的这些东西， 你不关闭的标签，
99％的时间没有什么不好是怎么回事 发生的，但它是良好的作风了。
于是雅各。
此外，我们还有生菜。
顾客：链接， 这真的很重要。
ALLISON BUCHHOLTZ-AU：嗯？
顾客：超链接。
ALLISON BUCHHOLTZ-AU：超链接。
是的，超链接需要它。
OK，让我们在这里看到。
和我们有密切的我们的名单中。
我们期待在那。
我们all--雅各，就在那里。
兔子的食物。
提醒Bunnicula我。
>> 听众：[听不清]
ALLISON BUCHHOLTZ-AU：我带回 今天所有的老同学参考，
是不是我？
只是所有的老同学参考。
应该把像 Gogurts什么小吃。
>> 听众：还是Gushers。
ALLISON BUCHHOLTZ-AU：哦。
行。
我去看看我能跟踪 下Gushers下周。
我想我能做到这一点。
我想我们可能有 一些在办公室里。
>> 好了，我们已经介绍了很多不同的 东西，你可以用HTML做的，对不对？
正如你也许可以看到，它的 nothing--希望，不要太intim--
如果是，我的意思不是 贬低任何人。
如果您遇到问题， 请你跟我说话。
>> 但大部分只是 看语法，对不对？
如果你想要一个无序列表， 如果你想要某种名单，
如果要对齐或东西 形式的东西，它是所有关于刚
那种仰视 语法HTML，对不对？
还有一件事是 其实很酷
就是如果你去to--让我们来看看， 什么是一个不错的网站，我们喜欢？
任何人有任何喜爱的网站 这都OK，弹出在线？
你知道吗，我们只是做CS50。
这是很好的，安全的，对吗？
>> 好了，CS50在这里。
哦，你看，有一个部分现在。
如果你喜欢的方式，它的外观。
>> 听众：[听不清]。
ALLISON BUCHHOLTZ-AU：我们不是 要做的事情元部分，伙计们。
它没有发生。
这将是很酷，但 我们不打算这样做。
>> 那么，你可以 做，如果你喜欢的方式
这个作品是你能永远是对的 点击你喜欢的任何网页
你可以做的查看页面源代码。
它将使所有的HTML。
其实这是一个非常好的 这样的风格你自己的网页。
转到一个网页，你 真的很喜欢并期待在HTML
并弄清楚他们是如何做到的。
>> 和字面上看，只要 你举的事情，
只要你不只是 从人偷，它的确定。
尤其是对CS50 [？理财？]，我们
那种期待您获得 灵感来自于其他网站。
所以随意。
浏览网站 你认为是真的很漂亮
并弄清楚他们如何使用 HTML和CSS做这些事情。
>> 所以，当你看到这里，有明显的 类似的联系，我们有一个类在这里。
我们这里有一个链接。
我们有一个列表。
我们可能有一些 在这里的某个地方的照片。
>> 现在我们得到了一些冷静的风格。
这是未来的事情 我们要做的。
所以，风格，当你看到这些 风格括号，这是基本的CSS。
奔，你们有问题吗？
>> 听众：什么是DIV？
>> ALLISON BUCHHOLTZ-AU：DIV 只是A--什么格？
听众：事业部。
ALLISON BUCHHOLTZ-AU：司。
是啊，它就像 分离不同的元件。
好了，这里就是我们 要进入下一个。
所以这可能不是最佳的 ，风格，因为如果你发现
我们有HTML和风格，在同一页上， 而我们真正想要分开的，
行？
而实际上，让我 打开我的正确的
因为这被认为是 PDF格式，所以我们的style.css。
>> 所以，我们可以在这里做的就是这些 是很酷的事情好像有些褪色
我们可以尝试这样做，但我觉得 就像我会陷入困境，截至上飞，
所以我鼓励你们到 去试试自己找，
但我不会把事情做对了。
所以，如果你们这些家伙，记住， 如果你打的问题集，
事情从侧面猛扑。
它必须做的褪色和 过渡和诸如此类的东西。
>> 听众：这就是所有的CSS和HTML？
>> ALLISON BUCHHOLTZ-AU：所有的CSS和HTML。
是啊。
所以，你可以做很多真正的 凉的东西用CSS和HTML。
因此，我们的真棒 这里的兔子网页，我们
打算做一点 CSS样式与它的位。
>> 因此，如果你曾经有一番风情 表，我们这里有，
你可以打电话的style.css。
任何你想要的，你可以调用它。
最重要的是，我们要去 引用它在我们的web.html这里。
>> 所以，我们要做的是什么 we--所以我不惹这个up--
我们要链接 这两个文件一起。
因此，在相同的方式 - 我要去 打个比喻为C这里。
以同样的方式，如果你有 一些library--我们有cs50.h--
我们的编译器链接吧。
这仅仅是一个明确的 联系我方。
所以在同样的方式，我们做 哈希包括一些文件，有什么
我要写的只是 HTML / CSS等效的那个。
>> 我们只是说，好吧，这个网页 将使用这个样式表，好不好？
因此，我们有链接REL等于样式表。
然后我们有型，CSS。
然后HREF等于。
>> 行。
因此，所有在这里所做的是你可以 认为这是同样的事情
作为散列包括。
显然，它看起来多了几分 复杂，但在所有情况下，
它是有效的同样的事情。
所以这是一个只是一些链接 样式表，它的类型是text / CSS的，
和它的名字是style.css文件。
>> 什么是重要的是知道 是该网页
我正在工作的权利now-- web.html 和style.css--在同一个文件夹中。
因为在不同的文件夹， 你需要给实际的根
它或它的路径。
但是，在这种情况下，我们保持它 超级简单，它会到这里来。
因此，如果我们做到这一点，我有一些 事情已经排队在这里。
>> 因此，我们有一些身体，这是怎么回事 有我们的背景色，这
现在的问题是淡蓝色的。
我们可以改变它，如果我们想要的，但 如果我没有记错这一点，
它应该只是将其更改为淡蓝色。
现在我们有一个淡蓝色背景。
我们不得不这里 - 任何人都可以记住 哪一个是散列ID或类？
>> 听众：ID。
>> ALLISON BUCHHOLTZ-AU：ID。
凉爽。
所以我们想要做的 是这些字体
或which--做我们想要的“看看 可爱的兔子“是紫色的？
我认为，我们想要的是紫色的。
我跟那个是紫色的漂亮了。
>> 所以你要做的就是你 在此情况下的ID equals--
我说，什么，漂亮的颜色在这里。
我们重装。
突然，它的紫色。
OK，所以用ID，记住 它必须是唯一的，
所以我也不会用 这个ID在其他地方。
但随着类，因为我们有 这里有一个漂亮的字体，
我应该能够使用 无论我想。
>> 因此，让我们在这里做这件事。
所以我们可以说类的equals漂亮的字体。
如果我们现在看，我们有 这个很酷很此处字体。
所以，也许我想两者都做。
好吧，其实我不知道这是不是 去上班，但我想尝试一下。
这是你如何学习CSS和HTML。
你喜欢，你知道 是什么，我想试试这个。
我不知道它是否去上班。
让我们来看看它的工作原理。
>> 而且看那个。
现在是紫色和 这是一个非常字体。
好了，你把所有这些 不同的事情可以做。
你有问题吗？
>> 听众：是的。
好吧，只是喜欢的颜色 你用的词。
有没有办法做到色彩 用十六进制RGB？
ALLISON BUCHHOLTZ-AU：你也可以 这样做有十六进制，我相信。
是啊。
但它是一种很好的，如果你 不想看他们。
你可以像紫色或蓝色。
听众：我们希望他们 知道这意味着什么。
ALLISON BUCHHOLTZ-AU：对。
因此，让我们使这个读或黄绿色。
为什么你会永远选择黄绿色？
这是一个有趣的色彩。
>> OK，所以很明显，我们可以看到我们 可以改变的事情但是我们想要的。
如果你想create--让我们说 我们要创建另一个类。
什么可能你们想改变？
如果你拉起W3Schools的 CSS文件，
我离开地板你们。
我们可以尝试做一些很酷的东西用 这在近一分钟。
样的，因为我已经给你一个 在很多很酷的事情速成班
你可以做。
但最后，正如我所说，如果你 刚才的实验中，你会学到很多东西。
>> 听众：你有没有抬头的字体？
>> ALLISON BUCHHOLTZ-AU：是啊， 我抬起头的字体。
所以像字面上看，我 去了to--我做了什么？
我做了CSS字体列表， 然后我做的字体栈，
然后我当时想，你看，这里 都是很酷的字体，你可以做。
并有这一项，所以 我复制到我的剪贴板。
然后，我很喜欢， OK，性凉，有我们走。
全部完成。
>> 听众：所以你必须确保 该CSS知道是什么字体。
>> ALLISON BUCHHOLTZ-AU：是的。
>> 听众：什么是它在最后说什么？
草书？
>> ALLISON BUCHHOLTZ-AU：行草。
是啊。
>> 听众：背景图片。
>> ALLISON BUCHHOLTZ-AU：背景图片。
行。
所以，你要告诉我如何做到这一点。
我离开这个给你。
我只是打字了这里。
该轮是在你的手中。
>> 听众：OK
>> ALLISON BUCHHOLTZ-AU：OK。
我在做什么？
>> 听众：Doing--我知道 谈到在大括号之后。
ALLISON BUCHHOLTZ-AU：OK。
所以大概在身，我 会承担，因为我们
这样的背景图像。
>> 听众：是啊，让我们做到这一点。
>> ALLISON BUCHHOLTZ-AU：OK。
听众：好了，背景 冒号，然后我们
需要一个图像的URL地址。
也许伪代码，就目前而言，也许吧。
>> ALLISON BUCHHOLTZ-AU：是什么 你想我to--
听众：我想就像一个GIF。
ALLISON BUCHHOLTZ-AU：一个GIF？
这将是有趣的。
OK，我在谷歌上搜索吗？
>> 听众：不，那是你的选择。
>> ALLISON BUCHHOLTZ-AU：为什么 如果它是一个兔子不we--，
我觉得我们应该有一个 漂亮的草地草坪什么的。
>> 听众：草甸。
草地。
>> ALLISON BUCHHOLTZ-AU：草地？
行。
听众：还是雷切尔·玛多。
ALLISON BUCHHOLTZ-AU： 这个看起来很漂亮。
哦，那是微小的，但。
我们需要一个良好的尺寸的图像。
让我们来看看。
哦，你看。
这是一个相当草甸。
你知道吗，我喜欢这一个。
让我们复制这一个。
>> 听众：OK，所以我认为这是 网址，打开括号。
>> ALLISON BUCHHOLTZ-AU：OK，网址。
>> 听众：那地址。
>> ALLISON BUCHHOLTZ-AU：OK。
那是我们所需要的？
>> 听众：关闭括号分号， 然后空格，连字符背景
附件结肠固定，大括号。
>> ALLISON BUCHHOLTZ-AU：OK。
让我们看看是否能工程。
这将是，如果它确实很酷。
我真高兴在这里。
它没有工作。
我不知道为什么。
听众：也许网址 必须在报价单。
ALLISON BUCHHOLTZ-AU：也许吧。
这就是我们如何学习，伙计们。
>> 听众：我们能有背景 颜色和背景图片？
>> 听众：没有。
一个取代另一个。
>> ALLISON BUCHHOLTZ-AU：我不知道。
让我们来看看。
让我们来看看，看看。
>> 听众：哦，也许，是的。
[插VOICES]
>> ALLISON BUCHHOLTZ-AU：OK，这是 obviously--我[听不清]在这里。
这样就OK了。
听众：背景附件。
ALLISON BUCHHOLTZ-AU：嗯。
>> 听众：OK，我不知道。
ALLISON BUCHHOLTZ-AU：它 看起来像它应该工作。
你确定这是结肠癌的网址呢？
>> 听众：没有，它的分号。
ALLISON BUCHHOLTZ-AU：这是分号。
听众：我说了结肠？
ALLISON BUCHHOLTZ-AU：你说一个冒号。
听众：哦，不。
ALLISON BUCHHOLTZ-AU：你去那里。
听众：哦，等等，现在 我们看不懂的文字。
ALLISON BUCHHOLTZ-AU：现在 你看不懂的文字，
但我们的背景图像。
Mmhmm​​？
>> 听众：请问HTML 支持动态内容？
喜欢，你可以调整大小的图片 根据窗口大小，
或者是，一个CSS--
>> ALLISON BUCHHOLTZ-AU： 所以，CSS有做到这一点。
所以，如果你们有兴趣 在学习先进的CSS，
我合作教 研讨会CSS 7日。
我保证它会 要深入得多
和做更多很酷 事情本节。
和我合作的老师就好 总前端Web开发高手。
因此，这将是，如果你想很酷 要了解所有的很酷的事情
该CSS可以做。
>> 但是，我们这里有 他的背景附件
fixed--所以它的一些固定size-- 但实际上你可以dynamically--
如果你曾经看到的网页，如 最拿手的网页会做，
当你调整 您的浏览器的大小，
它调整的背景下，有多少 是显示或重新格式化的东西，对吧？
所以，这就是我们所说的 相对定位。
>> 和CSS实际上可以抢有多大你 浏览器宽度或多高是，
你可以放置东西 根据相对尺寸
与绝对大小。
而这显然是更先进 CSS，但这是你可以做的。
如果您想了解 更多的，来我的研讨会。
>> 所以这是你可以做的。
和CSS实际上可以 do-- CSS和JavaScript，
我们将进入下一week-- 可以让你动态修改
无需页 重装他们所有的时间。
你可以做一些 很酷的东西。
>> 那么，有另一件事 那你们可能想要做
或者任何你想要去探索？
我们还剩下10分钟。
我们也可以早点离开，但如果 你想要做一些网络的东西，
我们可以，但我不 要强迫你。
但是，我们也只是吃的糖果。
听众：突出显示文本 白色的，所以你可以读取它。
ALLISON BUCHHOLTZ-AU：OK。
因此，在这种情况下，我们想要一些页。
听众：我们应该这样做的 机身使其适用于整个页面？
ALLISON BUCHHOLTZ-AU： 是的，我们实际上可以。
这是一个好主意。
因此，我们have--你 知道我们应该是什么？
我不知道，如果我们能做到文本颜色。
我要尝试 在这里创建另一个类。
>> 听众：你怎么这么 它有什么建议？
ALLISON BUCHHOLTZ-AU：那么 如果你们有兴趣，
这是另一种文本 编辑器叫崇高。
你应该能够 在设备上安装它。
有时，它变得有点棘手。
如果你想与帮助， 我超级高兴帮您
有了它，因为gedit中是伟大的， 它的真棒，因为你可以编译
在底部，但我真的 像崇高，因为它很
而且它做的事情 像自动完成。
>> 所以，你绝对可以随意 让我知道，如果你想这样做。
如果你只是谷歌“崇高 文本“，它通常
对如何安装说明 在各种操作系统上。
这是真的很酷，我 想想，在我看来。
因此P。
我想我可以做text--或 我们可以做的颜色是“白色”。
那里。
>> 因此，我在这里做的是我 没有改变的所有文本。
但是，P在这里仅仅是一个 标签，我们有，对不对？
这个段落标记。
所以，我只是创建一个CSS元素 说，OK，这个标签什么
P，使颜色变白。
>> 所以，如果你注意到了，这让 这种白色和这白色的。
这并没有使我们的名单，因为白 它不是与此有关。
你可以通过，你可以say--
>> 听众：你的背景颜色。
>> ALLISON BUCHHOLTZ-AU：背景颜色？
>> 听众：背景管 颜色你把p标签。
>> ALLISON BUCHHOLTZ-AU：OK。
你想要白色的？
听众：Mmhmm​​。
ALLISON BUCHHOLTZ-AU：OK。
你去那里。
听众：这是奇怪的。
ALLISON BUCHHOLTZ-AU： 很酷，对吧？
所以，如果你只是浪费时间， 你会学到很多东西。
它可以是很酷。
我认为这是肯定更 可喜有时比
因为你不必等待 为您的程序进行编译。
你可以打刷新 和你一样，哦，你看，
它的工作，或哦，我 可能失去了一些东西。
而这东西是真的 酷关于这个类的一个部分，
它是绝对的，我 想想，以便于检查
你走的路与 不必编写这些长期计划
并祝愿祈福 它可以工作在末端。
>> 所以这一说法，我认为 你们似乎都不错。
如果您有任何疑问，一如既往， 来跟我说话，来让我知道。
我就在外面 在接下来的15分钟
如果你想聊 予取予求。
>> 所以，我希望你guys-- 好运与此PSET。
截止日期是周五中午 因为天色已晚发布。
所以，我很可能会看到 很多你们在周四，
但是希望不是。
也许你会拥有它了，然后做了。
我是超级骄傲。
>> 但如果没有，我会看到你周四。
您还可以使用一晚日期，这 它延伸到周六中午。
但我don't--吧？
>> 听众：万圣节。
>> ALLISON BUCHHOLTZ-AU： 这是万圣节，a和b，
我不认为会有 是办公时间周五。
所以真的试图把它用做 周五，以便我们能够一起庆祝
万圣节周末。
好吧，我会看到你们下周。