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