[Powered by Google Translate] [Seminario] [Preparante Your Site por la TTT] [Yuechen Zhao] [Universitato Harvard] [Ĉi tiu estas CS50.] [CS50.TV] Okay. Jen alia horo de ttt-programilo se infanoj estas ĉe ŝi. Hodiaŭ mi tuj parolos pri preparas via retejo por la TTT. Ĉiuj tago - kaj verŝajne dum la lastaj 2 semajnoj - ni parolis pri kiel krei retejon, kiel uzi HTML, kiel uzi PHP, kiel uzi kadrojn, kiel por certigi ke vi povas interagi kun la datumbazo - aĵoj tiel. Sed hodiaŭ, ni tuj parolos pri kie via retejo tuj vivos post CS50. Ĉar fakte CS50 ne okazas pasinteco decembro. Ni tuj parolos pri domajno nomoj, gastigi. Ni tuj parolos pri kio transversa retumilo kongruo kaj kruco-platformo kongruo estas, kaj kiel vi povas certigi ke via retejo tuj operacii sub ĉiuj kondiĉoj. Ni parolos pri eraro uzado kaj aliaj servilo magion. Ni parolas pri agado optimumigo, search engine optimization, kaj kiel instigi personojn tuj efektive vizitas viajn retejojn. Kaj fine, nur kelkajn bonajn rimedojn por certigi ke vi havas sufiĉe da infanoj el tiuj iri for kun via fina projekto, kaj espereble poste. La unua afero, kiun ni iras por paroli pri domajno estas nomoj. Nun vi programado en via aparato, vi iras al loka gastiganta kiu estas ne reale domajna nomo. Tio estas speco de simple alnomo aŭ kromnomo por via reala Linukso instalado ene de ĉu VMware sur Mac aŭ VMware Player sur PC. Domajnnomoj permesas meti lokon sur la retejo kaj tiam iru al iu kiel www.google.com kaj akiri la retejo. Kiel funkcias? Diru ke vi estas nur duona retservilo - averaĝa Web surfer kaj vi havas porteblan komputilon, kaj vi iros al www.howstuffworks.com. Vi verŝajne povas vidi kie mi ŝtelis tiun de. Kiel stuff verkoj - via komputilo tiam demandas lokan servilon de DNS, "Ĉu vi scias kie ĉi retejo estas?" "Ĉu vi konas la IP-adreso de www.howstuffworks.com?" Via DNS-servilo eble dirus, "Jes, mi faros." En tiu kazo, vi ricevas la IP-adreso, kaj via komputilo aliroj tiu IP-adreso. Se ne, ĝi petas alian DNS servilon, "Hej! Ĉu vi scias kio www.howstuffworks.com estas?" Tiu servilo povus diri, "Jes, mi faros." Do, ĝi rakontas la alia kio ĝi estas, kaj fine, ke informo gets pasis al via komputilo, kaj vi povas aliri al howstuffworks.com. Kiel vi povas akiri unu el tiuj magiaj aferojn? Kiel vi povas akiri eble www.yourname.com aŭ www.ilovecats.com? Vi povas registri por unu, kaj tie estas multaj retejoj por tie kiuj permesas al vi fari tion. Vi devas - en plej cirkonstancoj vi devas pagi por ili. Estas certaj domajnnomoj, kiuj estas liberaj. Se vi iras al www.co.cc aŭ. Tkdomainnames, tiuj estas liberaj. Sed, ili venas kun certaj limigoj, kaj fakte iuj el ili povus eĉ esti reala, supera nivelo domajno nomojn kiel. com aŭ. reto. Kutime mi sugestus iri por unu el ili ĉar la uzantoj estas nur pli komforta kun tiuj. Vi vidis multe da. COMS. Vi vidis multe da. Retojn. Vi probable ne vidis multan. Co.cc-ejon, do ili estas pli malfacile memoras. Malsamaj retejoj kiel GoDaddy aŭ NameCheap aŭ - mi uzis tiun, kiu estas speco de Sketchy - nomita activedomain.com. Aspektas vere Sketchy, sed ĝi funkciis vere bone por mi. Kaj fine, vi havas aliaj ke eble fari pli reklamadaj kiel Reto Solvoj. Sed se vi iras sur NetworkSolutions.com kaj rigardi lian prezoj estas vere multekosta. Mi rigardis ilin lasta nokto. Por unu jaro de domajno nomo, estas probable ne valoras tiom da mono. Fakte, se vi estas duumaj. Com aŭ. Org aux al. Net la kutima prezo estas proksimume $ 10 jare. Do se vi pagas multe pli ol tio, ĝi estas probable ne ke valoras ĝin ĉar, post ĉiuj, ĉi tiuj retejoj ne fari ion kun tiu domajno nomo. Ili simple donos ĝin al vi, do se vi povas akiri ĝin por malkara, kial ne? La alia afero estas unufoje vi havas vian domajna nomo, tiam vi verŝajne volas iri al ĉu Godaddy.com aŭ kien ajn vi aĉetis vian domajna nomo kaj starigis la nomo serviloj por domajna nomo. Kion tio signifas estas unufoje uzanto iras al www.howstuffworks.com, tiuj nomo servilo IP estas la IP-adresojn, ke oni povos rigardi supren. Ili povos aliri vian retejon per tiuj nomo serviloj. Se vi kandidatiĝas por gastigi ie tiam via gastiganto estos plej verŝajne donos al vi la nomon serviloj uzi. Kaj fine, estas tiu afero nomata Whois. Al Whois datumbazo estas datumbazo, per kiu vi povus enigo domajno nomo kaj gxi kraĉi iun informon pri la mastro de tiu loko kaj kiel kontakti informo. Nun, vi povas diri, "Mi ne vere volas mian hejmon adreso aŭ mi ne vere volas mian retadreson en la retejo ke iu vidis aŭ en Interreto por ĉiuj vidi. " Tiam vi eble deziras uzi iun kiu multaj gastigaj servoj havigi - kiel Whois direktisto. Al Whois direktisto estas simple alia servo kiu multe el ili havigi tiun kaŝas sin tiun informon kaj simple metas en kiuj estas direktisto por la nomo - la adreso estas kutime ĝuste tio kompanio nomo kiu estas donita al vi tiun domajno nomo - kaj tiel tiam via persona informo ne estante filtrita en la interreto kiu estas kutime sufiĉe bone. Mi mem uzi unu el tiuj servoj. Se vi ne zorgas pri via propra intimeco tiam ĝi ne vere gravas. Al DNS-servilo staras por Domain Name System, kaj kion ĝi estas - ĝi estas speco de kiel kradon tablo ie kiu diras,  "Ĉi tiu retejo adreso tuj mapi al ĉi tiu IP-adreso." Kaj jen ĉio estas. Do iam vi konsulti ĉi DNS-servilo, do vi povos akiri la IP adresoj por ke responda domajna nomo kaj poste viziti ke retejo. (Membro de la publiko petante demando - inaudibles) La unua? La unua nivelo vere estas kutime nur via komputilo caché mem. Via komputilo ia memoras la lastan fojon, ke vi iris al www.google.com ĝi estis en ĉi tiu IP-adreso, kaj post kelka tempo, ke caché malvalidiĝos, kaj ĝi petos kiel la Comcast DNS, "Hej, kio estas www.google.com?" Kutime, kiam oni aĉetas domajna nomo kaj vi registras, kaj vi starigis TTT-ejo, vi ne povas iri al tiu retejo tuj kun tiu domajno nomo ĉar la nomo serviloj trans la globo ne scias pri via regado ankoraŭ. Ĝi havas popoli. Ĝi kutime daŭras 24-48 horoj. Ĉio bone. Do, jen iomete pri domajno nomoj. Ili estas tre cool. Mi opinias ke vi devus akiri oni se vi estas serioza pri la projekto kaj se vi vere volas fari vian projekton konata trans campus, havante domajno nomo faras ĝin rigardi vere profesia. Tiam la sekva paŝo, kompreneble, estas havi ian retprovizanton. Se vi ĵus gastigi ĝin en via komputilo, neniu estas iam tuj povos iri al ĝi. Vi povus potenciale starigis servilo en via komputilo kaj teni vian komputilon je eterne, sed tio ne estas rekomendita. Estas malsamaj specoj de hosting enreta disponebla. Tie estas dividita gastigi. Ekzistas VPN (nekomprenebla) kiuj estas virtuala Cebaot. Tie estas duon-dediĉita kaj dediĉita. De la lastaj 3, VPN, semi-dediĉita, kaj dediĉita kutime estas pli multekostaj. Ili estas kutime uzata por retejoj kiuj postulas pli da rimedoj. Se vi ĵus komencas evi retejon, eble simple estu pli ekonomia por veturi kun la komuna retprovizanton. Kaj kio dividis rimedoj estas nur aro da retejoj estas ĉiuj kune ordigi de sur unu servilo sur ĉi tiu retejo en tiu multo servanto, kaj vi povas aliri vian retejon tra domajna nomo. Ekzistas multe da popularaj gastigantoj tie. HostGator kaj DreamHost - tiuj estas tre, tre granda kaj tre, tre populara kaj tre, tre sukcesa. Mi persone uzas unu nomita MDDHosting. Se vi iras al www.mddhosting.com, tiu estas mia gastiganto de elekto. Mi kredas ke ili estas tre bonaj. Ili ĉiam estis tre fidinda, kaj mi neniam havis problemojn kun ili. Ili havas ankaŭ tre konkura prezo. Du kiujn mi ne vere ŝatas estas GoDaddy - tio estas ankaŭ tre populara gastiganto, sed mi havis teruran spertoj kun ili, kaj multe da homoj, ke mi scias havis vere teruraj spertoj kun ili. Ili ia sekvu personoj kiuj ne scias kion ili faras - eble vi fari retejon por la unua fojo, kaj tiel ili ia con ilin en aĉetante sian gastigi pako. Ne agu. Ne falas por ĝi. Iru serĉi aliajn gastigi pakoj kiuj vere taŭgas por vi. Kaj la alia estas - estas libera gastigantoj tie. Ekzistas retejoj kiuj gastigos retpagxon senpage - foje per meto anoncon sur via loko, foje per igi vin partopreni en ilia forumoj, sed kelkfoje simple ankaŭ senpage. Sed, atentu kun libera gastigantoj ĉar multe de ili vere nur foriras de negoco post kelkaj monatoj. Vi simple ne povas resti kun la kostoj. Aliaj estas nur tre nefidinda, kaj via retejo estos ĉiam malsupren, kaj vi ne volas ke tio okazas. Ĉiu gastiganto oferos sian propran kontrola panelo. Rimarku ke por via aparato, tie vere ne estas kontrola panelo per si mem. Vi devas uzi fina iri kaj redakti la dosierojn. Vi devas chmod tion per vi mem. Se vi volas iri al PHPMyAdmin, Vi devas iri al localhost @ / phpmyadmin kaj aferojn tiel. Sed kun kontrola panelo vi povas iri en kaj redakti la dosierojn en via servilo kun Windows Explorer aŭ buscador-tipo apliko. Aŭ vi povas iri per kaj rigardi viajn datumbazoj per siaj propraj ilo anstataŭ PHPmyadmin. Do, ekzistas amaso de elekto ĉi tie, kaj kelkaj el la plej popularaj kontrolo paneloj estas tie supre. Sed se vi serĉas gastiganton, tiam vi eble volas rigardi kion specoj de personigoj kaj ebloj ili proponas min por personecigi mia servilo kaj fari mian retejon kuri pli bone. Do, tiam vi povas demandi, "Nu, kiel mi elektas gastigi?" Se vi iras al ajna gastiganto retejo ekzistas multe da slango, kaj tie estas multaj ebloj. Ekzistas multe da malsamaj prezoj ankaŭ. Kutime mi iras por la kostajn nur ĉar retejoj kiuj eble vi kaj mi faros - kaj speciale nun, speciale kiel komenci - ili povas ne bezonas tiom da rimedoj kiel povus retejo kiel Microsoft.com. Unue vi volas rigardi la mastruma sistemo se vi estas vere scivola, ĉu via retejo tuj esti loĝigita en Linukso, en Vindozo, nek sur Mac. Kutime ni nur iri kun Linukso ĉar tio estas kutime la plej malkara, kaj ankaŭ kiu eble vi infanoj estas pli familiara kun pro la aparaton. Kaj poste, eble ili metos kelkajn limigojn de la kvanto de elektra bendlarĝo, bendlarĝo, ke vi ricevis - ŝatas kiom da megabajtoj aŭ gigabajtoj de datumoj povas uzantoj elŝuti de via retejo monate? Aŭ durdisko. Kiom da spaco vi akiras? Ĉu ĝi 500 MB? Ĉu 2 GB? Ĉu senlima? Nuntempe, multaj retserviloj vin senlima spaco kiel maniero por ili por tenti vin akiri siajn gastigi pako. Sed se vi vere pensas pri ĝi, kiam vi iam tuj bezonos senlima spaco? Se vi havas paron de HTML dosieroj, paro de PHP, paro de bildoj - tio estas nur paro de megabajtoj, do kutime mi nur iras por eble kelkaj gigabajtoj 'valoro de spaco, kaj tio estu sufiĉa por komenci min ĝis mi bezonas pli. Fine, ili povus meti limigojn sur kia - kiom da datumbazoj vi povas havi. Eble vi nur povas havi 1 datumbazo. Eble vi povas havi 2. Eble vi povas havi 10. Ĉu vere grava al vi kiom vi akiras? Aĵoj demandi vi mem. Kaj poste fine, ĝuste tion kiel lingvoj. Ĉu ili subtenas PHP? Ĉu ili subtenas MySQL? Plej gastigi retejoj ne subtenas tiujn ĉar ili estas liberaj. Ili estas malfermita fonto. Ĝi ne kostis al ili ion por havigi tiujn por vi. Sed se vi volas uzi, ekzemple, Ruby aŭ Python aŭ iu de tiuj aliaj lingvoj - ili ne apogas sur ilia servilo, do ĝi estas grava por serĉi tiujn specojn de aĵoj. Kaj fine, cxu ili povas permesi al vi fari iujn pli progresinta aĵojn kiel SSL aŭ cron laborpostenoj? SSL estas eblo, kie vi povas fari vian retejon pli sekura farante ĝin HTTPS kaj ĉifri viajn ligojn. Kaj cron laborpostenoj estas nur eble skriptoj, kiujn vi volas kuri ĉiu 5 minutoj, ĉiu 10 minutoj, ĉiu 15. Multaj dividitaj gastigi retejoj ne metis limigoj pri la nombro de cron laborpostenojn kiuj vi povas kuri ĉar tio okupas pli da rimedoj. Kaj fine, nur ĉio alia, kiun vi volas rigardi - certigi precize kio okazas antaŭ ol vi aĉetos retprovizanto pako. Kaj fine, agado. Rendimento estas enorma. Kiel rapide mia retejo tuj kuri? Plej da uzantoj ne tuj atendi eĉ sekundoj por via retejo kuri antaŭ ol ili simple akiri enuiga, kaj ili iru al MeanBase kaj komenci rigardi fotojn de katoj - vi scias, ke okazas, kaj vi volas certigi ke vi akiras tiu uzanto surŝipe kaj ke vi havas bonajn uptime kiu signifas nur ke retpagxon tuj estos alirebla en ĉiu momento. Multaj gastigantoj havas vere malbona uptime kaj tio nur signifas via retejo ne tuj estos atingebla, kaj vi ne volas ke tio okazas ĉar vi estu malgaja. Kaj vi povas ankaŭ spuri vian militistaron agado kun retejoj kiel Pingdom.com aŭ Host-tracker.com, kaj ili nur diri al vi kiom ofte estas via retejo malsupren. Kaj fine, vi volas vidi pri lia apogo. Se vi havas problemon ili estas tuj respondi al vi en 24 horoj? Ĉu ili tuj respondi al vi ene 48 horoj? La gastiga servo kiun mi uzas normale respondas al mi dum minutoj kiu estas vere bela. Whew! Bone! Estas tempo por ripozo. Sed mi ne tuj donos ĝin al vi. Ni nur rigardi fotojn de belaj katoj tiam kaj tiam. Alia vere, vere granda afero estas kruco-browser kongruo. Kion mi celas per transversa retumilo kongruon? Vi scias, nuntempe ĝi estas ne nur Microsoft Internet Explorer. Ĝi estas ne nur Mozilla Firefox aŭ Safari. Nun ni havas Chrome. Ni havas Opero. Ni havas Delfeno. Ni havas Vojo. Ni havas Konkeranto. Ni havas ĉiujn tiujn malsamaj retumiloj. Aĵoj kiuj eliras nun - RockMelt - kvankam tiuj estas ĉiuj bazitaj sur Chromium. Sed la fakto de la afero, ne estas nur unu retumilo plu. Vi ne nur vidi tiujn retpaĝojn per unu apliko. Kaj tiel, malsamaj retumiloj respondos al malsama HTML, CSS malsamaj, kaj malsamaj JavaScript malsame, kaj kiel vi agos kun tiu? Nu, en iuj kazoj, vi vere ne povas. Via retejo - se ĝi funkcias en foliumilo, la kodo kiun vi skribis ne funkcios en alia retumilo, kaj ĝi estas via laboro por certigi ke la kodo kiun vi skribas estas universala, ke ĝi funkcias ĉie. Do, ĉi tiu estas vere danĝeraj. Se vi diras, "Nu, ĝi estas laborante en mia komputilo. Bonega! Ni pluiru." Nu, ĝi estas probable ne tuj funkcii sur mia, kaj kiam mi iras al via retejo Mi iros al esti tre malĝoja, kaj mi foriros tuj. Do, ni vidu kiel vi povas malhelpi tion. La unua afero, kompreneble, estas uzi nur normo HTML, CSS kaj Javascript. Kion mi celas per tio? Nu, estas amaso de ne normo aferoj tie. Ekzemple, en CSS estas multaj versioj. Se vi vidas iun CSS reguloj kun-Moz-aŭ-WebKit-, tiuj reguloj estas specifa al ambaŭ la Mozilla retumiloj kaj la Webkit retumiloj, kaj tiel vi volas certigi ke eble vi volas eviti tion, ĉar se vi uzas-Moz-tiu regulo estas nur tuj labori en Firefox. Kaj se vi vere volas rigardi bonan en Internet Explorer ankaŭ, vi tuj estos el sorton. Por HTML ankaŭ, vi povus fari tion en HTML kiuj funkcias en unu retumilo sed tio rompas en alian, kaj vi volas eviti, ke kiel eble plej multe. Kaj fine por JavaScript ankoraŭ - estas multaj versioj de JavaScript, kaj ĉi-somere ni kuris enen problemo kie Document.getElementsByClassName-- kiu estas kutime funkcio kiu estas difinita kiel parto de la normo JavaScript - ne trovi en Internet Explorer 8. Do, dum la somero mi laboris en laboratorio kaj ni konstruas enreta eksperimentoj. Kaj ni pensis ĝi laboris vere bone ĝis ni rimarkis uzantoj kiuj uzas Internet Explorer 8 neeblis liveri siajn rezultojn. Ni perdas sur tereno de datumoj. Kiu kreis al ni vere malgaja. Do, vi ĉiam volas certigi, ke viaj skriboj iras labori ĉie. Kaj fine, uzi validator.w3.org kiu estas kion ni diras al vi fari en pset 7. Certiĝu ke viaj paĝoj estas validigita. Tio estas grava ĉar tio almenaŭ estas unua paŝo prudento ĉeko. Ĉu mia kodo reale normoj konsentemaj? Alia maniero por ordigi de helpi vin certigi, ke via retejo tuj labori sub plej cirkonstancoj estas eble uzi iun bibliotekoj kaj kadrojn ĉar ĉi tiuj vere inteligenta programistoj pensis pri tiuj temoj por vi. Ili jam trairis kaj mi skribis malsamajn funkciojn kiuj laboras tra retumiloj. Ekzemple, ni uzas jQuery en Pset 7. Kvankam eble vi ne vidis, jQuery havigas multajn funkciojn ke alie vi devus skribi mem. Sed tiuj programistoj skribis ĝin, kaj ili certigis ke ĝi funkcias tra ĉiuj foliumiloj. Kaj Bootstrap - kiu estas alia CSS kadro ke ni montris al vi en Pset 7 - vere forprenas multe de la kapdolorojn kun desegni retejoj kiuj aspektas bona. en ĉiu retumiloj. Kaj fine, se vi povos eviti ĝin, mi kutime evitas kodigo de nulo. Se vi ĵus kreis retejo por via lernejo klubo, ekzemple, kaj ĉiuj vi bezonas fari, estas por montri kelkajn paĝojn kaj eble havos vian prezidanto iri en kaj ŝanĝi kelkajn aferojn tie kaj tie - estas vere ne necesas kodo kiu ĝis vi mem. Tio bezonas multe da via tempo. Ĝi prenas multan de via energio, kaj vi devas iri tra kaj vi devas ekscii, bone, estas ĉi tuj serĉos bonan en ĉi tiu retumilo, ĉu tuj serĉos bonan en ĉi tiu retumilo. Eble uzas iun el tiuj flikaĵoj ke aliaj jam skribis por vi, kiel WordPress aŭ Joomla aŭ Drupalo. Ĉi tiuj estas nomataj enhavo - tiuj nomiĝas CMSs kiu esence estas nur pakoj kiuj jam venis farita por vi, kaj vi povos elŝuti ilin, metis ilin sur via servilo, kaj personecigi ilin tamen vi volas, kaj vi jam havas kurante retejo. Tiuj kodo pakoj estas io por rigardi al. Tiuj aferoj estas malfermita kodo, se vi iros por iu kiel - se vi serĉas formon pako, estas aĵoj kiuj ne estas libera kiel VBulletin aŭ IP.Board. Se vi ne bezonas iujn el tiuj karakterizaĵoj antaŭitaj, Vi povas ĉiam elekti por la libera eblo. Kaj fine, ne ekzistas evitante ĝin. Vi devas provi, provo, provo. Vi devas provi vian kodo en ĉiuj tiuj retumiloj kaj sur ĉiuj tiuj platformoj. Kaj vi scias, IE6 - dankon boneco homoj komencis movi sin de IE6 ĉar tie en la tago, eble kelkajn jarojn antaŭe, retejo programistoj devis ĉiam, ĉiam, ĉiam flegi al IE6 la malfortojn en la sekvaj normoj. Retejoj nur rigardis speco de 1990 pro manko de pli bona maniero trakti kun ĝi. Vi povas ankaŭ uzi retumilo ekrankopioj por kontroli viajn CSS. Unu vere malvarmeta retejo estas browserlab.adobe.com. Tio ĉi estas senpaga servo blindigi per Adobe. Kaj kion ili faras estas ili povas preni ekrankopioj de via TTT-ejo kurinte sub malsamaj kondiĉoj - kiel kuri sub malsamaj retumiloj, kurinte sub diversaj platformoj - kaj montros al vi kion ili aspektas. Nur por montri al vi kion mi volas diri ĉi tie, mi kreis retejon pasintjare nomata Vivo En Harvard, kaj kion mi provis fari - mi provis fari my.harvard bona. Ĉar se vi estus ĉi tie la pasinta jaro, my.harvard ne rigardu kiel aspektas nun. Ŝajnas speco de naŭza. Sed nun aspektas multe pli bone. Mia efektivigo ne estis tiom utila plu, sed ĉiuj la sama, vi scias, mi provis aldoni - (nekomprenebla) multaj ajn - kaj gxi aspektas - ĝi aspektas tre bone sur mia komputilo. Kaj poste, eble se mi havus pli da tempo mi estus irinta al retumilo laboratorio, mi donus rigardis, nu, kiel tio ĝi aspektas en Chrome 18 sur Vindozo. Mi devus rulumi malsupren kaj mi vidus - ho ne! Rigardu la anoncoj skatolo. Mia teksto estis superfluas. Do, tio estas malbona, ĉu? Se uzanto uzas Chrome sur Windows kaj venas al mia paĝo, ke tuj aspektas tre unprofessional. Do, mi devas iri al mia CSS kaj eltrovi kio parto de mia CSS rompas tie. Kial ne montri ĝuste kaj fiksi ĝin por ke ĉiuj uzantoj povas vidi la sama retejo kaj estu kiel feliĉa. Kaj fine, nu, retumilo ekrankopioj estas agrabla por provi vian CSS, sed kio pri via JavaScript? Kio pri se vi havas iujn komplika skripto kiu estas kurante? Nu, vi povas ĉiam faras virtualización. Se vi havas Mac vi povas uzi Bootcamp aŭ VMWare al virtualizar eble kopion de Windows kaj uzo Internet Explorer tie. Aŭ, vi povas iri al iu kiel Spoon.net, kiu bedaŭrinde nur funkcias en komputiloj. Sed kion fari estas tre cool. Ili virtualizar programaro por vi tiel vi povas kuri malsamajn versiojn de IE, ekzemple. Vi povas kuri malsamaj versioj de Firefox. Vi povas kuri malsamajn versiojn de Safari kaj provi el ĉiuj viaj retejoj tie. Bedaŭrinde, ili ne estas liberaj. Tio estas pagita servo, do tie estas ĉiam speco de tio - ĉiam speco de tiu komerco ekstere inter, bone, mi povos fari mia retejo aspektas bona. Se jes, mi havas por pagi iujn servojn por helpi min fari tion. Demandojn, je ĉi tiu punkto pri io ajn, ke ni parolis pri? Awesome. Okay. Nun ni havas pli da aferoj paroli. Kion pri eraroj? Kiel vi certigas, ke via retejo estas tuj operacii eĉ kiam io malbona okazas? Eble vi ne havas paĝon nomata food.php. Sed mi, mi iros al via retejo kaj mi provas aliri food.php. Ĉu vi ĵus tuj montros al mi, ke blanka paĝon kiu diras 404 - Dosiero ne trovita? Aŭ ĉu vi intencas diri, "Nu, mi bedaŭras ke mi ne povis trovi tion por vi, sed eble ĉi tie estas iuj aliaj rimedoj por helpi vin serĉi kion vi bezonas. " Aliaj eraroj - do, ĉi tiu estas nomata HTTP-eraroj kiuj estas nur iuj eraro kodoj ke via servilo povus esti resendita al la retumilo en kazo de io malbona okazas. 400 - Bad Request. 401 - Rajtigita. 403 estas speco de komuna kiam vi havas dosierujon kiun oni ne rajtas aliri de la uzanto, sed la uzanto provas ĉiuokaze. Kaj 500 - Interna Servilo Eraro - tio kutime okazas kiam vi havas ion vere malbona okazas kun via PHP-kodo. Sed ĉiukaze, tiajn foliumiloj - tiajn erarojn faras okazi. Do, kiel vi certigi ke vi gracie manipuli tiujn erarojn kaj certigi ke la uzanto ne estas nur ia pendis tie? Jen venas. Htaccess. Nun,. Htaccess estas iu kiu funkcias sur Apache-serviloj, iu kiu laboras kaj laboras en malmultaj aliaj serviloj tiel. Ĉi tio estas nur maniero por agordi via servilo tiaj ke Vi povas fari ĝin fari kion vi volas fari. Kelkaj aferoj vi povus fari. Vi povus kontroli viajn caché agordojn. Eble ekzistas iu pagxo en via retejo ke vi certiĝu ke la uzanto re-elŝuti ĉiufoje kiam la uzanto venas kaj vizitas vian retejon. Aŭ eble vi havas iujn URL tio estas kiel yoursite.com / testo / html / pages / hello.html kaj vi nur volas, ke esti yourname.com / saluton - nu, vi povas uzi. htaccess al redirect unu retpaĝo al iu alia. Vi povas ankaŭ uzi ĝin por fari aŭtentokontrolo. Eble ekzistas iuj partoj de via retejo ke vi devas uzi alian pasvorton. Vi povas bloki iun IP-adresojn, blokas iun domajnoj. Eble vi simple vere ne ŝatas Harvard studentoj uzante via retejo. Nu, vi havos la eblon de blokado ĉiuj Harvard IP adresoj. Fine, vi povas trakti tion - vi povas skribi iujn kodo fari via servilo trakti kiel. Zhao aŭ. vian nomon aŭ. saluton paĝoj kiel PHP-kodo. Eble tio estos utila. Eble tio ne estos. Kaj fine, vi povas uzi ĝin por manipuli eraron respondojn. Kion mi celas per tio? Se vi simple aldonu kodo kiel tio - ErrorDocument 404 kaj poste direkti ilin al iu Eraro paĝon, vi povas certigi, ke la uzanto ne nur vidas la vere, vere malbela 404 kaj montri al ili io agrabla. Ni efektive rigardu kiel ni povas fari tion kun via Pset 7. Jen, mi estas en mia aparato. Mi tuj malfermu Chrome, kaj tiam mi iros por provi aliri la paĝon ke ne ekzistas sur CS50 Financoj. Do, loka gastiganto - cats.php--tiel, rimarki ke mi kreis eraron dokumenton kiu diras, "Canz ne trovos z paĝo!" Ĝi havas tre malĝoja kato sur ĝi. Se vi iras en Twitter, se vi iras sur iu ajn de ĉi tiuj aliaj lokoj, vi ne povas trovi iu paĝo, ili kutime provas montri al vi bela bildo por ke vi ne estas tro seniluziiĝis. Vi povus ankaŭ havi iun kiu estas pli profesia kiu diras, nu, mi bedaŭras ke mi ne povis trovi la paĝon, sed eble ĉi tie estas sercxilo. Aŭ eble jen kelkaj ligiloj kiuj helpos vin trovi la ligilon kiun vi volas. Do, kiamaniere mi faru tion? Kio tio estas eĉ ebla? Se ni iras al nia fina tie - Mi simple tuj zomi iom - rimarki, ke mi havas novan paĝon. Ene mian HTML katalogo ĝi nomiĝas - vi ne povas vidi ĝin - ĝi estas nomata error.php. Kaj error.php estas nur dosieron, kiun Mi faris tio montras al vi tiun paĝon mem. Mi povas montri al vi kion error.php estas. Estas ĝuste tiu ĉi paĝo. Ĝi diras: "Ho ne! Canz ne trovos z paĝo!" Kaj, se vi volas vidi - tiel, rimarkis tion. Htaccess ia estas stranga nomo. Ĝi komencas per punkto kio signifas, ke ĝi estas sistemo dosiero. Ĝi estas kaŝita dosiero kiu ne estas kutime montrita. Se vi faras ls-a, vi povas vidi ĉiujn kaŝitajn dosierojn en certa dosierujo, kaj efektive, vi vidos. htaccess estas unu el ili. Ni iru antaŭen kaj malfermos. Htaccess - kun gedit - Eksplodo! Ĉiuj mi havas estas unu linio en tie - Eraro dokumento por 404 eraroj kiu estas konata ankaŭ kiel dosiero-ne-trovita eraroj. Ni redirect ilin al iu nomita error.php. Vi povas havi amuzan aĵojn kiel canz ne trovos z paĝo! Kaj estas ankaŭ tre malvarmeta, kiu vi povas fari kun. Htaccess. Se vi volas vidi pli. Htaccess magion, ĉi tiu estas tre cool afiŝinto iri al - ĝi nomiĝas javascriptkit.com/howto/htaccess.shtml-- se vi volas realigi pli servilo magion. Kaj ĝi povus esti tre amuza. Whew! Bone! Pli bela fotoj. Ĉi tio estas knabo faras push-ups, kaj lia kato provas helpi. Mi kredas ke estas tre bela. Bedaŭrinde, mi ne havas katon tiel. Ĉio bone. Do, ni raportis. Htaccess. Ni parolis pri eraro uzado. Ni parolis pri retprovizanton, domajnnomoj. Ni parolis pri petolema retumilo kongruo. Nun kiel ni certigu ke via TTT-ejo efektive plenumas? Kiel ni certigu ke se mi iros al via retejo Mi povas vidi vian paĝon ene de kelkaj sekundoj? Unu el la aĵoj kiuj mi pensas homojn nur ia forgesi estas bildo optimumigo. Diru ke vi volis meti foton en via retejo Kaj ĝi estas 2 MG granda. Tio povus esti bona por ni ĉar ni estas en Harvard, kaj ni havas tre rapidan interretan konekton. Sed imagu ke iu en Ĉinio. Imagu iun en Barato. imagi ke iu eble en kampara Kansas kiu eble ne havas la saman specon de larĝa bando interreto kiu ni havas. Se vi havas 2 MB bildo en via paĝaro kaj la uzanto provas aliri al ĝi, tio okazas, por kapti ilin vere longa tempo por elŝuti. Do, se vi ne bezonas tian rezolucion, tiam vi povas regrandigi via bildo kun iu kiel Adobe Foto Shop. Estas kutime eblo nomata sekura por retejo kaj aparatoj, kaj kion faras estas ĝi strioj el ĉiuj de la nenecesa informoj kaj varo de Kompakta vian dosieron en malgrandan bildon grandeco por ke vi povas metis ĝin sur via retejo, kaj ajna uzanto kiu provas elŝuti tiun paĝon tuj elŝuti malgranda versio de via bildo. Se vi ne havas Adobe Foto Butiko webresizer.com estas ankaŭ alia rimedo, kie vi povas serĉi vian bildon kaj gxi kraĉi el la ĝusta sama bildo, sed estos iun kiel 3 fojoj pli malgranda. Do tio estas tre utila por viaj uzantoj. Alia afero, kiun vi povas fari estas minify kodo. Se ni rigardu Google.com, vi vidos ke ne estas varo de la sama HTML kaj CSS kiuj ni estas kutimitaj. Nur tuj rigardi la fontkodo tie. Se mi nur rulumu malsupren - wow, kiu aspektas bela naŭza. Ĉi akirus nulo sur stilo. Se vi koditaj por via Pset, vi ricevos nulo sur via stilo. Ĉi tio havas neniun Interspacigo. La nomoj aspektas vere kamufla. Temas vere naŭza. Kaj la skripton por fermi en la korpo - la fermo HTML - ili estas ĉiuj kune - ĉiuj smushed kune. Kial ili faras tion? Ili minified sian kodon. Rimarku ke ĉi dokumento tuj estos multe pli malgranda por mi elŝuti ol iun kun blanka spaco, ol iun kun vere longa variablo nomoj. Se vi minify via kodo vi forstreku ĉiujn blanka spaco. Kompreneble, via retumilo ne gravas se vi havas blankan spacon en via kodo. Vi senvestigi ĝin, mi nun povas elsxuti pli malgranda dosiero - nun la dosieron - la dokumento, ke ni tuj elŝuti havas pli malgrandan dosieron grandeco, ĝi estos pli rapida por mi elŝuti, kaj tio estas utila. Se vi laboras kun retejojn kaj vi ĵeti TTT-ejo, estas preskaŭ ĉiam bone minify via kodo. Alia kialo kial gxi estu bona estas eble vi ne volas ke aliaj uzu vian kodon. Eble vi ne volas ke aliaj uzu vian CSS. Vi scias, se vi vere volis esti malgrandanima kun tio, tiam vi povas ankaŭ minify via kodo, kaj estus pli malfacila por mi por ŝteli ĝin cxar mi ne havas ideon kio okazas. Vi ankaŭ povas iri al lokoj kiel minify.avivo.si. Servoj kiel ĉi interreta helpi vin minify via kodo por ke vi ne devas fari ĝin mane. Definitive ne fari ĝin mane. Okay. Nun parolante pri skriptoj. Eble en via PHP-kodo tie estas io kion vi ne bezonas fari. Eble ekzistas ekstra bukloj en tie. Ni parolis pri kodo dezajno en CS50. Eĉ se vi kodigo en C se vi havas - se vi faras ekstran laboron ke vi ne bezonas fari, estas bone, ke tuj bremsi viajn skriptojn en via TTT-ejo, kaj tio estas precipe grava por retejoj ĉar uzantoj nuntempe estas tre senpacienca. Se vi faras nenecesa laboro, ĝi tuj prenos ilin plu por atingi la informo, ke ili volas, kaj ili tuj esti tre malfeliĉa. Fine, vi eble volas ĝustigi vian datumbazon tabloj. Memoru ni parolis pri indeksoj. Ili estas ne nur bona por certigi ke vi havas unu vicon tio estas unika. Ili estas ankaŭ bona por certigi ke via datumbazo laboras rapide. Se vi volas legi sur kiu iras al la MySQL dokumentado, aŭ vi povas rigardi - nu, kiel mi optimumigi mia datumbazo tablo? Kjel mi certiĝu, ke mi havas indicojn kiuj helpas min atingi la informojn pli rapide? Ankaŭ estas iom lertaĵoj kiujn vi povas uzi kiel caching. Se vi havas PHP - se vi havas blogon, ekzemple, kaj vi devas - kaj ĝi estas nutrita per PHP aŭ per ia alia lingvo - vi povas Cache via blogo ĉe diru 50-minuta intervaloj tiel ke vi povas servi statika paĝoj aŭ statikaj HTML por la vizitantoj de via retejo. Tiel la uzantoj ne devas kuri via PHP-skripto ĉiufoje, kaj eble estos pli rapida por ili por aliri tiun informon. Kaj fine, vi povas uzi iun kiel CDN. Rimarku ke kiam ajn vi elsxuti Pset, vi ĉiam iru al CDN.CS50.net. Kial estas tiel? CS50 ankaŭ uzas ia kiel CDN - enhavo dissendo reto - kiu signifas nur, ke ĝi estas faskon da serviloj eble ie ĉirkaŭ la terglobo ke helpo servi viajn paĝojn al viaj vizitantoj. Se via vizitanto ricevas paĝo de servilo, kiu estas pli proksima al tiuj geografie, tiam tre probable via vizitanto tuj atingi tiun dosieron multe pli rapida. Ankaŭ estas fontoj online kiu helpos vin fari tion. Unu el ili estas CloudFlare. Ili proponas liberan CDN servon. Se vi havas grandajn dosierojn, ke via servado al viaj uzantoj, tiam eble estas pli bone meti ilin sur CDN tiel ke ili povas alveni al ili pli rapide. La fina temo por la tago estas serĉilon optimumigo. Kio estas serĉilon optimumigo? Tio certigante ke serĉiloj kiel Google aŭ Bing aŭ Yahoo povas iri al via retejo kaj rampi via retejo kaj indico via retejo kaj kiam Mi, ekzemple, iru al Google.com kaj mi klopodos serĉi ion, tiam via retejo estos pop up. Kiel vi certigi ke via retejo estas unu el la 10? Ĉar kiel ni ĉiuj scias, se vi serĉi iun sur Google kaj ne estas sur la supro 10 vi plej probable ne tuj rigardi en la sekvanta 10. Ĉi tiu estas speco de temo kiun oni mistero. Estas multe de tamburego tie sur la interreto. Ekzistas multaj superstiĉoj pri se x do Google ŝatas vin bona. Se vi y do Google ŝatas vin bona. Ĝi estas verŝajne pli bone rigardi en la serĉo giganto dokumentoj mem. Tiu estas unu el la dokumentoj en Google ke diri al vi precize kiel optimumigi via retejo por ke Google povas aliri kaj indekso tre bele. Vi ne bezonas kopii cxi tiun URL ĉar ĉi prezento tuj esti enreta ĉiuokaze. Se vi rigardas tion kaj vi legas ĉi tie estas iuj tre helpema aludoj en tie. La Google informas vin - se vi vere volas via retejo por esti indeksita bone tiam vi devus fari ĉiujn tiujn aferojn. Alia afero kiun serĉiloj vere ŝatas estas freŝa enhavo. Se vi havas enhavon kiu estas ĝisdatigitaj tre regule tiam serĉiloj diri, ooh, mi ŝatas vian retejon. Mi tuj iros al via retejo tre ofte. Mi tuj indekso multan via paĝoj. Se vi havas freŝan enhavon tiam vi estas multe pli probabla montri supren - vi estas pli verŝajna al esti pli grava. Vi estas pli verŝajna al esti pli ĝisdatigita, kaj serĉiloj estas pli verŝajna meti via retejo super aliaj. Profunda ligiloj estas ankaŭ grava. Se vi vere volis via retejo por serĉi bonan en serĉilon okuloj esti multe da aliaj retejoj ligitaj al ĝi kaj ligitaj profunde en vian retejon. Ne nur ligi al via hejmpaĝo. Ligilo al la eble yourname.com / io / io / something.php. Ke - al serĉilon - signifas, humor, ili havas vere interesa enhavo ke iu alia estas kunligi tiel profunde en ilia loko kiun mi devus vere, vere meti pli graveco sur tiu retejo paĝoj. Se vi havas preciza paĝo titoloj, se vi ne havas erarojn tio estas bona ĉar se serĉilon provas viziti vian retejon, kaj ĝi iĝas eraro, ĝi estas probable tuj rezignu tre, tre baldaŭ. Kaj fine, vi volas havi rapidan ŝarĝo tempo ĉar serĉiloj - same kiel homoj - ne batu havas multan paciencon por malrapida retejoj. Tiu estas maniero por vi por certigi ke vi montras pli alten en serĉi motoro demandoj kaj espereble tiel akiri pli trafiko. Ĉar post ĉio, vi pasigis tiun tutan tempon disvolvi via retejo. Vi pasigis tiun tutan tempon ĵetante tiu retejo ensalutintaj. Vi volas certigi ke vi havos multe da uzantoj kiuj reale vidi vian enhavon. Aliaj bonaj rimedojn por uzi. Google Retejestro Agordoj estas io por rigardi al. Ĉi nur helpas vin vidi - Google ne indeksado mia paĝaro. Kio specoj de eraroj ĝin renkontis? Kiom da paĝoj havas ĝin indeksita? Kion tio pensi estas la plej grava enhavo de mia paĝo? Eble tio ne estas kion mi volas esti. Eble mi bezonas ŝanĝi mia retejo iom tia, ke ĝi estas reflektita bona kion mia retejo estas vere pri. Google Analytics estas alia vere malvarmeta ilo. Vi povas aldoni iom da JavaScript por via paĝoj. Kaj tiam poste vi povas iri al Google Analytics, kaj estos spuri via vizitanto demografio kaj via retejo kresko. Ĝi diros al vi precize kiom da vizitantoj viziti vian retejon ene de iu tago, ene de iu horo, ene de iu semajno. Kiom da vizitantoj el Ĉinio? Kiom da vizitantoj de Antarkto - vi fariĝas al via retejo. kiuj povus esti io malvarmeta vidi aŭ eble eĉ esti utila ĉar vi provas celi certa grupo. Eble vi provas orienti adoleskantoj kun via retejo, kaj vi vidos ke la plejparto de la vizitantoj al via ttt-ejo estas eble 30 - 40-year olds, tiam eble ĉu vi havas problemon aux vi povas simple diri: bone, do eble mi devus nur ŝanĝi mian TTT-ejo fokuso por ke Mi enfokusigi pli en tiu aĝo grupo. Google Apps - se vi volis havi ia retpoŝtojn kun via domajno nomo - eble ion kiel yourname@yourname.com-- vi povas uzi gmail adresoj - vi povas uzi la gmail servo kaj Google Apps estas unu maniero por fari tion. Vi povas agordi specifa retadresoj kiuj estas specifa al via domajna nomo anstataŭ of@gmail.com. Kaj fine, estas ttt developer pligrandigoj kaj add-ons - por Chrome, por Firefox, por aliaj retumiloj - kiuj permesas al vi iri en kaj inspekti CSS, JavaScript inspekti, vidi ĝuste kio okazas al via JavaScript skripton, kaj eble estos utilaj por via de-bugging celoj, por vi ekscii - bone, kial ne estas mia retejo montri ĝuste en tiu retumilo? Kaj fine, se vi volas lerni pli pri cxiuj tiuj temoj - se vi volas lerni pli pri HTML kaj CSS kaj JavaScript - ĉar post ĉio, ni nur instruis al vi iom - vi povas iri retejoj kiel W3Schools.com serĉi pli da rimedoj. Ili havas tre belan lernilojn pri kiel mi faru x, aŭ kion signifas y signifas? Se vi volas lerni pli pri ĉi tiuj lingvoj vi povas simple iri tien. Ĉio bone. Mi kredas ke mi volis forlasi la lastaj minutoj de ĉi por demandoj, tial estas tie ajnajn demandojn pri io ajn, ke ni parolis pri? [Aŭdienco membro] Kiaj ajn estas la W3Schools kaj kiel estas kovrita? [Yuechen Zhao] Kiaj aferoj? Do, unu el la tre grandaj aĵoj kiujn mi uzas multe estas ilia referencoj. Iliaj referencoj detalo, ekzemple por CSS - kion tio signifas aŭ se vi volas ŝanĝi la fonon de artikolo - kiel vi faras ĝin? Kiu foliumiloj apogi tiun ordonon? Aĵoj tiel. Kaj tiam ili ankaŭ nur havas tre belan lernilojn en HTML, en PHP, en JavaScript, en MySQL, sur ĉiaj diversaj temoj. Ili havas belan lernilojn. Ili instruos vin, kiel fari tion. Estas agrable povi iri kaj lerni pli pri ĉi tiuj temoj. [Aŭdienco membro] HTML 5 ankoraŭ ne estas kongrua kun ĉiuj foliumiloj tie. Ĉu vi rekomendus simple resti for de ĝi pro kongruo demandoj? Kiel vi traktus tion? [Yuechen Zhao] Jes, do, la demando estas HTML5 estas ankoraŭ bebo normo. Tio ne vere subtenata de multaj foliumiloj, do ni devas eviti ĝin? Mi kredas lasta jaro mi estus tre granda defendanto de, ni evitas HTML5 ĉar estas ankoraŭ - estas ankoraŭ tre nova kaj fakte, la HTML5 normo ne estis finita ankoraŭ. Kaj do, vere estas neniu HTML5 normo. Sed mi pensas speciale se vi desegnante retejo nun, eble estus pli bone se vi simple iru kun HTML5 ĉar tio estas ia tuj estos la estonteco, kaj se vi volas, ke via TTT-ejo estos estonteco-pruvo kaj vi volas, ke via retejo por laboro en estonteco retumiloj, eble estus pli bone komenci konstruaĵo ion por la estonteco ol por la estinteco, kaj ankaŭ nur pro la fakto ke HTML5 vere ne estas tiel malsama el HTML4 aŭ XHTML. Se vi uzas HTML5, ĝi kutime funkcios en plej retumiloj. Vi nur devas ordigi de iru kaj certigi kun tiuj ekrankopioj kaj certigante kun iri al tiuj retejoj mem. Sed plej verŝajne ĝi funkcios se vi uzas tre specifajn karakterizaĵojn por HTML5. Rimarku ankaŭ, ke por CS50 - ekzemple, por la video ludanto kiun ni uzas - ĝi uzas HTML5 kaj HTML5 video por montri la prelegoj. Sed se vi havas vere malnova retumilo, tiam ĝi tuj refalis en Flash. Do, tio estas ankaŭ io alia - havi falo-reen sistemo por kiam vi nur scias, ke la retumilo ne tuj manipuli kion vi volas manipuli. Aliaj demandoj? Io ajn, ke ni parolis. Ĉio bone. Do mi opinias ke temas pri tio al mi. Mi pensas ke estas tio. (Aplaŭdoj) Cool. [CS50.TV]