[Powered by Google Translate] [Seminář] [Příprava vaše stránky na webu] [Yuechen Zhao] [Harvard University] [To je CS50.] [CS50.TV] 

Dobře. Zde je další hodina vývoj webových aplikací, pokud vy jste se na to. Dnes budu mluvit o přípravě své stránky na webu. Po celý den - a pravděpodobně za poslední dva týdny - jsme mluvili o tom, jak vytvořit webové stránky, jak používat HTML, jak používat PHP, jak používat rámce, jak se ujistit, že můžete komunikovat s databází - takové věci. Ale dnes budeme hovořit o tom, kde se vaše stránky bude žít po CS50. Protože po tom všem, CS50 nestane přes prosinci. Budeme mluvit o názvy domén, hosting. Budeme mluvit o tom, co cross-browser kompatibilitu a multiplatformní kompatibilitu, a jak se můžete ujistit, že vaše stránky bude fungovat za všech podmínek. Budeme mluvit o tom, chyb a jiných serverů magie. Mluvíme o optimalizaci výkonu, optimalizace pro vyhledávače, a jak přimět lidi, aby skutečně navštíví vaše webové stránky. A konečně, jen několik dobrých zdrojů, aby se ujistil, že vy máte dost těch odejít s konečnou projektu, a doufejme, že po něm. 

První věc, kterou budeme mluvit o doménová jména. Právě teď jste v programování přístroje, budete na lokálním počítači který není ve skutečnosti název domény. To je druh jen přezdívka nebo alias na vaše skutečné instalaci Linuxu uvnitř obou VMware na Mac nebo VMware Player na PC. Doménová jména vám umožní dát stránky na webu a pak jít na něco jako www.google.com a získat na internetových stránkách. Jak fungují? Řekněme, že jste jen průměrný web server - průměr Web surfař a máte notebook, a jdete do www.howstuffworks.com. Můžete si asi vidět, kde jsem ukradl z. Jak látka pracuje - počítač se vás zeptá místního DNS serveru, "Víte, kde je tento web?" "Znáte IP adresu www.howstuffworks.com?" DNS server by se říci: "Ano, já." V takovém případě dostanete IP adresu a počítač přistupuje k dané IP adresy. Pokud tomu tak není, požádá jiný DNS server, "Hej! Víte, co www.howstuffworks.com je?" Tento server by mohl říci: "Ano, já." Tak, to říká ten druhý, co to je, a nakonec dostane tato informace předána do počítače, a budete mít přístup howstuffworks.com. 

Jak můžete získat jednu z těchto kouzelných věcí? Jak můžete získat možná www.yourname.com nebo www.ilovecats.com? Můžete se zaregistrovat na jeden, a existuje mnoho internetových stránek, tam venku, které vám umožní učinit. Musíte - ve většině případů je nutné za ně zaplatit. Existují určité názvy domén, které jsou zdarma. Pokud půjdete do www.co.cc nebo. Tkdomainnames, které jsou zdarma. Ale oni přicházejí s určitými omezeními, a ve skutečnosti některé z nich nemusí být ani skutečné, top-level domény jako. com nebo. NET. Normálně bych navrhnout jít na jeden z nich protože uživatelé jsou prostě pohodlnější s těmi. Vy jste viděl hodně. COMS. Vy jste viděl hodně. Sítí. Pravděpodobně jste to viděli spoustu. Co.cc 's, takže jsou těžší si vzpomenout. Různé webové stránky, jako Godaddy nebo NameCheap nebo - Použil jsem ten, který je druh útržkovité - tzv. activedomain.com. Vypadá to opravdu povrchní, ale to funguje opravdu dobře pro mě. 

A nakonec, máte další, které možná udělat víc reklamy, jako je Network Solutions. Ale když jdete na NetworkSolutions.com a podívat se na jejich cen je to opravdu drahé. Díval jsem se na ně v noci. Za jeden rok doménového jména, je to asi nestojí tolik peněz. Ve skutečnosti, pokud jste stále. Com nebo. Org nebo. NET obvyklá cena je asi 10 dolarů ročně. Takže pokud platíte mnohem více než to, že to asi není, že to stojí za to , protože po tom všem, tyto stránky nemají dělat něco s tímto názvem domény. Prostě vám to, a tak pokud můžete dostat na levné, proč ne? 

Druhá věc je, až budete mít své doménové jméno, pak se pravděpodobně budete chtít jít na jeden Godaddy.com nebo tam, kde jste si koupili své doménové jméno a nastavení jmenných serverů pro tento název domény. To znamená, že to, co je opět uživatel přejde www.howstuffworks.com, ty IP adresu jmenného serveru jsou IP adresy, které budou moci vyhledat. Budou mít přístup ke své webové stránky prostřednictvím těchto jmenných serverů. Pokud budete žádat o hostování někde pak váš hostitel bude s největší pravděpodobností vám jméno servery používají. 

A konečně je tu ta věc s názvem WHOIS. Databáze WHOIS je databáze, se kterou byste mohli zadat název domény a bude to vyplivne nějaké informace o vlastníkovi tohoto webu a další kontaktní informace. Nyní můžete říct: "Já opravdu nechci svou domácí adresu nebo já opravdu nechci mou e-mailovou adresu na internetových stránkách někdo viděl, nebo na internetu pro všechny vidět. " Pak možná budete chtít použít něco, co mnoho hostingové služby poskytovat - jako manažer WHOIS. Manažer WHOIS je prostě jiná služba, která mnoho z nich stanoví, že ukrývá, že informační a právě staví v tom, kdo je manažer pro název - pro adresu je obvykle jen, že název společnosti, která je vám dal tento název domény - a tak pak se vaše osobní údaje nejsou unikly na internet, který je obvykle docela dobře. Já sám jsem použít jeden z těchto služeb. Pokud se nechcete starat o své vlastní soukromí, pak je to opravdu nezáleží. 

Server DNS je zkratka pro Domain Name System, a co to je - je to něco jako funkce hash určitého typu, že někde říká,  "Tato webová adresa bude mapovat na této adrese." A to je vše, co je. Takže jakmile se tento dotaz DNS server, pak se můžete dostat IP adresy k tomuto příslušného jména domény a pak navštivte tuto stránku. (Divák položení otázky - neslyšitelný) První? První úroveň je ve skutečnosti obvykle jen počítač mezipaměti sám. Počítač trochu pamatuje poslední čas, který šel do www.google.com to bylo u této IP adresy, a pak po chvíli, bude to mezipaměti vyprší, a bude žádat jako Comcast DNS, "Hej, co je www.google.com?" Normálně, když si koupíte doménu a zaregistrovat jeden, a nastavit webové stránky, nemůžete jít k dané internetové stránce okamžitě s tímto názvem domény, protože jmenné servery na celém světě neví o vaší domény ještě. To má naplnit. To obvykle trvá asi 24 až 48 hodina. Dobrá. Tak, to je trochu o doménových jmen. Jsou velmi cool. Myslím, že byste měli dostat jeden, pokud jste vážně o projektu a pokud si opravdu chcete, aby váš projekt známý po celém areálu, s doménové jméno dělá to vypadat opravdu profesionálně. 

Pak je dalším krokem, samozřejmě, je mít nějaký hosting. Pokud jste právě hostovat na vašem počítači, nikdo nikdy nebude moci jít na to. Ty by mohly nastavit server na vašem počítači a udržet váš počítač na věky, ale to se nedoporučuje. Existují různé druhy hosting on-line k dispozici. Tam je sdílený hosting. Je tu VPN (nesrozumitelné), které jsou virtuální hostitelé. K dispozici je semi-specializované a oddaný. Z poslední 3, VPN, semi-oddaný, a specializované jsou obvykle dražší. Jsou obvykle používá pro webové stránky, které vyžadují více zdrojů. Pokud jste právě začínáte s internetové stránky, Mohlo by to být výhodnější jít s sdílený hosting. A co sdílený prostředek je jen banda internetových stránek jsou všichni spolu nějak na jednom serveru, na těchto internetových stránkách na tomto hostitelském serveru, a můžete přistupovat ke svému webové stránky pomocí názvu domény. 

Existuje mnoho populárních počítačů tam venku. Hostgator a Dreamhost - to jsou velmi, velmi velký a velmi, velmi populární a velmi, velmi úspěšný. Já osobně používám jeden volal MDDHosting. Pokud půjdete do www.mddhosting.com, to je můj hostitel volby. Myslím, že jsou velmi dobré. Vždycky byl velmi spolehlivý, a nikdy jsem neměl žádné problémy s nimi. Mají také velmi konkurenční ceny. Dva, že jsem to opravdu jako jsou GoDaddy - to je také velmi populární host, ale já jsem měl hrozné zkušenosti s nimi, a spousta lidí, které znám, měl opravdu hrozné zkušenosti s nimi. Oni nějak jít po lidech, kteří nevědí, co dělají - Možná budete dělat webové stránky poprvé, a tak trochu kon je ke koupi jejich hosting balíčku. Nedělej to. Nepodléhejte za to. Jděte se podívat na další hosting balíčky, které skutečně odpovídají vašim potřebám. A ten druhý je - tam jsou volné hostitelé venku. Existují webové stránky, které budou hostit vaše webové stránky zdarma - někdy tím, že reklamy na svých stránkách, někdy tím se podílet na jejich fórech, ale někdy stačí i zdarma. Ale pozor volných serverů, protože mnoho z nich opravdu jen jít ven obchodu po několika měsících. Prostě nemůže držet krok s náklady. Ostatní jsou jen velmi nespolehlivé, a vaše stránky budou vždy dolů, a nechcete, aby se to stalo. 

Každý hostitel nabídne vlastní ovládací panel. Všimněte si, že pro vaše zařízení, tam opravdu není ovládací panel sám o sobě. Musíte použít terminál jít a editovat soubory. Musíte chmod věci sami. Pokud byste chtěli jít do PHPMyAdmin, budete muset jít na localhost @ / phpmyadmin a podobné věci. Ale s ovládacím panelem, můžete jít a editovat soubory na vašem serveru s Windows Explorer nebo Finder typu aplikace. Nebo si můžete projít a podívat se na své databáze s vlastním nástrojem místo phpMyAdmin. Takže, tam je moc na výběr zde, a některé z nejpopulárnějších ovládacích panelů jsou tam. Ale pokud hledáte pro hostitele, pak budete chtít podívat na to, co druhy úprav a možností nabízejí mi přizpůsobit svůj server a udělat mých stránkách lépe řídit. Takže pak se můžete zeptat: "No, jak vybrat hosting?" Pokud půjdete na jakékoli hostitelské webové stránky je tu spousta žargonu, a existuje spousta možností. Existuje mnoho různých cen také. Normálně bych jít na levnějších jen proto, že webové stránky, které možná ty a já, aby - a zvláště teď, zejména proto, začátek - že se nemusí tolik zdrojů jak by mohla vypadat webové stránky, jako Microsoft.com. 

Nejprve se chcete podívat na operačním systému, pokud jste opravdu zvědaví, zda Vaše stránky se bude umístěn na Linuxu, Windows, nebo Mac. Normálně bychom prostě jít s operačním systémem Linux, protože to je obvykle nejlevnější, a také ten, který jste možná jsou více obeznámeni s, protože spotřebiče. A pak, možná, že si dát nějaké omezení na množství šířky pásma, kterou dostanete - jako kolik megabajtů nebo gigabajty dat si uživatelé mohou stáhnout z vašich stránek za měsíc? Nebo místa na disku. Kolik místa dostanete? Je to 500 megabajtů? Je to 2 GB? Je to neomezené? V dnešní době, mnoho webových serverů vám neomezené místo na disku jako způsob, jak pro ně lákat, abyste si jejich hosting balíček. Ale pokud si opravdu myslíte, že o tom, kdy jste se někdy bude potřebovat neomezené místo na disku? Pokud máte několik souborů HTML, PHP pár, pár obrázků - to je jen pár megabajtů, a tak většinou jsem prostě jít na hodnotě asi několik GB prostoru ", a to může být dost odstartovat mě, dokud jsem potřebovat víc. 

Nakonec, oni mohou dát omezení na jaké typy - kolik databází můžete mít. Možná, že můžete mít pouze jeden databáze. Možná, že můžete mít dva. Možná, že můžete mít 10. Je to pro vás opravdu důležité, kolik dostanete? Věci, zeptejte se sami sebe. A nakonec, jen věci, jako jazyky. Myslíte, že podporují PHP? Mají podporu MySQL? Většina hostingových stránky Podporuji to, protože jsou zdarma. Jsou to open source. Nestojí jim nic, než poskytnutí objednaných pro vás. Ale jestli chcete použít, řekněme, Ruby nebo Python nebo některé z těchto dalších jazyků - nemusí podporovat na svém serveru, takže je důležité se podívat na ty druhy věcí. 

A konečně, to, že vám umožní udělat nějaké pokročilejší věci, jako je SSL nebo cron zaměstnání? SSL je možnost, kde si můžete vytvořit vaše webové stránky bezpečnější tím, že jej HTTPS a šifrování připojení. A cron je možná jen skripty, které chcete spustit každých 5 minut, každých 10 minut, každých 15. Mnoho sdílený hosting webových stránek si dát omezení o počtu cron, které můžete spustit, protože to zabírá více zdrojů. 

A konečně, jen všechno ostatní, co budete chtít podívat na - ujistěte se, že přesně to, co se děje než si koupíte hosting balíček. A konečně, výkon. Výkon je obrovský. Jak rychle se moje webové stránky bude běžet? Většina uživatelů se nebude čekat i sekund pro vaše webové stránky spustit než se jen nudit, a jdou na MeanBase a začít hledat na obrázky koček - víte, co se děje, a chcete, aby se ujistil, že jste si, že uživatel na palubě a že máte dobré provozuschopnosti což prostě znamená, že vaše webové stránky to bude přístupná po celou dobu. Mnoho počítačů má špatnou dobu provozuschopnosti a to jen znamená, že vaše webové stránky je nebude přístupné, a nechcete, aby se to stalo, protože byste mohli být smutní. A můžete také sledovat váš výkon pocítace s webovými stránkami, jako je Pingdom.com nebo Host-tracker.com, a oni jen říct, jak často se vaše stránky dolů. 

A konečně, chcete vidět na jejich podporu. Pokud máte nějaký problém jdou reagovat do 24 hodin? Chystají se reagovat na vás do 48 hodin? Hostingové služby, které používám normálně reaguje na mě během několika minut což je opravdu pěkné. No nazdar! V pořádku! Je čas na přestávku. Ale já nebudu vám to. Budeme se dívat na obrázky roztomilých koček každou chvíli. 

Dalším opravdu, ale opravdu velká věc je cross-browser kompatibilitu. Co mám na mysli kompatibility s různými prohlížeči? Víte, v dnešní době to není jen aplikace Microsoft Internet Explorer. Není to jen Mozilla Firefox nebo Safari. Nyní máme Chrome. Máme Opera. Máme Dolphin. Máme Camino. Máme Dobyvatelem. Máme všechny tyto různých prohlížečích. Věci, které se blíží ven - RockMelt - i když ty jsou založeny na Chromium. Ale faktem je, že tam není jen jeden prohlížeč už. Nejsi jen prohlížení těchto webových stránek s jednou aplikací. A tak se různé prohlížeče reagovat na různé HTML, CSS liší, a jiný JavaScript jinak, a jak se s tím vypořádat? No, v některých případech, si opravdu nemůže. Vaše webové stránky - pokud to funguje v jednom prohlížeči, bude kód, který jsi napsal nefunguje v jiném prohlížeči, a je to vaše práce, aby se ujistil, že kód, který napíšete je univerzální, že to funguje všude. Tak, to je velmi nebezpečné. Pokud řeknete: "No, je to práce na mém počítači. Výborně! Pojďme dál." No, to asi nebude fungovat na mé, a když jdu na vaše webové stránky Budu velmi smutná a já odejdu hned. Takže, pojďme se podívat, jak můžete zabránit. 

První věc, samozřejmě, je pouze standardní HTML, CSS a JavaScript. Co mám na mysli, že? No, existuje spousta věcí, které nejsou standardní venku. Například, v CSS existuje mnoho verzí. Pokud vidíte jakékoliv pravidla CSS s-moz-a-webkit-, tato pravidla jsou specifické na obou prohlížečích Mozilla a WebKit prohlížeče, a tak se chcete ujistit, že možná budete chtít, aby se zabránilo ty věci protože pokud použijete-moz-toto pravidlo jen bude pracovat na Firefox. A pokud opravdu chcete, aby to vypadalo dobře na Internet Explorer také budete mít smůlu. Pro HTML také můžete dělat věci v HTML, které fungují v jednom prohlížeči ale že přestávky v jiném, a chcete-li zabránit tomu, aby co nejvíce. A konečně, i pro JavaScript - existuje mnoho verzí JavaScriptu, a letos v létě jsme narazili na problém, kdy Document.getElementsByClassName, - který je obvykle funkce, která je definována jako součást JavaScript normy - nebylo nalézt v aplikaci Internet Explorer 8. Takže přes léto jsem pracoval v laboratoři a my jsme stavěli on-line experimenty. A mysleli jsme si, že to funguje opravdu dobře, dokud jsme si uvědomili, uživatele, které byly pomocí Internet Explorer 8 nemohla předložit své výsledky. Byli jsme chybět na velké množství dat. To z nás opravdu smutné. Takže, vždy chcete, aby se ujistil, že vaše skripty budou fungovat všude. 

A konečně, použijte validator.w3.org což je to, co jsme vám dělat v Pset 7. Ujistěte se, že vaše stránky jsou validovány. To je důležité, protože to je alespoň první krok sanity kontrola. Je můj kód vlastně vyhovující standardům? Dalším způsobem, jak nějak pomůže ujistěte se, že váš web bude fungovat ve většině případů, je třeba použít některé knihovny a rámce protože tyto opravdu chytrý vývojáři uvažovali o těchto otázkách pro vás. Oni prošli a že jsem napsal různé funkce, které pracují v různých prohlížečích. Například používáme jQuery v Pset 7. I když nemusí to viděl, jQuery poskytuje mnoho funkcí, které by jinak budete muset napsat sami. Ale tito vývojáři to napsal, a oni se o to, že to funguje ve všech prohlížečích. A Bootstrap - což je další rámec, CSS, které jsme vám ukázal v Pset 7 - je to opravdu bere spoustu starostí s navrhování webových stránek, které vypadají dobře. ve všech prohlížečích. 

A konečně, pokud můžete vyhnout, obvykle vyhnout kódování od nuly. Pokud jste právě vytvoření webové stránky pro vaši školu klub, například, a vše, co potřebujete udělat, je zobrazit několik stránek a možná se váš prezident jít a změnit pár věcí sem a tam - tam opravdu není potřeba kód, který se sám. To vyžaduje hodně času. To vyžaduje spoustu své energie, a vy budete muset projít a vy budete muset zjistit, No, je to bude vypadat dobře v tomto prohlížeči, je to bude vypadat dobře v tomto prohlížeči. Možná, že některé z těchto oprav, které ostatní již bylo napsáno pro vás, stejně jako WordPress nebo Joomla nebo Drupal. Jedná se o tzv. obsah - to jsou tzv. CMS, které v podstatě jsou jen balíčky, které již přišel pro tebe udělal, a můžete si je stáhnout, dát je na vašem serveru, a přizpůsobit jim však budete chtít, a vy již běžící webové stránky. Tyto balíčky jsou kód na co se dívat do. Tyto věci jsou open source, pokud jdete na něco takového - pokud hledáte pro formuláře balíček, tam jsou věci, které nejsou zdarma, jako VBulletin nebo IP.Board. Pokud nepotřebujete některé z těchto pokročilých funkcí, můžete se vždy rozhodnout pro volný volby. 

A konečně, neexistuje žádný vyhýbat se tomu. Musíte test, test, test. Musíte otestovat svůj kód na všech těchto prohlížečích a na všech těchto platformách. A víš, IE6 - Díky bohu lidé začali stěhovat pryč od IE6 protože zpět v den, možná před několika lety, weboví vývojáři museli vždycky, vždycky, vždy podbízet nedostatků IE6 v návaznosti na standardy. Webové stránky se podíval druh 1990 pro nedostatek lepší způsob, jak se s tím. Můžete také použít prohlížeče screenshoty pro kontrolu CSS. Jeden opravdu cool web je browserlab.adobe.com. To je doplňková služba vyhánění Adobe. A to, co dělají je, že mohou vzít screenshoty z vašich webových stránek běh v různých podmínkách - jako běh v různých prohlížečích, běží pod různými platformami - a ukáže vám, jak vypadají. Stačí ukázat, co mám na mysli tu, jsem vytvořil webové stránky, minulý rok s názvem Život na Harvardu, a to, co jsem se snažil udělat - Snažil jsem se my.harvard lépe. Protože pokud jsi tu byl minulý rok, my.harvard nevypadal, jak to vypadá teď. Vypadá to druh nechutné. Ale teď to vypadá mnohem lépe. Moje implementace nebyla tak užitečná už, ale všechny stejné, Víte, jsem se snažil přidat - (nesrozumitelné) mnoho cokoliv - a vypadá to - vypadá to velmi dobře na mém počítači. A pak, možná, kdybych měl více času bych šel do prohlížeče laboratoře, a já bych se podíval na, no, jak to vypadá v Chrome 18 pro Windows. Chtěl bych posunout dolů a já bych vidět - oh ne! Podívejte se na krabici hlášek. Můj text byl přetéká. Tak to je špatné, že jo? Pokud uživatel používá Chrome na Windows a je na mých stránkách, že okamžitě vypadá velmi neprofesionální. Takže, měl bych jít do svého CSS a zjistit, jaká část mého CSS je lámání zde. Proč je to tak správné zobrazení a opravit tak, aby všichni uživatelé mohou vidět stejné webové stránky a byl stejně rád. 

A konečně, no, prohlížeče obrázky jsou příjemné pro testování CSS, ale co váš JavaScript? Co když máte nějaký složitý skript, který běží? No, můžete vždycky virtualizaci. Pokud máte Mac, můžete použít Bootcamp nebo VMWare virtualizovat možná kopii Windows a Internet Explorer použití tam. Nebo můžete jít na něco jako Spoon.net, který bohužel pracuje pouze na PC. Ale to, co dělají, je velmi cool. Oni virtualizovat software pro vás, takže můžete spustit různé verze IE, například. Můžete spustit různé verze Firefoxu. Můžete spustit různé verze Safari a vyzkoušet všechny vaše webové stránky existují. Bohužel nejsou zadarmo. To je placená služba, takže se vždy nějak to - tam je vždy jakýsi kompromis mezi tímto, dobře, budu dělat mé webové stránky vypadat dobře. Pokud ano, možná budu muset platit za některé služby, aby mi pomohl udělat. Veškeré dotazy v tomto bodě o něco, co jsme mluvili? Skvělé. Dobře. 

Nyní máme více věcí mluvit. Jak se o chyby? Jak se ujistit, že vaše webové stránky bude fungovat, i když se stane něco špatného? Možná nemáte stránku s názvem food.php. Ale já, já jdu na vaše webové stránky a snažím se přistupovat food.php. Jste právě mi ukázat, že bílá stránka, která říká, 404 - Soubor nebyl nalezen? Nebo jste chtěl říct: "No, je mi líto, že jsem nemohl najít to pro vás, ale možná, že zde jsou některé další zdroje, které vám pomohou hledat to, co budete potřebovat. " Ostatní chyby - tak toto je nazýváno chyby protokolu HTTP, které jsou jen některé chybové kódy že váš server mohlo poslán zpět do prohlížeče v případě něco špatného děje. 400 - Bad Request. 401 - Neoprávněné. 403 je docela běžné, když máte adresář, který se nemělo přistupovat uživatelem, ale uživatel se pokusí stejně. A 500 - Internal Server Error - to obvykle stává, když máte něco opravdu špatné se děje s vaším PHP kódu. Ale v každém případě, tyto druhy prohlížečů - tyto druhy chyb se stávají. 

Tak, jak se ujistit, že jste řádně zpracovat tyto chyby a ujistěte se, že uživatel není jen tak visí tam? Tady je. Htaccess. Teď. Htaccess je něco, co funguje na servery Apache, něco, co funguje, a pracuje na několika dalších serverech stejně. To je jen způsob, jak nakonfigurovat server tak, aby jej můžete dělat, co chcete dělat. Některé věci, které byste mohli udělat. Dalo by se ovládat své nastavení mezipaměti. Možná je určitá strana na svých webových stránkách, abyste se ujistili, že uživatel stáhnout znovu pokaždé, když uživatel přijde a navštíví vaše webové stránky. Nebo možná máte nějaké URL, který je jako yoursite.com / test / html / pages / hello.html a vy prostě chcete, aby se yourname.com / ahoj -. dobře, můžete použít htaccess přesměrovat jedné webové stránky na druhou. Můžete ji také použít k tomu ověřování. Možná, že tam jsou některé části své webové stránky, které je třeba použít jiné heslo. Můžete blokovat určité IP adresy, blokovat určité domény. Možná jste jen opravdu nelíbí Harvard studenty pomocí své webové stránky. No, máte možnost blokuje všechny Harvard IP adresy. 

A konečně, můžete léčit věci - můžete psát určitý kód, aby se váš server zacházet jako. Zhao nebo. Vaše jméno nebo. ahoj stránek jako PHP kód. Možná, že to bude užitečné. Možná to nebude. A konečně, můžete jej použít ke zpracování chybové reakce. Co mám na mysli, že? Pokud jednoduše přidat kód, jako je tento - ErrorDocument 404 a nasměrovat je na některé Chybová stránka, můžete se ujistěte, že uživatel není jen vidět opravdu, ale opravdu ošklivý 404 a ukázat jim něco pěkného. 

Pojďme vlastně se podívat na to, jak to můžeme udělat s Pset 7. Tady jsem v zařízení. Jdu otevřít Chrome, a pak budu pokusu o přístup na stránku že neexistuje CS50 financí. Takže místního hostitele - cats.php--tak si všimněte, že jsem vytvořil chybovou dokumentu , který říká, "Canz nenajdete z. stránku!" Má velmi smutný kočku na to. Vydáte-li se na Twitteru, pokud jdete na některý z těchto jiných stránek, nemůžete najít stránku, oni obvykle se snaží ukázat vám roztomilý obrázek tak, že nejste příliš zklamán. Také můžete mít něco, co je více profesionální, který říká, dobře, Promiň, že jsem nemohl najít stránku, ale možná tady je vyhledávací pole. Nebo možná zde jsou některé odkazy, které vám pomohou najít odkaz, který chcete. Tak, jak jsem to udělal? Jak je to vůbec možné? Pokud bychom se do našeho terminálu zde - Jdu jen přiblížit trochu - Všimněte si, že mám novou stránku. Uvnitř mého adresáře HTML se to jmenuje - nemůžete vidět - je to jen error.php. A error.php je jen soubor, který jsem , který vám ukáže, že stránku sám. Mohu vám ukázat, co je error.php. Je to přesně na tuto stránku. To říká: "Ale ne! Canz nenajdete z. stránku!" A pokud chcete vidět - tak zjistíte, že htaccess druh je divný jméno.. Začíná s tečkou, což znamená, že je to systémový soubor. Je to skrytý soubor, který není obvykle zobrazen. Pokud nemáte ls-a, můžete vidět všechny skryté soubory v určitém adresáři, a opravdu, víte. htaccess je jedním z nich. Pojďme dál a otevřete htaccess. - s gedit - Boom! Všechno, co mám, je jeden řádek tam - Chyba dokument pro 404 chyb které jsou také známé jako file-ne nalezených chyb. Pojďme přesměrovat je na něco, co nazývá error.php. Můžete mít zábavné věci, jako canz nenajdete z. stránku! A jsou tu také velmi chladné věcí, které můžete dělat se. Htaccess. Pokud chcete vidět více. Htaccess magie, to je velmi cool webové stránky jít - je to tzv. javascriptkit.com/howto/htaccess.shtml-- Chcete-li provést více serverů magii. A to může být velmi zábavné. 

No nazdar! V pořádku! Více roztomilé obrázky. To je chlap dělá push-up, a jeho kočka se snaží pomoci. Myslím, že je to velmi roztomilé. Bohužel, nemám kočku takhle. Dobrá. Takže jsme mluvili. Htaccess. Mluvili jsme o chyb. Mluvili jsme o hosting, názvy domén. Mluvili jsme o kompatibility s různými prohlížeči. Teď jak se ujistit, že vaše webové stránky skutečně provádí? Jak se ujistil, že když půjdu na vaše webové stránky Vidím vaše stránky během několika sekund? Jedna z věcí, které si myslím, že lidé prostě nějak zapomenout je optimalizace obrazu. Řekněme, že byste chtěli, aby obraz na vašem webu a to je 2 mg velké. To by mohlo být v pořádku pro nás, protože jsme na Harvardu, a máme velmi rychlé připojení k internetu. Ale představte si, že někdo v Číně. Představte si, že někdo v Indii. představte si, někdo možná ve venkovských Kansasu, který možná nemá stejný druh širokopásmového připojení k internetu, které máme. Pokud máte 2 MB obraz na vašich stránkách a uživatel se pokouší o přístup, to bude trvat jim opravdu dlouhou dobu ke stažení. Takže, pokud nepotřebujete tento druh řešení, pak si můžete změnit velikost obrazu s něčím, jako je Adobe Photo Shop. Tam je obvykle volba je bezpečné pro web a zařízení, a co to dělá, je to zbaví se všech zbytečných informací a třídění výlisků vašeho souboru do malé velikosti, takže si můžete dát na své webové stránky, a každý uživatel, který se pokusí stáhnout tuto stránku se chystá stáhnout menší verzi obrázku. Pokud nemáte Adobe Photo Shop webresizer.com je také další zdroje, kde můžete zadat soubor na disk a bude vyplivnout přesně stejný obraz, ale bude to něco jako 3 krát menší. Tak to je velmi užitečné pro uživatele. 

Další věc, kterou můžete udělat, je minify kód. Pokud se podíváme na Google.com, uvidíte, že to není nějak stejné HTML a CSS, které jsme zvyklí. Jen se podíváme na zdrojový kód zde. Kdybych přejděte dolů - wow, to vypadá dost nechutné. To by si nulu na stylu. Pokud kódované to pro Pset, budete mít nulu na vašem stylu. Tento jev nemá žádný mezery. Jména vypadají opravdu záhadné. Je to všechno opravdu nechutné. A skript ukončit v těle - uzavírací HTML - že jsou všichni spolu - to vše smushed dohromady. Proč to dělají? Oni minified svůj kód. Všimněte si, že tento dokument bude mnohem menší pro mě stáhnout, než něco s mezerou, než něco s opravdu dlouhými názvy proměnných. Pokud minify kód svléknout se na všechny mezery. Samozřejmě, že váš prohlížeč nezajímá, jestli máte nějaké mezery v kódu. Svléknout to, teď můžu stáhnout menší soubor - Nyní soubor - dokument, který budeme ke stažení má menší velikost souboru, to bude rychlejší, abych ke stažení, a to je užitečné. Pokud pracujete s webovými stránkami, a vy spuštění webové stránky, je to téměř vždy dobré minify váš kód. Dalším důvodem, proč by to mohlo být dobré, je možná nechcete, aby využili svůj kód. Možná, že nechcete, aby ostatní používat CSS. Víte, jestli jste opravdu chtěli být lakomý s tím, pak si můžete také minify kódu, a to by bylo pro mě těžší ukrást protože nemám tušení, co se děje. Můžete také přejít na webové stránky, jako je minify.avivo.si. Služby, jako je to on-line vám pomůže minify kódu, takže nemusíte to dělat ručně. Rozhodně nedělejte to ručně. 

Dobře. Teď mluví o skriptech. Možná, že v PHP kódu je tu něco, co nepotřebujete dělat. Možná je to další smyčky tam. Mluvili jsme o kódu v designu CS50. Dokonce i když jste kódování v C, pokud máte - pokud děláte práci navíc že nemusíte dělat dobře, že se to zpomalit váš skripty na vašich webových stránkách, a to je důležité zejména pro webové stránky, protože uživatelé v současné době jsou velmi netrpěliví. Pokud děláte zbytečnou práci, že to bude trvat déle, je se dostat k informacím, které chtějí, a oni bude velmi nešťastný. Nakonec, možná budete chtít optimalizovat databázové tabulky. Vzpomínám si, jsme si povídali o indexů. Jsou to dobré nejen pro ujistěte se, že máte řádek, který je jedinečný. Jsou dobré i pro to, aby vaše databáze funguje rychle. Pokud si chcete přečíst o které jdou do MySQL dokumentaci, nebo se můžete podívat na - no, jak lze optimalizovat databázové tabulky? Jak se mohu ujistit, že mám indexy, které mi pomohou dostat se k informacím rychleji? 

Tam jsou také malé triky, které můžete použít jako cache. Pokud máte PHP - pokud máte blog, například, a máte - a je poháněn PHP nebo jiném jazyce - můžete mezipaměti svůj blog na řekněme 50-minutových intervalech, takže můžete servírovat statických stránek nebo statické HTML návštěvníky na vaše stránky. Tímto způsobem se uživatelé nemusí spustit PHP skript pokaždé, a možná, že bude rychlejší pro ně k těmto informacím přístup. 

A konečně, můžete použít něco jako CDN. Všimněte si, že kdykoliv si stáhnete Pset, vždy jít do CDN.CS50.net. Proč tomu tak je? CS50 také používá něco jako CDN - obsahu distribuční sítě - což prostě znamená, že je to banda serverů možná někde po celém světě které pomáhají sloužit vaše stránky pro vaše návštěvníky. Pokud váš návštěvník se dostává stránku ze serveru, který je blíže k nim geograficky, pak s největší pravděpodobností váš návštěvník dostane tento soubor mnohem rychleji. Tam jsou také on-line zdroje, které vám pomohou udělat. Jedním z nich je CloudFlare. Nabízejí bezplatnou službu CDN. Pokud máte velké soubory, které váš sloužící k uživatelům, pak možná je lepší dát je na CDN, aby mohli se k nim dostat rychleji. 

Posledním tématem pro dnešní den je optimalizace pro vyhledávače. Co je optimalizace pro vyhledávače? To je ujistit se, že vyhledávače jako Google nebo Bing nebo Yahoo může jít na vaše stránky a procházet vaše stránky a index vaše stránky a kdy Já, například, jděte na Google.com a snažím se hledat něco, pak se vaše stránky budou vyskočí. Jak se ujistit, že váš web je jedním z top 10? Vzhledem k tomu, jak všichni víme, pokud hledáte něco na Google a to není v top 10 už s největší pravděpodobností nebude vypadat v příštích 10. To je něco jako téma, které je zahalen tajemstvím. Je tu spousta humbuku tam na internetu. Existuje mnoho pověr o pokud x pak Google bude líbit lépe. Pokud nemáte y pak Google bude líbit lépe. Je to asi lepší se podívat do vyhledávací gigant dokumentům sám. 

To je jedním z dokumentů, na Google, který vám přesně, jak optimalizovat vaše stránky takže Google můžete přistupovat a index je velmi pěkně. Nemusíte kopírovat se toto URL, protože tato prezentace bude být online tak jako tak. Když se podíváte na to a budete číst tento existuje několik velmi užitečných rad tam. Google vám řekne - pokud opravdu chcete, aby vaše stránky indexovány dobře pak byste měli dělat všechny tyto věci. 

Další věc, že ​​vyhledávače opravdu líbí, je čerstvý obsah. Pokud máte obsah, který je obzvláště pravidelně aktualizovány pak vyhledávače říct, ooh, líbí se mi vaše stránky. Chystám se jít na vašich stránkách velmi často. Chystám se index spoustu vašich stránek. Pokud máte nový obsah pak máte větší šanci se ukázat - máte větší šanci být více relevantní. Máš větší šanci být aktuálnější, a vyhledávače jsou více pravděpodobné, aby vaše stránky nad ostatními. 

Hluboké odkazy jsou také důležité. Pokud jste opravdu chtěli vaše stránky vypadat dobře v očích vyhledávače mají mnoho dalších webových stránek s ní souvisí a navazují hluboko do vašich webových stránkách. Nepoužívejte jen odkaz na domovskou stránku. Odkaz na možná yourname.com / něco / něco / something.php. To - do vyhledávače - znamená, wow, mají opravdu zajímavý obsah že někdo jiný je propojení tak hluboko do svých stránek, že jsem měl opravdu klást větší důraz na tohoto webu stránkách. 

Máte-li přesné názvy stránek, pokud nemáte žádné chyby, to je dobře, protože Pokud vyhledávač se snaží, aby navštívili vaše stránky, a je to stále chybu, Pravděpodobně to vzdát velmi, velmi brzy. A konečně, chcete mít krátkou dobu načítání, protože vyhledávače - stejně jako lidé - nedělej mít hodně trpělivosti pro pomalé webové stránky. To je způsob, jak pro vás, aby se ujistil, že se objevíš vyšší vyhledávače dotazy a doufejme, že tím získat větší provoz. Protože po tom všem, co jste strávili celý čas rozvíjet své webové stránky. Strávil jsi celou tu dobu spuštění této webové stránky online. Chcete, aby se ujistil, že máte spoustu uživatelů, kteří skutečně vidět obsah. 

Další dobré zdroje použít. Google Webmaster Tools je na co se dívat do. To jen vám pomůže vidět - Google není indexování mé stránky. Jaké druhy chyb se potýká? Kolik stránek má to indexovány? Co to myslíte, že je nejdůležitější obsah na mé stránce? Možná, že to není to, co chci, aby to bylo. Možná, že je třeba změnit mé stránky trochu tak, že to odráží lepší co můj web je opravdu o. Google Analytics je další opravdu cool nástroj. Můžete přidat trochu JavaScriptu vašich stránek. A pak poté můžete jít do Google Analytics, a bude sledovat návštěvník demografie a vaše stránky růst. To vám řekne přesně, kolik návštěvníků navštíví vaše stránky v určitý den, v určitou hodinu, v rámci určitého týdne. Kolik návštěvníků z Číny? Kolik návštěvníků z Antarktidy - jste stále na své webové stránky. že by mohlo být něco cool vidět, nebo to může být dokonce užitečné, protože se snažíte zaměřit na určitou skupinu. Možná se snažíte zaměřit teenagery s vaší webové stránky a uvidíte, že většina návštěvníků na vašich webových stránkách je možná 30 - až 40-letých, pak možná buď máte problém, nebo si můžete jen říct, dobře, možná bych měl změnit mých stránkách zaostření tak, aby Jsem se více zaměřit na této věkové skupiny. 

Google Apps - pokud byste chtěli mít jakousi e-maily s vaší domény - Možná něco takového yourname@yourname.com-- můžete použít Gmail adresy - můžete použít službu Gmail a Google Apps je jeden způsob, jak to udělat. Můžete vytvořit zvláštní e-mailové adresy, které jsou specifické pro domény místo of@gmail.com. 

A konečně, je webový vývojář rozšíření a add-ons - pro Chrome, pro Firefox, pro jiné prohlížeče -, které vám umožní jít a kontrolovat CSS, JavaScript, zkontrolujte, vidět přesně to, co se děje s vaším skriptu JavaScript, a možná, že to bude užitečné pro vaše de-odposlouchávacích účely, pro vás zjistil - No, proč ne mé webové stránky zobrazeny správně v tomto prohlížeči? 

A konečně, pokud byste chtěli dozvědět více o všech těchto tématech - pokud byste chtěli dozvědět více o HTML a CSS a JavaScript - protože koneckonců, my jen naučil trochu - můžete jít na webové stránky, jako W3Schools.com hledat další zdroje. Mají velmi pěkné návody na to, jak to mám udělat, x nebo y co znamená? Pokud byste chtěli dozvědět více o těchto jazycích si můžete jednoduše naleznete zde. 

Dobrá. Myslím, že jsem chtěl odejít na posledních několik minut to na otázky, tak jsou nějaké otázky o něco, co jsme mluvili? [Divák] Jaké věci jsou na W3Schools a jak se to vztahuje? [Yuechen Zhao] Jaké věci? Takže, jedna z největších věcí, velmi, že jsem použít hodně je jejich reference. Jejich reference detail, například pro CSS - co to znamená, nebo pokud byste chtěli změnit pozadí stránky - jak to děláte? Které prohlížeče podporují tento příkaz? Takové věci. A pak také jen velmi pěkné návody na HTML na PHP, na JavaScriptu, na MySQL, na všechny druhy různých témat. Mají pěkné tutoriály. Učí vás, jak dělat věci. Je to hezké být schopen jít a dozvědět se více o těchto tématech. 

[Divák] HTML 5 je stále ještě není kompatibilní se všemi prohlížeči venku. Doporučili byste jen zůstat pryč od toho, protože problémy s kompatibilitou? Jak byste se s tím vypořádat? [Yuechen Zhao] Ano, ano, otázka je HTML5 je ještě dítě standardem. Je to opravdu podporován mnoha prohlížečů, takže by jsme se vyhnout? Myslím, že v loňském roce, že bych byl velký zastánce, pojďme se zabránilo HTML5 protože je stále - je to stále velmi nové a ve skutečnosti, HTML5 standardní nebyl dosud dokončen. A tak tam opravdu není standardní HTML5. Ale myslím, že zvláště pokud jste navrhování webových stránek nyní, to by mohlo být lepší, kdyby jste prostě jít s HTML5, protože to je druh bude budoucnost, a pokud chcete, aby vaše webové stránky mají být pro budoucnost, a chcete, aby vaše webové stránky pracovat v budoucích prohlížečích, mohlo by to být lepší začít budovat něco pro budoucnost než v minulosti, a také jen z toho důvodu, že HTML5 opravdu není tak odlišné od HTML4 nebo XHTML. Pokud používáte HTML5, obvykle bude fungovat ve většině prohlížečů. Stačí se jen nějak jít a ujistěte se, že s těmito screenshoty a ujistěte se děje na těchto webových stránkách sami. Ale s největší pravděpodobností to bude fungovat, pokud používáte velmi specifické funkce pro HTML5. Všimněte si také, že na CS50 - například pro video přehrávač, který používáme - používá HTML5 a HTML5 video se zobrazí na přednášky. Ale pokud máte opravdu starý prohlížeč, pak to bude padat zpět na Flash. Tak, to je také něco jiného - mít nouzový systém, kdy prostě víte, že prohlížeč nebude řešit to, co chcete zvládnout. 

Další otázky? Cokoliv, co jsme mluvili. Dobrá. Pak si myslím, že je to o tom pro mě. Myslím, že to je. (Potlesk) Skvělý. [CS50.TV]