[Powered by Google Translate] [讲座] [准备你的网站为Web]
[粤晨赵] [哈佛大学]
[这是CS50。] [CS50.TV]
>> 好吧。如果你们是这里的另一个小时的web开发。
今天，我要去以谈论为Web准备你的网站。
一天 - 也许过去2周 -
我们一直在谈论如何创建一个网站，
如何使用，如何使用PHP，HTML框架，如何使用，
如何确保，你可以与数据库进行交互 - 这样的事情。
但今天，我们将要谈论CS50后您的网站去住。
因为毕竟CS50不会发生在去年12月。
我们要谈论域名，托管。
我们将要谈论什么跨浏览器兼容性
和跨平台的兼容性，以及如何可以确保您的网站
在所有条件下进行操作。
我们将谈论错误处理和其他服务器魔法。
我们正在谈论的性能优化，搜索引擎优化，
如何让人们实际访问您的网站。
最后，一​​些好的资源，以确保你们有足够的那些
熄灭你的最后的项目，并希望之后。
>> 我们要谈的第一件事，就是域名。
现在你在你的家电编程，你要在本地主机
它实际上不是一个域名。
这是那种你实际安装Linux只是一个绰号或别名
里面无论是VMware的一台Mac或VMware播放器的PC上。
域名允许你把到Web站点，然后去像
www.google.com和网站。
他们如何工作？
比方说，你只是一个普通的Web服务器 -
平均网络冲浪者，你有一台笔记本电脑，你去www.howstuffworks.com。
你或许可以看到我偷。
东西作品 - 你的电脑，然后会要求本地的DNS服务器，
“你知不知道这个网站是什么？”
“你知道www.howstuffworks.com的IP地址吗？”
你的DNS服务器可能会说，“是的，我喜欢。”
在这种情况下，你的IP地址，你的计算机访问该IP地址。
如果不是这样，它要求另一台DNS服务器，“嘿！你知道www.howstuffworks.com是什么？”
该服务器可能会说，“是的，我喜欢。”
因此，它告诉其他的是什么，最后，这一信息被传递到您的计算机，
您可以访问howstuffworks.com。
>> 你怎么能得到这些神奇的东西吗？
你怎么能得到也许www.yourname.com或www.ilovecats.com的的呢？
你可以注册一个，
有很多的网站，在那里，让你这样做。
您必须 - 在大多数情况下，你必须为他们支付。
有一定的域名都是免费的。
如果你去www.co.cc。tkdomainnames，这些都是免费的。
但是，他们不来有一定的限制，而事实上，他们中的一些甚至可能不
真实的，COM或。NET顶级域名，如。
通常我会建议其中之一
，因为用户只是那些更舒适。
你见过很多。COMS。你已经看到了很多的网。
您可能还没有见过不少。co.cc“，所以他们很难记住。
像GoDaddy或NameCheap或不同的网站 - 我用一个
一种粗略的 - 所谓activedomain.com。
它看起来真的很粗略，但它的工作真的很适合我。
>> 最后，你必须做别人，也许更多像网络解决方案的广告。
但是，如果你去到NetworkSolutions.com和看他们的定价
这真的是昂贵。我是看着他们昨晚。
对于一个域名一年，它可能是不值得那么多钱。
事实上，如果你得到了。com或org或。NET
平时的价格为每年10美元。
所以，如果你付出了很多更重要的是，它可能是不值得的
因为，毕竟，这些网站没有做任何与该域名。
他们只是给你，所以，如果你能得到它便宜，为什么不呢？
>> 另一件事是，一旦你有你的域名，那么你可能要
要么Godaddy.com或无论你买了你的域名
并设置域名服务，域名。
这也就意味着，一旦用户进入www.howstuffworks.com
这些名称服务器的IP地址是IP地址，他们将能够查找。
他们将通过这些名称服务器能够访问您的网站。
如果你申请托管的地方
那么你的主机将最有可能给你​​的名称服务器来使用。
>> 最后，这个东西称为WHOIS。
的Whois数据库是一个数据库，你可以输入一个域名
它会吐出一些有关该网站的所有者和其他联系信息。
现在，你可能会说，“我真的不希望我的家庭住址或我真的不希望我的电子邮件地址
网站上的任何人都可以看到，或在互联网上给大家看。“
那么你可能想使用的东西，有很多的托管服务提供 -
像一个WHOIS经理。
一个WHOIS经理只不过是另一个服务，他们中的很多提供
隐藏了这些信息，只是把谁是经理的名字 -
的地址，它通常只是给您对该域名，公司名称 -
等您的个人信息不被泄露在互联网上，
这通常是相当不错的。
我自己使用这些服务之一。
如果你不关心你自己的隐私，那么它其实并不重要。
>> DNS服务器域名系统，它是什么 -
它有点像一个哈希表的地方，说，
“这个网站的地址映射到该IP地址。”而这一切是。
所以一旦你查询DNS服务器，那么你可以得到的IP地址
，对应的域名，然后访问该网站。
（观众问一个问题 - 无声）
第一？第一级实际上是通常只是你的计算机缓存本身。
您的电脑记得最后一次，你去www.google.com
它是在这个IP地址，然后一段时间后，缓存将到期，
它会询问像康卡斯特DNS，
“嘿，什么是www.google.com？”
通常情况下，当你买一个域名和你注册一个，你建立了一个网站，
你不能去该网站立即与该域的名称，因为该名称服务器
世界各地的不知道你的域名。它来填充。
它通常需要约24-48小时。
好的。所以，这是一点点关于域名。他们是非常酷的。
我想你应该得到一个，如果你认真对待项目
如果你真的想使你的项目在校园内，
有一个域名，使得它看起来非常专业。
>> 然后下一步，当然是有某种形式的托管。
如果你只是主机在您的电脑上，从来没有人能够去。
您可能在您的电脑上设置了一台服务器，并让您的电脑永远，
但不推荐这样做。
网上提供有不同的种类。
有共同主办。 VPN（不知所云）虚拟主机。
有半专用和专用。
最后3，VPN，半专用和专用通常比较昂贵。
他们通常使用的网站，需要更多的资源。
如果你刚开始接触一个网站，
它可能只是一起去共享主机更经济。
共享手段只是一堆网站都在一起
排序的一台服务器上的这台主机服务器上这个网站上，你可以访问你的网站
通过域名。
>> 那里有很多受欢迎的主机。
HostGator的DreamHost的 - 那些是非常，非常大，非常，非常受欢迎
非常，非常成功。
我个人使用一个所谓MDDHosting。
如果你去www.mddhosting.com，这是我选择的主机。
我觉得他们很不错。
他们一直非常可靠的，我从来没有与他们有任何问题。
他们也有非常有竞争力的价格。
我真的不喜欢GoDaddy的 - 这也是一个非常受欢迎的主机，
但我已经与他们可怕的经历，
和很多的人，我知道与他们真正可怕的经历。
他们去后，谁也不知道他们在做什么的人 -
也许你第一次制作一个网站，
让他们排序CON他们买他们的托管服务包。
不要做。不要爱上它。转到寻找其他主机包，真正满足您的需求。
另一种是 - 那里有免费的主机。
有网站将承载您的网站上免费 -
有时将在您的网站上的广告，
有时让你参加他们的论坛，
但有时也只是免费。
但是，要小心，因为他们中的很多免费主机真的只是走出去的企业
几个月后。你就不能跟上成本。
其他的都只是非常靠不住的，你的网站将永远是下来，
你不希望这样的事情发生。
>> 每台主机都将提供他们自己的控制面板。
请注意您的设备，真的是不是每一个控制面板本身。
你必须使用终端和编辑文件。
你必须和chmod的事情自己。
如果你想去到phpMyAdmin
你必须去到localhost / phpmyadmin的和类似的东西。
但是，控制面板，你可以去和编辑文件，在您的服务器
与Windows资源管理器或取景器类型的应用程序。
你可以通过在你的数据库，并期待用自己的工具
而不是phpMyAdmin的。
因此，这里给出的特定，一些比较流行的控制面板是在那里。
但是，如果你正在寻找一台主机，
那么你可能想看看什么样的自定义和选项
他们给我定制我的服务器，并让我的网站运行得更好。
这样，那么你可能会问，“嗯，我该如何选择托管？”
如果你去到任何主机网站有很多的专业术语，而且有很多的选择。
也有很多不同的价格。
通常情况下，我去只是因为便宜的网站，也许你和我 -
，尤其是现在，尤其是起动 - 他们可能并不需要尽可能多的资源
可能这样一个网站Microsoft.com。
>> 首先，如果你真的很好奇，你想看看在操作系统是否
您的网站将要在Linux主机上，在Windows或Mac上。
通常情况下，我们只是去用Linux，因为这通常是最便宜的，
，也许你们都比较熟悉了，因为设备。
然后，也许他们会放一些限制，你得到的带宽量 -
喜欢多少兆字节或千兆字节的数据，用户可以下载
每月从您的网站？或磁盘空间。
你得到多少空间？ 500 MB？这是2 GB？它是无限的？
如今，很多的web服务器，带给你无限的磁盘空间的方式为他们
吸引你得到他们的托管服务包。
但是，如果你真的仔细想想，当你以往任何时候都需要无限的磁盘空间？
如果你有一对夫妇的HTML文件，PHP的一对夫妇，一对夫妇的图像 -
这是一对夫妇只百兆，
通常，我只是去也许几GB的空间价值，
可能是不够的，我开始关闭，直到我需要更多。
>> 最后，他们可能把什么样的限制 - 你可以有多少个数据库。
也许你只能有1个数据库。也许你可以有2个。也许你可以有10个。
它是真正重要的是你你会得到多少？
要问自己的事情。
然后终于，只是语言类的东西。
难道他们支持PHP吗？难道他们支持MySQL吗？
大多数网站不支持，因为它们是免费的。他们是开源的。
它不会花费他们什么为你提供这些。
但是，如果你要使用，比方说，Ruby或Python或一些其他语言 -
他们可能不支持他们的服务器上，所以重要的是要寻找那些东西。
>> 最后，他们让你做一些更先进的SSL或cron作业之类的东西吗？
SSL是一个选项，在那里你可以让你的网站更安全通过HTTPS
加密连接。
和cron作业是只是也许要运行的脚本
每5分钟，每10分钟，每15。
共享托管网站提出了很多限制
cron作业的数量，你可以运行，因为这会占用更多的资源。
>> 最后，只是一切，你想一下 - 确定到底发生了什么
您的托管服务包之前，你买。
最后，性能。性能是巨大的。
我的网站如何快速运行？
大多数用户不会等待为您的网站运行甚至几秒钟
之前，他们只是觉得无聊，他们去到MeanBase，开始看图片
猫 - 你知道这种情况，你想确保你得到该用户板
你有良好的运行时间，只是表示
您的网站会在任何时候都可以访问。
很多主机有非常糟糕的正常运行时间，这只是意味着您的网站不会成为
访问，并且你不希望这种情况发生，因为你可能会伤心。
而且你还可以跟踪你的主机的性能等网站
Pingdom.com或主机tracker.com的，他们只是告诉你如何往往是您的网站。
>> 最后，你希望看到对他们的支持。
如果你有问题，他们会在24小时内给您回复？
他们将在48小时内给您回复？
在几分钟之内的托管服务，通常我用我回应
这是非常好的。
呼！好吧！这是一个休息的时间。但我不打算把它送给你。
我们就看看可爱的猫的照片，然后每一个现在。
>> 另一个非常，非常大的东西是跨浏览器兼容性。
跨浏览器兼容性，这是什么意思？
你知道，如今它不只是微软的Internet Explorer。
这不只是Mozilla Firefox或Safari浏览器。
现在我们有铬。我们有歌剧。我们有海豚。我们有卡米诺。
我们有征服者。我们有所有这些不同的浏览器。
RockMelt的事情，现在出来 - - 尽管这些都是基于Chromium。
但事实是，不只是一个浏览器了。
你不只是一个应用程序中查看这些网页。
因此，不同的浏览器将应对不同的HTML，CSS的不同，
不同的JavaScript不同，你怎么处理呢？
那么，在某些情况下，你真的不能。
如果你的网站 - 它的工作原理在一个浏览器，你写的代码将无法正常工作
在另一个浏览器，它是你的工作，以确保你写的代码
是普遍的，它的工作原理无处不在。
所以，这是非常危险的。
如果你说，“好了，它在我的电脑上工作。太好了！让我们继续前进。”
那么，它可能不会去矿上工作，当我去到你的网站
我会很伤心，我要马上离开。
所以，让我们来看看你如何能防止这种情况。
>> 的第一件事，当然是只使用标准的HTML，CSS和JavaScript。
我的意思是什么呢？
嗯，也有很多不标准的东西在那里。
例如，在CSS中有许多版本。
如果你看到任何CSS规则 - 万盎司或-webkit的，这些规则的具体
Mozilla的浏览器和Webkit浏览器，
所以你要确保，也许你想要避免这些东西
因为如果使用万盎司规则仅在Firefox去上班。
如果你真的想在Internet Explorer也好看，
你要倒霉。
对于HTML，你可以做的事情在HTML中，工作在一个浏览器
但是，在另一个休息，你想，尽可能避免。
最后甚至为JavaScript - 有许多版本的JavaScript，
今年夏天，我们遇到了一个问题，即Document.getElementsByClassName -
这通常是一个函数定义的JavaScript标准的一部分 -
没找到Internet Explorer 8中。
所以，在这个夏天，我在实验室工作，我们建立网上实验。
我们认为这工作真的很好，直到我们实现了用户使用
Internet Explorer 8中无法提交他们的结果。
我们错过了大量的数据。这让我们真的很伤心。
所以，你总是想确保你的脚本到处去上班。
>> 最后，使用validator.w3.org
这就是我们告诉你做习题集7。
请确保您的网页验证。
这是很重要的，因为这至少是第一步完整性检查。
其实是我的代码符合标准吗？
另一种方式来帮助您确保您的网站去上班排序
在大多数情况下可能使用一些库和框架
因为这些真正聪明的开发商已经为你想过这些问题。
他们已经通过，他们已经写了不同的功能，跨浏览器工作。
例如，我们使用jQuery的Pset 7。
即使你可能没见过它，jQuery提供了很多功能
否则你会写自己。
但是，这些开发者写的，他们保证在所有浏览器，它的工作原理。
和引导 - 这是另一个CSS框架，我们向您展示的Pset 7 -
它真的走了很多好看的网站设计的头痛。
在所有的浏览器。
>> 最后，如​​果你能够避免的话，我通常避免从头开始编码。
如果你只是建立一个网站，为你的学校俱乐部，例如，
和所有你需要做的是显示了几页，也许有你们的总统走在
改变了一些东西，在这里和那里 - 真的没有需要转码，多达自己。
这需要花费大量的时间。
它需要很多你的能量，你必须要经过你必须找出，
好了，这是怎么回事好看在此浏览器，它是要在这个浏览器中看起来不错。
也许用一些，别人已经为你写的这些补丁，像
WordPress或Joomla或Drupal的。
这些被称为内容 - 这些被称为的CMS基本上只是包，
已经来为你做的，你可以下载它们，将它们放到你的服务器，
然而，他们和定制你想要的，你已经有了一个运行的网站。
这些代码包寻找到的东西。
这些东西都是开源的，除非你去这样的事情 -
如果你正在寻找一个封装形式，有事情是不是像
百度推广或执行统计现在时间。
如果你并不需要一些这些先进的功能，
你总是可以选择的自由选项。
>> 最后，有没有避免的。
你必须测试，测试，再测试。
您必须在所有这些浏览器测试你的代码，所有这些平台上。
你知道，IE6 - 谢天谢地人们已经开始远离IE6
因为早在一天，也许几年前，Web开发人员不得不总是，总是，
IE6的弱点始终迎合以下的标准。
网站1990年的只是看起来有点缺乏一个更好的办法来对付它。
您还可以使用浏览器的截图来检查你的CSS。
一个很酷的网站是browserlab.adobe.com。
这是由Adobe推出了免费服务。
和他们做什么，他们可以把你的网站截图
不同条件下运行 - 就像不同的浏览器下运行，
不同的平台下运行 - 并告诉你他们的样子。
只是给大家展示一下我的意思是，我创建了一个网站，去年被称为生活在哈佛，
什么，我试图做的 - 我试图让my.harvard。
因为如果你去年在这里，my.harvard没有看，因为它看起来现在。
它看起来有点恶心。
但现在看起来好多了。
我的实现是没有多大用处了，但都是一样的，
你知道，我尝试添加 - （不知所云）许多什么 -
它看起来 - 我的电脑上，它看起来很不错。
然后，也许如果我有更多的时间我会已经在浏览器实验室，
他，我就看了一下，好了，怎么看起来在Chrome 18在Windows上。
我会向下滚动，我会看到 - 哦，不！看看公布框中。
我的文字四溢。所以，这是不好的，对不对？
如果用户使用Chrome在Windows和涉及到我的网站，
立即看起来很不专业。
所以，我要进入我的CSS，找出我的CSS的一部分在这里被打破。
为什么它没有被正确显示，并修复它，让所有用户都可以看到同样的网站
并很高兴地。
>> 最后，以及浏览器的截图是很好的测试你的CSS，
但您的JavaScript？
怎么样，如果你有一些复杂的脚本，运行？
好吧，你总是可以做虚拟化。
如果你有一个苹果，你可以使用不仅仅VMWare的虚拟化也许副本
Windows和IE浏览器使用。
或者，你可以去一些像Spoon.net，遗憾的是仅适用于个人电脑上。
但他们做什么是非常酷的。
虚拟化软件给你，让你可以运行不同版本的IE浏览器，例如。
您可以运行不同版本的Firefox。
您可以运行不同版本的Safari浏览器和测试您的网站。
不幸的是，它们不是免费的。
这是一种有偿服务，所以总是有排序 -
之间做出权衡，总是有那种，很好，我打算让我的网站好看。
如果是的话，我可能要付出一些服务，帮我做。
有任何疑问的东西，我们谈到了这一点吗？
真棒。好吧。
>> 现在，我们有更多的事情说说。
怎么样的错误？
你如何确保您的网站将运行，即使
坏的事发生呢？
也许你没有一个名为food.php。
惟独我，我去您的网站和我尝试访问food.php。
你只是要告诉我，白色的页面，上面写着404 - 未找到文件？
或者你会说：“嗯，对不起，我不能为你找到，
但也许这里有一些其他的资源，帮助你搜索你所需要的。“
其他错误 - 所以，这被称为HTTP错误只是一些错误代码
您的服务器可能已经发回给浏览器的情况下，坏事发生。
400 - 错误的请求。 401 - 未经授权。
403是一种常见的，当你有一个不应该被访问的目录
的用户，但在用户尝试反正。
和500 - 内部服务器错误 - 这通常发生在你有什么
非常糟糕的事情与你的PHP代码。
但在任何情况下，这些各种各样的浏览器 - 这些类型的错误发生。
>> 那么，怎样做才能让你确保你优雅地处理这些错误
并确保用户不只是挂在那里呢？
这里来的。htaccess。
现在，htaccess是Apache服务器上的一些作品，
一些作品和作品以及其他一些服务器。
这仅仅是一种让你配置你的服务器，这样
你可以把它做任何你想要它做的。
有些事情可以做。你可以控制你的缓存设置。
也许有一定的，你要确保你的网站页面上，用户
重新下载用户每次来访问您的网站。
或者，也许你有一些URL，就像yoursite.com /测试/ HTML /网页/ hello.html
只是想和你yourname.com /你好 - 好了，你可以使用的。htaccess
一个网页重定向到另一个。
你也可以用它做认证。
也许有你的网站的某些部分，你需要使用另一个密码。
您可以阻止某些IP地址，阻止某些领域。
也许你真的不喜欢使用你的网站的哈佛学生。
那么，你必须阻止所有哈佛IP地址的选项。
>> 最后，你可以把事情 - 你可以写一些代码，使您的服务器
像对待赵您的姓名或打招呼作为PHP代码的网页。
也许这会是有用的。也许这不会是。
最后，你可以用它来处理的错误响应。
我的意思是什么呢？
如果你简单地添加这样的代码 - ErrorDocument的404，然后引导他们一些
错误页面，您可以确保用户不会只看到真的，真的很丑陋
404，并告诉他们一件好事。
>> 实际，让我们来看看我们如何能够做到这一点的Pset 7。
在这里，我在我的家电。
我要打开浏览器，然后我要去尝试访问一个页面
不存在上CS50融资。
因此，本地主机 - cats.php - 所以，请注意，我创建了一个错误文件
说，“找不到CANZŽ页面！”
它有一个很伤心的猫。
如果你去，如果你去任何这些网站上，Twitter上
你不能找到一个页面时，他们通常会尽量告诉你一个可爱的画面
所以，你是不是太失望。
你也可以有更专业的东西，说，
好，我很抱歉，我无法找到页面，但也许这里有一个搜索框。
或者，也许这里有一些链接，将帮助您找到您想要的链接。
所以，我怎么做到这一点呢？这是怎么回事，甚至可能吗？
如果我们进入我们的终端 -
我只是要在一个位放大 -
请注意，我有一个新的页面。
我的HTML目录里面，这就是所谓的 - 你不能看到它 -
这就是所谓的error.php里。
error.php里我只是一个文件
，您可以通过页面本身。
error.php里是什么，我可以告诉你。
这正是这一页。
它说，“哦，不！CANZŽ页面没有找到！”
而且，如果你想看到的 - 所以，请注意这一点。htaccess的是一个奇怪的名字。
它的启动点，这意味着它是一个系统文件。
这是一个隐藏文件，这是不正常显示。
如果你这样做LS-A，你可以看到所有的隐藏文件在某一目录，
而事实上，你看到的。htaccess是其中之一。
让我们继续前进，打开的。htaccess -
用gedit -
轰！我有一条线在那里 - 错误404错误的文件
它也被称为文件未发现的错误。
让重定向到称为error.php里的东西。
你可以有好玩的东西，像CANZ找不到Ž页！
也有非常酷的事情，你可以做的。htaccess。
如果你想看到更多的。htaccess魔术，
这是一个非常酷的网站去 - 这就是所谓javascriptkit.com/howto/htaccess.shtml--
如果您要执行更多的服务器魔法。它可能是非常有趣的。
>> 呼！好吧！更可爱的图片。
这是一个人做俯卧撑，和他的猫正在努力帮助。我认为这是很可爱的。
不幸的是，我没有像猫。
好的。所以，我们谈论的。htaccess。
我们已经谈了错误处理。
我们谈过托管，域名。
我们已经谈了跨浏览器兼容性。
现在我们怎么确保您的网站实际执行？
我们如何确保，如果我去你的网站
在几秒钟内，我可以看到你的页面？
我认为人们只是有点忘记的事情之一
是图像优化。
比方说，你想在您的网站上放图片
和2毫克大型。
这可能是罚款，我们因为我们在哈佛，
我们有一个非常快的互联网连接。
但是想象一下，在中国的人。想象一下，有人在印度。
也许有人想象，在堪萨斯州农村人也许并不具有相同的排序
宽带互联网，我们有。
如果你有一个2 MB的图像上您的网站，用户试图访问它，
要采取一个很长的时间来下载。
所以，如果你不需要那种分辨率，
那么你可以调整你的形象的东西，比如Adobe照相馆。
通常有一个选项，称为为Web和设备的安全，
和它做什么是去除所有不必要的信息
您的文件压缩成一个小图像的大小和排序的，这样就可以
把它加入到你的网站，任何用户尝试下载该页面
要下载一个小版本的你的形象。
如果你没有Adobe照相馆
webresizer.com也是另一种资源，在这里你可以输入你的形象
它会吐出完全相同的图像，
但它会像更小的3倍。
所以这是非常有用的，为您的用户。
>> 另一件事，你可以做的是缩小代码。
如果我们来看看在Google.com，
你会看到，它不是那种相同的HTML和CSS，我们已经习惯了。
只是去看看这里的源代码。
如果我只是向下滚动 - 哇，这看起来很恶心。
这会得到一个零风格。
如果编码为您的Pset，你会得到一个零，你的风格。
这有没有间距。看起来真的很神秘的名字。
这一切都真的很恶心。
和脚本关闭机构 - 收盘HTML -
他们一起 - 所有smushed的在一起。
他们为什么这样做呢？
他们精缩他们的代码。
请注意，这个文件将是小了很多
我下载的东西比白色空间，
比真的长变量名的东西。
如果你缩小你的代码中剥离出所有的空白。
当然，你的浏览器不关心，如果你在你的代码中有任何空白。
你剥离出来，现在我可以下载较小的文件 -
现在，我们要下载的文件 - 该文件是有一个更小的文件大小，
这将是我下载更快，这是非常有用的。
如果你正在使用的网站，你正在推出一个网站，
它几乎总是缩小你的代码。
另一个原因可能是好的，也许是你不希望别人使用您的代码。
也许你不希望别人使用你的CSS。
你知道，如果你真的想成为吝啬，
那么你也可以缩小你的代码，这将是对我来说更难偷
因为我不知道这是怎么回事。
您也可以去的网站像minify.avivo.si。
像这样的在线服务，帮助你缩小你的代码，这样你就不必做手工。
绝对不要做它的手。
>> 好吧。现在谈论脚本。
也许在你的PHP代码中有什么东西，你不需要做。
也许有额外的循环在那里。
我们谈到CS50代码设计。
即使你在C编码，如果你有 - 如果你正在做一些额外的工作，
你需要做的，好，那是怎么回事，减慢你的脚本在您的网站上，
这是特别重要的网站，因为用户现在的很不耐烦。
如果你正在做不必要的工作，它会带他们不再
得到的信息，他们想要的，他们会很不高兴。
最后，你可能想要优化你的数据库表。
记得我们谈到索引。
他们不仅确保你有一个行的独特。
他们还确保数据库的工作快速。
如果你想读了，去到MySQL文档，
或者你可以看看 - 好了，我该如何优化我的数据库表？
我如何确保我有指标，帮助我更快地获取信息？
>> 也有小技巧，你可以像使用缓存。
如果你有PHP的 - 如果你有一个博客，例如，
- 它的动力由PHP或任何其他语言 -
可以缓存让我们在你的博客说每隔50分钟，这样就可以提供静态页面
或静态HTML到您的网站访问者。
这样，用户不必每次运行PHP脚本，
也许，这将是为他们更快地访问这些信息。
>> 最后，你可以使用类似CDN。
请注意，只要你下载的pset，
你始终去CDN.CS50.net的。这是为什么？
CS50采用CDN - 有点像一个内容分发网络 -
这意味着，它是一堆服务器也许世界各地的某处
服务，帮助您的网页的访问者。
如果您的访问者是越来越接近他们地理上从服务器，页面
那么最有可能的访问者是会得到该文件的速度快了很多。
也有污染源在线帮助你做到这一点。
其中之一是CloudFlare的。他们提供免费的CDN服务。
如果你有大量的文件，您的服务给您的用户，
那么也许这是更好地把它们放在一个CDN，使他们能够更快地得到他们。
>> 在一天的最后一个主题是搜索引擎优化。
什么是搜索引擎优化？
这确保像谷歌或冰或雅虎的搜索引擎
可以去到您的网站，抓取您的网站和索引你的网站上，当
我举个例子，去Google.com我尝试搜索东西，
那么你的网站就会弹出。
你如何确保您的网站是一个前10名吗？
因为大家都知道，如果你的东西在谷歌搜索
它不是在排名前10位最有可能你要看看在未来的10。
这是笼罩在神秘的主题。
在互联网上有很多炒作。
如果你做X然后谷歌会更喜欢你有很多迷信。
如果你y，那么谷歌将更好地喜欢你。
看看搜索巨头的文件本身，它可能会更好。
>> 这是一个对谷歌文件，告诉你究竟是如何优化您的网站
因此，谷歌可以访问和索引非常漂亮。
你没有这个网址复制下来，因为此演示文稿会
是在线无论如何。
如果你看看这个，你读这在那里有一些非常有用的提示。
谷歌会告诉你 - 如果你真的希望您的网站被索引
那么你应该做所有这些事情。
>> 另一件事，搜索引擎真的很喜欢新鲜的内容。
如果你有内容，定期更新
那么搜索引擎说，哦，我喜欢你的网站。
我要经常去到您的网站。
我去了很多您的网页索​​引。
如果你有新鲜的内容，那么你就更有可能显示 -
你更可能要更相关。
你更可能会更多，更新，
上述别人更可能把你的网站搜索引擎。
>> 深层链接也很重要。
如果你真的想要你的网站在搜索引擎的眼里好看
有很多其他网站链接到它，并深入到你的网站链接。
不要只是链接到您的主页。
链接也许yourname.com /：事情/东西/ something.php的。
- 搜索引擎 - 的手段，哇，他们有真正有趣的内容
别人链接到他们的网站，如此之深，我真的，真的要
该网站的页面上更重视。
>> 如果你有准确的页面标题，如果你没有错误，是一件好事，因为
如果一个搜索引擎正在试图访问你的网站，它得到一个错误，
它可能会放弃，很快。
最后，你想有一个快速的加载时间，因为搜索引擎 -
就像人类一样 - 不要慢的网站有很多的耐心。
这是一个的方式为您确保您展示更高
搜索引擎查询，希望从而获得更多的流量。
因为毕竟，你已经花了这么长的时间发展你的网站。
你花了这么长的时间推出这个网站的在线。
你要确保你有大量的用户究竟是谁看到你的内容。
>> 其他很好的资源使用。
谷歌网站管理员工具是寻找到的东西。
这有助于你看 - 谷歌是不是我的网站建立索引。
什么样的错误，遇到吗？
有多少页索引？
认为什么是最重要的内容，在我的网页上？
也许这不是我希望它是什么。
也许我需要改变我的网站，它更好地反映一点点
我的网站是真的。
谷歌分析是另一个很酷的工具。
您可以添加一点点的JavaScript代码到您的网页。
之后你可以到Google Analytics（分析），它会跟踪
你的访客的人口统计学和您的网站的增长。
它会告诉你到底有多少访客访问您的网站
内的某一天，在目标小时之内，在一定的周。
有多少来自中国的游客？许多游客从南极 -
你得到你的网站。
可能是冷静地看到，它甚至可能是有用
因为你要针对某一组。
也许你要针对青少年与您的网站，你看，
大部分的游客到您的网站或许是30 - 40岁的年轻人，
那么也许要么你有问题或者你可以说，
好了，那么也许我应该只是改变我的网站，这样的焦点
我更专注于这一年龄组。
>> 谷歌应用程序 - 如果你想有几分你的域名的电子邮件 -
也许这样的事情yourname@yourname.com--
您可以使用Gmail地址 - 你可以使用Gmail服务
和谷歌Apps是一个办法做到这一点。
您可以设置特定的电子邮件地址，具体到你的域名
代替of@gmail.com。
>> 最后，Web开发人员扩展和附加 - 铬，
为Firefox，其他的浏览器 - 让你去和检查
CSS，JAVASCRIPT检查，看看到底是什么是错误的与您的JavaScript脚本，
，也许这将是有用的，你去窃听的目的，为你找出 -
好，为什么不是我的网站显示在该浏览器中正确吗？
>> 最后，如​​果你想了解更多有关这些主题 -
如果你想更多地了解HTML，CSS和JavaScript -
因为毕竟我们只教你一点点 -
你可以去像W3Schools.com网站寻找更多的资源。
他们有非常好的教程，我怎么办x或Y平均值什么？
如果你想了解更多关于这些语言可以简单地去这里。
>> 好的。我想，我想离开这个问题的最后几分钟，
所以，我们谈论的东西有什么问题吗？
[观众] W3Schools的什么事情，它是如何覆盖？
[粤晨赵]什么样的东西？
所以，一个是他们的最大的事情，我用了很多的引用。
他们引用的细节，例如对CSS -
这意味着什么，如果你想改变页面背景 -
你怎么办呢？
哪些浏览器支持该命令？事情是这样的。
，然后他们也只是有非常不错的HTML教程，PHP，JavaScript的，
在MySQL中，各种不同的主题。
他们有很好的教程。他们教你如何做的事情。
这是很好的，能够去了解更多有关这些主题的。
>> [观众] HTML 5仍然有所有的浏览器不兼容。
你会建议只是停留远离它，因为兼容性问题？
你会如何​​处理呢？
[粤晨赵]是的，所以，这个问题是HTML5仍然是一个婴儿的标准。
这不是真的了很多浏览器支持，所以我们应该避免呢？
我觉得我去年本来是一个非常大的支持者，让我们避免HTML5
因为它仍然是 - 它仍然是非常新的，而事实上，HTML5标准
尚未落实。
所以，真的是没有的HTML5标准。
但我认为，特别是如果你现在设计一个网站，
它可能会更好，如果你只是去使用HTML5，因为这将是未来的排序，
如果你想你的网站是面向未来的，你想让你的网站工作
在未来的浏览器，它可能会更好动工建设未来的事情
比过去还仅仅是因为HTML5的事实，真的是没有什么不同
从HTML4或XHTML。
如果您使用的是HTML5，它通常会在大多数浏览器中工作。
你只需要排序并确保这些截图
并确保这些网站自己。
但最有可能会工作，除非你使用的是非常具体的功能到HTML5。
还要注意，CS50 - 例如，用于视频播放器，我们使用 -
它使用HTML5和HTML5的视频显示讲座。
但如果你有一个很旧的浏览器，那么它会回落闪光。
所以，这也是东西 -
有一个秋天回时，你只是知道浏览器是不会处理系统
你希望它处理的。
>> 其他问题吗？
我们刚才谈到的任何事情。
好的。然后，我觉得对我来说这是它。
我觉得就是这样。
（掌声）
凉爽。
[CS50.TV]