[Powered by Google Translate] [Seminar] [Ettevalmistused saidi Web] [Yuechen Zhao] [Harvard University] [See on CS50.] [CS50.TV] 

Okei. Siin on veel üks tund veebiarendust kui te olete selleks valmis. Täna ma lähen rääkima valmistub saidi veebis. Kogu päeva - ja tõenäoliselt viimase 2 nädala jooksul - me oleme rääkinud, kuidas luua veebisait, kuidas kasutada HTML, kuidas kasutada PHP, kuidas kasutada raamistike kuidas veenduda, et saate suhelda andmebaasi - asjad niimoodi. Aga täna me räägime, kui teie sait läheb elama pärast CS50. Sest lõppude lõpuks CS50 ei juhtu möödunud detsembris. Me läheme räägime domeeninimede hosting. Me ei kavatse rääkida, mis piiriülese brauseri ühilduvuse ja platvormide ühilduvus on ja kuidas saab veenduda, et teie sait hakkab tegutsema kõigis tingimustes. Me räägime veatöötlus ja muu server magic. Me räägime tulemuste optimeerimine, otsingumootori optimeerimine, ja kuidas saada inimesi tegelikult külastada oma veebilehed. Ja lõpuks, just häid ressursse, et teha kindlaks, et kutid on piisavalt nende minna välja oma lõpliku projekti ja loodetavasti pärast. 

Esimene asi, mida me ei kavatse rääkida, on domeeninimed. Praegu olete programmeerimise oma seade, sa lähed, et kohalik host mis ei ole tegelikult domeeninimi. See on omamoodi lihtsalt hüüdnimi või alias teie tegelik Linuxi paigaldamine sees kas VMware Mac või VMware Player PC. Domeeninimede võimaldab teil panna saidi veebi ja seejärel minna midagi www.google.com ja saada veebilehel. Kuidas nad toimivad? Oletame, et sa oled lihtsalt keskmisest web server - Keskmine veebi ja teil on sülearvuti, ja lähete www.howstuffworks.com. Te saate tõenäoliselt näha, kus ma varastas selle alates. Kuidas asju tööd - arvuti siis küsige kohalike DNS server, "Kas sa tead, kus see veebisait on?" "Kas sa tead, IP-aadress www.howstuffworks.com?" DNS server võiks öelda: "Jah, ma tean." Sellisel juhul saad IP aadressi ja arvuti ligipääsude IP aadress. Kui seda ei juhtu, siis küsib teise DNS server: "Hei! Kas tead, mida www.howstuffworks.com on?" See server võiks öelda: "Jah, ma tean." Niisiis, see ütleb teine, mis see on, ja lõpuks, et teavet saab edastada arvutist, ja pääsete howstuffworks.com. 

Kuidas saab üks neist maagiline asjad? Kuidas saab olla www.yourname.com või www.ilovecats.com? Sa võid registreerida üks, ja seal on palju veebisaite seal, mis võimaldavad teil teha. Peate - enamikul juhtudel peate maksma neile. On teatud domeeninimesid, mis on tasuta. Kui te lähete www.co.cc või. Tkdomainnames, need on tasuta. Aga nad tulevad teatud piirangud, ja tegelikult mõned neist võivad olla isegi reaalne, tipptasemel domeeninimede nagu. com või. net. Tavaliselt Pakun läheb üks neist sest kasutajad on lihtsalt mugavam neid. Sa oled näinud palju. Coms. Sa oled näinud palju. Võrke. Sa ilmselt ei ole näinud palju. Co.cc 's, nii et nad on raskem meeles pidada. Erinevad veebilehed nagu Godaddy või NameCheap või - ma kasutasin üks, mis on selline pealiskaudsed - nn activedomain.com. Tundub tõesti pealiskaudsed, kuid see töötas väga hästi minu jaoks. 

Ja lõpuks, mida teised, et võib-olla teha rohkem reklaami nagu Network Solutions. Aga kui sa lähed peale NetworkSolutions.com ja vaadata oma hinnapoliitika see on tõesti kallis. Ma otsisin neid eile. Sest ühe aasta domeeninime, see ilmselt ei ole väärt, et palju raha. Tegelikult, kui sa oled teinud. Com või. Org või. Net Tavaline hind on umbes $ 10 aastas. Nii et kui sa maksad palju rohkem kui see, et ta ilmselt ei ole see seda väärt sest lõppude lõpuks, need veebilehed ei tee midagi, et domeeninimi. Nad lihtsalt annan selle sulle, ja et kui sa saad selle eest odav, siis miks mitte? 

Teine asi on see, kui sul on oma domeeninime, siis sa ilmselt tahad minna kas Godaddy.com või kus iganes sa ostsid oma domeeninime ja seada nimeserverite et domeeninimi. Mida see tähendab, kui kasutaja läheb www.howstuffworks.com, need nimeserveri IP-aadressid on IP-aadressid, et nad oleksid võimelised üles otsima. Nad oleks võimalik pääseda ligi oma kodulehel läbi nende nimeserverite. Kui te taotlete hosting kusagil siis teie host on tõenäoliselt teile nimeserverite kasutada. 

Ja lõpuks, seal on see asi, mida nimetatakse WHOIS. WHOIS andmebaas on andmebaas, kus võid sisestada domeeninime ja see sülitama infot kõnealuse ala omanik ja muud kontaktandmed. Nüüd võite öelda: "Ma tõesti ei taha, et minu kodu aadressi või ma tõesti ei taha, et mu e-posti aadress kodulehel, et keegi näha või Internetis kõigile näha. " Siis võiksite kasutada midagi, mis on palju hosting pakuvad - nagu WHOIS manager. WHOIS juht on lihtsalt üks teenus, palju neid ette näha, et peidavad, et teave ja lihtsalt paneb kes on manager nime - aadressiraamatu jaoks see on tavaliselt lihtsalt, et firma nimi, mis on antud teile selle domeeninime - ja nii siis teie isikuandmeid ei lekkinud Internetis mis on tavaliselt üsna hea. Ma ise kasutada ühte neid teenuseid. Kui te ei hooli oma eraelu siis ei ole tegelikult küsimus. 

DNS server tähistab Domain Name System, ja mis see on - see on omamoodi nagu hash tabel kuskil, mis ütleb,  "See kodulehekülje aadress läheb map sellele IP-aadress." Ja see kõik on. Nii et kui sa päringu see DNS server, siis saad IP-aadressid eest, et vastav domeeninimi ja siis külastada, et veebilehel. (Publik küsib küsimuse - kuuldamatu) Esimene? Esimene tase tegelikult on tavaliselt lihtsalt arvuti vahemälu ise. Arvuti omamoodi meenub viimane kord, kui sa läksid www.google.com see oli see IP-aadress, ja siis mõne aja pärast, et cache aegub, ja siis küsida nagu Comcast DNS, "Hei, mis www.google.com?" Tavaliselt, kui sa osta domeeninime ja sa registreeruma üks, ja sa loodud veebileht, sa ei saa minna, et veebilehel kohe, et domeeninimi sest nimeserverite maailmas ei tea oma domeeninime veel. See on asustada. Tavaliselt kulub umbes 24-48 tundi. Hea küll. Nii, et natuke domeeninimed. Nad on väga lahe. Ma arvan, et sa peaks saama üks, kui olete tõsiselt projekti ja kui sa tõesti tahad teha oma projekt, mida tuntakse kogu campus, võttes domeeninime teeb see välja tõesti professionaalne. 

Siis järgmine samm on muidugi, et on mingi hosting. Kui sa lihtsalt võõrustada seda oma arvutis, keegi ei hakka kunagi olema võimalik minna seda. Sa võiksid luua oma arvutis server ja hoida arvuti igavesti, Aga see ei ole soovitatav. On olemas erinevat tüüpi hosting internetis saadaval. Seal on jagatud hosting. Seal on VPN (arusaamatu), mis on virtuaalne hosts. Seal on pooleldi pühendunud ja pühendunud. Viimase 3, VPN, pooleldi pühendunud ja pühendunud on tavaliselt kallimad. Nad tavaliselt kasutatakse veebilehtedel, mis nõuavad rohkem ressursse. Kui sa oled hakanud just läbi veebilehe, see võib lihtsalt olla säästlikum minna jagatud hosting. Ja mis jagas vahendid on lihtsalt hunnik veebisaite on kõik koos omamoodi ühes serveris sellel veebilehel on see host server ja saate juurdepääsu oma veebilehel kaudu domeeninimi. 

Seal on palju populaarsem võõrustajad seal. HostGator ja DreamHost - need on väga, väga suur ja väga populaarne ja väga edukas. Mina isiklikult kasutada üks nn MDDHosting. Kui te lähete www.mddhosting.com, et mu host valik. Ma arvan, et nad on väga hea. Nad on alati olnud väga usaldusväärne, ja ma pole kunagi olnud mingeid probleeme nendega. Neil on ka väga konkurentsivõimelise hinna. Kaks et ma ei meeldi on GoDaddy - see on ka väga populaarne peremehe kuid ma olen olnud kohutav kogemusi nendega, ja palju inimesi, et ma tean, et on olnud tõesti kohutav kogemusi nendega. Nad justkui minna pärast inimesi, kes ei tea, mida nad teevad - äkki sa üritad kodulehel esmakordselt, ja nii nad omamoodi con nad ostavad oma hosting pakett. Ära tee seda. Ärge langevad ta. Mine otsima muid hosting pakendid, mis tõesti sobib teie vajadustele. Ja teine ​​on - seal on vaba hosts seal. Seal on veebilehed, mis võõrustab oma kodulehel tasuta - mõnikord pannes reklaami oma saidil, mõnikord muutes osalete oma foorumid, kuid mõnikord lihtsalt ka tasuta. Aga olge vaba hosts, sest palju neid tegelikult lihtsalt minema äri mõne kuu pärast. Sa lihtsalt ei ole kursis kulud. Teised on lihtsalt väga usaldusväärsed, ja teie sait on alati maha, ja sa ei taha, et see juhtuks. 

Iga vastuvõtva pakuvad oma juhtpaneel. Pange tähele, et teie seade, seal tõesti ei ole juhtpaneel iseenesest. Teil on kasutada terminal minna ja muuta faile. Sa pead chmod asjad ise. Kui sa tahad minna phpMyAdmin sa pead minema localhost @ / phpmyadmin ja asjad niimoodi. Kuid juhtpaneel võid minna ja redigeerida faile oma serverisse Windows Explorer või leidja tüüpi rakendus. Või võite minna läbi ja vaata oma andmebaase oma tööriist asemel phpMyAdmin. Niisiis, on palju valikuvõimalusi siin ja mõned enam populaarne juhtpaneelid on seal. Aga kui otsite host, siis võiksite vaadata, mis liiki kohandamised ja valikud nad pakuvad mulle, et kohandada oma server ja teha oma kodulehel käivitada parem. Nii, siis võite küsida: "Noh, kuidas ma saan valida hosting?" Kui te lähete, et iga vastuvõtva kodulehel on palju kõnepruuki, ja seal on palju võimalusi. Seal on palju erinevaid hindu ka. Tavaliselt ma minna odavamate lihtsalt sellepärast, veebilehed, et äkki sina ja mina teha - ja eriti just nüüd, eriti kui starterid - nad ei vaja nii palju ressursse Nagu võiski veebilehel nagu Microsoft.com. 

Esiteks, mida soovite vaadata operatsioonisüsteemi kui sa oled tõesti uudishimulik, kas saidile saab olema majutatud Linux, Windows või Mac. Tavaliselt me ​​lihtsalt minema Linux, sest see on tavaliselt odavam, ja ka üks, mis võib-olla te olete rohkem kursis, sest seade. Ja siis, äkki nad panevad mõned piirangud summa ribalaius, et sa saad - meeldib, kuidas paljud megabaiti või gigabaiti andmeid saab kasutaja alla laadida oma veebilehel kuus? Või kettaruumi. Kui palju ruumi sa saad? Kas see 500 MB? Kas see 2 GB? Kas see piiramatu? Tänapäeval palju veebiserverid sulle piiramatu kettaruumi kui teed neid ahvatleb teil saada oma hosting pakett. Aga kui sa tõesti arvad, kui te kunagi vaja piiramatu kettaruumi? Kui teil on paar HTML faili, paar PHP, paar pilte - see on ainult paar megabaiti, ja nii tavaliselt ma lihtsalt minna võibolla mõned gigabaiti väärtuses ruumi ja mis võib olla piisav, et alustada mind kuni ma vajan rohkem. 

Lõpuks need võivad piirangud milliseid - kui palju andmebaase, võite lasta. Äkki saab olla ainult 1 andmebaasis. Võib-olla sul võib olla 2. Võib-olla sul võib olla 10. Kas see on tõesti oluline, kui palju sa saad? Asjad küsida. Ja siis lõpuks, lihtsalt asjad keeles. Kas nad toetavad PHP? Kas nad toetavad MySQL? Enamik hosting veebilehed ei toeta neid, sest nad on vabad. Nad on avatud lähtekoodiga. See ei maksa neile midagi pakkuda neid teile. Aga kui sa tahad kasutada, ütleme, Ruby või Python või mõned neist teistes keeltes - nad ei pruugi seda toetada oma server, nii et see on oluline, et otsida neid asju. 

Ja lõpuks, kas nad võimaldavad teil teha mõned rohkem arenenud asjad SSL või cron töökohti? SSL on võimalus, kus saab teha oma veebilehe turvalisemaks muutes HTTPS ja krüptida ühendused. Ja cron töökohti lihtsalt võibolla skriptid, mida soovite käivitada iga 5 minuti järel, iga 10 minuti tagant, iga 15. Palju virtuaalserver veebilehed ei pane piiranguid arvu cron töökohti, et saate käivitada, sest see võtab rohkem ressursse. 

Ja lõpuks, just kõike muud, mida soovite vaadata - veenduda täpselt, mis toimub enne kui osta oma hosting pakett. Ja lõpuks, jõudlust. Performance on tohutu. Kui kiiresti minu kodulehel kavatse joosta? Enim kasutajaid ei kavatse oodata isegi sekundi veebisaidi joosta enne kui nad lihtsalt igavleda, ja nad lähevad edasi MeanBase ja alustada vaadates pilte kassidest - sa tead, mis juhtub, ja sa tahad teha kindel, et sa saad selle kasutaja pardal ja et teil on hea uptime, mis lihtsalt tähendab, et oma veebilehel saab olema igal ajal kättesaadav. Palju hosts on tõesti halb uptime ja see tähendab lihtsalt oma veebilehel ei kavatse olla kättesaadavad, ja sa ei taha, et see juhtuks, sest võite olla kurb. Ja saab ka jälgida oma peremeesorganismi jõudlust veebilehed nagu Pingdom.com või Host-tracker.com, ja nad lihtsalt öelda, kui sageli on saidi maha. 

Ja lõpuks, sa tahad, et näha oma toetust. Kui teil on probleem nad lähevad vastata Teile 24 tunni jooksul? Kas nad vastata Teile 48 tunni jooksul? Hosting teenust, et ma kasutan tavaliselt vastab mulle mõne minuti jooksul mis on tõesti kena. Huh! Olgu! On aeg murda. Aga ma ei kavatse seda sulle anda. Me lihtsalt vaadata pilte Armsad kassid iga nüüd ja siis. 

Teine tõesti suur asi on piiriülese brauseri ühilduvuse. Mida ma mõtlen piiriülese brauseri ühilduvuse? Sa tead, et tänapäeval ei ole lihtsalt Microsoft Internet Explorer. See ei ole lihtsalt Mozilla Firefox või Safari. Nüüd on Chrome. Meil on Opera. Meil on Dolphin. Meil on Camino. Meil on Conqueror. Meil on kõik need erinevad brauserid. Asjad, mis tulevad välja nüüd - RockMelt - kuigi need põhinevad kõik kroom. Kuid faktiks on, ei ole lihtsalt üks brauser enam. Sa pole lihtsalt vaatamise neid veebilehti ühe taotluse. Ja nii erinevad brauserid reageerivad erinevad HTML, erinevate CSS, ja erinevad JavaScript erinevalt ning kuidas sa tegelema sellega? Noh, teatud juhtudel, sa tõesti ei saa. Teie kodulehel - kui see töötab ühes brauser, koodi, mis sa kirjutasid ei tööta teises brauseri ja see on sinu töö, et veenduda, et kood, mis sa kirjutad on universaalne, et ta töötab kõikjal. Nii, see on väga ohtlik. Kui te ütlete, "Noh, see töötab minu arvutis. Suurepärane! Liigume edasi." Noh, see on ilmselt ei kavatse tööd minu ja kui ma lähen oma veebilehel Ma väga kurb, ja ma lähen lahkuda kohe. Nii, vaatame, kuidas saab vältida. 

Esimene asi, muidugi, on kasutada ainult standard HTML, CSS ja JavaScript. Mida ma selle all silmas? Noh, seal on palju mitte standard asjad seal. Näiteks CSS on palju versioone. Kui näed CSS reegleid-moz-või-WebKit-, need reeglid on konkreetsed nii Mozilla brauserid ja WebKit brauserid ja et sa tahad veenduda, et äkki tahad, et vältida neid asju, sest kui te kasutate-moz-et reegel on ainult kavatse tööd Firefox. Ja kui sa tõesti tahad seda vaadata head Internet Explorer ka, sa lähed läbi õnne. HTML-ka, mida võiks teha asju HTML et töö ühes brauseris kuid mis murrab teise, ja sa tahad, et vältida nii palju kui võimalik. Ning lõpuks JavaScript isegi - on palju versioone JavaScript, ning sel suvel me sattus probleem, kus Document.getElementsByClassName-- mis on tavaliselt funktsioon, mis on määratletud osana JavaScript standard - ei olnud leida Internet Explorer 8. Nii suvel töötasin laboris ja olime hoone online-eksperimente. Ja arvasime, et see töötas väga hästi kuni mõistsime kasutajad, kasutasid Internet Explorer 8 ei saanud esitada oma tulemusi. Olime kaotanud palju andmeid. See tegi meile tõesti kurb. Niisiis, sa alati tahad teha kindel, et teie skriptid tööle hakkavad kõikjal. 

Ja lõpuks, kasutage validator.w3.org mis on see, mida me ütleme teile, mida teha pset 7. Veenduge, et teie leheküljed on valideeritud. See on oluline, sest see vähemalt on esimene samm terve mõistuse kontrolli all. Kas minu kood tegelikult standardeid järgiv? Teine viis omamoodi aitavad teil veenduda, et teie sait läheb tööle Enamikel juhtudel on võibolla kasutada mõningaid raamatukogude ja raamistikud sest need on tõesti targad arendajad on mõelnud neid küsimusi teile. Nad on läinud läbi ja nad on kirjutatud erinevaid funktsioone, mis töötavad üle brauseritega. Näiteks võime kasutada jQuery in pset 7. Isegi kui te ei näinud seda, jQuery pakub palju funktsioone mis muidu oleks teil kirjutada ise. Aga need arendajad kirjutas ta, ja nad kindlaks teinud, et see töötab kõigi brauseritega. Ja Bootstrap - mis on teine ​​CSS raamistikku, mis me näitasime teile pset 7 - see tõesti võtab ära palju peavalu projekteerimine veebilehed, mis tunduvad head. kõik brauserid. 

Ja lõpuks, kui sa ei saa vältida, siis ma tavaliselt vältida kodeerimine nullist. Kui sa oled lihtsalt luua veebilehel oma koolis klubi, näiteks ja kõik mida sa pead tegema, on näidata mõned leheküljed ja võibolla on oma president minna ja muuta mõned asjad siin ja seal - seal on tõesti mingit vajadust koodi üles ise. See võtab palju aega. See võtab palju oma energiat ja sa pead läbi minema ja sa pead leidma välja, Noh, see läheb otsima hea selles brauser, see läheb hea selles brauseris. Võib-olla kasutada osa need paigad, mida teised on juba kirjutatud teile, nagu WordPress või Joomla või Drupal. Neid nimetatakse sisu - need on nn SHSidega mis põhimõtteliselt on lihtsalt paketid juba jõudnud teha teile ja saate neid alla laadida, pane need peale oma server, ja kohandada neid siiski soovite, ja teil on juba käimas veebilehel. Need kood pakendid on midagi vaadata sisse. Need asjad on avatud lähtekoodiga, kui sa lähed midagi - kui otsite vormi paketti, on asju, mis ei ole vaba nagu VBulletin või IP.Board. Kui sa ei pea mõned neist lisafunktsioonid sa võid alati valida tasuta variant. 

Ja lõpuks, seal ei ole seda vältida. Sa pead test, test, test. Peate kontrollida oma koodi kõik need brauserid ja kõik need platvormid. Ja sa tead, IE6 - jumal tänatud inimesed on hakanud eemaldumist IE6 sest juba järgmisel päeval, võibolla paar aastat tagasi, web arendajad pidid alati, alati, alati Toita IE6 esinevate puuduste standardeid järgides. Veebilehed lihtsalt vaatasin mingi 1990 puudumise tõttu paremini toime tulla. Võite kasutada ka brauser ekraanikuvasid, et kontrollida oma CSS. Üks väga lahe veebileht on browserlab.adobe.com. See on tasuta teenus välja pandud Adobe. Ja mida nad teevad, on nad saavad võtta ekraanikuvasid veebisaidi töötab erinevates tingimustes - nagu töötab eri brauserite töötab eri platvormide - ja näidata, mida nad välja näevad. Lihtsalt, et näidata teile, mida ma mõtlen siin, ma loonud veebilehe eelmisel aastal kutsus Life Harvardi ja mida ma püüdsin teha - ma proovisin teha my.harvard parem. Sest kui te olite siin eelmisel aastal, my.harvard ei paistnud, nagu see näeb välja nüüd. Tundub selline vastik. Aga nüüd tundub palju parem. Minu rakendamine ei olnud nii kasulik enam, kuid kõik on sama, tead, ma proovisin lisada - (arusaamatu) palju tahes - ja tundub - see tundub väga hea minu arvutis. Ja siis, äkki, kui ma oleks rohkem aega ma oleks läinud brauseri lab, ja ma oleksin vaadanud, noh, kuidas see välja näeb Chrome 18 Windows. Oleksin keri ja ma näen - oh ei! Vaata teadaandeid kasti. Minu tekst oli täis. Niisiis, see on halb, eks? Kui kasutaja kasutab Chrome Windows ja on oma veebilehel, et kohe tundub väga ebaprofessionaalne. Niisiis, ma peaks minema oma CSS ja teada saada, milline osa minu CSS on breaking siin. Miks ei ole seda õiget kuvamist ja määrata nii, et kõik kasutajad saavad näha samal veebilehel ja olla sama õnnelik. 

Ja lõpuks, noh, brauser ekraanikuvasid on tore katsetamiseks oma CSS, aga kuidas on lood teie JavaScript? Aga kui teil on mõned keerulised skripti, mis jookseb? Noh, sa võid alati teha virtualiseerimine. Kui teil on Mac, mida saab kasutada BootCamp või VMWare Virtualisoinnilla võibolla koopia Windows ja Internet Explorer seal. Või saate minna midagi Spoon.net, mis kahjuks töötab ainult arvutites. Aga mida nad teevad, on väga lahe. Nad Virtualisoinnilla tarkvara teile, siis saate kasutada erinevaid versioone IE, näiteks. Võite käivitada erinevaid versioone Firefox. Võite käivitada erinevaid versioone Safari ja katsetada kõiki oma veebilehed seal. Kahjuks nad ei ole vabad. See on tasuline teenus, nii et seal on alati omamoodi see - seal on alati omamoodi see kompromiss vahel, noh, ma kavatsen teha oma kodulehel hea. Kui jah, siis ma võib-olla maksma mõned teenused, mis aitavad mul seda teha. Kõik küsimused siinkohal midagi, mis me rääkisime? Lahe. Okei. 

Nüüd on meil rohkem asju, millest rääkida. Kuidas vead? Kuidas veenduge, et teie veebileht saab tegutseda ka siis, kui midagi halba juhtub? Võib-olla sa ei pea lehekülje nimega food.php. Aga mind, ma lähen oma veebilehel ja püüan kasutada food.php. Kas sa oled lihtsalt läheb näidata mulle, et valge leht, mis ütleb, 404 - Faili ei leitud? Või sa lähed öelda: "Noh, ma vabandan, et ma ei suutnud leida seda sinu jaoks, aga võib-olla on siin mõned teised allikad, mis aitavad teil otsida, mida sa vajad. " Muid vigu - nii nimetatakse seda HTTP vead, mis on vaid mõned veakoodid et teie server võib olla naasma brauseri puhul midagi halba juhtub. 400 - Bad Request. 401 - loata. 403 on selline ühine, kui teil on kataloogi, mis ei pidanud olema kättesaadav kasutaja poolt, kuid kasutaja üritab niikuinii. Ja 500 - Internal Server Error - mis tavaliselt juhtub siis, kui sul on midagi tõesti halb toimub teie PHP koodi. Aga igal juhul, nende erinevaid brausereid - sellist tüüpi vigu ei juhtuks. 

Niisiis, kuidas sa veenduge, et teil nõtkelt käidelda neid vigu ja veenduge, et kasutaja ei ole lihtsalt omamoodi rippus seal? Siin tuleb. Htaccess. Nüüd. Htaccess on midagi, mis töötab Apache serverid, midagi, mis töötab ja töötab paar teiste serverite samuti. See on lihtsalt viis, kuidas saate määrata oma server nii, et saad teha seda teha mida iganes sa tahad seda teha. Mõned asjad, mida võiks teha. Sa võiksid kontrollida oma vahemälu seaded. Võib-olla on teatud lehele oma kodulehel, et te veenduge, et kasutaja uuesti laadida iga kord, kui kasutaja tuleb ja külastab oma veebilehel. Või äkki teil on URL, mis on nagu yoursite.com / test / html / pages / hello.html ja sa tahad, et oleks yourname.com / hello - hästi, mida saab kasutada. htaccess suunata ühe veebilehe teise. Võite kasutada seda teha autentimist. Võib-olla on mõned osad oma veebilehel, et teil on vaja kasutada mõne teise parooliga. Võite blokeerida teatud IP-aadressid, blokeerida teatud valdkondades. Võibolla sa lihtsalt tõesti ei meeldi Harvardi üliõpilased kasutavad oma veebilehel. Noh, sa on võimalus blokeerida kõik Harvard IP aadresse. 

Lõpuks saab ravida asjad - võite kirjutada teatud koodi muuta oma server kohtlema nagu. Zhao või. oma nimi või. tere lehekülgi PHP koodi. Võib-olla see on kasulik. Võib-olla, et ei ole. Ja lõpuks, saate seda käsitseda viga vastuseid. Mida ma selle all silmas? Kui sa lihtsalt lisada koodi niimoodi - ErrorDocument 404 ja seejärel suunata neid teatud viga lehele, võite olla kindel, et kasutaja ei ole lihtsalt näha tõesti kole 404 ja näidata neile midagi kena. 

Olgem tegelikult vaatleme, kuidas me saame teha, et oma pset 7. Siin ma olen oma seade. Ma lähen avama Chrome, ja siis ma lähen, et proovida pääseda lehele et ei eksisteeri CS50 Finance. Nii kohalik host - cats.php--nii, teate, et olen loonud viga dokument mis ütleb: "Canz ei leia z lehele!" See on väga kurb kass peal. Kui te lähete Twitter, kui lähete mõnda neist saite, sa ei leia, siis läheb tavaliselt proovida näidata armas pilt nii et sa ei ole liiga pettunud. Sul võib olla ka midagi, mis on rohkem professionaalne, mis ütleb: Noh, ma vabandan ma ei suutnud leida lehte, kuid võib-olla siin on otsingukasti. Või äkki siin on mõned lingid, mis aitavad teil leida link, mida soovite. Niisiis, kuidas ma seda teen? Kuidas on see üldse võimalik? Kui me läheme meie terminal siin - Ma lihtsalt suumida natuke - teate, et mul on uus lehekülg. Toas minu HTML kataloog seda nimetatakse - te ei näe seda - seda nimetatakse error.php. Ja error.php on lihtsalt fail, et ma tegin mis näitab, et leht ise. Ma näitan sulle, mida error.php on. See on täpselt see leht. Ta ütleb: "Oh ei! Canz ei leia z lehele!" Ja kui sa tahad näha - jah, teate mis. Htaccess omamoodi on imelik nimi. See algab dot mis tähendab, et see on süsteemi fail. See on peidetud fail, mida tavaliselt ei näidata. Kui sul ls-, saate näha kõiki peidetud faile teatud kataloogid, ja tõepoolest, mida näed. htaccess on üks neist. Lähme edasi ja avada. Htaccess - koos gedit - Boom! Kõik, mis mul on üks rida seal - Viga dokumendi 404 vigu mis on tuntud ka kui faili ei-leidnud vigu. Olgem suunata neid midagi, mida nimetatakse error.php. Sul võib olla lõbus asjad canz ei leia z lehele! Ja seal on ka väga lahedaid asju, mida saate teha koos. Htaccess. Kui soovite näha rohkem. Htaccess maagia see on väga lahe kodulehel minna - seda nimetatakse javascriptkit.com/howto/htaccess.shtml-- kui sa tahad teha rohkem server magic. Ja see võib olla väga lõbus. 

Huh! Olgu! Rohkem armas pilte. See on mees, tehes push-ups, ja tema kass püüab aidata. Ma arvan, et see on väga armas. Kahjuks ei ole mul kass niimoodi. Hea küll. Niisiis, me rääkisime. Htaccess. Me rääkisime veakäsitlust. Me rääkisime hosting, domeeni nimesid. Me rääkisime piiriülese brauseri ühilduvuse. Nüüd, kuidas me veenduge, et teie veebileht tegelikult viib? Kuidas veenduda, et kui ma lähen oma veebilehel Ma näen oma lehele mõne sekundi jooksul? Üks asi, mida ma arvan, et inimesed lihtsalt omamoodi unustada on pilt optimeerimine. Oletame, et sa tahtsid panna pilt saidil ja see on 2 mg suur. See võib olla trahv meile, sest me oleme Harvardi ja meil on väga kiire Interneti-ühendus. Aga kujutage keegi Hiinas. Kujutage keegi Indias. kujutan ette, kui keegi äkki maapiirkondades Kansas kes võibolla ei ole sama liiki Interneti lairibaühenduse mis meil on. Kui teil on 2 MB image saidile ja kasutaja proovib pääseda sellega, see aega võtab neid väga palju aega laadida. Niisiis, kui te ei vaja seda sorti resolutsioon, siis saate muuta pildi suurust koos midagi Adobe Photo Shop. Seal on tavaliselt võimalus nn ohutu veebi ja seadmed, ja mida see teeb, on ta ribadeks välja kõik ebavajalik teave ja omamoodi tihendab oma faili väikese pildi suurus, et saaksite pane see peale oma veebilehel, ja iga kasutaja, kes üritab alla laadida selle lehe läheb alla väiksema versiooni oma pilt. Kui sul ei ole Adobe Photo Shop webresizer.com on ka teine ​​ressurss, kus saate sisestada oma pilt ja see sülitama täpselt sama pilt, kuid see saab olema midagi nagu 3 korda väiksem. Nii et väga kasulik oma kasutajatele. 

Teine asi, mida saate teha, on pisendama kood. Kui me vaatleme Google.com, te näete, et see ei ole mingi sama HTML ja CSS, et me oleme harjunud. Just kavatse vaadata lähtekoodi siin. Kui ma lihtsalt keri - wow, mis näeb välja üsna vastik. See oleks saada null stiilis. Kui teil on kodeeritud see oma pset, saad nulli oma stiili. See ei ole samm. Nimesid otsima tõesti segasena. See kõik on tõesti vastik. Ja skript sulgeda kehas - sulgemisest HTML - nad kõik koos - kõik smushed koos. Miks nad seda teevad? Nad minified oma kood. Pange tähele, et see dokument saab olema palju väiksem minu jaoks alla laadida kui midagi valge ruum, kui midagi tõesti pikk muutuja nimed. Kui sa alahindama oma kood te ribad välja kõik valge ruum. Muidugi, teie brauser ei huvita, kui teil on valge ruumi oma kood. Sa ribad ära, nüüd ma saan alla laadida väiksem fail - nüüd fail - dokument, et me läheme alla on väiksem faili suurus, see on kiirem, et ma alla laadida, ja see on kasulik. Kui te töötate veebilehed ja sa käivitada veebilehel, see on peaaegu alati hea alahindama oma kood. Teine põhjus, miks see võiks olla hea on äkki sa ei soovi, et teised kasutavad oma kood. Võibolla sa ei soovi, et teised kasutavad oma CSS. Tead, kui sa tõesti tahad olla ihne, et siis saate ka pisendama oma kood, ja see oleks mulle raskem varastada sest ma ei tea, mis toimub. Võite minna veebilehed nagu minify.avivo.si. Teenused nagu see online aitavad teil alahindama oma koodi nii, et sa ei pea seda tegema käsitsi. Kindlasti ei tee seda käsitsi. 

Okei. Nüüd räägime skripte. Võib-olla teie PHP kood on midagi, mida sa ei pea seda tegema. Võib-olla on ekstra silmad seal. Rääkisime kood disaini CS50. Isegi kui sa kodeerimist C, kui teil on - kui sa teed lisatööd et sa ei pea tegema, noh, et läheb aeglustada oma skripte oma veebilehel, ja see on eriti oluline, veebilehed, sest kasutajad on tänapäeval väga kärsitu. Kui sa teed asjatut tööd, see läheb võtab neid enam saada teavet, mida nad tahavad, ja nad ei kavatse olla väga õnnetu. Lõpuks, võite optimeerida oma andmebaasi tabelid. Pea rääkisime indeksid. Nad ei ole ainult hea selle eest, et sul on rida, mis on unikaalne. Nad on ka hea selle eest, et sinu andmebaas töötab kiiresti. Kui soovite lugeda üles, et minna MySQL dokumentatsioon, või võite vaadata - noh, kuidas ma optimeerida oma andmebaasi tabeli? Kuidas veenduda, et mul on indeksid, mis aitab mul saada teavet kiiremini? 

Samuti on vähe trikke, mida saab kasutada nagu vahemällu. Kui teil on PHP - kui teil on blogi, näiteks ja sul on - ja see on powered by PHP või muu keel - saate vahemälu oma blogi aadressil oletame 50 minuti tagant, nii et võite olla staatilised leheküljed või staatiline HTML saidile. Nii kasutajad ei pea tegema oma PHP skripti iga kord, ja võib-olla, et mida kiiremini nende juurdepääsu sellele teabele. 

Ja lõpuks, saate kasutada midagi CDN. Pange tähele, et kui sa alla laadida pset, sa alati minna CDN.CS50.net. Miks see nii on? CS50 kasutab ka omamoodi nagu CDN - sisu jaotusvõrk - mis tähendab lihtsalt, et see on hunnik servereid äkki kuskil mujal maailmas et aidata teenida oma lehekülge oma külastajaid. Kui teie külaline muutub lehe server, mis on neile lähemale geograafiliselt siis tõenäoliselt teie külastaja ei hakka seda faili palju kiiremini. Seal on ka allikad Internetis, mis aitab teil seda teha. Üks neist on CloudFlare. Nad pakuvad tasuta CDN teenus. Kui teil on suur faili, et teie teenistuses oma kasutajate siis võib-olla on parem panna neid CDN nii et nad saavad neid kiiremini. 

Viimane teema päev on otsingumootori optimeerimine. Mis on otsingumootori optimeerimine? See on tagada, et otsingumootorid nagu Google või Bing või Yahoo ei saa minna saidile ja indekseerib saidi ja indeks saidile ja kui Mina, näiteks, minna Google.com ja püüan otsida midagi, siis saidi avanes. Kuidas veenduda, et teie sait on üks top 10? Sest nagu me kõik teame, kui otsite midagi Google ja see ei ole peal 10 sa tõenäoliselt ei kavatse vaadata järgmise 10. See on omamoodi teema, mis on varju. Seal on palju hype seal Internetis. Seal on palju ebausk umbes kui sa x siis Google meeldib sulle paremini. Kui te y siis Google nagu sa parem. See on ilmselt parem uurida otsing hiiglane dokumendid ise. 

See on üks dokumentidest, Google, mis ütleb teile täpselt, kuidas optimeerida oma saidi et Google saab kasutada ja indeks seda väga kenasti. Sa ei pea kirjutage see URL sest see esitus läheb olema internetis niikuinii. Kui te vaatate seda ja sa loed seda on mõned väga kasulikke näpunäiteid seal. Google ütleb teile - kui te tõesti soovite oma saidi indekseeritud hästi siis sa peaksid tegema kõik need asjad. 

Teine asi, et otsingumootorid tõesti on värske sisu. Kui teil on sisu, mis on ajakohastatud väga regulaarselt siis otsingumootorid öelda, ooh, mulle meeldib saidile. Ma lähen, et minna saidile väga tihti. Ma lähen indeks palju saidile. Kui teil on värske sisu, siis sa oled tõenäoliselt ilmu - sa oled tõenäoliselt rohkem seotud. Sa oled tõenäoliselt rohkem ajakohastatud, ja otsingumootorid on tõenäolisem, et panna saidile teistele. 

Deep lingid on samuti tähtis. Kui sa tõesti tahtsid saidile hea välimusega otsingumootori silmis on palju teisi veebisaite, mis on seotud selle ja seotud sügavale oma veebilehel. Ärge lihtsalt link oma kodulehele. Link võibolla yourname.com / midagi / midagi / something.php. Et - et otsingumootor - vahendid, wow, nad on tõesti huvitav sisu et keegi teine ​​on siduda nii sügavale oma kodulehel, et ma peaks tõesti panna rohkem tähelepanu peale, et lehekülgedel. 

Kui teil on täpne pealkirjas, kui sul pole vigu, mis on hea, sest kui otsingumootor üritab külastavad saidi ja see muutub viga, see on ilmselt läheb loobuma väga, väga kiiresti. Ja lõpuks, sa tahad olla kiire koormuse ajal, sest otsingumootorid - nagu inimestel - ära on palju kannatlikkust aeglane veebilehed. See on viis, kuidas saate veenduda, et sa näidata üles suuremad otsingumootori päringut ja loodetavasti seeläbi saada rohkem liiklust. Sest lõppude lõpuks olete kulutanud kogu seda aega arendada oma veebilehel. Te veetis kogu selle aja käivitades kodulehel internetis. Sa tahad teha kindel, et teil on palju kasutajaid, kes tegelikult näha oma sisu. 

Muud head vahendid kasutada. Google Webmaster Tools on midagi vaadata sisse. See lihtsalt aitab teil näha - Google ei indekseerimise sivustoni. Mis tüüpi vigu on see tekib? Mitu lehekülge on see indekseeritud? Mis ta arvab, on kõige olulisem sisu minu lehel? Võib-olla see ei ole see, mida ma tahan, et see oleks. Võibolla mul on vaja muuta minu kodulehel natuke selline, et see kajastub parem mida mu kodulehel on tõesti umbes. Google Analytics on veel lahedaid vahend. Saate lisada natuke JavaScripti oma lehekülgedel. Ja siis hiljem võid minna Google Analytics, ja ta jälgib Külastaja demograafia ja saidi kasvu. Ta ütleb teile täpselt, kui palju külastajaid saidil teatava päev jooksul kindlal kellaajal, teatava nädalas. Mitu külastajat Hiinast? Mitu külastajat alates Antarktika - te saate oma veebilehel. mis võiks olla midagi lahedat näha või see võib isegi olla kasulik sest sa üritad sihtida teatud grupp. Võibolla sa üritad suunata noori oma veebilehel, ja sa näed, et enamik külastajaid veebilehele on võibolla 30 - kuni 40-aastastest, siis võib-olla kas teil on probleem või saate lihtsalt öelda, hästi, siis äkki ma peaks muutma oma kodulehel keskendub nii et Ma keskenduda rohkem selles vanusegrupis. 

Google Apps - kui sa tahad olla omamoodi kirju oma domeeninime - võibolla midagi sellist yourname@yourname.com-- mida saab kasutada gmail aadressi - saate Gmaili ja Google Apps on üks viis seda teha. Saate luua konkreetse e-posti aadressid, mis on iseloomulikud oma domeeninime asemel of@gmail.com. 

Ja lõpuks, on veebi arendaja laiendused ja add-ons - for Chrome, Firefox, teiste brauseritega -, mis võimaldab teil minna ja kontrollida CSS, kontrollida JavaScript, näed täpselt, mis viga on teie JavaScript skript ja võib-olla, et saad olla kasulik oma de-pealtkuulamise eesmärgil teile teada - hästi, siis miks ei ole minu veebileht väljapanek õigesti selles brauser? 

Ja lõpuks, kui sa tahad rohkem teada saada kõik need teemad - kui sa tahad rohkem teada, HTML ja CSS ja JavaScript - sest lõppude lõpuks oleme ainult õpetas sulle natuke - võid minna veebilehed nagu W3Schools.com otsima rohkem ressursse. Nad on väga kena õpetused, kuidas ma seda teen x, või mida see y tähendab? Kui sa tahad rohkem teada saada neid keeli saab lihtsalt minema siit. 

Hea küll. Ma arvan, et ma tahtsin lahkuda viimastel minutitel selle eest küsimustes, nii on seal küsimusi midagi, mis me rääkisime? [Publik] Milliseid asju on w3schools ja kuidas on see reguleeritud? [Yuechen Zhao] Milliseid asju? Niisiis, üks väga suurimaid asju, mida ma kasutan palju on nende viidetega. Nende viidete detail, näiteks CSS - mida see tähendab või kui sa tahad muuta tausta lehele - kuidas sa seda teed? Millised brauserid toetavad, et käsk? Asjad niimoodi. Ja siis nad ka lihtsalt väga kena õpetused HTML, PHP, JavaScript, MySQL, on igasuguseid erinevaid teemasid. Nad on kena õpetused. Nad õpetavad teile, kuidas teha asju. See on tore, et oleks võimalik minna ja õppida rohkem neid teemasid. 

[Publik] HTML 5 pole veel ühildub kõigi brauseritega seal. Kas te soovitate lihtsalt viibib eemal see tõttu ühilduvusprobleeme? Kuidas te sellega toime tulete? [Yuechen Zhao] Jah, jah, küsimus on HTML5 on veel beebi standard. See ei ole tegelikult toetavad palju brauseritega, et me peaksime seda vältida? Ma arvan, et eelmisel aastal ma oleks olnud väga suur pooldaja, lähme vältida HTML5 sest see on ikka - see on ikka väga palju uut ja tegelikult HTML5 standard ei ole veel valmis. Ja nii, seal tõesti ei ole HTML5 standard. Aga ma arvan, eriti kui olete projekteerimisel veebilehel, nüüd, oleks parem, kui sa lihtsalt minna HTML5, sest see on omamoodi kavatse olla tulevikus ja kui soovite, et teie kodulehel olema tulevikku suunatud ja soovite, et teie kodulehel tööle tulevikus brauserid, siis võib olla parem alustada hoone midagi tuleviku jaoks kui varem ja ka lihtsalt sellepärast, et HTML5 tõesti ei ole, et erinevad alates HTML4 või XHTML. Kui kasutate HTML5, see tavaliselt töötab enamik brausereid. Sa pead lihtsalt omamoodi minna ja veenduda nende ekraanipilte ning tagada koos toimub neid veebisaite ise. Aga kõige tõenäolisem, et see töötab, kui te kasutate väga konkreetseid funktsioone HTML5. Teade liiga et CS50 - näiteks, et video mängija, mida me kasutame - ta kasutab HTML5 ja HTML5 video kuvamiseks loenguid. Aga kui sul on tõesti vana brauser, siis kukub tagasi Flash. Nii, et on ka midagi muud - on varulahendust süsteem, kui sa lihtsalt tead, et brauser ei kavatse tegeleda mida sa tahad seda käsitseda. 

Muud küsimused? Midagi, mis me rääkisime. Hea küll. Siis ma arvan, et see on midagi minu jaoks. Ma arvan, et see on. (Aplaus) Lahe. [CS50.TV]