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]