1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [讲座] [准备你的网站为Web] 2 00:00:02,000 --> 00:00:05,000 [粤晨赵] [哈佛大学] 3 00:00:05,000 --> 00:00:07,000 [这是CS50。] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> 好吧。如果你们是这里的另一个小时的web开发。 5 00:00:11,660 --> 00:00:16,290 今天，我要去以谈论为Web准备你的网站。 6 00:00:16,290 --> 00:00:20,260 一天 - 也许过去2周 - 7 00:00:20,260 --> 00:00:22,240 我们一直在谈论如何创建一个网站， 8 00:00:22,240 --> 00:00:24,880 如何使用，如何使用PHP，HTML框架，如何使用， 9 00:00:24,880 --> 00:00:29,420 如何确保，你可以与数据库进行交互 - 这样的事情。 10 00:00:29,420 --> 00:00:34,830 但今天，我们将要谈论CS50后您的网站去住。 11 00:00:34,830 --> 00:00:40,010 因为毕竟CS50不会发生在去年12月。 12 00:00:40,010 --> 00:00:42,090 我们要谈论域名，托管。 13 00:00:42,090 --> 00:00:44,790 我们将要谈论什么跨浏览器兼容性 14 00:00:44,790 --> 00:00:49,540 和跨平台的兼容性，以及如何可以确保您的网站 15 00:00:49,540 --> 00:00:51,610 在所有条件下进行操作。 16 00:00:51,610 --> 00:00:54,330 我们将谈论错误处理和其他服务器魔法。 17 00:00:54,330 --> 00:00:57,890 我们正在谈论的性能优化，搜索引擎优化， 18 00:00:57,890 --> 00:01:00,310 如何让人们实际访问您的网站。 19 00:01:00,310 --> 00:01:05,960 最后，一​​些好的资源，以确保你们有足够的那些 20 00:01:05,960 --> 00:01:09,680 熄灭你的最后的项目，并希望之后。 21 00:01:09,680 --> 00:01:13,120 >> 我们要谈的第一件事，就是域名。 22 00:01:13,120 --> 00:01:18,020 现在你在你的家电编程，你要在本地主机 23 00:01:18,020 --> 00:01:20,360 它实际上不是一个域名。 24 00:01:20,360 --> 00:01:26,370 这是那种你实际安装Linux只是一个绰号或别名 25 00:01:26,370 --> 00:01:31,150 里面无论是VMware的一台Mac或VMware播放器的PC上。 26 00:01:31,150 --> 00:01:36,510 域名允许你把到Web站点，然后去像 27 00:01:36,510 --> 00:01:39,400 www.google.com和网站。 28 00:01:39,400 --> 00:01:41,500 他们如何工作？ 29 00:01:41,500 --> 00:01:43,390 比方说，你只是一个普通的Web服务器 - 30 00:01:43,390 --> 00:01:50,080 平均网络冲浪者，你有一台笔记本电脑，你去www.howstuffworks.com。 31 00:01:50,080 --> 00:01:52,570 你或许可以看到我偷。 32 00:01:52,570 --> 00:01:57,300 东西作品 - 你的电脑，然后会要求本地的DNS服务器， 33 00:01:57,300 --> 00:01:59,300 “你知不知道这个网站是什么？” 34 00:01:59,300 --> 00:02:02,200 “你知道www.howstuffworks.com的IP地址吗？” 35 00:02:02,200 --> 00:02:05,580 你的DNS服务器可能会说，“是的，我喜欢。” 36 00:02:05,580 --> 00:02:09,139 在这种情况下，你的IP地址，你的计算机访问该IP地址。 37 00:02:09,139 --> 00:02:15,050 如果不是这样，它要求另一台DNS服务器，“嘿！你知道www.howstuffworks.com是什么？” 38 00:02:15,050 --> 00:02:17,670 该服务器可能会说，“是的，我喜欢。” 39 00:02:17,670 --> 00:02:22,500 因此，它告诉其他的是什么，最后，这一信息被传递到您的计算机， 40 00:02:22,500 --> 00:02:24,680 您可以访问howstuffworks.com。 41 00:02:24,680 --> 00:02:27,540 >> 你怎么能得到这些神奇的东西吗？ 42 00:02:27,540 --> 00:02:32,940 你怎么能得到也许www.yourname.com或www.ilovecats.com的的呢？ 43 00:02:32,940 --> 00:02:35,350 你可以注册一个， 44 00:02:35,350 --> 00:02:38,280 有很多的网站，在那里，让你这样做。 45 00:02:38,280 --> 00:02:41,420 您必须 - 在大多数情况下，你必须为他们支付。 46 00:02:41,420 --> 00:02:43,890 有一定的域名都是免费的。 47 00:02:43,890 --> 00:02:50,900 如果你去www.co.cc。tkdomainnames，这些都是免费的。 48 00:02:50,900 --> 00:02:56,500 但是，他们不来有一定的限制，而事实上，他们中的一些甚至可能不 49 00:02:56,500 --> 00:03:00,540 真实的，COM或。NET顶级域名，如。 50 00:03:00,540 --> 00:03:03,300 通常我会建议其中之一 51 00:03:03,300 --> 00:03:07,060 ，因为用户只是那些更舒适。 52 00:03:07,060 --> 00:03:10,070 你见过很多。COMS。你已经看到了很多的网。 53 00:03:10,070 --> 00:03:13,790 您可能还没有见过不少。co.cc“，所以他们很难记住。 54 00:03:13,790 --> 00:03:18,900 像GoDaddy或NameCheap或不同的网站 - 我用一个 55 00:03:18,900 --> 00:03:21,550 一种粗略的 - 所谓activedomain.com。 56 00:03:21,550 --> 00:03:24,160 它看起来真的很粗略，但它的工作真的很适合我。 57 00:03:24,160 --> 00:03:27,810 >> 最后，你必须做别人，也许更多像网络解决方案的广告。 58 00:03:27,810 --> 00:03:31,140 但是，如果你去到NetworkSolutions.com和看他们的定价 59 00:03:31,140 --> 00:03:34,070 这真的是昂贵。我是看着他们昨晚。 60 00:03:34,070 --> 00:03:37,400 对于一个域名一年，它可能是不值得那么多钱。 61 00:03:37,400 --> 00:03:40,210 事实上，如果你得到了。com或org或。NET 62 00:03:40,210 --> 00:03:43,430 平时的价格为每年10美元。 63 00:03:43,430 --> 00:03:48,710 所以，如果你付出了很多更重要的是，它可能是不值得的 64 00:03:48,710 --> 00:03:52,440 因为，毕竟，这些网站没有做任何与该域名。 65 00:03:52,440 --> 00:03:58,270 他们只是给你，所以，如果你能得到它便宜，为什么不呢？ 66 00:03:58,270 --> 00:04:02,540 >> 另一件事是，一旦你有你的域名，那么你可能要 67 00:04:02,540 --> 00:04:08,610 要么Godaddy.com或无论你买了你的域名 68 00:04:08,610 --> 00:04:11,220 并设置域名服务，域名。 69 00:04:11,220 --> 00:04:15,560 这也就意味着，一旦用户进入www.howstuffworks.com 70 00:04:15,560 --> 00:04:20,839 这些名称服务器的IP地址是IP地址，他们将能够查找。 71 00:04:20,839 --> 00:04:24,680 他们将通过这些名称服务器能够访问您的网站。 72 00:04:24,680 --> 00:04:26,830 如果你申请托管的地方 73 00:04:26,830 --> 00:04:31,210 那么你的主机将最有可能给你​​的名称服务器来使用。 74 00:04:31,210 --> 00:04:34,210 >> 最后，这个东西称为WHOIS。 75 00:04:34,210 --> 00:04:38,890 的Whois数据库是一个数据库，你可以输入一个域名 76 00:04:38,890 --> 00:04:44,170 它会吐出一些有关该网站的所有者和其他联系信息。 77 00:04:44,170 --> 00:04:49,080 现在，你可能会说，“我真的不希望我的家庭住址或我真的不希望我的电子邮件地址 78 00:04:49,080 --> 00:04:54,010 网站上的任何人都可以看到，或在互联网上给大家看。“ 79 00:04:54,010 --> 00:04:57,740 那么你可能想使用的东西，有很多的托管服务提供 - 80 00:04:57,740 --> 00:04:59,740 像一个WHOIS经理。 81 00:04:59,740 --> 00:05:03,550 一个WHOIS经理只不过是另一个服务，他们中的很多提供 82 00:05:03,550 --> 00:05:07,700 隐藏了这些信息，只是把谁是经理的名字 - 83 00:05:07,700 --> 00:05:13,070 的地址，它通常只是给您对该域名，公司名称 - 84 00:05:13,070 --> 00:05:17,350 等您的个人信息不被泄露在互联网上， 85 00:05:17,350 --> 00:05:19,350 这通常是相当不错的。 86 00:05:19,350 --> 00:05:21,350 我自己使用这些服务之一。 87 00:05:21,350 --> 00:05:25,630 如果你不关心你自己的隐私，那么它其实并不重要。 88 00:05:25,630 --> 00:05:32,490 >> DNS服务器域名系统，它是什么 - 89 00:05:32,490 --> 00:05:36,560 它有点像一个哈希表的地方，说， 90 00:05:36,560 --> 00:05:42,320  “这个网站的地址映射到该IP地址。”而这一切是。 91 00:05:42,320 --> 00:05:48,180 所以一旦你查询DNS服务器，那么你可以得到的IP地址 92 00:05:48,180 --> 00:05:51,930 ，对应的域名，然后访问该网站。 93 00:05:51,930 --> 00:05:59,820 （观众问一个问题 - 无声） 94 00:05:59,820 --> 00:06:07,910 第一？第一级实际上是通常只是你的计算机缓存本身。 95 00:06:07,910 --> 00:06:12,570 您的电脑记得最后一次，你去www.google.com 96 00:06:12,570 --> 00:06:18,090 它是在这个IP地址，然后一段时间后，缓存将到期， 97 00:06:18,090 --> 00:06:23,560 它会询问像康卡斯特DNS， 98 00:06:23,560 --> 00:06:26,400 “嘿，什么是www.google.com？” 99 00:06:26,400 --> 00:06:31,040 通常情况下，当你买一个域名和你注册一个，你建立了一个网站， 100 00:06:31,040 --> 00:06:35,670 你不能去该网站立即与该域的名称，因为该名称服务器 101 00:06:35,670 --> 00:06:40,180 世界各地的不知道你的域名。它来填充。 102 00:06:40,180 --> 00:06:43,220 它通常需要约24-48小时。 103 00:06:43,220 --> 00:06:48,460 好的。所以，这是一点点关于域名。他们是非常酷的。 104 00:06:48,460 --> 00:06:51,540 我想你应该得到一个，如果你认真对待项目 105 00:06:51,540 --> 00:06:55,300 如果你真的想使你的项目在校园内， 106 00:06:55,300 --> 00:06:58,050 有一个域名，使得它看起来非常专业。 107 00:06:58,050 --> 00:07:01,510 >> 然后下一步，当然是有某种形式的托管。 108 00:07:01,510 --> 00:07:05,540 如果你只是主机在您的电脑上，从来没有人能够去。 109 00:07:05,540 --> 00:07:09,110 您可能在您的电脑上设置了一台服务器，并让您的电脑永远， 110 00:07:09,110 --> 00:07:11,160 但不推荐这样做。 111 00:07:11,160 --> 00:07:14,000 网上提供有不同的种类。 112 00:07:14,000 --> 00:07:21,870 有共同主办。 VPN（不知所云）虚拟主机。 113 00:07:21,870 --> 00:07:23,870 有半专用和专用。 114 00:07:23,870 --> 00:07:29,030 最后3，VPN，半专用和专用通常比较昂贵。 115 00:07:29,030 --> 00:07:32,660 他们通常使用的网站，需要更多的资源。 116 00:07:32,660 --> 00:07:34,680 如果你刚开始接触一个网站， 117 00:07:34,680 --> 00:07:40,670 它可能只是一起去共享主机更经济。 118 00:07:40,670 --> 00:07:43,430 共享手段只是一堆网站都在一起 119 00:07:43,430 --> 00:07:51,560 排序的一台服务器上的这台主机服务器上这个网站上，你可以访问你的网站 120 00:07:51,560 --> 00:07:53,660 通过域名。 121 00:07:53,660 --> 00:07:55,980 >> 那里有很多受欢迎的主机。 122 00:07:55,980 --> 00:08:01,160 HostGator的DreamHost的 - 那些是非常，非常大，非常，非常受欢迎 123 00:08:01,160 --> 00:08:03,160 非常，非常成功。 124 00:08:03,160 --> 00:08:05,160 我个人使用一个所谓MDDHosting。 125 00:08:05,160 --> 00:08:08,240 如果你去www.mddhosting.com，这是我选择的主机。 126 00:08:08,240 --> 00:08:10,240 我觉得他们很不错。 127 00:08:10,240 --> 00:08:14,550 他们一直非常可靠的，我从来没有与他们有任何问题。 128 00:08:14,550 --> 00:08:18,610 他们也有非常有竞争力的价格。 129 00:08:18,610 --> 00:08:24,400 我真的不喜欢GoDaddy的 - 这也是一个非常受欢迎的主机， 130 00:08:24,400 --> 00:08:26,400 但我已经与他们可怕的经历， 131 00:08:26,400 --> 00:08:29,430 和很多的人，我知道与他们真正可怕的经历。 132 00:08:29,430 --> 00:08:32,150 他们去后，谁也不知道他们在做什么的人 - 133 00:08:32,150 --> 00:08:34,150 也许你第一次制作一个网站， 134 00:08:34,150 --> 00:08:37,150 让他们排序CON他们买他们的托管服务包。 135 00:08:37,150 --> 00:08:42,570 不要做。不要爱上它。转到寻找其他主机包，真正满足您的需求。 136 00:08:42,570 --> 00:08:44,880 另一种是 - 那里有免费的主机。 137 00:08:44,880 --> 00:08:47,350 有网站将承载您的网站上免费 - 138 00:08:47,350 --> 00:08:49,350 有时将在您的网站上的广告， 139 00:08:49,350 --> 00:08:52,290 有时让你参加他们的论坛， 140 00:08:52,290 --> 00:08:54,340 但有时也只是免费。 141 00:08:54,340 --> 00:09:00,000 但是，要小心，因为他们中的很多免费主机真的只是走出去的企业 142 00:09:00,000 --> 00:09:03,480 几个月后。你就不能跟上成本。 143 00:09:03,480 --> 00:09:07,460 其他的都只是非常靠不住的，你的网站将永远是下来， 144 00:09:07,460 --> 00:09:09,700 你不希望这样的事情发生。 145 00:09:09,700 --> 00:09:12,330 >> 每台主机都将提供他们自己的控制面板。 146 00:09:12,330 --> 00:09:16,520 请注意您的设备，真的是不是每一个控制面板本身。 147 00:09:16,520 --> 00:09:19,230 你必须使用终端和编辑文件。 148 00:09:19,230 --> 00:09:21,230 你必须和chmod的事情自己。 149 00:09:21,230 --> 00:09:24,770 如果你想去到phpMyAdmin 150 00:09:24,770 --> 00:09:29,560 你必须去到localhost / phpmyadmin的和类似的东西。 151 00:09:29,560 --> 00:09:36,660 但是，控制面板，你可以去和编辑文件，在您的服务器 152 00:09:36,660 --> 00:09:40,350 与Windows资源管理器或取景器类型的应用程序。 153 00:09:40,350 --> 00:09:44,810 你可以通过在你的数据库，并期待用自己的工具 154 00:09:44,810 --> 00:09:47,280 而不是phpMyAdmin的。 155 00:09:47,280 --> 00:09:52,240 因此，这里给出的特定，一些比较流行的控制面板是在那里。 156 00:09:52,240 --> 00:09:54,240 但是，如果你正在寻找一台主机， 157 00:09:54,240 --> 00:09:57,090 那么你可能想看看什么样的自定义和选项 158 00:09:57,090 --> 00:10:02,810 他们给我定制我的服务器，并让我的网站运行得更好。 159 00:10:02,810 --> 00:10:07,110 这样，那么你可能会问，“嗯，我该如何选择托管？” 160 00:10:07,110 --> 00:10:11,460 如果你去到任何主机网站有很多的专业术语，而且有很多的选择。 161 00:10:11,460 --> 00:10:14,470 也有很多不同的价格。 162 00:10:14,470 --> 00:10:19,690 通常情况下，我去只是因为便宜的网站，也许你和我 - 163 00:10:19,690 --> 00:10:23,520 ，尤其是现在，尤其是起动 - 他们可能并不需要尽可能多的资源 164 00:10:23,520 --> 00:10:26,770 可能这样一个网站Microsoft.com。 165 00:10:26,770 --> 00:10:32,090 >> 首先，如果你真的很好奇，你想看看在操作系统是否 166 00:10:32,090 --> 00:10:35,090 您的网站将要在Linux主机上，在Windows或Mac上。 167 00:10:35,090 --> 00:10:39,790 通常情况下，我们只是去用Linux，因为这通常是最便宜的， 168 00:10:39,790 --> 00:10:43,730 ，也许你们都比较熟悉了，因为设备。 169 00:10:43,730 --> 00:10:48,040 然后，也许他们会放一些限制，你得到的带宽量 - 170 00:10:48,040 --> 00:10:53,030 喜欢多少兆字节或千兆字节的数据，用户可以下载 171 00:10:53,030 --> 00:10:55,470 每月从您的网站？或磁盘空间。 172 00:10:55,470 --> 00:11:00,640 你得到多少空间？ 500 MB？这是2 GB？它是无限的？ 173 00:11:00,640 --> 00:11:05,920 如今，很多的web服务器，带给你无限的磁盘空间的方式为他们 174 00:11:05,920 --> 00:11:08,560 吸引你得到他们的托管服务包。 175 00:11:08,560 --> 00:11:11,850 但是，如果你真的仔细想想，当你以往任何时候都需要无限的磁盘空间？ 176 00:11:11,850 --> 00:11:18,060 如果你有一对夫妇的HTML文件，PHP的一对夫妇，一对夫妇的图像 - 177 00:11:18,060 --> 00:11:20,060 这是一对夫妇只百兆， 178 00:11:20,060 --> 00:11:23,110 通常，我只是去也许几GB的空间价值， 179 00:11:23,110 --> 00:11:27,990 可能是不够的，我开始关闭，直到我需要更多。 180 00:11:27,990 --> 00:11:31,480 >> 最后，他们可能把什么样的限制 - 你可以有多少个数据库。 181 00:11:31,480 --> 00:11:34,760 也许你只能有1个数据库。也许你可以有2个。也许你可以有10个。 182 00:11:34,760 --> 00:11:38,330 它是真正重要的是你你会得到多少？ 183 00:11:38,330 --> 00:11:40,330 要问自己的事情。 184 00:11:40,330 --> 00:11:42,330 然后终于，只是语言类的东西。 185 00:11:42,330 --> 00:11:44,330 难道他们支持PHP吗？难道他们支持MySQL吗？ 186 00:11:44,330 --> 00:11:49,010 大多数网站不支持，因为它们是免费的。他们是开源的。 187 00:11:49,010 --> 00:11:51,190 它不会花费他们什么为你提供这些。 188 00:11:51,190 --> 00:11:55,680 但是，如果你要使用，比方说，Ruby或Python或一些其他语言 - 189 00:11:55,680 --> 00:11:59,490 他们可能不支持他们的服务器上，所以重要的是要寻找那些东西。 190 00:11:59,490 --> 00:12:05,620 >> 最后，他们让你做一些更先进的SSL或cron作业之类的东西吗？ 191 00:12:05,620 --> 00:12:12,060 SSL是一个选项，在那里你可以让你的网站更安全通过HTTPS 192 00:12:12,060 --> 00:12:14,060 加密连接。 193 00:12:14,060 --> 00:12:17,230 和cron作业是只是也许要运行的脚本 194 00:12:17,230 --> 00:12:19,510 每5分钟，每10分钟，每15。 195 00:12:19,510 --> 00:12:22,030 共享托管网站提出了很多限制 196 00:12:22,030 --> 00:12:26,310 cron作业的数量，你可以运行，因为这会占用更多的资源。 197 00:12:26,310 --> 00:12:31,800 >> 最后，只是一切，你想一下 - 确定到底发生了什么 198 00:12:31,800 --> 00:12:35,180 您的托管服务包之前，你买。 199 00:12:35,180 --> 00:12:37,720 最后，性能。性能是巨大的。 200 00:12:37,720 --> 00:12:39,740 我的网站如何快速运行？ 201 00:12:39,740 --> 00:12:42,950 大多数用户不会等待为您的网站运行甚至几秒钟 202 00:12:42,950 --> 00:12:47,640 之前，他们只是觉得无聊，他们去到MeanBase，开始看图片 203 00:12:47,640 --> 00:12:52,240 猫 - 你知道这种情况，你想确保你得到该用户板 204 00:12:52,240 --> 00:12:54,300 你有良好的运行时间，只是表示 205 00:12:54,300 --> 00:12:56,300 您的网站会在任何时候都可以访问。 206 00:12:56,300 --> 00:13:01,880 很多主机有非常糟糕的正常运行时间，这只是意味着您的网站不会成为 207 00:13:01,880 --> 00:13:06,500 访问，并且你不希望这种情况发生，因为你可能会伤心。 208 00:13:06,500 --> 00:13:10,360 而且你还可以跟踪你的主机的性能等网站 209 00:13:10,360 --> 00:13:16,440 Pingdom.com或主机tracker.com的，他们只是告诉你如何往往是您的网站。 210 00:13:16,440 --> 00:13:18,490 >> 最后，你希望看到对他们的支持。 211 00:13:18,490 --> 00:13:21,890 如果你有问题，他们会在24小时内给您回复？ 212 00:13:21,890 --> 00:13:23,890 他们将在48小时内给您回复？ 213 00:13:23,890 --> 00:13:26,500 在几分钟之内的托管服务，通常我用我回应 214 00:13:26,500 --> 00:13:29,760 这是非常好的。 215 00:13:29,760 --> 00:13:33,990 呼！好吧！这是一个休息的时间。但我不打算把它送给你。 216 00:13:33,990 --> 00:13:38,200 我们就看看可爱的猫的照片，然后每一个现在。 217 00:13:38,200 --> 00:13:42,740 >> 另一个非常，非常大的东西是跨浏览器兼容性。 218 00:13:42,740 --> 00:13:45,890 跨浏览器兼容性，这是什么意思？ 219 00:13:45,890 --> 00:13:50,970 你知道，如今它不只是微软的Internet Explorer。 220 00:13:50,970 --> 00:13:53,970 这不只是Mozilla Firefox或Safari浏览器。 221 00:13:53,970 --> 00:13:58,190 现在我们有铬。我们有歌剧。我们有海豚。我们有卡米诺。 222 00:13:58,190 --> 00:14:00,540 我们有征服者。我们有所有这些不同的浏览器。 223 00:14:00,540 --> 00:14:05,950 RockMelt的事情，现在出来 - - 尽管这些都是基于Chromium。 224 00:14:05,950 --> 00:14:10,990 但事实是，不只是一个浏览器了。 225 00:14:10,990 --> 00:14:13,860 你不只是一个应用程序中查看这些网页。 226 00:14:13,860 --> 00:14:17,660 因此，不同的浏览器将应对不同的HTML，CSS的不同， 227 00:14:17,660 --> 00:14:21,210 不同的JavaScript不同，你怎么处理呢？ 228 00:14:21,210 --> 00:14:24,370 那么，在某些情况下，你真的不能。 229 00:14:24,370 --> 00:14:29,160 如果你的网站 - 它的工作原理在一个浏览器，你写的代码将无法正常工作 230 00:14:29,290 --> 00:14:32,910 在另一个浏览器，它是你的工作，以确保你写的代码 231 00:14:32,910 --> 00:14:36,000 是普遍的，它的工作原理无处不在。 232 00:14:36,000 --> 00:14:38,000 所以，这是非常危险的。 233 00:14:38,000 --> 00:14:42,450 如果你说，“好了，它在我的电脑上工作。太好了！让我们继续前进。” 234 00:14:42,450 --> 00:14:46,040 那么，它可能不会去矿上工作，当我去到你的网站 235 00:14:46,040 --> 00:14:49,210 我会很伤心，我要马上离开。 236 00:14:49,210 --> 00:14:51,570 所以，让我们来看看你如何能防止这种情况。 237 00:14:51,570 --> 00:14:55,520 >> 的第一件事，当然是只使用标准的HTML，CSS和JavaScript。 238 00:14:55,520 --> 00:14:57,520 我的意思是什么呢？ 239 00:14:57,520 --> 00:15:00,180 嗯，也有很多不标准的东西在那里。 240 00:15:00,180 --> 00:15:03,490 例如，在CSS中有许多版本。 241 00:15:03,490 --> 00:15:10,830 如果你看到任何CSS规则 - 万盎司或-webkit的，这些规则的具体 242 00:15:10,830 --> 00:15:15,720 Mozilla的浏览器和Webkit浏览器， 243 00:15:15,720 --> 00:15:20,590 所以你要确保，也许你想要避免这些东西 244 00:15:20,590 --> 00:15:25,150 因为如果使用万盎司规则仅在Firefox去上班。 245 00:15:25,150 --> 00:15:29,640 如果你真的想在Internet Explorer也好看， 246 00:15:29,640 --> 00:15:31,640 你要倒霉。 247 00:15:31,640 --> 00:15:37,910 对于HTML，你可以做的事情在HTML中，工作在一个浏览器 248 00:15:37,910 --> 00:15:41,830 但是，在另一个休息，你想，尽可能避免。 249 00:15:41,830 --> 00:15:44,830 最后甚至为JavaScript - 有许多版本的JavaScript， 250 00:15:44,830 --> 00:15:50,570 今年夏天，我们遇到了一个问题，即Document.getElementsByClassName - 251 00:15:50,570 --> 00:15:54,500 这通常是一个函数定义的JavaScript标准的一部分 - 252 00:15:54,500 --> 00:15:58,120 没找到Internet Explorer 8中。 253 00:15:58,120 --> 00:16:01,900 所以，在这个夏天，我在实验室工作，我们建立网上实验。 254 00:16:01,900 --> 00:16:06,210 我们认为这工作真的很好，直到我们实现了用户使用 255 00:16:06,210 --> 00:16:09,780 Internet Explorer 8中无法提交他们的结果。 256 00:16:09,780 --> 00:16:13,200 我们错过了大量的数据。这让我们真的很伤心。 257 00:16:13,200 --> 00:16:17,790 所以，你总是想确保你的脚本到处去上班。 258 00:16:17,790 --> 00:16:20,500 >> 最后，使用validator.w3.org 259 00:16:20,500 --> 00:16:22,770 这就是我们告诉你做习题集7。 260 00:16:22,770 --> 00:16:24,530 请确保您的网页验证。 261 00:16:24,530 --> 00:16:28,310 这是很重要的，因为这至少是第一步完整性检查。 262 00:16:28,310 --> 00:16:31,870 其实是我的代码符合标准吗？ 263 00:16:34,930 --> 00:16:39,320 另一种方式来帮助您确保您的网站去上班排序 264 00:16:39,320 --> 00:16:42,610 在大多数情况下可能使用一些库和框架 265 00:16:42,610 --> 00:16:46,210 因为这些真正聪明的开发商已经为你想过这些问题。 266 00:16:46,210 --> 00:16:49,850 他们已经通过，他们已经写了不同的功能，跨浏览器工作。 267 00:16:49,850 --> 00:16:53,560 例如，我们使用jQuery的Pset 7。 268 00:16:53,560 --> 00:16:58,030 即使你可能没见过它，jQuery提供了很多功能 269 00:16:58,030 --> 00:17:00,280 否则你会写自己。 270 00:17:00,280 --> 00:17:05,310 但是，这些开发者写的，他们保证在所有浏览器，它的工作原理。 271 00:17:05,310 --> 00:17:10,280 和引导 - 这是另一个CSS框架，我们向您展示的Pset 7 - 272 00:17:10,280 --> 00:17:17,000 它真的走了很多好看的网站设计的头痛。 273 00:17:17,000 --> 00:17:19,000 在所有的浏览器。 274 00:17:19,000 --> 00:17:23,660 >> 最后，如​​果你能够避免的话，我通常避免从头开始编码。 275 00:17:23,660 --> 00:17:28,079 如果你只是建立一个网站，为你的学校俱乐部，例如， 276 00:17:28,079 --> 00:17:33,920 和所有你需要做的是显示了几页，也许有你们的总统走在 277 00:17:33,920 --> 00:17:38,910 改变了一些东西，在这里和那里 - 真的没有需要转码，多达自己。 278 00:17:38,910 --> 00:17:40,910 这需要花费大量的时间。 279 00:17:40,910 --> 00:17:42,660 它需要很多你的能量，你必须要经过你必须找出， 280 00:17:42,660 --> 00:17:45,930 好了，这是怎么回事好看在此浏览器，它是要在这个浏览器中看起来不错。 281 00:17:45,930 --> 00:17:50,610 也许用一些，别人已经为你写的这些补丁，像 282 00:17:50,610 --> 00:17:52,610 WordPress或Joomla或Drupal的。 283 00:17:52,610 --> 00:17:59,400 这些被称为内容 - 这些被称为的CMS基本上只是包， 284 00:17:59,400 --> 00:18:03,020 已经来为你做的，你可以下载它们，将它们放到你的服务器， 285 00:18:03,020 --> 00:18:07,510 然而，他们和定制你想要的，你已经有了一个运行的网站。 286 00:18:07,510 --> 00:18:11,680 这些代码包寻找到的东西。 287 00:18:11,680 --> 00:18:15,400 这些东西都是开源的，除非你去这样的事情 - 288 00:18:15,400 --> 00:18:19,390 如果你正在寻找一个封装形式，有事情是不是像 289 00:18:19,390 --> 00:18:21,570 百度推广或执行统计现在时间。 290 00:18:21,570 --> 00:18:23,790 如果你并不需要一些这些先进的功能， 291 00:18:23,790 --> 00:18:27,530 你总是可以选择的自由选项。 292 00:18:27,530 --> 00:18:31,300 >> 最后，有没有避免的。 293 00:18:31,300 --> 00:18:33,300 你必须测试，测试，再测试。 294 00:18:33,300 --> 00:18:37,690 您必须在所有这些浏览器测试你的代码，所有这些平台上。 295 00:18:37,690 --> 00:18:44,110 你知道，IE6 - 谢天谢地人们已经开始远离IE6 296 00:18:44,110 --> 00:18:49,190 因为早在一天，也许几年前，Web开发人员不得不总是，总是， 297 00:18:49,190 --> 00:18:55,280 IE6的弱点始终迎合以下的标准。 298 00:18:55,280 --> 00:19:00,860 网站1990年的只是看起来有点缺乏一个更好的办法来对付它。 299 00:19:00,860 --> 00:19:04,380 您还可以使用浏览器的截图来检查你的CSS。 300 00:19:04,380 --> 00:19:08,100 一个很酷的网站是browserlab.adobe.com。 301 00:19:08,100 --> 00:19:11,070 这是由Adobe推出了免费服务。 302 00:19:11,070 --> 00:19:15,160 和他们做什么，他们可以把你的网站截图 303 00:19:15,160 --> 00:19:18,890 不同条件下运行 - 就像不同的浏览器下运行， 304 00:19:18,890 --> 00:19:22,660 不同的平台下运行 - 并告诉你他们的样子。 305 00:19:22,660 --> 00:19:33,260 只是给大家展示一下我的意思是，我创建了一个网站，去年被称为生活在哈佛， 306 00:19:33,260 --> 00:19:39,150 什么，我试图做的 - 我试图让my.harvard。 307 00:19:39,150 --> 00:19:43,840 因为如果你去年在这里，my.harvard没有看，因为它看起来现在。 308 00:19:43,840 --> 00:19:46,640 它看起来有点恶心。 309 00:19:46,640 --> 00:19:50,470 但现在看起来好多了。 310 00:19:50,470 --> 00:19:57,070 我的实现是没有多大用处了，但都是一样的， 311 00:19:57,070 --> 00:20:01,310 你知道，我尝试添加 - （不知所云）许多什么 - 312 00:20:01,310 --> 00:20:04,680 它看起来 - 我的电脑上，它看起来很不错。 313 00:20:04,680 --> 00:20:08,560 然后，也许如果我有更多的时间我会已经在浏览器实验室， 314 00:20:08,560 --> 00:20:13,020 他，我就看了一下，好了，怎么看起来在Chrome 18在Windows上。 315 00:20:13,020 --> 00:20:17,060 我会向下滚动，我会看到 - 哦，不！看看公布框中。 316 00:20:17,060 --> 00:20:20,200 我的文字四溢。所以，这是不好的，对不对？ 317 00:20:20,200 --> 00:20:23,700 如果用户使用Chrome在Windows和涉及到我的网站， 318 00:20:23,700 --> 00:20:26,730 立即看起来很不专业。 319 00:20:26,730 --> 00:20:30,760 所以，我要进入我的CSS，找出我的CSS的一部分在这里被打破。 320 00:20:30,760 --> 00:20:35,090 为什么它没有被正确显示，并修复它，让所有用户都可以看到同样的网站 321 00:20:35,090 --> 00:20:37,770 并很高兴地。 322 00:20:37,770 --> 00:20:44,280 >> 最后，以及浏览器的截图是很好的测试你的CSS， 323 00:20:44,280 --> 00:20:46,020 但您的JavaScript？ 324 00:20:46,020 --> 00:20:48,660 怎么样，如果你有一些复杂的脚本，运行？ 325 00:20:48,660 --> 00:20:50,460 好吧，你总是可以做虚拟化。 326 00:20:50,460 --> 00:20:56,360 如果你有一个苹果，你可以使用不仅仅VMWare的虚拟化也许副本 327 00:20:56,360 --> 00:20:59,540 Windows和IE浏览器使用。 328 00:20:59,540 --> 00:21:03,400 或者，你可以去一些像Spoon.net，遗憾的是仅适用于个人电脑上。 329 00:21:03,400 --> 00:21:05,290 但他们做什么是非常酷的。 330 00:21:05,290 --> 00:21:10,080 虚拟化软件给你，让你可以运行不同版本的IE浏览器，例如。 331 00:21:10,080 --> 00:21:12,080 您可以运行不同版本的Firefox。 332 00:21:12,080 --> 00:21:15,720 您可以运行不同版本的Safari浏览器和测试您的网站。 333 00:21:15,720 --> 00:21:18,360 不幸的是，它们不是免费的。 334 00:21:18,360 --> 00:21:20,860 这是一种有偿服务，所以总是有排序 - 335 00:21:20,860 --> 00:21:26,070 之间做出权衡，总是有那种，很好，我打算让我的网站好看。 336 00:21:26,070 --> 00:21:31,970 如果是的话，我可能要付出一些服务，帮我做。 337 00:21:31,970 --> 00:21:35,890 有任何疑问的东西，我们谈到了这一点吗？ 338 00:21:38,500 --> 00:21:41,210 真棒。好吧。 339 00:21:41,210 --> 00:21:43,870 >> 现在，我们有更多的事情说说。 340 00:21:43,870 --> 00:21:45,820 怎么样的错误？ 341 00:21:45,820 --> 00:21:48,670 你如何确保您的网站将运行，即使 342 00:21:48,670 --> 00:21:50,150 坏的事发生呢？ 343 00:21:50,150 --> 00:21:53,940 也许你没有一个名为food.php。 344 00:21:53,940 --> 00:21:57,000 惟独我，我去您的网站和我尝试访问food.php。 345 00:21:57,000 --> 00:22:00,770 你只是要告诉我，白色的页面，上面写着404 - 未找到文件？ 346 00:22:00,770 --> 00:22:04,400 或者你会说：“嗯，对不起，我不能为你找到， 347 00:22:04,400 --> 00:22:08,520 但也许这里有一些其他的资源，帮助你搜索你所需要的。“ 348 00:22:08,520 --> 00:22:13,180 其他错误 - 所以，这被称为HTTP错误只是一些错误代码 349 00:22:13,180 --> 00:22:17,130 您的服务器可能已经发回给浏览器的情况下，坏事发生。 350 00:22:17,130 --> 00:22:20,160 400 - 错误的请求。 401 - 未经授权。 351 00:22:20,160 --> 00:22:25,560 403是一种常见的，当你有一个不应该被访问的目录 352 00:22:25,560 --> 00:22:27,310 的用户，但在用户尝试反正。 353 00:22:27,310 --> 00:22:30,840 和500 - 内部服务器错误 - 这通常发生在你有什么 354 00:22:30,840 --> 00:22:33,070 非常糟糕的事情与你的PHP代码。 355 00:22:33,070 --> 00:22:36,140 但在任何情况下，这些各种各样的浏览器 - 这些类型的错误发生。 356 00:22:36,140 --> 00:22:40,550 >> 那么，怎样做才能让你确保你优雅地处理这些错误 357 00:22:40,550 --> 00:22:43,230 并确保用户不只是挂在那里呢？ 358 00:22:46,850 --> 00:22:48,850 这里来的。htaccess。 359 00:22:48,850 --> 00:22:51,300 现在，htaccess是Apache服务器上的一些作品， 360 00:22:51,300 --> 00:22:55,550 一些作品和作品以及其他一些服务器。 361 00:22:55,550 --> 00:23:01,350 这仅仅是一种让你配置你的服务器，这样 362 00:23:01,350 --> 00:23:04,470 你可以把它做任何你想要它做的。 363 00:23:04,470 --> 00:23:06,790 有些事情可以做。你可以控制你的缓存设置。 364 00:23:06,790 --> 00:23:11,290 也许有一定的，你要确保你的网站页面上，用户 365 00:23:11,290 --> 00:23:14,740 重新下载用户每次来访问您的网站。 366 00:23:14,740 --> 00:23:26,980 或者，也许你有一些URL，就像yoursite.com /测试/ HTML /网页/ hello.html 367 00:23:26,980 --> 00:23:31,270 只是想和你yourname.com /你好 - 好了，你可以使用的。htaccess 368 00:23:31,270 --> 00:23:34,760 一个网页重定向到另一个。 369 00:23:34,760 --> 00:23:36,600 你也可以用它做认证。 370 00:23:36,600 --> 00:23:39,890 也许有你的网站的某些部分，你需要使用另一个密码。 371 00:23:39,890 --> 00:23:42,620 您可以阻止某些IP地址，阻止某些领域。 372 00:23:42,620 --> 00:23:46,770 也许你真的不喜欢使用你的网站的哈佛学生。 373 00:23:46,770 --> 00:23:49,910 那么，你必须阻止所有哈佛IP地址的选项。 374 00:23:49,910 --> 00:23:56,370 >> 最后，你可以把事情 - 你可以写一些代码，使您的服务器 375 00:23:56,370 --> 00:24:03,100 像对待赵您的姓名或打招呼作为PHP代码的网页。 376 00:24:03,100 --> 00:24:05,170 也许这会是有用的。也许这不会是。 377 00:24:05,170 --> 00:24:07,980 最后，你可以用它来处理的错误响应。 378 00:24:07,980 --> 00:24:10,300 我的意思是什么呢？ 379 00:24:10,300 --> 00:24:16,030 如果你简单地添加这样的代码 - ErrorDocument的404，然后引导他们一些 380 00:24:16,030 --> 00:24:20,440 错误页面，您可以确保用户不会只看到真的，真的很丑陋 381 00:24:20,440 --> 00:24:23,550 404，并告诉他们一件好事。 382 00:24:23,550 --> 00:24:29,000 >> 实际，让我们来看看我们如何能够做到这一点的Pset 7。 383 00:24:29,000 --> 00:24:34,190 在这里，我在我的家电。 384 00:24:34,190 --> 00:24:38,440 我要打开浏览器，然后我要去尝试访问一个页面 385 00:24:38,440 --> 00:24:43,350 不存在上CS50融资。 386 00:24:43,350 --> 00:24:52,710 因此，本地主机 - cats.php - 所以，请注意，我创建了一个错误文件 387 00:24:52,710 --> 00:24:54,770 说，“找不到CANZŽ页面！” 388 00:24:54,770 --> 00:24:56,990 它有一个很伤心的猫。 389 00:24:56,990 --> 00:24:59,910 如果你去，如果你去任何这些网站上，Twitter上 390 00:24:59,910 --> 00:25:02,700 你不能找到一个页面时，他们通常会尽量告诉你一个可爱的画面 391 00:25:02,700 --> 00:25:04,850 所以，你是不是太失望。 392 00:25:04,850 --> 00:25:07,830 你也可以有更专业的东西，说， 393 00:25:07,830 --> 00:25:11,760 好，我很抱歉，我无法找到页面，但也许这里有一个搜索框。 394 00:25:11,760 --> 00:25:16,750 或者，也许这里有一些链接，将帮助您找到您想要的链接。 395 00:25:16,750 --> 00:25:21,410 所以，我怎么做到这一点呢？这是怎么回事，甚至可能吗？ 396 00:25:21,410 --> 00:25:23,500 如果我们进入我们的终端 - 397 00:25:23,500 --> 00:25:26,300 我只是要在一个位放大 - 398 00:25:26,300 --> 00:25:30,110 请注意，我有一个新的页面。 399 00:25:30,110 --> 00:25:34,440 我的HTML目录里面，这就是所谓的 - 你不能看到它 - 400 00:25:34,440 --> 00:25:37,280 这就是所谓的error.php里。 401 00:25:37,280 --> 00:25:41,010 error.php里我只是一个文件 402 00:25:41,010 --> 00:25:43,030 ，您可以通过页面本身。 403 00:25:43,030 --> 00:25:46,710 error.php里是什么，我可以告诉你。 404 00:25:46,710 --> 00:25:48,710 这正是这一页。 405 00:25:48,710 --> 00:25:50,710 它说，“哦，不！CANZŽ页面没有找到！” 406 00:25:50,710 --> 00:25:58,630 而且，如果你想看到的 - 所以，请注意这一点。htaccess的是一个奇怪的名字。 407 00:25:58,630 --> 00:26:01,040 它的启动点，这意味着它是一个系统文件。 408 00:26:01,040 --> 00:26:03,360 这是一个隐藏文件，这是不正常显示。 409 00:26:03,360 --> 00:26:09,060 如果你这样做LS-A，你可以看到所有的隐藏文件在某一目录， 410 00:26:09,060 --> 00:26:12,030 而事实上，你看到的。htaccess是其中之一。 411 00:26:12,030 --> 00:26:15,490 让我们继续前进，打开的。htaccess - 412 00:26:15,490 --> 00:26:19,830 用gedit - 413 00:26:19,830 --> 00:26:26,870 轰！我有一条线在那里 - 错误404错误的文件 414 00:26:26,870 --> 00:26:28,760 它也被称为文件未发现的错误。 415 00:26:28,760 --> 00:26:32,720 让重定向到称为error.php里的东西。 416 00:26:36,100 --> 00:26:42,030 你可以有好玩的东西，像CANZ找不到Ž页！ 417 00:26:42,030 --> 00:26:46,770 也有非常酷的事情，你可以做的。htaccess。 418 00:26:46,770 --> 00:26:49,520 如果你想看到更多的。htaccess魔术， 419 00:26:49,520 --> 00:26:56,470 这是一个非常酷的网站去 - 这就是所谓javascriptkit.com/howto/htaccess.shtml-- 420 00:26:56,470 --> 00:27:01,880 如果您要执行更多的服务器魔法。它可能是非常有趣的。 421 00:27:01,880 --> 00:27:05,490 >> 呼！好吧！更可爱的图片。 422 00:27:05,490 --> 00:27:10,060 这是一个人做俯卧撑，和他的猫正在努力帮助。我认为这是很可爱的。 423 00:27:10,060 --> 00:27:14,830 不幸的是，我没有像猫。 424 00:27:14,830 --> 00:27:17,640 好的。所以，我们谈论的。htaccess。 425 00:27:17,640 --> 00:27:19,640 我们已经谈了错误处理。 426 00:27:19,640 --> 00:27:20,940 我们谈过托管，域名。 427 00:27:20,940 --> 00:27:23,230 我们已经谈了跨浏览器兼容性。 428 00:27:23,230 --> 00:27:25,210 现在我们怎么确保您的网站实际执行？ 429 00:27:25,210 --> 00:27:26,950 我们如何确保，如果我去你的网站 430 00:27:26,950 --> 00:27:29,830 在几秒钟内，我可以看到你的页面？ 431 00:27:29,830 --> 00:27:33,520 我认为人们只是有点忘记的事情之一 432 00:27:33,520 --> 00:27:36,160 是图像优化。 433 00:27:36,160 --> 00:27:37,560 比方说，你想在您的网站上放图片 434 00:27:37,560 --> 00:27:40,330 和2毫克大型。 435 00:27:40,330 --> 00:27:42,670 这可能是罚款，我们因为我们在哈佛， 436 00:27:42,670 --> 00:27:45,000 我们有一个非常快的互联网连接。 437 00:27:45,000 --> 00:27:47,470 但是想象一下，在中国的人。想象一下，有人在印度。 438 00:27:47,470 --> 00:27:52,440 也许有人想象，在堪萨斯州农村人也许并不具有相同的排序 439 00:27:52,440 --> 00:27:54,690 宽带互联网，我们有。 440 00:27:54,690 --> 00:27:57,710 如果你有一个2 MB的图像上您的网站，用户试图访问它， 441 00:27:57,710 --> 00:28:00,890 要采取一个很长的时间来下载。 442 00:28:00,890 --> 00:28:04,160 所以，如果你不需要那种分辨率， 443 00:28:04,160 --> 00:28:09,220 那么你可以调整你的形象的东西，比如Adobe照相馆。 444 00:28:09,220 --> 00:28:13,400 通常有一个选项，称为为Web和设备的安全， 445 00:28:13,400 --> 00:28:15,850 和它做什么是去除所有不必要的信息 446 00:28:15,850 --> 00:28:20,160 您的文件压缩成一个小图像的大小和排序的，这样就可以 447 00:28:20,160 --> 00:28:22,960 把它加入到你的网站，任何用户尝试下载该页面 448 00:28:22,960 --> 00:28:26,950 要下载一个小版本的你的形象。 449 00:28:26,950 --> 00:28:28,230 如果你没有Adobe照相馆 450 00:28:28,230 --> 00:28:32,650 webresizer.com也是另一种资源，在这里你可以输入你的形象 451 00:28:32,650 --> 00:28:36,470 它会吐出完全相同的图像， 452 00:28:36,470 --> 00:28:39,970 但它会像更小的3倍。 453 00:28:39,970 --> 00:28:41,970 所以这是非常有用的，为您的用户。 454 00:28:41,970 --> 00:28:45,930 >> 另一件事，你可以做的是缩小代码。 455 00:28:45,930 --> 00:28:48,460 如果我们来看看在Google.com， 456 00:28:48,460 --> 00:28:56,400 你会看到，它不是那种相同的HTML和CSS，我们已经习惯了。 457 00:28:56,400 --> 00:29:02,250 只是去看看这里的源代码。 458 00:29:02,250 --> 00:29:07,600 如果我只是向下滚动 - 哇，这看起来很恶心。 459 00:29:07,600 --> 00:29:09,650 这会得到一个零风格。 460 00:29:09,650 --> 00:29:13,470 如果编码为您的Pset，你会得到一个零，你的风格。 461 00:29:13,470 --> 00:29:16,990 这有没有间距。看起来真的很神秘的名字。 462 00:29:16,990 --> 00:29:19,800 这一切都真的很恶心。 463 00:29:19,800 --> 00:29:24,060 和脚本关闭机构 - 收盘HTML - 464 00:29:24,060 --> 00:29:26,280 他们一起 - 所有smushed的在一起。 465 00:29:26,280 --> 00:29:28,280 他们为什么这样做呢？ 466 00:29:28,280 --> 00:29:30,650 他们精缩他们的代码。 467 00:29:30,650 --> 00:29:33,310 请注意，这个文件将是小了很多 468 00:29:33,310 --> 00:29:36,660 我下载的东西比白色空间， 469 00:29:36,660 --> 00:29:39,410 比真的长变量名的东西。 470 00:29:39,410 --> 00:29:41,710 如果你缩小你的代码中剥离出所有的空白。 471 00:29:41,710 --> 00:29:45,960 当然，你的浏览器不关心，如果你在你的代码中有任何空白。 472 00:29:45,960 --> 00:29:49,630 你剥离出来，现在我可以下载较小的文件 - 473 00:29:49,630 --> 00:29:52,770 现在，我们要下载的文件 - 该文件是有一个更小的文件大小， 474 00:29:52,770 --> 00:29:56,180 这将是我下载更快，这是非常有用的。 475 00:29:56,180 --> 00:30:01,550 如果你正在使用的网站，你正在推出一个网站， 476 00:30:01,550 --> 00:30:04,630 它几乎总是缩小你的代码。 477 00:30:04,630 --> 00:30:08,150 另一个原因可能是好的，也许是你不希望别人使用您的代码。 478 00:30:08,150 --> 00:30:11,050 也许你不希望别人使用你的CSS。 479 00:30:11,050 --> 00:30:13,460 你知道，如果你真的想成为吝啬， 480 00:30:13,460 --> 00:30:16,670 那么你也可以缩小你的代码，这将是对我来说更难偷 481 00:30:16,670 --> 00:30:19,170 因为我不知道这是怎么回事。 482 00:30:19,170 --> 00:30:22,990 您也可以去的网站像minify.avivo.si。 483 00:30:22,990 --> 00:30:27,900 像这样的在线服务，帮助你缩小你的代码，这样你就不必做手工。 484 00:30:27,900 --> 00:30:30,080 绝对不要做它的手。 485 00:30:30,080 --> 00:30:32,210 >> 好吧。现在谈论脚本。 486 00:30:32,210 --> 00:30:35,040 也许在你的PHP代码中有什么东西，你不需要做。 487 00:30:35,040 --> 00:30:37,910 也许有额外的循环在那里。 488 00:30:37,910 --> 00:30:40,850 我们谈到CS50代码设计。 489 00:30:40,850 --> 00:30:44,550 即使你在C编码，如果你有 - 如果你正在做一些额外的工作， 490 00:30:44,550 --> 00:30:49,440 你需要做的，好，那是怎么回事，减慢你的脚本在您的网站上， 491 00:30:49,440 --> 00:30:53,280 这是特别重要的网站，因为用户现在的很不耐烦。 492 00:30:53,280 --> 00:30:56,110 如果你正在做不必要的工作，它会带他们不再 493 00:30:56,110 --> 00:31:00,080 得到的信息，他们想要的，他们会很不高兴。 494 00:31:00,080 --> 00:31:02,200 最后，你可能想要优化你的数据库表。 495 00:31:02,200 --> 00:31:05,020 记得我们谈到索引。 496 00:31:05,020 --> 00:31:09,420 他们不仅确保你有一个行的独特。 497 00:31:09,420 --> 00:31:12,440 他们还确保数据库的工作快速。 498 00:31:12,440 --> 00:31:16,240 如果你想读了，去到MySQL文档， 499 00:31:16,240 --> 00:31:18,710 或者你可以看看 - 好了，我该如何优化我的数据库表？ 500 00:31:18,710 --> 00:31:23,350 我如何确保我有指标，帮助我更快地获取信息？ 501 00:31:23,350 --> 00:31:27,300 >> 也有小技巧，你可以像使用缓存。 502 00:31:27,300 --> 00:31:28,980 如果你有PHP的 - 如果你有一个博客，例如， 503 00:31:28,980 --> 00:31:31,980 - 它的动力由PHP或任何其他语言 - 504 00:31:31,980 --> 00:31:37,690 可以缓存让我们在你的博客说每隔50分钟，这样就可以提供静态页面 505 00:31:37,690 --> 00:31:40,610 或静态HTML到您的网站访问者。 506 00:31:40,610 --> 00:31:43,380 这样，用户不必每次运行PHP脚本， 507 00:31:43,380 --> 00:31:47,410 也许，这将是为他们更快地访问这些信息。 508 00:31:47,410 --> 00:31:49,410 >> 最后，你可以使用类似CDN。 509 00:31:49,410 --> 00:31:51,900 请注意，只要你下载的pset， 510 00:31:51,900 --> 00:31:54,890 你始终去CDN.CS50.net的。这是为什么？ 511 00:31:54,890 --> 00:32:01,540 CS50采用CDN - 有点像一个内容分发网络 - 512 00:32:01,540 --> 00:32:06,120 这意味着，它是一堆服务器也许世界各地的某处 513 00:32:06,120 --> 00:32:08,120 服务，帮助您的网页的访问者。 514 00:32:08,120 --> 00:32:13,770 如果您的访问者是越来越接近他们地理上从服务器，页面 515 00:32:13,770 --> 00:32:16,770 那么最有可能的访问者是会得到该文件的速度快了很多。 516 00:32:16,770 --> 00:32:20,490 也有污染源在线帮助你做到这一点。 517 00:32:20,490 --> 00:32:24,070 其中之一是CloudFlare的。他们提供免费的CDN服务。 518 00:32:24,070 --> 00:32:26,020 如果你有大量的文件，您的服务给您的用户， 519 00:32:26,020 --> 00:32:32,260 那么也许这是更好地把它们放在一个CDN，使他们能够更快地得到他们。 520 00:32:32,260 --> 00:32:39,070 >> 在一天的最后一个主题是搜索引擎优化。 521 00:32:39,070 --> 00:32:41,070 什么是搜索引擎优化？ 522 00:32:41,070 --> 00:32:44,070 这确保像谷歌或冰或雅虎的搜索引擎 523 00:32:44,070 --> 00:32:50,740 可以去到您的网站，抓取您的网站和索引你的网站上，当 524 00:32:50,740 --> 00:32:53,040 我举个例子，去Google.com我尝试搜索东西， 525 00:32:53,040 --> 00:32:55,040 那么你的网站就会弹出。 526 00:32:55,040 --> 00:32:57,000 你如何确保您的网站是一个前10名吗？ 527 00:32:57,000 --> 00:33:00,000 因为大家都知道，如果你的东西在谷歌搜索 528 00:33:00,000 --> 00:33:02,880 它不是在排名前10位最有可能你要看看在未来的10。 529 00:33:02,880 --> 00:33:07,160 这是笼罩在神秘的主题。 530 00:33:07,160 --> 00:33:09,850 在互联网上有很多炒作。 531 00:33:09,850 --> 00:33:14,680 如果你做X然后谷歌会更喜欢你有很多迷信。 532 00:33:14,680 --> 00:33:16,680 如果你y，那么谷歌将更好地喜欢你。 533 00:33:16,680 --> 00:33:19,680 看看搜索巨头的文件本身，它可能会更好。 534 00:33:19,680 --> 00:33:27,470 >> 这是一个对谷歌文件，告诉你究竟是如何优化您的网站 535 00:33:27,470 --> 00:33:30,860 因此，谷歌可以访问和索引非常漂亮。 536 00:33:30,860 --> 00:33:33,680 你没有这个网址复制下来，因为此演示文稿会 537 00:33:33,680 --> 00:33:36,680 是在线无论如何。 538 00:33:36,680 --> 00:33:38,770 如果你看看这个，你读这在那里有一些非常有用的提示。 539 00:33:38,770 --> 00:33:42,240 谷歌会告诉你 - 如果你真的希望您的网站被索引 540 00:33:42,240 --> 00:33:44,610 那么你应该做所有这些事情。 541 00:33:44,610 --> 00:33:47,570 >> 另一件事，搜索引擎真的很喜欢新鲜的内容。 542 00:33:47,570 --> 00:33:49,500 如果你有内容，定期更新 543 00:33:49,500 --> 00:33:51,950 那么搜索引擎说，哦，我喜欢你的网站。 544 00:33:51,950 --> 00:33:53,950 我要经常去到您的网站。 545 00:33:53,950 --> 00:33:56,840 我去了很多您的网页索​​引。 546 00:33:56,840 --> 00:33:59,560 如果你有新鲜的内容，那么你就更有可能显示 - 547 00:33:59,560 --> 00:34:02,540 你更可能要更相关。 548 00:34:02,540 --> 00:34:04,630 你更可能会更多，更新， 549 00:34:04,630 --> 00:34:08,860 上述别人更可能把你的网站搜索引擎。 550 00:34:08,860 --> 00:34:10,860 >> 深层链接也很重要。 551 00:34:10,860 --> 00:34:13,530 如果你真的想要你的网站在搜索引擎的眼里好看 552 00:34:13,530 --> 00:34:18,090 有很多其他网站链接到它，并深入到你的网站链接。 553 00:34:18,090 --> 00:34:20,090 不要只是链接到您的主页。 554 00:34:20,090 --> 00:34:26,719 链接也许yourname.com /：事情/东西/ something.php的。 555 00:34:26,719 --> 00:34:29,840 - 搜索引擎 - 的手段，哇，他们有真正有趣的内容 556 00:34:29,840 --> 00:34:35,350 别人链接到他们的网站，如此之深，我真的，真的要 557 00:34:35,350 --> 00:34:38,260 该网站的页面上更重视。 558 00:34:38,260 --> 00:34:41,940 >> 如果你有准确的页面标题，如果你没有错误，是一件好事，因为 559 00:34:41,940 --> 00:34:44,670 如果一个搜索引擎正在试图访问你的网站，它得到一个错误， 560 00:34:44,670 --> 00:34:46,780 它可能会放弃，很快。 561 00:34:46,780 --> 00:34:49,510 最后，你想有一个快速的加载时间，因为搜索引擎 - 562 00:34:49,510 --> 00:34:53,820 就像人类一样 - 不要慢的网站有很多的耐心。 563 00:34:53,820 --> 00:34:57,070 这是一个的方式为您确保您展示更高 564 00:34:57,070 --> 00:35:01,390 搜索引擎查询，希望从而获得更多的流量。 565 00:35:01,390 --> 00:35:04,730 因为毕竟，你已经花了这么长的时间发展你的网站。 566 00:35:04,730 --> 00:35:06,280 你花了这么长的时间推出这个网站的在线。 567 00:35:06,280 --> 00:35:11,780 你要确保你有大量的用户究竟是谁看到你的内容。 568 00:35:13,330 --> 00:35:15,660 >> 其他很好的资源使用。 569 00:35:15,660 --> 00:35:19,210 谷歌网站管理员工具是寻找到的东西。 570 00:35:19,210 --> 00:35:21,780 这有助于你看 - 谷歌是不是我的网站建立索引。 571 00:35:21,780 --> 00:35:24,490 什么样的错误，遇到吗？ 572 00:35:24,490 --> 00:35:27,490 有多少页索引？ 573 00:35:27,490 --> 00:35:29,490 认为什么是最重要的内容，在我的网页上？ 574 00:35:29,490 --> 00:35:31,490 也许这不是我希望它是什么。 575 00:35:31,490 --> 00:35:36,880 也许我需要改变我的网站，它更好地反映一点点 576 00:35:36,880 --> 00:35:38,880 我的网站是真的。 577 00:35:38,880 --> 00:35:41,000 谷歌分析是另一个很酷的工具。 578 00:35:41,000 --> 00:35:44,120 您可以添加一点点的JavaScript代码到您的网页。 579 00:35:44,120 --> 00:35:47,020 之后你可以到Google Analytics（分析），它会跟踪 580 00:35:47,020 --> 00:35:49,020 你的访客的人口统计学和您的网站的增长。 581 00:35:49,020 --> 00:35:51,810 它会告诉你到底有多少访客访问您的网站 582 00:35:51,810 --> 00:35:55,310 内的某一天，在目标小时之内，在一定的周。 583 00:35:55,310 --> 00:35:57,310 有多少来自中国的游客？许多游客从南极 - 584 00:35:57,310 --> 00:35:59,310 你得到你的网站。 585 00:35:59,310 --> 00:36:03,470 可能是冷静地看到，它甚至可能是有用 586 00:36:03,470 --> 00:36:05,470 因为你要针对某一组。 587 00:36:05,470 --> 00:36:08,410 也许你要针对青少年与您的网站，你看， 588 00:36:08,410 --> 00:36:11,410 大部分的游客到您的网站或许是30 - 40岁的年轻人， 589 00:36:11,410 --> 00:36:15,130 那么也许要么你有问题或者你可以说， 590 00:36:15,130 --> 00:36:19,590 好了，那么也许我应该只是改变我的网站，这样的焦点 591 00:36:19,590 --> 00:36:22,240 我更专注于这一年龄组。 592 00:36:22,240 --> 00:36:28,500 >> 谷歌应用程序 - 如果你想有几分你的域名的电子邮件 - 593 00:36:28,500 --> 00:36:31,230 也许这样的事情yourname@yourname.com-- 594 00:36:31,230 --> 00:36:35,270 您可以使用Gmail地址 - 你可以使用Gmail服务 595 00:36:35,270 --> 00:36:38,500 和谷歌Apps是一个办法做到这一点。 596 00:36:38,500 --> 00:36:44,050 您可以设置特定的电子邮件地址，具体到你的域名 597 00:36:44,050 --> 00:36:46,800 代替of@gmail.com。 598 00:36:46,800 --> 00:36:51,840 >> 最后，Web开发人员扩展和附加 - 铬， 599 00:36:51,840 --> 00:36:56,380 为Firefox，其他的浏览器 - 让你去和检查 600 00:36:56,380 --> 00:37:02,290 CSS，JAVASCRIPT检查，看看到底是什么是错误的与您的JavaScript脚本， 601 00:37:02,290 --> 00:37:05,290 ，也许这将是有用的，你去窃听的目的，为你找出 - 602 00:37:05,290 --> 00:37:08,630 好，为什么不是我的网站显示在该浏览器中正确吗？ 603 00:37:08,630 --> 00:37:11,800 >> 最后，如​​果你想了解更多有关这些主题 - 604 00:37:11,800 --> 00:37:14,410 如果你想更多地了解HTML，CSS和JavaScript - 605 00:37:14,410 --> 00:37:16,790 因为毕竟我们只教你一点点 - 606 00:37:16,790 --> 00:37:21,240 你可以去像W3Schools.com网站寻找更多的资源。 607 00:37:21,240 --> 00:37:26,340 他们有非常好的教程，我怎么办x或Y平均值什么？ 608 00:37:26,340 --> 00:37:30,400 如果你想了解更多关于这些语言可以简单地去这里。 609 00:37:30,400 --> 00:37:37,690 >> 好的。我想，我想离开这个问题的最后几分钟， 610 00:37:37,690 --> 00:37:39,810 所以，我们谈论的东西有什么问题吗？ 611 00:37:39,810 --> 00:37:43,500 [观众] W3Schools的什么事情，它是如何覆盖？ 612 00:37:43,500 --> 00:37:45,500 [粤晨赵]什么样的东西？ 613 00:37:45,500 --> 00:37:50,180 所以，一个是他们的最大的事情，我用了很多的引用。 614 00:37:50,180 --> 00:37:54,430 他们引用的细节，例如对CSS - 615 00:37:54,430 --> 00:37:59,480 这意味着什么，如果你想改变页面背景 - 616 00:37:59,480 --> 00:38:01,480 你怎么办呢？ 617 00:38:01,480 --> 00:38:04,550 哪些浏览器支持该命令？事情是这样的。 618 00:38:04,550 --> 00:38:10,870 ，然后他们也只是有非常不错的HTML教程，PHP，JavaScript的， 619 00:38:10,870 --> 00:38:14,290 在MySQL中，各种不同的主题。 620 00:38:14,290 --> 00:38:18,800 他们有很好的教程。他们教你如何做的事情。 621 00:38:18,800 --> 00:38:22,590 这是很好的，能够去了解更多有关这些主题的。 622 00:38:22,590 --> 00:38:27,180 >> [观众] HTML 5仍然有所有的浏览器不兼容。 623 00:38:27,180 --> 00:38:30,700 你会建议只是停留远离它，因为兼容性问题？ 624 00:38:30,700 --> 00:38:32,700 你会如何​​处理呢？ 625 00:38:32,700 --> 00:38:38,640 [粤晨赵]是的，所以，这个问题是HTML5仍然是一个婴儿的标准。 626 00:38:38,640 --> 00:38:42,030 这不是真的了很多浏览器支持，所以我们应该避免呢？ 627 00:38:42,030 --> 00:38:48,040 我觉得我去年本来是一个非常大的支持者，让我们避免HTML5 628 00:38:48,040 --> 00:38:52,430 因为它仍然是 - 它仍然是非常新的，而事实上，HTML5标准 629 00:38:52,430 --> 00:38:55,610 尚未落实。 630 00:38:55,610 --> 00:38:58,790 所以，真的是没有的HTML5标准。 631 00:38:58,790 --> 00:39:03,840 但我认为，特别是如果你现在设计一个网站， 632 00:39:03,840 --> 00:39:07,450 它可能会更好，如果你只是去使用HTML5，因为这将是未来的排序， 633 00:39:07,450 --> 00:39:11,250 如果你想你的网站是面向未来的，你想让你的网站工作 634 00:39:11,250 --> 00:39:14,320 在未来的浏览器，它可能会更好动工建设未来的事情 635 00:39:14,320 --> 00:39:19,830 比过去还仅仅是因为HTML5的事实，真的是没有什么不同 636 00:39:19,830 --> 00:39:23,080 从HTML4或XHTML。 637 00:39:23,080 --> 00:39:29,780 如果您使用的是HTML5，它通常会在大多数浏览器中工作。 638 00:39:29,780 --> 00:39:34,660 你只需要排序并确保这些截图 639 00:39:34,660 --> 00:39:38,630 并确保这些网站自己。 640 00:39:38,630 --> 00:39:44,280 但最有可能会工作，除非你使用的是非常具体的功能到HTML5。 641 00:39:44,280 --> 00:39:50,240 还要注意，CS50 - 例如，用于视频播放器，我们使用 - 642 00:39:50,240 --> 00:39:56,230 它使用HTML5和HTML5的视频显示讲座。 643 00:39:56,230 --> 00:39:59,420 但如果你有一个很旧的浏览器，那么它会回落闪光。 644 00:39:59,420 --> 00:40:01,420 所以，这也是东西 - 645 00:40:01,420 --> 00:40:05,190 有一个秋天回时，你只是知道浏览器是不会处理系统 646 00:40:05,190 --> 00:40:08,140 你希望它处理的。 647 00:40:08,140 --> 00:40:10,140 >> 其他问题吗？ 648 00:40:10,140 --> 00:40:13,270 我们刚才谈到的任何事情。 649 00:40:16,910 --> 00:40:20,750 好的。然后，我觉得对我来说这是它。 650 00:40:20,750 --> 00:40:23,090 我觉得就是这样。 651 00:40:23,090 --> 00:40:28,430 （掌声） 652 00:40:28,430 --> 00:40:30,000 凉爽。 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]