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