[Powered by Google Translate] [Seminar] [Undirbúningur vefsvæði þitt fyrir netið] [Yuechen Zhao] [Harvard University] [Þetta er CS50.] [CS50.TV] 

Allt í lagi. Hér er önnur klukkustund af þróun vefur ef þú krakkar eru upp fyrir það. Í dag ætla ég að vera að tala um að undirbúa síðuna þína á vefnum. Allan daginn - og sennilega fyrir síðustu 2 vikur - við höfum verið að tala um hvernig á að búa til vefsíðu, hvernig á að nota HTML, hvernig á að nota PHP, hvernig á að nota ramma, hvernig á að ganga úr skugga um að þú getur samskipti við gagnagrunninn - hluti eins og þessi. En í dag erum við að fara að tala um hvar þinn staður er að fara að lifa eftir CS50. Því eftir allt, CS50 gerist ekki framhjá desember. Við ætlum að vera að tala um nöfn ríki, hýsing. Við ætlum að vera að tala um hvað kross-vafranum eindrægni og kross-pallur eindrægni eru og hvernig hægt er að tryggja að vefsvæði þitt er að fara að starfa við allar aðstæður. Við munum tala um meðhöndlun villa og öðrum miðlara galdur. Við erum að tala um hagræðingu árangur, Leita Vél Optimization, og hvernig á að fá fólk til raunverulega heimsækja vefsíður þínar. Og að lokum, bara nokkrar góðar leiðir til að tryggja að þú krakkar hafa nóg af þeim að fara burt með lokaverkefni, og vonandi á eftir. 

The fyrstur hlutur sem við erum að fara að tala um er lén. Núna þú ert forritun í tækið þitt, þú ert að fara til a heimamaður gestgjafi sem er ekki í raun lén. Það er tegund af réttlátur gælunafn eða alias fyrir raunverulegur Linux uppsetninguna inni annaðhvort VMware á Mac eða VMware Player á tölvunni. Lén leyfa þér að setja upp síðuna á vefnum og þá fara í eitthvað eins og www.google.com og fá the website. Hvernig virka þau? Segjum að þú ert bara venjulegur vefur framreiðslumaður - meðaltal Vefur ofgnótt og þú hafa a laptop og þú ferð að www.howstuffworks.com. Þú getur sennilega sjá hvar ég stal þessu frá. Hvernig Stuff Works - tölva mun þá spyrja á staðnum DNS framreiðslumaður, "Veistu hvar þessi vefsíða er?" "Veistu IP www.howstuffworks.com?" DNS framreiðslumaður þinn gæti sagt, "Já, ég geri." Í því tilfelli, þú færð IP tölu, og tölvan þín notar þessi IP tölu. Ef það virkar ekki, spyr hann annan DNS framreiðslumaður, "Hey! Veistu hvað www.howstuffworks.com er?" Það framreiðslumaður might segja, "Já, ég geri." Svo segir það hitt hvað það er, og að lokum, að upplýsingar fær staðist í tölvuna þína, og þú getur fengið aðgang howstuffworks.com. 

Hvernig er hægt að fá einn af þessum töfrum hlutum? Hvernig er hægt að fá kannski www.yourname.com eða www.ilovecats.com? Þú getur skráð þig fyrir einn, og það eru fullt af vefsíðum þarna úti sem leyfa þér að gera það. Þú verður - í flestum tilvikum þú verður að borga fyrir þá. Það eru ákveðnar lén sem eru ókeypis. Ef þú ferð til www.co.cc eða. Tkdomainnames, eru þeir ókeypis. En, þeir gera koma með ákveðnum takmörkunum, og reyndar sumir af þeim gæti ekki einu sinni að vera alvöru, höfuðlén nöfn eins. com eða. nettó. Venjulega myndi ég stinga upp að fara í eina af þeim vegna þess að notendur eru bara öruggari með þeim. Þú hefur séð mikið af. Coms. Þú hefur séð mikið af. Netum. Þú sennilega ekki hafa séð mikið af. Co.cc 's, svo þeir eru erfiðara að muna. Mismunandi vefsíður eins GoDaddy eða Namecheap eða - ég notaði einn sem er konar sketchy - kallast activedomain.com. Það lítur mjög sketchy, en það er unnið mjög vel fyrir mig. 

Og að lokum, hefur þú aðra sem kannski gera fleiri auglýsingar eins og Network Solutions. En ef þú ferð inná NetworkSolutions.com og líta á verðlagningu þeirra það er mjög dýrt. Ég var að horfa á þá í gærkvöldi. Fyrir einu ári af ríki nafn, það er sennilega ekki þess virði að mikið fé. Í staðreynd, ef þú ætlar að fá. Com eða. Org eða. NET Venjulegur verð er um $ 10 á ári. Svo ef þú ert að borga mikið meira en það, það er líklega ekki þessi virði það vegna þess, eftir allt saman, þessir vefsíður að gera ekki neitt með þessi lén. Þeir gefa bara það til þín, og svo ef þú getur fengið það fyrir ódýr, hvers vegna ekki? 

The annar hlutur er þegar þú hefur þinn ríki nafn, þá þú vilt sennilega að fara á annaðhvort Godaddy.com eða hvar þú keyptir lén og setja nafn netþjóna fyrir þessi lén. Hvað það þýðir er þegar notandi fer að www.howstuffworks.com, þessir nafnamiðlara IP tölur eru að IP tölur sem þeir vildi vera fær til að líta upp. Þeir vildi vera fær til aðgangur þinn website í gegnum þær nafni netþjónum. Ef þú sækir um hýsingu einhversstaðar þá gestgjafi þinn mun líklegast gefa þér nafn netþjóna til að nota. 

Og að lokum, það er þetta kallað WHOIS. A WHOIS gagnagrunninum er gagnagrunnur sem þú gætir slá inn lén og það mun spýta út sumir upplýsingar um eiganda þeirrar síðu og aðrar upplýsingar. Nú, þú getur sagt: "Ég er ekki raunverulega vilja heimilisfangið mitt eða ég í raun ekki vilja netfangið mitt á heimasíðu fyrir alla að sjá eða á Internetinu fyrir alla að sjá. " Þá þú might vilja til að nota eitthvað sem mikið af hýsingu þjónustu veita - eins WHOIS framkvæmdastjóri. A WHOIS framkvæmdastjóri er einfaldlega annar þjónustu sem mikið af þeim afla sem felur í burtu að upplýsingar og bara setur á sem er framkvæmdastjóri fyrir nafni - fyrir heimilisfang það er yfirleitt bara að nafn fyrirtækis sem er gefið þér þetta lén - og svo þá persónulegum upplýsingum sé ekki leki á netinu, sem er yfirleitt nokkuð gott. Ég sjálfur nota eina af þessum þjónustum. Ef þú hefur ekki sama um eigin persónu þína þá er það skiptir ekki máli. 

A DNS framreiðslumaður stendur fyrir Ríki Nafn Kerfi, og hvað það er - Það er tegund af eins og a kjötkássa borð einhvers staðar sem segir,  "Þetta website heimilisfang er að fara að kortleggja þessa IP tölu." Og það er allt það er. Svo þegar þú fyrirspurn þessari DNS miðlara, þá er hægt að fá IP tölur fyrir að sama lén og þá heimsækja þessi vefsvæði. (Áheyrandi spyrja spurningu - inaudible) Fyrst? Fyrsta stigi er reyndar yfirleitt bara tölva skyndiminni sig. Tölva konar þinn man í síðasta skipti sem þú fórst á www.google.com það var á þessa IP tölu, og síðan eftir stutta stund, að skyndiminni renna út, og það vilja spyrja eins og Comcast DNS, "Hey, hvað er www.google.com?" Venjulega, þegar þú kaupir lén og þú skráir einn, og þú setja upp vefsíðu, þú getur ekki farið til að vefsvæði strax með því lén vegna þess að nafn netþjónum um allan heim veit ekki um nafn lénsins enn. Það þarf að byggja. Það tekur yfirleitt um 24-48 klukkustundir. Allt í lagi. Svo, það er svolítið um nöfn lén. Þeir eru mjög flott. Ég held að þú ættir að fá einn ef þú ert alvarlegur óður í verkefninu og ef þú vilt virkilega til að gera verkefnið þekktur yfir háskólasvæðið, hafa lén gerir það líta mjög fagmannlegt. 

Þá er næsta skref, að sjálfsögðu, er að hafa einhvers konar hýsingu. Ef þú gestgjafi bara það á tölvunni þinni, enginn er alltaf að fara að vera fær um að fara að því. Þú gætir hugsanlega sett upp á netþjóni á tölvunni þinni og halda þinn tölva á að eilífu, en það er ekki mælt með því. Það eru mismunandi tegundir af hýsingu á netinu í boði. Það er hluti hýsingu. Það er VPN (óskiljanlegur) sem eru raunverulegur vélar. Það er hálf-hollur og hollur. Af síðustu 3, eru VPN, hálf-hollur, og hollur yfirleitt dýrari. Þeir eru venjulega notuð fyrir vefsíður sem krefjast meira fjármagn. Ef þú ert réttlátur byrjun út með vefsíðu, það gæti bara verið hagstæðari til að fara með hluti hýsingu. Og hvað hluti þýðir bara fullt af vefsíðum sem eru allt saman raða af á einum miðlara á þessari vefsíðu á þessu gestgjafi miðlara, og þú getur fengið aðgang að vefsvæði þitt með nafni léns. 

There ert a einhver fjöldi af vinsæll vélar þarna úti. HostGator og Dreamhost - þeir eru mjög, mjög stór og mjög, mjög vinsæl og mjög, mjög vel. Ég persónulega nota einn hét MDDHosting. Ef þú ferð til www.mddhosting.com, sem er gestgjafi minn að eigin vali. Ég held að þeir séu mjög góð. Þeir hafa alltaf verið mjög áreiðanleg, og ég hef aldrei haft nein vandamál með þeim. Þeir hafa líka mjög samkeppnishæf verð. Tvær sem ég í raun ekki eins eru GoDaddy - það er líka mjög vinsæll gestgjafi, en ég hef haft hræðileg reynslu með þeim, og mikið af fólki sem ég þekki hafa haft virkilega hræðileg reynslu með þeim. Þau fara svona eftir fólk sem veit ekki hvað þeir eru að gera - kannski þú ert að gera vefsíðu í fyrsta skipti, og svo þeir sam konar þeim í að kaupa hýsingu pakkann þeirra. Ekki gera það. Ekki falla fyrir það. Fara leita að öðrum hýsingu pakka sem raunverulega passa þínum þörfum. Og hitt er - það eru frjáls gestgjafi þarna úti. Það eru vefsíður sem mun hýsa vefsíðu þína ókeypis - stundum með því að setja auglýsingu á síðuna þína, stundum með því að þú tekur þátt í umræðunum þeirra, en stundum bara líka ókeypis. En vera varkár með frjáls gestgjafi vegna þess að mikið af þeim í raun bara að fara út af fyrirtæki eftir nokkra mánuði. Þú bara getur ekki haldið upp með kostnaði. Aðrir eru bara mjög óáreiðanlegar, og vefsvæði þitt mun alltaf vera niður, og þú vilt ekki að gerast. 

Hver vél mun bjóða eigin stjórnborði þeirra. Takið eftir að fyrir tækið þitt, there raunverulega er ekki stjórnborð í sjálfu sér. Þú þarft að nota flugstöðinni til að fara og breyta skrám. Þú þarft að chmod hlutum sjálfur. Ef þú vildir fara til phpMyAdmin, þú þarft að fara til localhost @ / phpMyAdmin og svoleiðis. En með stjórnborði sem þú getur farið í og ​​breyta skrám á þjóninum þínum með Windows Explorer eða finnandi-gerð forrit. Eða þú getur farið í gegnum og líta á gagnagrunnum með eigin tól þeirra stað phpMyAdmin. Svo það er mikið af val hér, og sumir af the fleiri vinsæll stjórna pallborð eru upp þar. En ef þú ert útlit fyrir a gestgjafi þá þú might vilja til að líta á það konar customizations og möguleikar þeir bjóða mér að aðlaga minn framreiðslumaður og að gera vefsíðu mína keyra betur. Svo, þá þú might spyrja, "Jæja, hvernig vel ég hýsingu?" Ef þú ferð á hvaða gestgjafi vefsíðu það er mikið af hrognamál, og það er mikið af valkostur. There ert a einhver fjöldi af mismunandi verði líka. Venjulega ég að fara í ódýrara sjálfur bara vegna þess að vefsíður sem kannski þú og ég geri - og sérstaklega núna, sérstaklega þar sem ræsir - þeir mega ekki þurfa eins mörg úrræði sem gæti a website eins Microsoft.com. 

Fyrst þú vilt líta á the stýrikerfi ef þú ert virkilega forvitinn hvort síða er að fara að vera farfuglaheimili á Linux, á Windows, eða á Mac. Venjulega við förum bara með Linux vegna þess að það er oftast ódýrasta, og einnig sá sem vill þú krakkar eru fleiri þekki vegna tækisins. Og svo, kannski þeir setja nokkrar takmarkanir á magn af bandbreidd sem þú færð - eins og hvernig margir megabæti eða gígabæta af gögnum er hægt notendur sækja frá vefsíðunni þinni á mánuði? Eða diskur rúm. Hversu mikið pláss þú færð? Er það 500 MB? Er það 2 GB? Er það ótakmarkað? Nú á dögum, gefa mikið af vefþjónum þér ótakmarkaðan diskur rúm sem leið fyrir þá að tæla þig til að fá hýsingu pakkann þeirra. En ef þér finnst virkilega um það, þegar þú alltaf að fara að þurfa ótakmarkað pláss? Ef þú hafa a par af HTML skrá, a par af PHP, a par af myndum - það er eini a par af megabæti, og svo yfirleitt fer ég bara fyrir virði kannski nokkurra gígabæta 'af plássi, og það gæti verið nóg til að byrja mig burt fyrr en ég þarf meira. 

Loks geta þeir setja takmarkanir á hvaða tegund af - hversu margir gagnagrunna sem þú getur haft. Kannski þú getur aðeins hafa 1 gagnagrunninum. Kannski er hægt að hafa 2. Kannski er hægt að hafa 10. Er það mjög mikilvægt að þú hversu mörg þú færð? Hlutur til að spyrja sjálfan þig. Og svo að lokum, bara hlutir eins og tungumálum. Gera þeir styðja PHP? Gera þeir styðja MySQL? Flestir hýsa vefsíður styðja þetta vegna þess að þeir ert frjáls. Þeir eru opinn uppspretta. Það skiptir ekki kosta þá neitt til að veita þetta fyrir þig. En ef þú vilt nota, segja, Ruby eða Python eða sumir af þessum tungumálum - þeir mega ekki styðja það á netþjóni þeirra, svo það er mikilvægt að leita að þeim tegundum af hlutum. 

Og að lokum, leyfum þeim að gera sumir fleiri háþróaður hluti eins SSL eða cron störf? SSL er möguleiki þar sem þú getur búið til vefsíðu öruggari með því að gera það HTTPS og dulkóða tenginguna þína. Og cron störf eru bara kannski forskriftir sem þú vilt keyra á 5 mínútna fresti, á 10 mínútna fresti, á hverjum 15. A einhver fjöldi af hluti hýsingu vefsvæða setja takmarkanir á fjölda starfa cron sem þú getur keyrt því það tekur fleiri auðlindir. 

Og að lokum, bara allt annað sem þú vilt líta á - að tryggja nákvæmlega hvað er að gerast áður en þú kaupir hýsingu pakkanum þínum. Og að lokum, árangur. Árangur er gríðarstór. Hversu hratt er vefsíðan mín að fara að keyra? Flestir notendur eru ekki að fara að bíða jafnvel sekúndur fyrir vefsvæðið þitt til að keyra áður en þeir fá bara leiðindi, og þeir fara á MeanBase og byrja að horfa á myndirnar katta - þú veist að gerist, og þú vilt tryggja að þú fáir sem notanda á borð og að þú ert góður spenntur sem bara þýðir að website er að fara að vera aðgengileg á öllum tímum. A einhver fjöldi af vélum hafa mjög slæm spenntur og það bara þýðir að vefsvæðið þitt er ekki að fara að vera aðgengileg, og þú vilt ekki að gerast vegna þess að þú gætir verið sorglegt. Og þú getur líka mælt árangur gestgjafi þíns með vefsíðum eins og Pingdom.com eða Host-tracker.com, og þeir segja bara þú hversu oft er staður niður. 

Og að lokum, þú vilja til sjá um stuðning þeirra. Ef þú átt í vandræðum eru þeir að fara að svara þér innan 24 klst? Eru þeir að fara að svara þér innan 48 klst? The vefhýsingar sem ég nota venjulega bregst mér nokkrar mínútur sem er mjög gott. Whew! Allt í lagi! Það er kominn tími fyrir hlé. En ég ætla ekki að gefa það til þín. Við verðum bara að líta á myndir af sætu ketti sérhver nú og þá. 

Annar virkilega, virkilega stór hlutur er kross-vafranum eindrægni. Hvað geri ég meina með því að kross-vafranum eindrægni? Þú veist, nú á dögum er það ekki bara Microsoft Internet Explorer. Það er ekki bara Mozilla Firefox eða Safari. Nú höfum við Chrome. Við höfum Opera. Við höfum Dolphin. Við höfum Camino. Við höfum Conqueror. Við höfum öll þessi mismunandi vöfrum. Hlutir sem eru að koma út núna - RockMelt - þótt þeir eru allar byggðar á Chromium. En staðreynd málsins er, að það er ekki bara einn vafra lengur. Þú ert ekki bara að skoða þessar vefsíður með einu forriti. Og svo, mismunandi vafrar vilja bregðast við mismunandi HTML, mismunandi CSS, og mismunandi JavaScript öðruvísi, og hvernig þú takast á við það? Jæja, í vissum tilvikum, getur þú í raun ekki. Vefsvæðið þitt - ef það virkar í einn vafra, kóðinn sem þú skrifaðir mun ekki virka í annan vafra, og það er starf þitt til að tryggja að kóðinn sem þú skrifar er alhliða, að það virkar alls staðar. Svo þetta er mjög hættulegt. Ef þú segir, "Jæja, það er að vinna á tölvuna mína. Great! Skulum fara." Jæja, það er líklega ekki að fara að vinna á minn, og þegar ég fer á vefsvæðið þitt Ég ætla að vera mjög dapur, og ég ætla að fara strax. Svo, við skulum sjá hvernig þú getur komið í veg það. 

The fyrstur hlutur, auðvitað, er aðeins að nota stöðluðu HTML, CSS og JavaScript. Hvað geri ég meina með því? Jæja, there ert a einhver fjöldi af ekki staðall hlutum þarna úti. Til dæmis, í CSS það eru margar útgáfur. Ef þú sérð einhverjar CSS reglum með-MOZ-eða-WebKit, eru þær reglur sérstakur að bæði Mozilla vafra og WebKit vafra, og svo þú vilt vera viss um að ef til vill að þú vilt koma í veg þá hluti því ef þú notar-MOZ-að regla er bara að fara að vinna á Firefox. Og ef þú vilt það virkilega að líta vel út á Internet Explorer líka, þú ert að fara að vera út af heppni. Fyrir HTML einnig, væri hægt að gera hlutina í HTML sem vinna í einn vafra en sem brýtur í annað, og þú vilt forðast að eins mikið og mögulegt er. Og að lokum fyrir JavaScript enn - það eru margar útgáfur af JavaScript, og þetta sumar hljóp inn í vandamál þar Document.getElementsByClassName-- sem venjulega er a fall sem er skilgreint sem hluti af JavaScript staðall - var ekki að finna í Internet Explorer 8. Svo yfir sumarið var ég að vinna í Lab og við vorum að byggja á netinu tilraunir. Og við héldum að það var að vinna mjög vel þar til við komust notendur sem voru með Internet Explorer 8 gat ekki leggja niðurstöður þeirra. Við vorum vantar út á a einhver fjöldi af gögnum. Það gerði okkur mjög sorglegt. Svo, viltu alltaf að ganga úr skugga um að forskriftir eru að fara að vinna alls staðar. 

Og að lokum, nota validator.w3.org sem er það sem við segja þér að gera í pset 7. Gakktu úr skugga um að þínar síður eru staðfestar. Það er mikilvægt vegna þess að í það minnsta fyrsta skrefið geðheilsan stöðva. Er númerið mitt í raun staðla samhæft? Önnur leið til að raða á að hjálpa þér að ganga úr skugga um að vefsvæði þitt sé að fara að vinna undir flestum kringumstæðum er að kannski nota sumir bókasöfnum og umgjörð vegna þess að þessi raunverulega sviði verktaki hafa hugsað um þessi mál fyrir þig. Þeir hafa gengið í gegnum og þeir hafa skrifað mismunandi aðgerðir sem vinna yfir vafra. Til dæmis notum við jQuery í Pset 7. Jafnvel þó þú mega ekki hafa séð hana, jQuery veitir mikið af störfum sem annars þyrfti að skrifa sjálfur. En þessi verktaki skrifaði það, og þeir gerðu viss um að það virkar í öllum vöfrum. Og Bootstrap - sem er annar CSS ramma sem við sýndum þér Pset 7 - það tekur í raun burt a einhver fjöldi af höfuðverk með hanna vefsíður sem líta vel út. í öllum vöfrum. 

Og að lokum, ef þú getur forðast það, forðast ég yfirleitt kóðun frá grunni. Ef þú ert bara að búa til vefsíðu fyrir félagið skólanum þínum, til dæmis, og allt sem þú þarft að gera er að sýna nokkrar síður og ef til vill hafa forseti þinn fara í og breyta nokkrum hlutum hér og þar - það er í raun engin þörf á að kóða sem upp sjálfur. Það tekur a einhver fjöldi af þinn tími. Það tekur a einhver fjöldi af orku þinni, og þú þarft að fara í gegnum og þú þarft að finna út, Jæja, er þetta að fara að líta vel út í þessum vafra, er að fara að líta vel út í þessum vafra. Kannski nota sumir af þessum plástrum sem aðrir hafa þegar skrifað um þig, eins og WordPress eða Joomla eða Drupal. Þetta eru kallaðir efni - þetta eru kallaðir CMSS sem í grundvallaratriðum eru bara pakka sem þegar komið gert fyrir þig, og þú getur sótt þá, setja þá á vefþjóninum þínum, og aðlaga þær hvernig sem þú vilt, og þú ert nú þegar í gangi website. Þeir númer pakkar eru eitthvað til að líta í. Þessir hlutir eru opinn nema að fara fyrir eitthvað eins og - ef þú ert að leita að mynd pakka, það eru hlutir sem eru ekki frjáls eins VBulletin eða IP.Board. Ef þú þarft ekki sumir af þeim háþróaður lögun, þú getur alltaf valið fyrir frjáls valkostur. 

Og að lokum, það er ekkert að forðast það. Þú verður að prófa, próf, próf. Þú verður að prófa kóðann þinn á öllum þessum vöfrum og á öllum þessum kerfum. Og þú veist, IE6 - hafa betur fer fólk byrjaði að flytja í burtu frá IE6 því aftur í dag, kannski fyrir nokkrum árum, vefur verktaki hafði alltaf, alltaf, alltaf pander veikleika IE6 í að fylgja stöðlum. Websites horfði bara svona 1990 fyrir skort á betri leið til að takast á við það. Þú getur líka notað vafrann screenshots til að athuga CSS. Einn mjög kaldur website er browserlab.adobe.com. Þetta er ókeypis þjónusta setja út af Adobe. Og hvað þeir gera er að þeir geta tekið skjámyndir af vefsíðunni þinni keyra undir mismunandi aðstæður - eins og að keyra undir mismunandi vöfrum, keyra undir mismunandi kerfum - og sýna þér hvað þeir líta út. Bara til að sýna þér hvað ég meina hér, bjó ég til vefsíðu síðasta ári sem heitir Líf í Harvard, og það sem ég reyndi að gera - ég reyndi að gera my.harvard betur. Vegna þess að ef þú værir hér á síðasta ári, my.harvard ekki líta út eins og það lítur út núna. Það lítur svona ógeðslegt. En nú lítur það mun betur. Framkvæmd minn var ekki að lengur gagnlegt, en öllum sama, þú veist, ég reyndi að bæta við - (óskiljanlegur) margir hvað - og það lítur - það lítur mjög vel út á tölvunni minni. Og þá, kannski ef ég hefði haft meiri tíma hefði ég farið á vafranum lab, og ég hefði horft á, heilbrigður, hvernig virkar það líta í Króm 18 á Windows. Ég myndi fletta niður og ég vildi sjá - ó nei! Horfðu á tilkynningum kassi. Textinn minn var barmafullur. Svo, það er slæmt, ekki satt? Ef notandi er að nota Chrome á Windows og koma á heimasíðuna mína, sem lítur strax mjög unprofessional. Svo, Ætti ég að fara í CSS mitt og finna út hvaða hluti af CSS minn er að brjóta hér. Hvers vegna er það ekki sýna rétt og festa það svo að allir notendur geta séð sömu vefsíðu og vera bara eins hamingjusamur. 

Og að lokum, vel, eru vafranum screenshots gott fyrir prófun CSS, en hvað um JavaScript þinni? Hvað um ef þið hafið einhverjar flókið handrit sem er í gangi? Jæja, getur þú alltaf gert virtualization. Ef þú ert með Mac þú getur notað bootcamp eða VMWare að virtualize kannski afrit af Windows og nota Internet Explorer þar. Eða, getur þú farið á eitthvað eins Spoon.net, sem því miður virkar aðeins á tölvum. En það sem þeir gera er mjög svalt. Þeir virtualize hugbúnaður fyrir þig svo þú getur keyrt mismunandi útgáfur af IE, til dæmis. Þú getur keyrt mismunandi útgáfur af Firefox. Þú getur keyrt mismunandi útgáfur af Safari og prófa allar vefsíður þínar þar. Því miður eru þeir ekki frjáls. Það er greiddur þjónustu, þannig að það er alltaf svoleiðis þetta - það er alltaf svoleiðis þessum viðskiptum burt milli, vel, ég ætla að gera vefsíðu mína líta vel út. Ef svo er, gæti ég þurft að borga fyrir tiltekna þjónustu til að hjálpa mér að gera það. Einhverjar spurningar á þessum tímapunkti um neitt sem við ræddum um? Ógnvekjandi. Allt í lagi. 

Nú höfum við fleiri atriði til að tala um. Hvernig óður í villur? Hvernig gera þú tryggja að vefsvæði þitt sé að fara að ganga jafnvel þegar eitthvað gerist slæmt? Kannski þú ert ekki með síðu sem heitir food.php. En mig, ég fer á vefsvæðið þitt og ég reyni að opna food.php. Ert þú að fara bara til að sýna mér að hvítt síðu sem segir 404 - Skrá fannst ekki? Eða ætlar þú að segja, "Jæja, ég er leitt að ég gat ekki fundið þetta fyrir þig, en kannski eru hér nokkrar aðrar auðlindir til að hjálpa þér að leita að því sem þú þarft. " Aðrar villur - svo er þetta kallað HTTP villur sem eru bara nokkrar villa merkjamál að netþjóninn gæti sendir aftur til the flettitæki í að ræða eitthvað slæmt gerist. 400 - Bad Request. 401 - Ósamþykkt. 403 er góður af algengt þegar þú ert með möppu sem er ekki ætlað að vera skoðuð af notanda, en notandi reynir að engu að síður. Og 500 - Innri Framreiðslumaður Villa - sem venjulega gerist þegar þú hefur eitthvað virkilega slæmt að gerast með PHP kóðann þinn. En í öllum tilvikum, þessar tegundir af vöfrum - gera þessar tegundir af villum gerast. 

Svo, hvernig gera þú tryggja að þú annast þokkafullur þessar villur og ganga úr skugga um að notandi er ekki bara svoleiðis hanga þarna? Hér kemur. Htaccess. Nú,. Htaccess er eitthvað sem virkar á Apache miðlara, eitthvað sem virkar og virkar á nokkrum öðrum netþjónum eins og heilbrigður. Þetta er bara leið fyrir þig til að stilla netþjóninn þannig að þú getur gert það gera hvað sem þú vilt að hún geri. Sumir hlutir sem þú getur gert. Þú getur stjórnað skyndiminni stillingar. Kannski er það ákveðin síðu á vefsvæðinu þínu sem þú vera viss um að notandinn aftur að sækja í hvert skipti sem notandi kemur og heimsækir vefsvæðið þitt. Eða kannski þú hafa sumir slóð sem er eins yoursite.com / próf / html / síður / hello.html og þú vilt bara að vera yourname.com / halló -. vel, þú getur notað Htaccess að áframsenda eina vefsíðu til annars. Þú getur líka notað það til að gera auðkenningar. Kannski eru sumir hlutar vefsvæðisins sem þú þarft að nota annan lykilorð. Þú getur lokað ákveðnum IP tölur, loka ákveðnum lén. Kannski þú bara virkilega líkar ekki Harvard nemendum með vefsvæðið þitt. Jæja, hefur þú kost á að blokka allar Harvard IP viðtakandi. 

Að lokum getur þú meðhöndla það - þú getur skrifað ákveðnum kóða til að gera netþjóninn meðhöndla eins. Zhao eða. nafn þitt eða. hello síður sem PHP kóða. Kannski sem mun vera gagnlegt. Kannski það mun ekki vera. Og að lokum er hægt að nota það til að höndla villa viðbrögð. Hvað geri ég meina með því? Ef þú bætir einfaldlega kóðann svona - ErrorDocument 404 og síðan beina þeim að einhverju villa síðu, getur þú tryggt að notandi þarf ekki bara að sjá virkilega, virkilega ljót 404 og sýna þeim eitthvað gott. 

Skulum raunverulega taka a líta á hvernig við getum gert það með Pset 7 þinn. Hér er ég í tæki mitt. Ég ætla að opna Chrome, og þá ætla ég að reyna að fá aðgang að síðu sem er ekki til á CS50 fjármálaráðherra. Svo, heimamaður gestgjafi - cats.php--svo, eftir að ég stofnaði villu skjal sem segir, "Canz ekki finna z síðuna!" Það hefur mjög sorglegt kött á það. Ef þú ferð á Twitter, ef þú ferð á einhverjum af þessum stöðum, þú getur ekki fundið síðuna, reyna þeir yfirleitt að sýna þér sætur mynd þannig að þú ert ekki of vonsvikinn. Þú gætir líka hafa eitthvað sem er meira faglegur sem segir, Jæja, ég er hryggur ég gat ekki fundið á síðunni, en kannski er hér leita kassi. Eða kannski eru hér nokkrir tenglar sem hjálpa þér að finna tengil sem þú vilt. Svo, hvernig var ég að gera þetta? Hvernig er þetta jafnvel mögulegt? Ef við förum inn í flugstöðinni okkar hér - Ég ætla bara að fara að stækka smá - eftir því að ég er með nýja síðu. Inni HTML skrá mína það heitir - þú getur ekki séð það - það heitir error.php. Og error.php er bara skrá sem ég gerði sem sýnir þér þá síðu sjálft. Ég get sýnt þér hvað error.php er. Það er einmitt þessari síðu. Það segir, "Oh no! Canz ekki fundið z síðuna!" Og, ef þú vilt sjá - svo, eftir því Htaccess konar er undarlegt nafn.. Það byrjar með punkti, sem þýðir að það er kerfi skrá. Það er falinn skrá sem er venjulega ekki sýnt. Ef þú gera ls-a, getur þú séð allar falinn skrá í ákveðinni möppu, og raunar, að sjá þig. Htaccess er einn af þeim. Við skulum fara á undan og opna Htaccess. - með gedit - Boom! Allt sem ég hef er ein lína þarna - Villa skjal fyrir 404 villur sem eru einnig þekkt sem skrá-not-finnast villur. Skulum beina þeim til eitthvað sem heitir error.php. Hægt er að hafa gaman það eins canz ekki fundið z síðuna! Og það eru líka mjög kaldur hlutur sem þú getur gert við. Htaccess. Ef þú vilt sjá meira. Htaccess galdur, þetta er mjög flott heimasíðu til að fara til - það er kallað javascriptkit.com/howto/htaccess.shtml-- ef þú vilt að framkvæma fleiri miðlara galdur. Og það gæti verið mjög gaman. 

Whew! Allt í lagi! Meira sætur myndir. Þetta er gaur að gera ýta-ups, og kötturinn hans er að reyna að hjálpa. Ég held að það er mjög sætur. Því miður, ég hef ekki kött svona. Allt í lagi. Svo höfum við talað um. Htaccess. Við höfum talað um meðhöndlun villa. Við höfum talað um hýsingu, lén. Við höfum talað um kross-vafranum eindrægni. Nú hvernig gera við viss um að vefsvæði þitt raunverulega framkvæma? Hvernig eigum við að tryggja að ef ég fer á vefsvæðið þitt Ég get séð síðuna þína innan nokkurra sekúndna? Eitt af því sem ég held að fólk bara svona gleyma er mynd hagræðingu. Segjum að þú vildir að setja mynd á síðuna þína og það er 2 mg stór. Það gæti verið fínt fyrir okkur vegna þess að við erum í Harvard, og við höfum mjög fljótur tengsl. En ímynda einhvern í Kína. Ímyndaðu þér að einhver í Indlandi. Ímyndaðu þér að einhver vill í dreifbýli Kansas sem kannski hefur ekki sömu tegund af breiðband Internet sem við höfum. Ef þú ert með 2 MB mynd á síðuna þína og notandinn er að reyna að opna það, það er að fara að taka þá mjög langan tíma að hlaða niður. Svo, ef þú þarft ekki þessi tegund af einbeitni, þá er hægt að breyta stærð myndar með eitthvað eins og Adobe Photo Shop. Það er yfirleitt möguleiki kallast öruggt fyrir vefinn og tæki, og hvað það gerir er það ræma út allar óþarfa upplýsingar og svoleiðis compacts skrá inn litla mynd stærð svo að þú getur setja það á vefsíðu þína, og allir notendur sem reynir að sækja að síðu er að fara að sækja minni útgáfa af myndinni þinni. Ef þú ert ekki með Adobe Photo Shop webresizer.com er einnig önnur úrræði þar sem þú getur inntak mynd og það mun spýta út nákvæmlega sömu mynd, en það mun vera eitthvað eins og 3 sinnum minni. Svo er það mjög gagnlegt fyrir notendur. 

Annað sem þú getur gert er minify kóðann. Ef við lítum á Google.com, þú munt sjá að það er ekki svoleiðis sama HTML og CSS sem við erum vanir. Bara að fara að horfa á the uppspretta merkjamál hér. Ef ég skruna bara niður - vá, það lítur nokkuð ógeðslegt. Þetta myndi fá núll á stíl. Ef þú dulmáli þetta fyrir Pset þína, verður þú að fá núll á stíl. Þetta hefur engin bil. Nöfn líta mjög dulinn. Það er allt mjög ógeðslegt. Og handritið að loka í líkamanum - lokun HTML - þeir eru allir saman - allt smushed saman. Hví gera þeir það? Þeir minified númer þeirra. Takið eftir að þetta skjal er að fara til vera a einhver fjöldi minni fyrir mig að sækja en eitthvað með hvítu rými, en eitthvað við raunverulega langur breytu nöfn. Ef þú minify kóðann þinn þú ræma út alla hvítt rúm. Auðvitað, vafrinn þinn styður ekki sama ef þú hefur einhverjar hvítt pláss í kóðann þinn. Þú ræma það út, nú get ég sótt minni skrá - nú skrá - hefur skjalið sem við erum að fara að sækja minni stærð, það verður hraðar fyrir mig að sækja, og það er gagnlegt. Ef þú ert að vinna með vefsíður og þú ert stokkunum vefsíðu, það er nánast alltaf gott að minify kóðann þinn. Önnur ástæða hvers vegna það gæti verið gott er kannski að þú vilt ekki að aðrir nota kóðann þinn. Kannski þú vilt ekki að aðrir nota CSS. Þú veist ef þú vildir virkilega að vera stingy með það, þá getur þú líka minify númerið þitt, og það væri erfiðara fyrir mig að stela henni því ég hef ekki hugmynd um hvað er að gerast. Þú getur líka farið til vefsíður eins minify.avivo.si. Þjónusta eins og þetta á netinu hjálpa þér minify númerið þitt þannig að þú þarft ekki að gera það af hendi. Ákveðið að gera það ekki af hendi. 

Allt í lagi. Nú tala um forskriftir. Kannski í PHP kóðann þinn það er eitthvað sem þú þarft ekki að gera. Kannski er það auka lykkjur í það. Við ræddum um að hanna í CS50. Jafnvel ef þú ert að erfðaskrá í C ef þú ert - ef þú ert að gera auka vinnu að þú þarft ekki að gera vel, það er að fara að hægja á skriftum þínum á vefsvæði þínu, og þetta er sérstaklega mikilvægt fyrir vefsíður þar sem notendur nú á dögum eru mjög óþolinmóð. Ef þú ert að gera óþarfa vinnu, það er að fara að taka þau lengur að komast að upplýsingum sem þeir vilja, og hann ætlar að vera mjög óhamingjusamur. Að lokum, getur þú vilt að hagræða gagnasafn töflur. Mundu að við ræddum um stuðla. Þeir eru ekki einungis gott fyrir því að tryggja að þú sért með línu sem er einstakt. Þeir eru einnig gott fyrir því að tryggja að gagnasafn virkar hratt. Ef þú vilt lesa upp á að fara til the MySQL gögnum, eða þú getur litið á - ja, hvernig hagræða ég gagnagrunn borð mitt? Hvernig get ég viss um að ég hef vísitölur sem hjálpa mér að komast að upplýsingum hraðar? 

Það eru líka lítill bragðarefur sem þú getur notað eins flýtiminni. Ef þú ert PHP - ef þú hafa a blog, til dæmis, og þú ert - og það er máttur við PHP eða einhverju öðru tungumáli - þú getur skyndiminni bloggið þitt á segjum 50-mínútu millibili þannig að þú getur þjónað truflanir síður eða truflanir HTML gestir á síðuna þína. Þannig að notendur þurfa ekki að keyra PHP handrit í hvert skipti, og kannski að verða hraðari fyrir þá að fá aðgang að upplýsingum. 

Og að lokum er hægt að nota eitthvað eins og CDN. Takið eftir að þegar þú sækja Pset, þú ferð alltaf til CDN.CS50.net. Hvers vegna er það? CS50 notar einnig tegund af eins og a CDN - útbreiðsla netsins - sem þýðir bara að það er fullt af netþjónum kannski einhvers staðar í kringum hnöttinn að hjálpa þjóna síður til þinn gestur. Ef gesturinn þinn er að fá síðu frá þjóninum sem er nær þeim landfræðilega, þá líklegast gestur þinn er að fara að fá að skrá mikið hraðar. Einnig eru heimildir á netinu sem hjálpa þér að gera það. Einn af þeim er CloudFlare. Þau bjóða upp á ókeypis CDN þjónustu. Ef þú hefur stór skrá sem þjóna til notenda, þá kannski er það betra að setja þær á CDN þannig að þeir geta fá þá hraðar. 

Endanleg atriði fyrir daginn er að leita vél optimization. Hvað er að leita vél optimization? Það er að tryggja að leitarvélar eins og Google eða Bing eða Yahoo getur farið á síðuna þína og skríða á síðuna þína og vísitölu síðuna þína og þegar Ég, til dæmis, fara á Google.com og ég reyni að leita að einhverju, þá síðuna þína mun skjóta upp kollinum. Hvernig gera þú tryggja að vefsvæði þitt er eitt af efstu 10? Því eins og við allur vita, ef þú leitar að einhverju á Google og það er ekki á topp 10 þú ert líklega ekki að fara að líta á næstu 10. Þetta er tegund af efni sem er líkklæði í leyndardómi. There 'a einhver fjöldi af efla þarna úti á netinu. There ert a einhver fjöldi af hjátrú um ef þú x þá Google mun eins og þú betur. Ef þú Y þá Google mun eins og þú betur. Það er líklega betra að líta inn skjöl leita risastór sig. 

Þetta er einn af þeim skjölum á Google sem segja þér nákvæmlega hvernig á að hagræða á síðuna þína svo að Google aðgang og vísitölu það mjög fallega. Þú þarft ekki að afrita niður þessa vefslóð af því að þetta kynning er að fara að vera á netinu samt. Ef þú horfir á þetta, og þú lest þetta það eru sumir mjög góðar vísbendingar þarna. Google segir þér - ef þú vilt virkilega síðuna þína til að vera verðtryggð vel þá ættir þú að gera allt þetta. 

Annar hlutur sem leitarvélar raunverulega eins og er ferskt efni. Ef þú hefur efni sem er uppfærð mjög reglulega þá leitarvélar segja, ooh, ég eins og á síðuna þína. Ég ætla að fara á síðuna þína mjög oft. Ég ætla að kemba mikið af síðunum þínum. Ef þú hefur nýtt efni þá ertu líklegri til að mæta - þú ert líklegri til að vera meira viðeigandi. Þú ert líklegri til að vera meira uppfærð, og leitarvélar eru líklegri til að setja á síðuna þína yfir aðra. 

Deep tenglar eru einnig mikilvægur. Ef þú vildir virkilega síðuna þína til að líta vel út í augum leitarvélarinnar hafa a einhver fjöldi af öðrum vefsíðum tengdir honum og tengd djúpt inn í vefsíðuna þína. Ekki bara tengil á heimasíðuna þína. Tengjast kannski yourname.com / eitthvað / eitthvað / something.php. Að - til a leita vél - þýðir, vá, þeir hafa mjög áhugavert efni að einhver annar er að tengja svo djúpt í síðuna þeirra sem ég ætti virkilega, virkilega setja meiri áherslu á síður heimasíðunnar. 

Ef þú hafa nákvæmar titla síðu, ef þú hafa engar villur sem er gott vegna þess að ef leitarvél er að reyna að heimsækja síðuna þína, og það er að fá villu, það er líklega að fara að gefast upp mjög fljótlega. Og að lokum, þú vilja til hafa a fljótur hlaða tíma vegna leitarvélum - rétt eins og menn - Enga hafa a einhver fjöldi af þolinmæði fyrir hægur vefsíður. Þetta er leið fyrir þig að ganga úr skugga um að þú mæta hærra í leitarvél fyrirspurnir og vonandi þannig fá meiri umferð. Því eftir allt, hefur þú eytt öllum þessum tíma að þróa vefsíðuna þína. Þú eytt öllum þessum tíma að hefja þessa heimasíðu á netinu. Þú vilt tryggja að þú hafir nóg af notendum sem raunverulega sjá innihald. 

Önnur góð úrræði til að nota. Google Webmaster Tools er eitthvað að horfa á. Þetta hjálpar bara þér að sjá - Google er ekki flokkun á síðuna mína. Hvaða tegund af villa er það að hitta? Hversu margar síður hefur það verðtryggð? Hvað þýðir það að sé mikilvægasta efni á síðuna mína? Kannski er það ekki það sem ég vil það að vera. Kannski þarf ég að breyta vefsíðu mína svolítið þannig að það er endurspeglast betur hvað vefsíðan mín er raunverulega um. Google Analytics er annar mjög kaldur tól. Þú getur bætt smá JavaScript til síðurnar þínar. Og þá eftir að þú getur farið á Google Analytics, og það mun fylgjast gestur lýðfræði og síða vöxt þinn. Það mun segja þér nákvæmlega hversu margir gestir heimsækja síðuna þína innan dags og því næst, innan ákveðins klukkustund, innan ákveðins viku. Hversu margir gestir frá Kína? Hversu margir gestir frá Suðurskautslandinu - þú ert að fá á vefsvæðið þitt. sem gæti verið eitthvað svalt að sjá eða það gæti jafnvel verið gagnlegt vegna þess að þú ert að reyna að miða á tiltekin hóp. Kannski þú ert að reyna að miða á unglinga með vefsíðu þína, og þú sérð að flestir gestir á vefsvæðið þitt eru kannski 30 - til 40-ára, þá kannski annað hvort þú ert með vandamál eða þú getur bara sagt, Jæja, þá kannski ég ætti bara að breyta áherslum vefsíðu mína, svo að Ég einblína meira á þeim aldurshópi. 

Google Apps - ef þú vildir hafa einhverskonar tölvupóst með nafni lénsins - kannski eitthvað eins yourname@yourname.com-- þú getur notað Gmail netföng - þú getur notað Gmail og Google Apps er ein leið til að gera það. Þú getur sett upp sérstakar netföng sem eiga sérstaklega við ríki nafn þitt staðinn of@gmail.com. 

Og að lokum, það eru vefur eftirnafn verktaki og bæta við-ons - fyrir Króm, fyrir Firefox, fyrir aðra vafra - sem leyfa þér að fara í og ​​skoða CSS, skoða JavaScript, sjá nákvæmlega hvað er athugavert við JavaScript handritið, og kannski sem mun vera gagnlegt fyrir tilgangi þínum de-þrjótur, fyrir þig að finna út - Ja, hvers vegna er vefsíðan mín ekki sýna rétt í þessum vafra? 

Og að lokum, ef þú vildir að læra meira um allar þessar efni - ef þú vildir að læra meira um HTML og CSS og JavaScript - því eftir allt, kenndi við aðeins þér svolítið - þú getur farið vefsíður eins W3Schools.com að leita að fleiri auðlindir. Þeir hafa mjög gott námskeið um hvernig á ég að gera x, eða hvað þýðir Y mean? Ef þú vildir að læra meira um þessi tungumál þú getur einfaldlega fara hér. 

Allt í lagi. Ég held að ég vildi yfirgefa síðustu nokkrar mínútur af þessu fyrir spurningar, svo eru einhverjar spurningar um allt sem við ræddum um? [Áheyrandi] Hvers konar hlutir eru á W3Schools og hvernig er það nær? [Yuechen Zhao] Hvers konar hluti? Svo, einn af mjög stærstu hlutum sem ég nota mikið er vísun þeirra. Tilvísanir smáatriði þeirra, td fyrir CSS - hvað þetta þýðir eða ef þú vildir breyta bakgrunni á síðunni - hvernig gerir þú það? Hvaða vafrar styðja þessi skipun? Hlutina eins og þessi. Og þá líka bara mjög gott námskeið á HTML, á PHP, á JavaScript, á MySQL, á alls konar mismunandi efni. Þeir hafa gott námskeið. Þeir kenna þér hvernig á að gera hlutina. Það er gott að vera fær um að fara og læra meira um þessi mál. 

[Áheyrandi] HTML 5 er enn ekki samhæft með öllum vöfrum þarna úti. Vilt þú mæla með bara gista í burtu frá honum vegna þess að málefni eindrægni? Hvernig myndir þú bregðast við því? [Yuechen Zhao] Já, svo spurningin er HTML5 er enn barn staðall. Það er í raun ekki studd af fullt af vöfrum, svo ættum við að forðast það? Ég held á síðasta ári sem ég hefði verið mjög stór talsmaður, við skulum forðast HTML5 því það er enn - það er samt mjög mikið nýtt og í raun HTML5 staðall hefur ekki verið gengið enn. Og svo, það raunverulega er ekki HTML5 staðall. En ég held sérstaklega ef þú ert að hanna vefsíðu núna, það gæti verið betra ef þú ferð bara með HTML5 því það er tegund af að fara að vera í framtíðinni, og ef þú vilt þinn website til vera framtíð-sönnun og þú vilt vefsvæðið þitt til að vinna í framtíðinni vöfrum, það gæti verið betra að byrja að byggja upp eitthvað til framtíðar en áður, og líka bara vegna þess að HTML5 raun er ekki annað frá HTML4 eða XHTML. Ef þú ert að nota HTML5, venjulega það mun virka í flestum vöfrum. Þú verður bara að raða á að fara í og ​​tryggja með þessum screenshots og gættu við að fara á þessum vefsíðum sjálfur. En líklega það mun virka nema þú ert að nota mjög sérstaka eiginleika til HTML5. Takið líka að fyrir CS50 - til dæmis, the vídeó leikmaður sem við notum - það notar HTML5 og HTML5 vídeó til að birta fyrirlestra. En ef þú hafa a raunverulega gamla vafra, þá er það mun falla aftur á Flash. Svo, það er líka eitthvað annað - hafa haust-bak kerfi þegar þú veist bara að vafrinn er ekki að fara að höndla hvað þú vilt hafa það til að höndla. 

Aðrar spurningar? Nokkuð sem við ræddum um. Allt í lagi. Þá held ég að það er um það fyrir mig. Ég held að það. (Applause) Cool. [CS50.TV]