[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]