[Powered by Google Translate] [Seminár] [Príprava vaše stránky na webe]
[Yuechen Zhao] [Harvard University]
[To je CS50.] [CS50.TV]
>> Dobre. Tu je ďalšia hodina vývoj webových aplikácií, ak vy ste sa na to.
Dnes budem hovoriť o príprave svojej stránky na webe.
Po celý deň - a pravdepodobne za posledné dva týždne -
sme hovorili o tom, ako vytvoriť webové stránky,
ako používať HTML, ako používať PHP, ako používať rámcoch,
ako sa uistiť, že môžete komunikovať s databázou - také veci.
Ale dnes budeme hovoriť o tom, kde sa vaše stránky bude žiť po CS50.
Pretože po tom všetkom, CS50 nestane cez decembri.
Budeme hovoriť o názvy domén, hosting.
Budeme hovoriť o tom, čo cross-browser kompatibilitu
a multiplatformný kompatibilitu, a ako sa môžete uistiť, že vaše stránky
bude fungovať za všetkých podmienok.
Budeme hovoriť o tom, chýb a iným serverovým mágie.
Hovoríme o optimalizáciu výkonu, optimalizácia pre vyhľadávače,
a ako prinútiť ľudí, aby skutočne navštívi vaše webové stránky.
A konečne, len niekoľko dobrých zdrojov, aby sa ubezpečil, že vy máte dosť tých
odísť s konečnou projektu, a dúfajme, že po ňom.
>> Prvá vec, ktorú budeme hovoriť o doménové mená.
Práve teraz ste programovaní prístroja, budete na lokálnom počítači
ktorý nie je v skutočnosti názov domény.
To je druh len prezývka alebo alias na vaše skutočné inštaláciu Linuxu
vnútri oboch VMware na Mac alebo VMware Player na PC.
Doménové mená vám umožní dať stránky na webe a potom ísť na niečo ako
www.google.com a získať na internetových stránkach.
Ako fungujú?
Povedzme, že ste len priemerný web server -
priemer Web surfer a máte notebook, a idete do www.howstuffworks.com.
Môžete si asi vidieť, kde som ukradol z
Ako látka pracuje - počítač sa vás spýta miestneho DNS server,
"Viete, kde je tento web?"
"Poznáte IP adresu www.howstuffworks.com?"
DNS server by sa povedať: "Áno, ja."
V takom prípade dostanete IP adresu a počítač pristupuje k danej IP adresy.
Ak tomu tak nie je, požiada iný DNS server, "Hej! Viete, čo www.howstuffworks.com je?"
Tento server by mohol povedať: "Áno, ja."
Tak, to hovorí ten druhý, čo to je, a nakoniec dostane táto informácia odovzdaná do počítača,
a budete mať prístup howstuffworks.com.
>> Ako môžete získať jednu z týchto čarovných vecí?
Ako môžete získať možná www.yourname.com alebo www.ilovecats.com?
Môžete sa zaregistrovať na jeden,
a existuje mnoho internetových stránok, tam vonku, ktoré vám umožní urobiť.
Musíte - vo väčšine prípadov je potrebné za ne zaplatiť.
Existujú určité názvy domén, ktoré sú zadarmo.
Ak pôjdete do www.co.cc alebo. Tkdomainnames, ktoré sú zadarmo.
Ale oni prichádzajú s určitými obmedzeniami, a v skutočnosti niektoré z nich nemusia byť ani
skutočné, top-level domény ako. com alebo. NET.
Normálne by som navrhnúť ísť na jeden z nich
pretože používatelia sú jednoducho pohodlnejšie s tými.
Vy ste videl veľa. COMS. Vy ste videl veľa. Sieťou.
Pravdepodobne ste to videli veľa. Co.cc 's, takže sú ťažšie si spomenúť.
Rôzne webové stránky, ako Godaddy alebo NameCheap alebo - Použil som ten, ktorý je
druh útržkovité - tzv activedomain.com.
Vyzerá to naozaj povrchné, ale to funguje naozaj dobre pre mňa.
>> A nakoniec, máte ďalšie, ktoré možno urobiť viac reklamy, ako je Network Solutions.
Ale keď idete na NetworkSolutions.com a pozrieť sa na ich cien
je to naozaj drahé. Díval som sa na ne v noci.
Za jeden rok doménového mena, je to asi nestojí toľko peňazí.
V skutočnosti, ak ste stále. Com alebo. Org alebo. NET
obvyklá cena je asi 10 dolárov ročne.
Takže ak platíte oveľa viac než to, že to asi nie je, že to stojí za to
, Pretože po tom všetkom, tieto stránky nemajú robiť niečo s týmto názvom domény.
Proste vám to, a tak ak môžete dostať na lacné, prečo nie?
>> Druhá vec je, až budete mať svoje doménové meno, potom sa pravdepodobne budete chcieť
ísť na jeden Godaddy.com alebo tam, kde ste si kúpili svoje doménové meno
a nastavenie menných serverov pre tento názov domény.
To znamená, že to, čo je opäť používateľ prejde www.howstuffworks.com,
tie IP adresu menného servera sú IP adresy, ktoré budú môcť vyhľadať.
Budú mať prístup k svojej webovej stránky prostredníctvom týchto menných serverov.
Ak budete žiadať o hosťovaní niekde
potom váš hostiteľ bude s najväčšou pravdepodobnosťou vám meno servery používajú.
>> A konečne je tu tá vec s názvom WHOIS.
Databáza WHOIS je databáza, s ktorou by ste mohli zadať názov domény
a bude to vypľuje nejaké informácie o vlastníkovi tohto webu a ďalšie kontaktné informácie.
Teraz môžete povedať: "Ja naozaj nechcem svoju domácu adresu alebo ja naozaj nechcem moju e-mailovú adresu
na internetových stránkach niekto videl, alebo na internete pre všetky vidieť. "
Potom možno budete chcieť použiť niečo, čo mnoho hostingové služby poskytovať -
ako manažér WHOIS.
Manažér WHOIS je proste iná služba, ktorá veľa z nich stanovuje, že
ukrýva, že informačné a práve stavia v tom, kto je manažér pre názov -
pre adresu je zvyčajne len, že názov spoločnosti, ktorá je vám dal tento názov domény -
a tak potom sa vaše osobné údaje nie sú unikli na internet,
ktorý je zvyčajne celkom dobre.
Ja sám som použiť jeden z týchto služieb.
Ak sa nechcete starať o svoje vlastné súkromie, potom je to naozaj nezáleží.
>> Server DNS je skratka pre Domain Name System, a čo to je -
je to niečo ako funkcia hash určitého typu, že niekde hovorí,
"Táto webová adresa bude mapovať na tejto adrese." A to je všetko, čo je.
Takže akonáhle sa tento dotaz DNS server, potom sa môžete dostať IP adresy
k tomuto príslušného názvu domény a potom navštívte túto stránku.
(Divák položenie otázky - nepočuteľný)
Prvý? Prvá úroveň je v skutočnosti zvyčajne len počítač medzipamäte sám.
Počítač trochu pamätá posledný čas, ktorý šiel do www.google.com
to bolo pri tejto IP adresy, a potom po chvíli, bude to medzipamäte vyprší,
a bude žiadať ako Comcast DNS,
"Hej, čo je www.google.com?"
Normálne, keď si kúpite doménu a zaregistrovať jeden, a nastaviť webové stránky,
nemôžete ísť na danej internetovej stránke okamžite s týmto názvom domény, pretože menné servery
na celom svete nevie o vašej domény ešte. To má naplniť.
To zvyčajne trvá asi 24 až 48 hodina.
Dobrá. Tak, to je trochu o doménových mien. Sú veľmi cool.
Myslím, že by ste mali dostať jeden, ak ste vážne o projekte
a ak si naozaj chcete, aby váš projekt známy po celom areáli,
s doménové meno robí to vyzerať naozaj profesionálne.
>> Potom je ďalším krokom, samozrejme, je mať nejaký hosting.
Ak ste práve hosťovať na vašom počítači, nikto nikdy nebude môcť ísť na to.
Tie by mohli nastaviť server na vašom počítači a udržať váš počítač na veky,
ale to sa neodporúča.
Existujú rôzne druhy hosting on-line k dispozícii.
Tam je zdieľaný hosting. Je tu VPN (nezrozumiteľné), ktoré sú virtuálne hostitelia.
K dispozícii je semi-špecializované a oddaný.
Z poslednej 3, VPN, semi-oddaný, a špecializované sú zvyčajne drahšie.
Sú zvyčajne používa pre webové stránky, ktoré vyžadujú viac zdrojov.
Ak ste práve začínate s internetovej stránky,
Mohlo by to byť výhodnejšie ísť s zdieľaný hosting.
A čo zdieľaný prostriedok je len banda internetových stránok sú všetci spolu
nejako na jednom serveri, na týchto internetových stránkach na tomto hostiteľskom serveri, a môžete pristupovať k svojmu webové stránky
pomocou názvu domény.
>> Existuje mnoho populárnych počítačov tam vonku.
Hostgator a Dreamhost - to sú veľmi, veľmi veľký a veľmi, veľmi populárna
a veľmi, veľmi úspešný.
Ja osobne používam jeden volal MDDHosting.
Ak pôjdete do www.mddhosting.com, to je môj hostiteľ voľby.
Myslím, že sú veľmi dobré.
Vždy bol veľmi spoľahlivý, a nikdy som nemal žiadne problémy s nimi.
Majú tiež veľmi konkurenčné ceny.
Dva, že som to naozaj ako sú GoDaddy - to je tiež veľmi populárny host,
ale ja som mal hrozné skúsenosti s nimi,
a veľa ľudí, ktorých poznám, mal naozaj hrozné skúsenosti s nimi.
Oni nejako ísť po ľuďoch, ktorí nevedia, čo robia -
Možno budete robiť webové stránky prvýkrát,
a tak trochu kon je ku kúpe ich hosting balíčka.
Nerob to. Nepodliehajte za to. Choďte sa pozrieť na ďalšie hosting balíčky, ktoré skutočne zodpovedajú vašim potrebám.
A ten druhý je - tam sú voľné hostitelia vonku.
Existujú webové stránky, ktoré budú hostiť vaše webové stránky zdarma -
niekedy tým, že reklamy na svojich stránkach,
niekedy tým sa podieľať na ich fórach,
ale niekedy stačí aj zadarmo.
Ale pozor voľných serverov, pretože mnoho z nich naozaj len ísť von obchodu
po niekoľkých mesiacoch. Jednoducho nemôže držať krok s nákladmi.
Ostatné sú len veľmi nespoľahlivé, a vaše stránky budú vždy nadol,
a nechcete, aby sa to stalo.
>> Každý hostiteľ ponúkne vlastný ovládací panel.
Všimnite si, že pre vaše zariadenie, tam naozaj nie je ovládací panel sám o sebe.
Musíte použiť terminál ísť a editovať súbory.
Musíte chmod veci sami.
Ak by ste chceli ísť do PHPMyAdmin,
budete musieť ísť na localhost @ / phpmyadmin a podobné veci.
Ale s ovládacím panelom, môžete ísť a editovať súbory na vašom serveri
s Windows Explorer alebo Finder typu aplikácie.
Alebo si môžete prejsť a pozrieť sa na svoje databázy s vlastným nástrojom
miesto phpMyAdmin.
Takže, tam je moc na výber tu, a niektoré z najpopulárnejších ovládacích panelov sú tam.
Ale ak hľadáte pre hostiteľa,
potom budete chcieť pozrieť na to, čo druhy úprav a možností
ponúkajú mi prispôsobiť svoj server a urobiť mojich stránkach lepšie riadiť.
Takže potom sa môžete opýtať: "No, ako vybrať hosting?"
Ak pôjdete na akejkoľvek hostiteľskej webovej stránky je tu veľa žargónu, a existuje veľa možností.
Existuje mnoho rôznych cien tiež.
Normálne by som ísť na lacnejších len preto, že webové stránky, ktoré možno ty a ja, aby -
a zvlášť teraz, najmä preto, začiatok - že sa nemusí toľko zdrojov
ako by mohla vyzerať webové stránky, ako Microsoft.com.
>> Najprv sa chcete pozrieť na operačnom systéme, ak ste naozaj zvedaví, či
Vaše stránky sa bude umiestnený na Linuxe, Windows, alebo Mac.
Normálne by sme jednoducho ísť s operačným systémom Linux, pretože to je zvyčajne najlacnejšie,
a tiež ten, ktorý ste možno sú viac oboznámení s, pretože spotrebiča.
A potom, možno, že si dať nejaké obmedzenia na množstvo šírky pásma, ktorú dostanete -
ako koľko megabajtov alebo gigabajty dát si používatelia môžu stiahnuť
z vašich stránok za mesiac? Alebo miesta na disku.
Koľko miesta dostanete? Je to 500 megabajtov? Je to 2 GB? Je to neobmedzené?
V dnešnej dobe, veľa webových serverov vám neobmedzené miesto na disku ako spôsob, ako pre nich
lákať, aby ste si ich hosting balík.
Ale ak si naozaj myslíte, že o tom, kedy ste sa niekedy bude potrebovať neobmedzené miesto na disku?
Ak máte niekoľko súborov HTML, PHP pár, pár obrázkov -
to je len pár megabajtov, a tak
väčšinou som jednoducho ísť na hodnote asi niekoľko GB priestoru ",
a to môže byť dosť odštartovať ma, kým som potrebovať viac.
>> Nakoniec, oni môžu dať obmedzenia na aké typy - koľko databáz môžete mať.
Možno, že môžete mať iba jeden databázy. Možno, že môžete mať dva. Možno, že môžete mať 10.
Je to pre vás naozaj dôležité, koľko dostanete?
Veci, spýtajte sa sami seba.
A nakoniec, len veci, ako jazyky.
Myslíte, že podporujú PHP? Majú podporu MySQL?
Väčšina hostingových stránky Podporujem to, pretože sú zadarmo. Sú to open source.
Nestojí im nič, než poskytnutie objednaných pre vás.
Ale ak chcete použiť, povedzme, Ruby alebo Python alebo niektoré z týchto ďalších jazykov -
nemusí podporovať na svojom serveri, takže je dôležité sa pozrieť na tie druhy vecí.
>> A konečne, to, že vám umožní urobiť nejaké pokročilejšie veci, ako je SSL alebo cron zamestnanie?
SSL je možnosť, kde si môžete vytvoriť vaše webové stránky bezpečnejšie tým, že ho HTTPS
a šifrovanie pripojenia.
A cron je možná len skripty, ktoré chcete spustiť
každých 5 minút, každých 10 minút, každých 15.
Mnoho zdieľaný hosting webových stránok si dať obmedzenia
o počte cron, ktoré môžete spustiť, pretože to zaberá viac zdrojov.
>> A konečne, len všetko ostatné, čo budete chcieť pozrieť na - uistite sa, že presne to, čo sa deje
než si kúpite hosting balík.
A konečne, výkon. Výkon je obrovský.
Ako rýchlo sa moje webové stránky bude bežať?
Väčšina užívateľov sa nebude čakať aj sekúnd pre vaše webové stránky spustiť
než sa len nudiť, a idú na MeanBase a začať hľadať na obrázky
mačiek - viete, čo sa deje, a chcete, aby sa ubezpečil, že ste si, že používateľ na palube
a že máte dobré prevádzkyschopnosti čo jednoducho znamená, že
vaše webové stránky to bude prístupná po celú dobu.
Mnoho počítačov má zlú dobu prevádzkyschopnosti a to len znamená, že vaše webové stránky je nebude
prístupné, a nechcete, aby sa to stalo, pretože by ste mohli byť smutní.
A môžete tiež sledovať váš výkon pocítaca s webovými stránkami, ako je
Pingdom.com alebo Host-tracker.com, a oni len povedať, ako často sa vaše stránky nadol.
>> A konečne, chcete vidieť na ich podporu.
Ak máte problém idú reagovať do 24 hodín?
Chystajú sa reagovať na vás do 48 hodín?
Hostingové služby, ktoré používam normálne reaguje na mňa v priebehu niekoľkých minút
čo je naozaj pekné.
No nazdar! V poriadku! Je čas na prestávku. Ale ja nebudem vám to.
Budeme sa pozerať na obrázky roztomilých mačiek každú chvíľu.
>> Ďalším naozaj, ale naozaj veľká vec je cross-browser kompatibilitu.
Čo mám na mysli kompatibility s rôznymi prehliadačmi?
Viete, v dnešnej dobe to nie je len program Microsoft Internet Explorer.
Nie je to len Mozilla Firefox alebo Safari.
Teraz máme Chrome. Máme Opera. Máme Dolphin. Máme Camino.
Máme Dobyvateľom. Máme všetky tieto rôznych prehliadačoch.
Veci, ktoré sa blížia von - RockMelt - aj keď tie sú založené na Chromium.
Ale faktom je, že tam nie je len jeden prehliadač už.
Nie si len prezeranie týchto webových stránok s jednou aplikáciou.
A tak sa rôzne prehliadače reagovať na rôzne HTML, CSS líši, a
iný JavaScript inak, a ako sa s tým vysporiadať?
No, v niektorých prípadoch, si naozaj nemôže.
Vaše webové stránky - ak to funguje v jednom prehliadači, bude kód, ktorý si napísal nefunguje
v inom prehliadači, a je to vaša práca, aby sa ubezpečil, že kód, ktorý napíšete
je univerzálny, že to funguje všade.
Tak, to je veľmi nebezpečné.
Ak poviete: "No, je to práca na mojom počítači. Výborne! Poďme ďalej."
No, to asi nebude fungovať na mojej, a keď idem na vaše webové stránky
Budem veľmi smutná a ja odídem hneď.
Takže, poďme sa pozrieť, ako môžete zabrániť.
>> Prvá vec, samozrejme, je len štandardný HTML, CSS a JavaScript.
Čo mám na mysli, že?
No, existuje veľa vecí, ktoré nie sú štandardné vonku.
Napríklad, v CSS existuje mnoho verzií.
Ak vidíte akékoľvek pravidlá CSS s-moz-a-webkit-, tieto pravidlá sú špecifické
na oboch prehliadačoch Mozilla a WebKit prehliadača,
a tak sa chcete uistiť, že možno budete chcieť, aby sa zabránilo tie veci
pretože ak použijete-moz-toto pravidlo len bude pracovať na Firefox.
A ak naozaj chcete, aby to vyzeralo dobre na Internet Explorer tiež
budete mať smolu.
Pre HTML tiež môžete robiť veci v HTML, ktoré fungujú v jednom prehliadači
ale že prestávky v inom, a ak chcete zabrániť tomu, aby čo najviac.
A konečne, aj pre JavaScript - existuje veľa verzií JavaScriptu,
a tento rok v lete sme narazili na problém, kedy Document.getElementsByClassName, -
ktorý je zvyčajne funkcia, ktorá je definovaná ako súčasť JavaScript normy -
nebolo nájsť v programe Internet Explorer 8.
Takže cez leto som pracoval v laboratóriu a my sme stavali on-line experimenty.
A mysleli sme si, že to funguje naozaj dobre, kým sme si uvedomili, užívateľa, ktoré boli pomocou
Internet Explorer 8 nemohla predložiť svoje výsledky.
Boli sme chýbať na veľké množstvo dát. To z nás naozaj smutné.
Takže, vždy chcete, aby sa ubezpečil, že vaše skripty budú fungovať všade.
>> A konečne, použite validator.w3.org
čo je to, čo sme vám robiť v pset 7.
Uistite sa, že vaše stránky sú validované.
To je dôležité, pretože to je aspoň prvý krok sanity kontrola.
Je môj kód vlastne vyhovujúce štandardom?
Ďalším spôsobom, ako nejako pomôže uistite sa, že váš web bude fungovať
vo väčšine prípadov, je potrebné použiť niektoré knižnice a rámca
pretože tieto naozaj šikovný vývojári uvažovali o týchto otázkach pre vás.
Oni prešli a že som napísal rôzne funkcie, ktoré pracujú v rôznych prehliadačoch.
Napríklad používame jQuery v pset 7.
Aj keď nemusí to videl, jQuery poskytuje mnoho funkcií,
ktoré by inak budete musieť napísať sami.
Ale títo vývojári to napísal, a oni sa o to, že to funguje vo všetkých prehliadačoch.
A Bootstrap - čo je ďalší rámec, CSS, ktoré sme vám ukázal v pset 7 -
je to naozaj berie veľa starostí s navrhovanie webových stránok, ktoré vyzerajú dobre.
vo všetkých prehliadačoch.
>> A napokon, ak môžete vyhnúť, zvyčajne vyhnúť kódovanie od nuly.
Ak ste práve vytvorenie webovej stránky pre vašu školu klub, napríklad,
a všetko, čo potrebujete urobiť, je zobraziť niekoľko stránok a možno sa váš prezident ísť
a zmeniť pár vecí sem a tam - tam naozaj nie je potreba kód, ktorý sa sám.
To si vyžaduje veľa času.
To si vyžaduje veľa svojej energie, a vy budete musieť prejsť a vy budete musieť zistiť,
No, je to bude vyzerať dobre v tomto prehliadači, je to bude vyzerať dobre v tomto prehliadači.
Možno, že niektoré z týchto opráv, ktoré ostatní už bolo napísané pre vás, rovnako ako
WordPress alebo Joomla alebo Drupal.
Jedná sa o tzv obsah - to sú tzv CMS, ktoré v podstate sú len balíky, ktoré
už prišiel pre teba urobil, a môžete si ich stiahnuť, dať ich na vašom serveri,
a prispôsobiť im však budete chcieť, a vy už bežiaci webové stránky.
Tieto balíčky sú kód na čo sa pozerať do.
Tieto veci sú open source, ak idete na niečo také -
ak hľadáte pre formuláre balíček, tam sú veci, ktoré nie sú zadarmo, ako
VBulletin alebo IP.Board.
Ak nepotrebujete niektoré z týchto pokročilých funkcií,
môžete sa vždy rozhodnúť pre voľný voľby.
>> A konečne, neexistuje žiadny vyhýbať sa tomu.
Musíte test, test, test.
Musíte otestovať svoj kód na všetkých týchto prehliadačoch a na všetkých týchto platformách.
A vieš, IE6 - Vďaka bohu ľudia začali sťahovať preč od IE6
pretože späť v deň, možno pred niekoľkými rokmi, weboví vývojári museli vždy, vždy,
vždy podhodnotiť nedostatkov IE6 v nadväznosti na štandardy.
Webové stránky sa pozrel druh 1990 pre nedostatok lepší spôsob, ako sa s tým.
Môžete tiež použiť prehliadača screenshoty pre kontrolu CSS.
Jeden naozaj cool web je browserlab.adobe.com.
To je doplnková služba vyháňanie Adobe.
A to, čo robia je, že môžu vziať screenshoty z vašich webových stránok
beh v rôznych podmienkach - ako beh v rôznych prehliadačoch,
beží pod rôznymi platformami - a ukáže vám, ako vyzerajú.
Stačí ukázať, čo mám na mysli tú, som vytvoril webové stránky, minulý rok s názvom Život na Harvarde,
a to, čo som sa snažil urobiť - Snažil som sa my.harvard lepšie.
Pretože ak si tu bol minulý rok, my.harvard nevyzeral, ako to vyzerá teraz.
Vyzerá to druh nechutné.
Ale teraz to vyzerá oveľa lepšie.
Moja implementácia nebola tak užitočná už, ale všetky rovnaké,
Viete, som sa snažil pridať - (nezrozumiteľné) veľa čokoľvek -
a vyzerá to - vyzerá to veľmi dobre na mojom počítači.
A potom, možno, keby som mal viac času by som šiel do prehliadača laboratória,
a ja by som sa pozrel na, no, ako to vyzerá v Chrome 18 pre Windows.
Chcel by som posunúť dole a ja by som vidieť - oh nie! Pozrite sa na krabici hlášok.
Môj text bol preteká. Tak to je zlé, že jo?
Ak užívateľ používa Chrome na Windows a je na mojich stránkach,
že okamžite vyzerá veľmi neprofesionálne.
Takže, mal by som ísť do svojho CSS a zistiť, aká časť môjho CSS je lámanie tu.
Prečo je to tak správne zobrazenie a opraviť tak, aby všetci užívatelia môžu vidieť rovnaké webové stránky
a bol rovnako rád.
>> A konečne, no, prehliadače obrázky sú príjemné pre testovanie CSS,
ale čo váš JavaScript?
Čo keď máte nejaký zložitý skript, ktorý beží?
No, môžete vždy virtualizáciu.
Ak máte Mac, môžete použiť Bootcamp alebo VMWare virtualizovať možná kópiu
Windows a Internet Explorer použitie tam.
Alebo môžete ísť na niečo ako Spoon.net, ktorý žiaľ pracuje iba na PC.
Ale to, čo robia, je veľmi cool.
Oni virtualizovať softvér pre vás, takže môžete spustiť rôzne verzie IE, napríklad.
Môžete spustiť rôzne verzie Firefoxu.
Môžete spustiť rôzne verzie Safari a vyskúšať všetky vaše webové stránky existujú.
Bohužiaľ nie sú zadarmo.
To je platená služba, takže sa vždy nejako to -
tam je vždy akýsi kompromis medzi týmto, dobre, budem robiť moje webové stránky vyzerať dobre.
Ak áno, možno budem musieť platiť za niektoré služby, aby mi pomohol urobiť.
Všetky otázky v tomto bode o niečo, čo sme hovorili?
Desivá. Dobre.
>> Teraz máme viac vecí hovoriť.
Ako sa o chyby?
Ako sa uistiť, že vaše webové stránky bude fungovať, aj keď
sa stane niečo zlé?
Možno nemáte stránku s názvom food.php.
Ale ja, ja idem na vaše webové stránky a snažím sa pristupovať food.php.
Ste práve mi ukázať, že biela stránka, ktorá hovorí, 404 - Súbor nebol nájdený?
Alebo ste chcel povedať: "No, je mi ľúto, že som nemohol nájsť to pre vás,
ale možno, že tu sú niektoré ďalšie zdroje, ktoré vám pomôžu hľadať to, čo budete potrebovať. "
Ostatné chyby - tak toto je nazývané chyby protokolu HTTP, ktoré sú len niektoré chybové kódy
že váš server mohlo poslaný späť do prehliadača v prípade niečo zlé deje.
400 - Bad Request. 401 - Neoprávnené.
403 je celkom bežné, keď máte adresár, ktorý sa nemalo pristupovať
užívateľom, ale užívateľ sa pokúsi rovnako.
A 500 - Internal Server Error - to zvyčajne stáva, keď máte niečo
naozaj zlé sa deje s vaším PHP kódu.
Ale v každom prípade, tieto druhy prehliadačov - tieto druhy chýb sa stávajú.
>> Tak, ako sa uistiť, že ste riadne spracovať tieto chyby
a uistite sa, že užívateľ nie je len tak visí tam?
Tu je. Htaccess.
Teraz. Htaccess je niečo, čo funguje na servery Apache,
niečo, čo funguje, a pracuje na niekoľkých ďalších serveroch rovnako.
To je len spôsob, ako nakonfigurovať server tak, aby
ho môžete robiť, čo chcete robiť.
Niektoré veci, ktoré by ste mohli urobiť. Dalo by sa ovládať svoje nastavenia vyrovnávacej pamäte.
Možno je určitá strana na svojich webových stránkach, aby ste sa uistili, že užívateľ
stiahnuť znovu zakaždým, keď užívateľ príde a navštívi vaše webové stránky.
Alebo možno máte nejaké URL, ktorý je ako yoursite.com / test / html / pages / hello.html
a vy proste chcete, aby sa yourname.com / ahoj -. dobre, môžete použiť htaccess
presmerovať jednej webovej stránky na druhú.
Môžete ju tiež použiť k tomu overovania.
Možno, že tam sú niektoré časti svojej webovej stránky, ktoré je potrebné použiť iné heslo.
Môžete blokovať určitej IP adresy, blokovať určité domény.
Možno ste len naozaj nepáči Harvard študentmi pomocou svojej webovej stránky.
No, máte možnosť blokuje všetky Harvard IP adresy.
>> A konečne, môžete liečiť veci - môžete písať určitý kód, aby sa váš server
zaobchádzať ako. Zhao alebo. Vaše meno alebo. ahoj stránok ako PHP kód.
Možno, že to bude užitočné. Možno to nebude.
A konečne, môžete ho použiť na spracovanie chybové reakcie.
Čo mám na mysli, že?
Ak jednoducho pridať kód, ako je tento - ErrorDocument 404 a nasmerovať ich na niektoré
Chybová stránka, môžete sa uistite, že používateľ nie je len vidieť naozaj, ale naozaj škaredý
404 a ukázať im niečo pekného.
>> Poďme vlastne sa pozrieť na to, ako to môžeme urobiť s pset 7.
Tu som v zariadení.
Idem otvoriť Chrome, a potom budem pokuse o prístup na stránku
že neexistuje CS50 financií.
Takže miestneho hostiteľa - cats.php--tak si všimnite, že som vytvoril chybovú dokumente
, Ktorý hovorí, "Canz nenájdete z stránku!"
Má veľmi smutný mačku na to.
Ak sa vydáte na Twitteri, ak idete na niektorý z týchto iných stránok,
nemôžete nájsť stránku, oni zvyčajne sa snažia ukázať vám roztomilý obrázok
tak, že nie ste príliš sklamaný.
Tiež môžete mať niečo, čo je viac profesionálne, ktorý hovorí,
dobre, Prepáč, že som nemohol nájsť stránku, ale možno tu je vyhľadávacie pole.
Alebo možno tu sú niektoré odkazy, ktoré vám pomôžu nájsť odkaz, ktorý chcete.
Tak, ako som to urobil? Ako je to vôbec možné?
Ak by sme sa do nášho terminálu tu -
Idem len priblížiť trochu -
Všimnite si, že mám novú stránku.
Vnútri môjho adresára HTML sa to volá - nemôžete vidieť -
je to len error.php.
A error.php je len súbor, ktorý som
, Ktorý vám ukáže, že stránku sám.
Môžem vám ukázať, čo je error.php.
Je to presne na túto stránku.
To hovorí: "Ale nie! Canz nenájdete z stránku!"
A ak chcete vidieť - tak zistíte, že htaccess druh je divný meno ..
Začína s bodkou, čo znamená, že je to systémový súbor.
Je to skrytý súbor, ktorý nie je obvykle zobrazený.
Ak nemáte ls-a, môžete vidieť všetky skryté súbory v určitom adresári,
a naozaj, viete. htaccess je jedným z nich.
Poďme ďalej a otvorte htaccess. -
s gedit -
Boom! Všetko, čo mám, je jeden riadok tam - Chyba dokument pre 404 chýb
ktoré sú tiež známe ako file-nie nájdených chýb.
Poďme presmerovať je na niečo, čo nazýva error.php.
Môžete mať zábavné veci, ako canz nenájdete z stránku!
A sú tu tiež veľmi chladné vecí, ktoré môžete robiť so. Htaccess.
Ak chcete vidieť viac. Htaccess mágie,
to je veľmi cool webové stránky ísť - je to tzv javascriptkit.com/howto/htaccess.shtml--
Ak chcete vykonať viac serverov mágiu. A to môže byť veľmi zábavné.
>> No nazdar! V poriadku! Viac roztomilé obrázky.
To je chlap robí push-up, a jeho mačka sa snaží pomôcť. Myslím, že je to veľmi roztomilé.
Bohužiaľ, nemám mačku takhle.
Dobrá. Takže sme hovorili. Htaccess.
Hovorili sme o chýb.
Hovorili sme o hosting, názvy domén.
Hovorili sme o kompatibility s rôznymi prehliadačmi.
Teraz ako sa uistiť, že vaše webové stránky skutočne vykonáva?
Ako sa uistil, že keď pôjdem na vaše webové stránky
Vidím vaše stránky počas niekoľkých sekúnd?
Jedna z vecí, ktoré si myslím, že ľudia jednoducho nejako zabudnúť
je optimalizácia obrazu.
Povedzme, že by ste chceli, aby obraz na vašom webe
a to je 2 mg veľké.
To by mohlo byť v poriadku pre nás, pretože sme na Harvarde,
a máme veľmi rýchle pripojenie k internetu.
Ale predstavte si, že niekto v Číne. Predstavte si, že niekto v Indii.
predstavte si, niekto možno vo vidieckych Kansasu, ktorý možno nemá rovnaký druh
širokopásmového pripojenia k internetu, ktoré máme.
Ak máte 2 MB obraz na vašich stránkach a užívateľ sa pokúša o prístup,
to bude trvať im naozaj dlhú dobu k stiahnutiu.
Takže, ak nepotrebujete tento druh riešenia,
potom si môžete zmeniť veľkosť obrazu s niečím, ako je Adobe Photo Shop.
Tam je zvyčajne voľba je bezpečné pre web a zariadenia,
a čo to robí, je to zbaví sa všetkých zbytočných informácií
a triedenie výliskov vášho súboru do malej veľkosti, takže si môžete
dať na svoje webové stránky, a každý používateľ, ktorý sa pokúsi stiahnuť túto stránku
sa chystá stiahnuť menšiu verziu obrázka.
Ak nemáte Adobe Photo Shop
webresizer.com je tiež ďalšie zdroje, kde môžete zadať súbor na disk
a bude vypľuť presne rovnaký obraz,
ale bude to niečo ako 3 krát menšie.
Tak to je veľmi užitočné pre užívateľov.
>> Ďalšia vec, ktorú môžete urobiť, je minify kód.
Ak sa pozrieme na Google.com,
uvidíte, že to nie je nejako rovnaké HTML a CSS, ktoré sme zvyknutí.
Len sa pozrieme na zdrojový kód tu.
Keby som prejdite dole - wow, to vyzerá dosť nechutné.
To by si nulu na štýle.
Ak kódované to pre pset, budete mať nulu na vašom štýle.
Tento jav nemá žiadny medzery. Mená vyzerajú naozaj záhadné.
Je to všetko naozaj nechutné.
A skript ukončiť v tele - uzatváracie HTML -
že sú všetci spolu - to všetko smushed dohromady.
Prečo to robia?
Oni minified svoj kód.
Všimnite si, že tento dokument bude oveľa menšia
pre mňa stiahnuť, než niečo s medzerou,
než niečo s naozaj dlhými názvami premenných.
Ak minify kód vyzliecť sa na všetky medzery.
Samozrejme, že váš prehliadač nezaujíma, či máte nejaké medzery v kóde.
Vyzliecť to, teraz môžem stiahnuť menší súbor -
Teraz súbor - dokument, ktorý budeme na prevzatie má menšiu veľkosť súboru,
to bude rýchlejšie, aby som na prevzatie, a to je užitočné.
Ak pracujete s webovými stránkami, a vy spustenie webovej stránky,
je to takmer vždy dobré minify váš kód.
Ďalším dôvodom, prečo by to mohlo byť dobré, je možná nechcete, aby využili svoj kód.
Možno, že nechcete, aby ostatní používať CSS.
Viete, či ste naozaj chceli byť lakomý s tým,
potom si môžete tiež minify kódu, a to by bolo pre mňa ťažšie ukradnúť
pretože nemám tušenie, čo sa deje.
Môžete tiež prejsť na webové stránky, ako je minify.avivo.si.
Služby, ako je to on-line vám pomôže minify kódu, takže nemusíte to robiť ručne.
Rozhodne nerobte to ručne.
>> Dobre. Teraz hovorí o skriptoch.
Možno, že v PHP kódu je tu niečo, čo nepotrebujete robiť.
Možno je to ďalší slučky tam.
Hovorili sme o kóde v dizajne CS50.
Dokonca aj keď ste kódovanie v C, ak máte - ak robíte prácu navyše
že nemusíte robiť dobre, že sa to spomaliť váš skripty na vašich webových stránkach,
a to je dôležité najmä pre webové stránky, pretože používatelia v súčasnej dobe sú veľmi netrpezliví.
Ak robíte zbytočnú prácu, že to bude trvať dlhšie, je
sa dostať k informáciám, ktoré chcú, a oni bude veľmi nešťastný.
Nakoniec, možno budete chcieť optimalizovať databázové tabuľky.
Spomínam si, sme sa rozprávali o indexov.
Sú to dobré nielen pre uistite sa, že máte riadok, ktorý je jedinečný.
Sú dobré aj pre to, aby vaša databáza funguje rýchlo.
Ak si chcete prečítať o ktoré idú do MySQL dokumentáciu,
alebo sa môžete pozrieť na - no, ako možno optimalizovať databázové tabuľky?
Ako sa môžem uistiť, že mám indexy, ktoré mi pomôžu dostať sa k informáciám rýchlejšie?
>> Tam sú tiež malé triky, ktoré môžete použiť ako cache.
Ak máte PHP - ak máte blog, napríklad,
a máte - a je poháňaný PHP alebo inom jazyku -
môžete medzipamäte svoj blog na povedzme 50-minútových intervaloch, takže môžete servírovať statických stránok
alebo statické HTML návštevníkov na vaše stránky.
Týmto spôsobom sa užívatelia nemusia spustiť PHP skript zakaždým,
a možno, že bude rýchlejší pre ne k týmto informáciám prístup.
>> A konečne, môžete použiť niečo ako CDN.
Všimnite si, že kedykoľvek si stiahnete pset,
vždy ísť do CDN.CS50.net. Prečo tomu tak je?
CS50 tiež používa niečo ako CDN - obsahu distribučnej siete -
čo jednoducho znamená, že je to banda serverov možno niekde po celom svete
ktoré pomáhajú slúžiť vaše stránky pre vaše návštevníkov.
Ak váš návštevník sa dostáva stránku zo servera, ktorý je bližšie k nim geograficky,
potom s najväčšou pravdepodobnosťou váš návštevník dostane tento súbor oveľa rýchlejšie.
Tam sú tiež on-line zdroje, ktoré vám pomôžu urobiť.
Jedným z nich je CloudFlare. Ponúkajú bezplatnú službu CDN.
Ak máte veľké súbory, ktoré váš slúžiace k užívateľom,
potom možno je lepšie dať ich na CDN, aby mohli sa k nim dostať rýchlejšie.
>> Posledným témou pre dnešný deň je optimalizácia pre vyhľadávače.
Čo je optimalizácia pre vyhľadávače?
To je uistiť sa, že vyhľadávače ako Google alebo Bing alebo Yahoo
môže ísť na vaše stránky a prechádzať vaše stránky a index vaše stránky a kedy
Ja, napríklad, choďte na Google.com a snažím sa hľadať niečo,
potom sa vaše stránky budú vyskočí.
Ako sa uistiť, že váš web je jedným z top 10?
Vzhľadom k tomu, ako všetci vieme, ak hľadáte niečo na Google
a to nie je v top 10 už s najväčšou pravdepodobnosťou nebude vyzerať v najbližších 10.
To je niečo ako téma, ktorá je zahalený tajomstvom.
Je tu veľa humbuku tam na internete.
Existuje mnoho povier o ak x potom Google bude páčiť lepšie.
Ak nemáte y potom Google bude páčiť lepšie.
Je to asi lepšie sa pozrieť do vyhľadávací gigant dokumentom sám.
>> To je jedným z dokumentov, na Google, ktorý vám presne, ako optimalizovať vaše stránky
takže Google môžete pristupovať a index je veľmi pekne.
Nemusíte kopírovať sa toto URL, pretože táto prezentácia bude
byť online tak ako tak.
Keď sa pozriete na to a budete čítať tento existuje niekoľko veľmi užitočných rád tam.
Google vám povie - ak naozaj chcete, aby vaše stránky indexujú dobre
potom by ste mali robiť všetky tieto veci.
>> Ďalšia vec, že ​​vyhľadávače naozaj páči, je čerstvý obsah.
Ak máte obsah, ktorý je obzvlášť pravidelne aktualizované
potom vyhľadávače povedať, ooh, páči sa mi vaše stránky.
Chystám sa ísť na vašich stránkach veľmi často.
Chystám sa index veľa vašich stránok.
Pokiaľ máte nový obsah potom máte väčšiu šancu sa ukázať -
máte väčšiu šancu byť viac relevantné.
Máš väčšiu šancu byť aktuálnejšie,
a vyhľadávače sú viac pravdepodobné, aby vaše stránky nad ostatnými.
>> Hlboké odkazy sú tiež dôležité.
Ak ste naozaj chceli vaše stránky vyzerať dobre v očiach vyhľadávače
majú mnoho ďalších webových stránok s ňou súvisí a nadväzujú hlboko do vašich webových stránkach.
Nepoužívajte len odkaz na domovskú stránku.
Odkaz na možno yourname.com / niečo / niečo / something.php.
To - do vyhľadávača - znamená, wow, majú naozaj zaujímavý obsah
že niekto iný je prepojenie tak hlboko do svojich stránok, že som mal naozaj
klásť väčší dôraz na tohto webu stránkach.
>> Ak máte presné názvy stránok, ak nemáte žiadne chyby, to je dobre, pretože
Ak vyhľadávač sa snaží, aby navštívili vaše stránky, a je to stále chybu,
Pravdepodobne to vzdať veľmi, veľmi skoro.
A konečne, chcete mať krátku dobu načítanie, pretože vyhľadávače -
rovnako ako ľudia - nerob mať veľa trpezlivosti pre pomalé webové stránky.
To je spôsob, ako pre vás, aby sa ubezpečil, že sa objavíš vyššia
vyhľadávače otázky a dúfajme, že tým získať väčšiu prevádzku.
Pretože po tom všetkom, čo ste strávili celý čas rozvíjať svoje webové stránky.
Strávil si celú tú dobu spustenia tejto webovej stránky online.
Chcete, aby sa ubezpečil, že máte veľa užívateľov, ktorí skutočne vidieť obsah.
>> Ďalšie dobré zdroje použiť.
Google Webmaster Tools je na čo sa pozerať do.
To len vám pomôže vidieť - Google nie je indexovanie mojej stránky.
Aké druhy chýb sa potýka?
Koľko stránok má to indexované?
Čo to myslíte, že je najdôležitejší obsah na mojej stránke?
Možno, že to nie je to, čo chcem, aby to bolo.
Možno, že je potrebné zmeniť moje stránky trochu tak, že to odráža lepšie
čo môj web je naozaj o
Google Analytics je ďalší naozaj cool nástroj.
Môžete pridať trochu JavaScriptu vašich stránok.
A potom potom môžete ísť do Google Analytics, a bude sledovať
návštevník demografia a vaše stránky rast.
To vám povie presne, koľko návštevníkov navštívi vaše stránky
v určitý deň, v určitú hodinu, v rámci určitého týždňa.
Koľko návštevníkov z Číny? Koľko návštevníkov z Antarktídy -
ste stále na svoje webové stránky.
že by mohlo byť niečo cool vidieť, alebo to môže byť dokonca užitočné,
pretože sa snažíte zamerať na určitú skupinu.
Možno sa snažíte zamerať teenagerov s vašej webovej stránky a uvidíte, že
väčšina návštevníkov na vašich webových stránkach je možno 30 - až 40-ročných,
potom možno buď máte problém, alebo si môžete len povedať,
dobre, možno by som mal zmeniť mojich stránkach zaostrenie tak, aby
Som sa viac zamerať na tejto vekovej skupiny.
>> Google Apps - ak by ste chceli mať akúsi e-maily s vašej domény -
Možno niečo také yourname@yourname.com--
môžete použiť Gmail adresy - môžete použiť službu Gmail
a Google Apps je jeden spôsob, ako to urobiť.
Môžete nastaviť konkrétne e-mailové adresy, ktoré sú špecifické pre domény
miesto of@gmail.com.
>> A konečne, je webový vývojár rozšírenie a add-ons - pre Chrome,
pre Firefox, pre iné prehliadače -, ktoré vám umožnia ísť a kontrolovať
CSS, JavaScript, skontrolujte, vidieť presne to, čo sa deje s vaším skriptu JavaScript,
a možno, že to bude užitočné pre vaše de-odpočúvacie účely, pre vás zistil -
No, prečo nie moje webové stránky zobrazujú správne v tomto prehliadači?
>> A napokon, ak by ste chceli dozvedieť viac o všetkých týchto témach -
ak by ste chceli dozvedieť viac o HTML a CSS a JavaScript -
pretože koniec koncov, my len naučil trochu -
môžete ísť na webové stránky, ako W3Schools.com hľadať ďalšie zdroje.
Majú veľmi pekné návody na to, ako to mám urobiť, x alebo y čo znamená?
Ak by ste chceli dozvedieť viac o týchto jazykoch si môžete jednoducho nájdete tu.
>> Dobrá. Myslím, že som chcel odísť na posledných niekoľko minút to na otázky,
tak sú nejaké otázky o niečo, čo sme hovorili?
[Divák] Aké veci sú na W3Schools a ako sa to vzťahuje?
[Yuechen Zhao] Aké veci?
Takže, jedna z najväčších vecí, veľmi, že som použiť veľa je ich referencie.
Ich referencie detail, napríklad pre CSS -
čo to znamená, alebo ak by ste chceli zmeniť pozadie stránky -
ako to robíte?
Ktoré prehliadače podporujú tento príkaz? Také veci.
A potom tiež len veľmi pekné návody na HTML na PHP, na JavaScripte,
na MySQL, na všetky druhy rôznych tém.
Majú pekné tutoriály. Učí vás, ako robiť veci.
Je to pekné byť schopný ísť a dozvedieť sa viac o týchto témach.
>> [Divák] HTML 5 je stále ešte nie je kompatibilný so všetkými prehliadačmi vonku.
Odporučili by ste len zostať preč od toho, pretože problémy s kompatibilitou?
Ako by ste sa s tým vysporiadať?
[Yuechen Zhao] Áno, áno, otázka je HTML5 je ešte dieťa štandardom.
Je to naozaj podporovaný mnohými prehliadačov, takže by sme sa vyhnúť?
Myslím, že v minulom roku, že by som bol veľký zástanca, poďme sa zabránilo HTML5
pretože je stále - je to stále veľmi nové a v skutočnosti, HTML5 štandardné
nebol doteraz dokončený.
A tak tam naozaj nie je štandardné HTML5.
Ale myslím, že najmä ak ste navrhovaní webových stránok teraz,
to by mohlo byť lepšie, keby ste jednoducho ísť s HTML5, pretože to je druh bude budúcnosť,
a ak chcete, aby vaše webové stránky majú byť pre budúcnosť, a chcete, aby vaše webové stránky pracovať
v budúcich prehliadačoch, mohlo by to byť lepšie začať budovať niečo pre budúcnosť
ako v minulosti, a tiež len z toho dôvodu, že HTML5 naozaj nie je tak odlišné
od HTML4 alebo XHTML.
Ak používate HTML5, zvyčajne bude fungovať vo väčšine prehliadačov.
Stačí sa len nejako ísť a uistite sa, že s týmito screenshoty
a uistite sa deje na týchto webových stránkach sami.
Ale s najväčšou pravdepodobnosťou to bude fungovať, ak používate veľmi špecifické funkcie pre HTML5.
Všimnite si tiež, že na CS50 - napríklad pre video prehrávač, ktorý používame -
používa HTML5 a HTML5 video sa zobrazí na prednášky.
Ale ak máte naozaj starý prehliadač, potom to bude padať späť na Flash.
Tak, to je tiež niečo iné -
mať núdzový systém, kedy jednoducho viete, že prehliadač nebude riešiť
to, čo chcete zvládnuť.
>> Ďalšie otázky?
Čokoľvek, čo sme hovorili.
Dobrá. Potom si myslím, že je to o tom pre mňa.
Myslím, že to je.
(Potlesk)
Skvelý.
[CS50.TV]