[Powered by Google Translate] [Seminaras] [Pasiruošimas Jūsų svetainė internete] [Yuechen Zhao] [Harvardo universiteto] [Tai CS50.] [CS50.TV] Gerai. Štai dar vienas interneto svetainių kūrimas valandą, jei jus vaikinai yra už jį. Šiandien aš ruošiuosi kalbėti apie rengiant savo svetainę internete. Visą dieną - ir tikriausiai per pastaruosius 2 savaites - mes kalbame apie tai, kaip sukurti interneto svetainę, kaip naudoti HTML, kaip naudoti PHP, kaip naudoti sistemas, kaip įsitikinti, kad jūs galite bendrauti su duomenų baze - dalykų, pavyzdžiui, kad. Tačiau šiandien, mes ketiname kalbėti apie tai, kur jūsų svetainė ketina gyventi po CS50. Nes juk CS50 neatsitinka pro gruodžio mėnesį. Mes ketiname kalbėti apie domenų vardus, talpinimas. Mes ketiname kalbėti apie tai, kas kryžminio naršyklės suderinamumo ir cross-platform suderinamumo, ir kaip jūs galite įsitikinti, kad jūsų svetainė ketina dirbti bet kokiomis sąlygomis. Mes kalbame apie apdorojimo klaidų ir kitų serverio magija. Mes kalbame apie optimizavimą, optimizavimas paieškos sistemoms, ir kaip žmonės iš tikrųjų aplankyti savo svetaines. Ir, pagaliau, tik keletas gerų išteklių įsitikinti, kad vaikinai turi pakankamai tų eiti ne su savo galutinį projektą, ir, tikiuosi po. Pirmas dalykas, kad mes ketiname kalbėti apie tai, domenų vardus. Dabar jūs programavimas prietaiso, jūs ketinate vietiniam kuri nėra iš tikrųjų domeno vardas. Tai tarsi tik slapyvardis arba pseudonimą savo faktinės Linux "diegimą viduje arba VMware ant Mac ar "VMware Player kompiuteryje. Domenų vardai leidžia jums įdėti svetainę į internetą ir tada eiti į kažką panašaus www.google.com ir gauti interneto svetainėje. Kaip jie veikia? Tarkime, kad jūs tik vidutinis web serveris - vidutinis interneto banglentininkas ir turite nešiojamąjį kompiuterį, ir jūs einate į www.howstuffworks.com. Galite tikriausiai pamatyti, kur aš pavogė tai iš. Kaip Stuff Works - jūsų kompiuteris bus tada paprašykite vietinį DNS serverį, "Ar žinote, kur ši svetainė yra?" "Ar žinote, IP adresą www.howstuffworks.com?" Jūsų DNS serverio gali pasakyti: "Taip, aš." Tokiu atveju, gausite IP adresą, ir jūsų kompiuteris gauna prieigą prie šio IP adresą. Jei ne, jis klausia kitą DNS serverį, "Ei! Ar žinote, kas www.howstuffworks.com yra?" Šis serveris gali pasakyti: "Taip, aš." Taigi, jis jums pasakys kitą vieną kas tai yra, ir galiausiai, kad informacija bus perduota į kompiuterį, ir galite naudotis howstuffworks.com. Kaip jūs galite gauti vieną iš šių stebuklingų dalykų? Kaip jūs galite gauti gal www.yourname.com arba www.ilovecats.com? Galite užsiregistruoti vieną, ir yra daug svetainių ten, kad leidžia jums tai padaryti. Jūs privalote - daugeliu atvejų jūs turite mokėti už juos. Yra tam tikrų domenų vardų, kurie nemokamai. Jeigu jūs einate į www.co.cc arba. Tkdomainnames, jie yra nemokami. Tačiau, jie ateina su tam tikrais apribojimais, ir iš tikrųjų kai kurie iš jų gali net būti nekilnojamojo, aukščiausio lygio domenų vardai. com arba. neto. Paprastai siūlyčiau vyksta vienos iš jų nes vartotojai yra tiesiog patogiau su tais. Jūs mačiau. Ryšio daug. Jūs mačiau. Tinklų daug. Jūs tikriausiai ne matė. Co.cc 'ai daug, todėl jie sunkiau prisiminti. Įvairių svetainių kaip GoDaddy arba Namecheap arba - aš viena, kad rūšies paviršutiniškas - vadinamasis activedomain.com. Atrodo tikrai netobulas, bet jis dirbo tikrai gerai man. Ir pagaliau, turite kitus, kad gal daryti daugiau reklamos kaip Network Solutions. Bet jei jūs einate į NetworkSolutions.com ir pažvelgti į jų kainodaros tai tikrai brangu. Aš žiūri į juos praėjusią naktį. Už vienus domeno vardo, tai tikriausiai nėra verta, kad daug pinigų. Iš tiesų, jei jūs gaunate. Com arba. Org arba. NET Įprasta kaina yra apie $ 10 per metus. Taigi, jei jūs mokate daug daugiau nei, kad tai tikriausiai ne, kad verta nes, galų gale, šių svetainių neturi nieko daryti su tą domeno vardą. Jie tiesiog suteikti jums, ir todėl, jei galite jį gauti pigiai, kodėl gi ne? Kitas dalykas yra, kai jūs turite savo domeno pavadinimą, tada jūs tikriausiai norite eiti arba Godaddy.com ar kur pirkote savo domeno pavadinimą ir nustatyti vardų serverius už tą domeno vardą. Ką tai reiškia, kai vartotojas eina į www.howstuffworks.com, tie vardų serverių IP adresai IP adresus, kad jie galėtų ieškoti. Jie galės prieiti prie jūsų svetainės per šiuos vardų serverius. Jei taikoma priegloba kažkur tada jūsų kompiuteris greičiausiai jums vardų serveriai naudoti. Ir, pagaliau, ten tai dalykas, vadinamas WHOIS. WHOIS tipo duomenų bazėje yra duomenų bazė, kurioje galima įvesti domeno vardą ir jis bus išspjauti, kai apie šios svetainės ir kitų kontaktinę informaciją savininką informaciją. Dabar, jums gali pasakyti: "Aš tikrai noriu, kad mano namų adresą ar aš tikrai noriu, kad mano elektroninio pašto adresą dėl pasiūlymo mato visi svetainės arba visiems pamatyti internete. " Tada jūs galbūt norėsite naudoti kažką, kad hostingo paslaugas teikia daug - kaip WHOIS vadybininkas. WHOIS vadovas yra tiesiog kita paslauga, kad jų daug, numato, kad kailiai toli, kad informacinės ir tiesiog užsideda ir kas yra vadybininkas pavadinimą - dėl adreso tai paprastai tik, kad įmonės pavadinimas tai davė jums šį domeno vardą - ir tada jūsų asmeninė informacija nebus paviešintas internete, kuris paprastai yra gana gera. Aš naudoti vieną iš šių paslaugų. Jei nerūpi savo privatumą tai tikrai ne klausimas. DNS serveris reiškia Domain Name System, ir kas ji yra - tai tarsi kaip maišos lentelės kažkur, kad sako:  "Tai svetainės adresas ketina map šį IP adresą." Ir tai viskas yra. Taigi, kai jūs užklausa šį DNS serverį, tada jūs galite gauti IP adresus tos atitinkamo domeno vardo ir tada eikite į tą svetainę. (Auditorijos narys užduodami klausimą - nesigirdi) Pirmas? Pirmasis lygis iš tikrųjų yra paprastai tik jūsų kompiuteris talpyklos pati. Jūsų kompiuteris tarsi prisimena paskutinį kartą, kad Jūs patekote į www.google.com ji buvo šio IP adreso, o tada po kurio laiko, kad talpyklos baigsis, ir jis paprašys, kaip Comcast DNS "Ei, kas www.google.com?" Paprastai, kai jūs perkate domeno vardą ir Jums užsiregistruoti vieną, ir jums sukurti interneto svetainę, jūs negalite eiti į svetainę iš karto su tuo domeno pavadinimą, nes vardų serveriai visame pasaulyje nežino apie jūsų domeno vardas dar. Ji turi užpildyti. Ji paprastai trunka apie 24-48 valandų. Gerai. Taigi, tai šiek tiek apie domenų vardus. Jie labai kietas. Manau, kad turėtumėte gauti vieną, jei esate rimtas apie projektą ir jei jūs tikrai norite, kad jūsų projektas, žinomas visoje miesteliu, turintys domeno pavadinimą tai atrodo tikrai profesionaliai. Tada kitas žingsnis, žinoma, yra turėti tam tikrą hosting rūšiuoti. Jei tiesiog įdėti jį į savo kompiuterį, niekas kada nors galėtų eiti į jį. Jums galėtų sukurti serverį kompiuteryje ir išsaugoti savo kompiuteryje, amžinai, bet tai nerekomenduojama. Yra įvairių rūšių prieglobos prieinama internetu. Ten Shared Hosting. Yra VPT (neįskaitomai), kuris yra virtualus šeimininkai. Yra pusiau atsidavę ir skirta. Iš paskutinių 3, VPN, pusiau skirta, ir skirta paprastai yra brangesni. Jie paprastai naudojami svetainių, kurios reikalauja daugiau išteklių. Jei jūs tik pradedate su svetaine, tai gali būti tiesiog taupiau eiti su Shared Hosting. Ir kas bendra priemonė yra tik svetainių krūva visi kartu rūšiuoti viename serveryje Remiantis šia atskaita dėl šio priimančiosios serverio svetainėje, ir jūs galite prisijungti prie savo svetainėje per domeno pavadinimą. Yra populiarių šeimininkai daug ten. HostGator ir DreamHost - jie yra labai, labai didelis ir labai, labai populiarus ir labai, labai sėkmingas. Aš asmeniškai naudoti vieną vadinamą MDDHosting. Jeigu jūs einate į www.mddhosting.com, kad mano šeimininko pasirinkimas. Manau, kad jie labai geri. Jie visada buvo labai patikimas, ir aš niekada neturėjo jokių problemų su jais. Jie taip pat turi labai konkurencingas kainas. Du, kad aš tikrai patinka yra GoDaddy - tai taip pat labai populiarus šeimininką, bet aš turėjau baisi patirtis su jais, ir žmonių, aš žinau, daug buvo tikrai baisi patirtis su jais. Jie tarsi eiti po žmonių, kurie nežino, ką jie daro - gal jūs darote svetainėje pirmą kartą, ir todėl jie tarsi pa juos pirkti savo hosting paketas. Negalima daryti. Nepatenka už jį. Eiti ieškoti kitų priegloba paketai, kad tikrai tinka jūsų poreikius. O kitas yra, - yra laisvo pavaduojančius ten. Yra svetainių, kurios vyks savo svetainę nemokamai - kartais išleisti skelbimą į savo puslapį, kartais darant jums dalyvauti jų forumuose bet kartais tiesiog taip pat nemokamai. Tačiau būkite atsargūs su laisvo pavaduojančius, nes jų daug tikrai tik bankrutuoti po kelių mėnesių. Jūs tiesiog negali suspėti su išlaidomis. Kiti yra tiesiog labai nepatikimas, ir jūsų svetainė visuomet bus žemyn, ir jūs nenorite, kad taip atsitiktų. Kiekviena priimančioji siūlys savo valdymo skydelį. Atkreipkite dėmesį, kad jūsų prietaiso, ten tikrai nėra valdymo skydelio per se. Jūs turite naudoti terminalą eiti ir redaguoti failus. Turite chmod dalykų patys. Jei nori eiti į phpmyadmin, jūs turite eiti į localhost @ / phpmyadmin ir panašių dalykų. Bet su valdymo skydeliu galite eiti ir redaguoti failus į savo serverį "Windows Explorer" arba ieškiklis tipo taikymo. Arba galite pereiti ir pažvelgti į savo duomenų bazes su savo įrankiu vietoj PhpMyAdmin. Taigi, yra pasirinkimo daug čia, ir kai kurie iš populiariausių valdymo pultai yra ten. Bet jei jūs ieškote šeimininką, tada galbūt norėsite pažvelgti Kokios rūšies nustatymų ir galimybių jie siūlo man pritaikyti savo serverį ir padaryti savo svetainę paleisti geriau. Taigi, tada jūs galite paklausti: "Na, kaip man pasirinkti priegloba? Jeigu jūs einate į bet kurios priimančiosios svetainėje nėra žargono daug, ir yra daug variantų. Yra įvairių kainų daug taip pat. Paprastai aš einu už pigiau aktuose tik todėl, kad svetainių, kurios gal ir aš darau - ypač dabar, ypač užkandžių - jie gali neprireikti, nes daug išteklių Kaip ir buvo galima kaip Microsoft.com svetainėje. Pirmiausia jūs norite pažvelgti į operacinės sistemos, jei jūs tikrai įdomu, ar svetainės bus surengtas Linux, Windows, arba Mac. Paprastai mes tiesiog eiti su Linux, nes tai paprastai pigiausias, taip pat vienas, kad gal jus vaikinai yra labiau susipažinę su dėl prietaiso. Ir tada, gal jie bus tam tikrus apribojimus dėl pralaidumo, kad jūs gaunate - like kiek megabaitų ar gigabaitų duomenų vartotojai gali parsisiųsti iš savo svetainės per mėnesį? Arba diske. Kiek vietos jūs gaunate? Ar 500 MB? Ar tai 2 GB? Ar tai neribotos? Šiandien iš interneto serverių daug duoti jums neribotą erdvę kaip jais, kad patrauktų jums gauti savo hosting paketas. Bet jei jūs tikrai manote apie tai, kai jūs kada nors reikia neribotą erdvę? Jei jūs turite HTML failus pora, PHP, pora, vaizdų pora - tai tik iš megabaitų pora, ir taip paprastai aš tiesiog eiti gal kelių gigabitų vertės erdvėje, ir kad gali būti pakankamai paleisti mane, kol man reikia daugiau. Galiausiai, jie gali įdėti apribojimus, kokios rūšies - kiek duomenų bazės jūs galite turėti. Gal galite turėti tik 1 duomenų bazę. Gal galite turėti 2. Gal jūs galite turėti 10. Ar tai tikrai svarbu jums, kiek jūs gaunate? Ką reikia užduoti sau. Ir galiausiai, tik tokie dalykai kaip kalbų. Ar jie palaiko PHP? Ar jie palaiko MySQL? Dauguma hostingo svetainių, nereikia remti šiuos, nes jie yra laisvi. Jie atviro kodo. Jis neturi kainuoti jiems nieko teikti šias jums. Bet jei norite naudoti, tarkim, Ruby ar Python arba kai kurie iš šių kalbų - jie negali paremti savo serveryje, todėl svarbu ieškoti tų dalykų rūšių. Ir, pagaliau, jie leidžia jums padaryti šiek tiek daugiau pažangių dalykų, pavyzdžiui, SSL ar cron darbo vietų? SSL galimybė, kur Jūs galite padaryti jūsų svetainę labiau saugi darant jį HTTPS ir užšifruoti savo ryšius. Ir cron darbo vietų yra tik galbūt scenarijus, kad jūs norite paleisti kas 5 minutes, kas 10 minučių, kas 15. Shared Hosting daug svetainių neturi įdėti apribojimus dėl cron darbo vietų skaičių, kad jūs galite paleisti, nes tai užima daugiau išteklių. Ir, pagaliau, tiesiog visa kita, kad jūs norėsite pažvelgti - įsitikinkite, kad būtent tai, kas vyksta Prieš jūs perkate savo hosting paketas. Ir, pagaliau, efektyvumą. Performance yra didžiulis. Kaip greitai mano svetainės ketinate paleisti? Dauguma vartotojų yra nesiruošia laukti net kelias sekundes į savo svetainę paleisti prieš jie tiesiog nuobodu, ir jie išeina į MeanBase ir pradėti žiūri į nuotraukas kačių - žinote, kas vyksta, ir jūs norite įsitikinti, kad jūs gaunate, kad laive vartotoją ir kad jūs turite gerą veiksnumą, kuris tiesiog reiškia, kad Jūsų svetainė ketina būti prieinama bet kuriuo metu. Kompiuterių daug turi tikrai blogai uptime ir kad tik reiškia, kad jūsų svetainė nesiruošia būti prieinama, ir jūs nenorite, kad taip atsitiktų, nes jums gali būti liūdna. Ir jūs galite taip pat sekti savo šeimininko rezultatus su svetainių, pavyzdžiui, Pingdom.com arba Priimančioji tracker.com, ir jie tiesiog pasakyti, kaip dažnai jūsų svetainė žemyn. Ir, pagaliau, jūs norite pamatyti apie jų paramą. Jei turite problemų jie ketina atsakyti jums per 24 valandas? Ar jie ketina atsakyti jums per 48 valandas? Prieglobos paslauga, kad aš naudoju paprastai reaguoja į mane per keletą minučių kuris yra tikrai gražus. FIU! Visos teisės! Atėjo laikas pertraukos. Bet aš neketinu pateikti jį jums. Mes tiesiog pažvelgti į nuotraukas Mielos katės, kas dabar ir tada. Kitas tikrai, tikrai didelis dalykas yra kryžminio naršyklės suderinamumo. Ką turiu galvoje įvairių naršyklių suderinamumas? Jūs žinote, šiandien tai ne tik "Microsoft Internet Explorer. Tai ne tik "Mozilla Firefox" arba "Safari". Dabar mes turime Chrome ". Mes turime Opera. Mes turime delfinų. Mes turime Camino. Mes turime Conqueror. Mes turime visų šių skirtingų naršyklių. Dalykų, kurie išeina dabar - RockMelt - nors tie visi remiasi Chromo. Bet iš tiesų, yra, yra ne tik vienas naršyklė anymore. Jūs ne tik žiūrėti šiuos puslapius su vienu prašymu. Ir taip, skirtingų naršyklių reaguojančius į skirtingus HTML, CSS skiriasi, ir kitą JavaScript skirtingai, ir kaip jūs susidoroti su tuo? Na, tam tikrais atvejais, tikrai negali. Jūsų svetainė - jei jis dirba vienoje naršyklėje, kodą, kurį rašė neveiks kitoje naršyklėje, ir tai jūsų darbas, siekiant užtikrinti, kad kodas, kad rašote yra universalus, kad ji veikia visur. Taigi, tai yra tikrai pavojinga. Jei jūs sakote: "Na, tai dirbti mano kompiuteryje. Puiku! Pereikime." Na, tai tikriausiai nesiruošia dirbti mano, ir, kai aš einu į savo svetainę Aš ruošiuosi būti labai liūdna, ir aš ruošiuosi palikti iš karto. Taigi, pažiūrėkime, kaip galite to išvengti. Pirmas dalykas, žinoma, yra tik naudoti standartinę HTML, CSS ir JavaScript. Ką turiu galvoje? Na, yra ne standartinių dalykų ten. Pavyzdžiui, CSS yra daug versijų. Jei matote CSS taisykles-MOZ-arba-WebKit-, šios taisyklės yra specifinės į abi naršyklių Mozilla ir WebKit naršyklės, ir todėl jūs norite įsitikinti, kad gal norite išvengti šių dalykų nes jei naudojate-MOZ-ta taisyklė yra tik ketina dirbti Firefox. Ir jei jūs tikrai norite atrodyti gera Internet Explorer, taip pat, jūs ketinate būti iš laimės. Dėl HTML pat, galite daryti tai, ko HTML, kad darbas vienoje naršyklėje tačiau iš kitos pertraukos, ir jūs norite, kad būtų išvengta, kad, kiek įmanoma. Ir pagaliau pagal JavaScript net - Yra daug versijų JavaScript ir šią vasarą vyko į problemą kur Document.getElementsByClassName-- kuris paprastai yra funkcija, kuri yra apibrėžta kaip "JavaScript" standarto dalis - nebuvo rasti "Internet Explorer 8. Taigi, per vasarą dirbau laboratorijoje ir statome internete eksperimentus. Ir mes manome, kad ji dirbo tikrai gerai, kol mes supratome, vartotojus, kad buvo per Internet Explorer 8 "negalėjo pateikti savo rezultatus. Mes trūksta ant daug duomenų. Tai privertė mus tikrai liūdna. Taigi, jūs visada nori įsitikinti, kad jūsų skriptai ketina dirbti visur. Ir, pagaliau, naudokite validator.w3.org o tai, ką mes pasakyti, daryti pset 7. Įsitikinkite, kad jūsų puslapiuose yra patvirtintas. Tai labai svarbu, nes, kad bent yra pirmasis žingsnis normalumas patikrinti. Ar mano kodą iš tikrųjų atitinka standartus? Kitas būdas rūšiuoti padėti jums įsitikinkite, kad jūsų svetainė ketina dirbti pagal Daugeliu atvejų tai gal naudoti kai kuriose bibliotekose ir sistemas nes šie tikrai protingas kūrėjai galvojo apie šių jus klausimais. Jie jau išgyveno ir jie parašiau skirtingas funkcijas, kurios dirba visoje naršyklių. Pavyzdžiui, mes naudojame JQuery į Pset 7. Nors jūs negalite mačiau jį, JQuery suteikia daug funkcijų kad kitaip jums reikės rašyti sau. Tačiau šie kūrėjai rašė, ir jie pasirūpino, kad jis veikia visose naršyklėse. Ir bootstrapujemy - tai dar viena CSS pagrindų, kad mes parodėme jums Pset 7 - tai tikrai atima iš projektavimas svetainių, kurios atrodo gerai daug galvos skausmo. visose naršyklėse. Ir pagaliau, jei jūs galite išvengti, aš paprastai išvengti kodavimo nuo nulio. Jei jūs tik sukurti savo mokyklos klubo interneto svetainėje, pavyzdžiui, ir viską, ką reikia padaryti yra parodyti keletą puslapių, o gal turite savo prezidentu eiti ir pakeisti keletą dalykų čia ir ten - ten tikrai nereikia kodas, kuris iki sau. Tai užima daug savo laiko. Tai užtrunka daug iš jūsų daug energijos, ir jūs turite eiti per, ir jūs turite sužinoti, gerai, tai vyksta gerai atrodyti naršyklėje, ji ketina atrodo gerai šioje naršyklėje. Gal naudoti kai kuriuos iš šių pleistrų, kad kiti jau parašyta, kad jūs, kaip WordPress arba Joomla ar Drupal. Tai vadinama turinys - jie vadinami TVS, kuri iš esmės yra tik paketus, jau atėjo padaryta už jus, ir jūs galite atsisiųsti juos, įdėti juos į savo serverį, ir pritaikyti juos, tačiau norite, ir jūs jau veikia svetainėje. Tos kodas paketai yra kažkas pažvelgti į. Šie dalykai yra atviro kodo, jei jūs einate į kažką panašaus - jei jūs ieškote formos pakuotėje, yra dalykų, kurie negali laisvai kaip VBulletin arba IP.Board. Jei jums nereikia kai kurie iš šių pažangių funkcijų, visada galite pasirinkti laisvo pasirinkimo. Ir, pagaliau, nėra jokių vengiant jį. Jūs turite išbandyti, bandymas, bandymo. Jūs turite išbandyti savo kodą į visas šias naršykles ir dėl visų šių platformų. Ir žinote, IE6 - Ačiū Dievui, žmonės pradėjo tolsta nuo IE6 nes atgal per dieną, gal prieš keletą metų, kūrėjai turėjo visada, visada, visada pataikauti IE6 silpnumą po standartus. Svetainės tik pažvelgė natūra iš 1990-aisiais dėl nepakankamo geriau kovoti su ja. Taip pat galite naudoti naršyklės ekrano patikrinti savo CSS. Vienas tikrai cool svetainė yra browserlab.adobe.com. Tai nemokama paslauga užgesino Adobe. Ir kas jie yra, jie gali imtis zrzutek iš jūsų svetainės veikia skirtingomis sąlygomis - kaip veikia pagal skirtingų naršyklių, veikia pagal skirtingų platformų - ir parodyti jums, kaip jie atrodo. Tiesiog parodyti jums, ką turiu galvoje čia, aš sukūriau svetainę pernai vadinamas gyvenimas Harvardo, ir ką aš bandžiau daryti - aš bandžiau padaryti my.harvard geriau. Nes jei čia buvo pernai, my.harvard neatrodė, kaip jis atrodo dabar. Atrodo rūšies bjaurus. Bet dabar jis atrodo daug geriau. Mano įgyvendinimas buvo ne tai, kad naudinga nebėra, bet visi tą patį, žinote, aš bandžiau pridėti - (neįskaitomai) daug ką - ir atrodo - atrodo labai gerai ant mano kompiuterio. Ir tada, gal, jei aš turėjo daugiau laiko būčiau nuėjo naršyklės laboratorijoje, ir aš pažvelgė gerai, kaip jis atrodys Chrome 18 "Windows". Norėčiau slinkite žemyn ir aš norėčiau matyti - O ne! Pažvelkite skelbimai dėžutę. Mano tekstas buvo perpildyta. Taigi, tai blogai, tiesa? Jei vartotojas naudoja Chrome "Windows" ir ateina į mano svetainę, kad iš karto atrodo labai neprofesionaliai. Taigi, aš turėtų eiti į mano CSS ir sužinoti, kokia dalis mano CSS yra trūkimo čia. Kodėl ne rodyti teisingai ir nustatyti jį taip, kad visi vartotojai gali matyti tą pačią svetainę ir tokia pat laiminga. Ir, pagaliau, gerai, naršyklės ekrano yra gražus išbandyti savo CSS, bet ką apie jūsų "JavaScript? Ką apie jei turite šiek tiek sudėtingą scenarijų tai veikia? Na, jūs visada galite padaryti Virtualizacija. Jei turite Mac, galite naudoti Bootcamp arba VMware Virtualizacija gal kopiją Windows ir Internet Explorer ten. Arba, jūs galite pereiti į kažką panašaus Spoon.net, kuri, deja, veikia tik ant PC. Bet ką jie yra labai kietas. Jie Virtualizacija programinės įrangos už jus, todėl jūs galite paleisti skirtingų versijų IE, pvz. Jūs galite paleisti skirtingų versijų "Firefox". Jūs galite paleisti skirtingų versijų Safari ir išbandyti visus savo svetaines ten. Deja, jie nėra nemokama. Tai yra mokama paslauga, todėl visada tarsi tai - visada tarsi šis kompromisas tarp, gerai, aš ketinu padaryti, kad mano svetainė atrodo gerai. Jei taip, aš gali tekti mokėti už kai kurias paslaugas, kad man padėti tai padaryti. Visi šio apie ką nors, kad mes kalbėjome apie taško paklausti? Nuostabus. Gerai. Dabar mes turime daugiau ką kalbėti apie. Kaip apie klaidas? Kaip jūs įsitikinkite, kad jūsų svetainėje ketina veikti net tada, kai kažkas blogo atsitiks? Gal jūs neturite puslapį, pavadintą food.php. Bet man, aš einu į savo svetainę ir bandau pasiekti food.php. Ar jūs tik ketina parodyti man, kad baltas puslapis, kuris sako 404 - Failas nerastas? Arba jūs ketinate pasakyti: "Na, aš atsiprašau, kad aš negalėjo rasti tai už jus, bet gal čia yra keletas kitų išteklių, siekiant padėti jums ieškoti, ko jums reikia. " Kitos klaidos - taip, tai vadinama HTTP klaidos, kurios, yra tik keletas klaidų kodai kad jūsų serveris gali išsiuntė atgal į atveju kažkas blogo vyksta naršyklėje. 400 - bloga užklausa. 401 - neleistinas. 403 rūšies bendras, kai jūs turite katalogą, kuris nėra turėjo būti atvertas vartotojas, tačiau vartotojas bando vistiek. Ir 500 - vidinė serverio klaida - tai paprastai atsitinka, kai jūs turite ką nors tikrai blogai vyksta su jūsų PHP kodą. Tačiau bet kuriuo atveju, šių naršyklių rūšių - šių klaidų rūšių atsitikti. Taigi, kaip jūs įsitikinkite, kad jums grakščiai valdyti šias klaidas ir įsitikinkite, kad vartotojas yra ne tik tarsi kabo ten? Čia ateina. Htaccess. Dabar. Htaccess yra kažkas, kad veikia Apache serverių, kažkas, kad veikia ir veikia keletą kitų serverių, taip pat. Tai tik būdas jums konfigūruoti serverį taip, kad jūs galite padaryti jį daryti tai, ką norite daryti. Kai kurie dalykai, kuriuos galite padaryti. Jūs galite kontroliuoti savo nustatymus talpyklos. Gal yra tam tikras puslapį savo svetainėje, kad jūs įsitikinkite, kad vartotojas naujo atsisiųsti kiekvieną kartą, kai vartotojas ateina ir apsilanko jūsų svetainėje. O gal turite kokių nors URL, lyg yoursite.com / testas / html / Puslapiai / hello.html ir jūs tiesiog norite, kad būtų yourname.com / Apie -. pat galite naudoti htaccess nukreipti vieną tinklalapį į kitą. Taip pat galite naudoti ją padaryti autentiškumo. Gal yra kai kurie iš jūsų svetainės porcijos, kad jums reikia naudoti kitą slaptažodį. Jūs galite blokuoti tam tikrus IP adresus, blokuoti tam tikrus domenų. Gal tiesiog tikrai nepatinka Harvardo studentai per savo svetainę. Na, jūs turite galimybę blokuoti visus Harvardo IP adresus variantą. Galiausiai, jūs galite gydyti dalykų - galite rašyti tikrą kodą, kad jūsų serverį gydyti patinka. Zhao arba. Jūsų vardas arba. hEllo puslapius kaip PHP kodą. Gal bus naudinga. Gal nebus. Ir, pagaliau, jūs galite naudoti ją tvarkyti klaidų atsakymus. Ką turiu galvoje? Jei tiesiog pridėti kodą panašaus į tai - ErrorDocument 404 ir tada nukreipti juos į kai klaidos puslapis, jūs galite įsitikinti, kad vartotojas ne tik pamatyti, tikrai, tikrai negraži 404 ir parodyti jiems ką nors gražaus. Leiskite tikrųjų pažvelgti, kaip mes galime padaryti, kad jūsų Pset 7 išvaizdą. Čia aš savo prietaisą. Aš ruošiuosi atidaryti Chrome, ir tada aš ruošiuosi pabandyti atidaryti puslapį kad neegzistuoja CS50 finansų. Taigi, vietinio kompiuterio - cats.php--taip, pastebėsite, kad aš sukūriau klaidos dokumentą kad sako: "Canz neranda z puslapį!" Ji labai liūdna katė ant jos. Jeigu jūs einate į "Twitter", jei jūs einate į bet kurį iš šių kitų svetainių, jūs negalite rasti puslapį, jie paprastai bando parodyti jums mielas paveikslėlį kad nesate pernelyg nusivylęs. Jūs taip pat gali turėti kažką, kad daugiau profesionalių, kad sako, Na, aš atsiprašau aš negalėjo rasti puslapį, bet gal čia yra paieškos laukelis. O gal čia yra keletas nuorodų, kurios padės jums rasti nuorodą, kad jūs norite. Taigi, kaip aš tai padaryti? Kaip tai net galima? Jei mes einame į mūsų terminalą čia - Aš tik ketina padidinti šiek tiek - pastebėsite, kad turiu naują puslapį. Viduje mano HTML kataloge ji vadinama - jūs negalite matyti - ji vadinama error.php. Ir error.php yra tik failas, kurį aš padariau , kuri jums parodo šį puslapį pati. Galiu parodyti jums, ką error.php yra. Tai tiksliai šį puslapį. Ji sako: "O ne! Canz neranda z puslapį!" Ir, jei norite pamatyti - taip, atkreipkite dėmesį, kad htaccess tarsi yra keista pavadinimas.. Jis prasideda tašku, o tai reiškia, kad tai sisteminis failas. Tai paslėptas failas, kuri paprastai nėra rodomi. Jei ls-, jūs galite pamatyti visus paslėptus failus į tam tikrą katalogą, ir iš tiesų, ką matote. htaccess yra vienas iš jų. Eikime į priekį ir atidaryti htaccess. - su gedit - Strėlės! Viskas, ką turite, yra viena eilutė ten - Klaida dokumentas klaidos kodas 404 kuris taip pat žinomas kaip failų ne rasti klaidų. Leiskite nukreipti juos į kažką vadinama error.php. Jūs galite turėti įdomus dalykų, pavyzdžiui, canz neranda z puslapį! Ir taip pat yra labai cool dalykų, kuriuos galite padaryti su. Htaccess. Jei norite pamatyti daugiau. Htaccess magija, tai labai kietas tinklapyje eiti - tai vadinama javascriptkit.com/howto/htaccess.shtml-- jei norite atlikti daugiau serverio magija. Ir tai gali būti labai įdomus. FIU! Visos teisės! Daugiau mielas nuotraukas. Tai vaikinas daro push-up, ir jo katė bando padėti. Manau, kad tai labai mielas. Deja, aš neturiu kaip kad katė. Gerai. Taigi, mes kalbėjome apie. Htaccess. Mes kalbėjome apie apdorojimo klaidų. Mes kalbėjome apie talpinimas, domenų vardus. Mes kalbėjome apie kryžminio naršyklės suderinamumo. Dabar, kaip mes įsitikinti, kad jūsų svetainė faktiškai vykdo? Kaip mes užtikriname, kad jei aš einu į savo svetainę Matau savo puslapį per kelias sekundes? Vienas iš dalykų, kad aš manau, kad žmonės tiesiog tarsi pamiršti apie yra vaizdo optimizavimo. Tarkime, kad jūs norite įdėti nuotrauką į savo svetainę ir tai 2 mg didelis. Tai gali būti bauda už mus, nes mes Harvarde, ir mes turime labai greitą interneto ryšį. Bet įsivaizduokite žmogų, Kinijoje. Įsivaizduokite žmogų, Indijoje. įsivaizduokite, kas gal kaimo Kansas, kuris gal neturi tos pačios rūšies plačiajuosčio interneto, kad mes turime. Jei turite 2 MB vaizdo į savo svetainę ir vartotojas bando jį pasiekti, ji ketina imtis jiems tikrai ilgai parsisiųsti. Taigi, jei jums nereikia, kad rezoliucijos rūšiuoti, tada jūs galite pakeisti savo įvaizdį su kažką panašaus į "Adobe Photo Shop. Yra paprastai variantas vadinamas saugus internete ir prietaisų, ir ką ji daro tai juostelės iš visą nereikalingą informaciją ir rūšiuoti kompaktinių jūsų failų į mažą vaizdo dydžio, kad būtų galima įdėti jį į savo svetainę, ir bet koks vartotojas, kuris bando atsisiųsti šį puslapį ketina atsisiųsti mažesnę versiją savo įvaizdį. Jei jūs neturite Adobe Photo Shop webresizer.com taip pat kitą išteklių, kur galite įvesti savo įvaizdį ir jis bus išspjauti tą patį įvaizdį, bet tai bus kažkas panašaus 3 kartus mažesnis. Taigi, kad labai naudinga vartotojams. Kitas dalykas, kad jūs galite padaryti, nemenkinti kodą. Jeigu mes pažvelgsime į Google.com išvaizdą, pamatysite, kad tai nėra tarsi tuo pačiu HTML ir CSS, kad mes įpratę. Tiesiog ketiname ieškoti kodą čia. Jei aš tiesiog slinkite žemyn - wow, kad atrodo gana bjaurus. Tai būtų gauti dėl stiliaus nulį. Jei koduojami tai jūsų Pset, gausite nulį savo stilių. Tai neturi tarpų. Pavadinimai atrodo tikrai paslaptingas. Visa tai tikrai bjaurus. Ir scenarijus uždaryti organizme - baigiamąjį HTML - jie visi kartu - visi smushed kartu. Kodėl jie tai daro? Jie minified savo kodą. Atkreipkite dėmesį, kad šis dokumentas bus daug mažesnis man parsisiųsti ne kažkas su tarpais, nei kažko tikrai ilgą kintamųjų vardams. Jei nemenkinti savo kodą juostelės iš visą tarpą. Žinoma, jūsų naršyklė neturi rūpintis, jei turite baltą erdvę savo kodą. Jūs juostelės jį, dabar aš galiu atsisiųsti mažesnį failą - dabar byla - dokumentas, kuriame mes ketiname atsisiųsti yra mažesnis failo dydis, tai bus greičiau man atsisiųsti ir tai naudinga. Jei dirbate su svetainių, ir jūs pradėti svetainę, tai beveik visada gerai nemenkinti savo kodą. Dar viena priežastis, kodėl ji gali būti gera gal jūs nenorite, kad kiti naudoti savo kodą. Gal jūs nenorite, kad kiti naudoti savo CSS. Jūs žinote, jei jūs tikrai norėjo būti šykštus su tuo, tada taip pat galite nemenkinti savo kodą, ir būtų sunkiau man pavogti nes neįsivaizduoju, kas vyksta. Taip pat galite eiti į interneto svetaines, pavyzdžiui, minify.avivo.si. Paslaugos, kaip šis internetinis padėti Jums nemenkinti savo kodą, kad jūs neturite to daryti rankomis. Tikrai nereikia daryti rankiniu būdu. Gerai. Dabar kalbėti apie scenarijų. Gal jūsų PHP kodo, yra kažkas, kad jums nereikia daryti. Gal ten extra kilpos ten. Mes kalbėjome apie kodo dizaino CS50. Net jei jūs kodavimo C, jei turite - jei jūs darote papildomo darbo kad jums nereikia daryti, gerai, kad ketina sulėtinti jūsų scenarijų į savo svetainę, ir tai yra ypač svarbu, svetainių nes vartotojai šiandien yra labai nekantrus. Jei darai nereikalingą darbą, jis ketina imtis juos ilgiau gauti informaciją, kad jie nori, ir jie bus labai nepatenkinti. Galiausiai, galite optimizuoti savo duomenų bazės lenteles. Įsiminti mes kalbėjome apie indeksus. Jie ne tik gerai įsitikinkite, kad turite eilutę, kad yra unikalus. Jie taip pat gerai įsitikinkite, kad jūsų duomenų bazė veikia greitai. Jei norite perskaityti tą Eiti į MySQL dokumentaciją, arba jūs galite peržvelgti - gerai, kaip optimizuoti duomenų bazės lentelę? Kaip man įsitikinti, kad turiu rodiklius, kurie padėtų man gauti informaciją greičiau? Yra taip pat mažai gudrybės, kad jūs galite naudoti kaip spartinimo. Jei turite PHP - jei turite dienoraštį, pavyzdžiui, ir jūs turite - ir tai Powered by PHP arba bet kuria kita kalba - galite talpyklą savo dienoraštį tarkim 50 minučių intervalais taip, kad jums gali būti statinius puslapius ar statinis HTML lankytojų į jūsų svetainę. Tokiu būdu vartotojai neturi paleisti savo php skripto kiekvieną kartą, o gal, kad bus greičiau juos pasiekti šią informaciją. Ir, pagaliau, galite naudoti kažką panašaus į CDN. Atkreipkite dėmesį, kad kai atsisiunčiate Pset, jūs visada eiti į CDN.CS50.net. Kodėl taip yra? CS50 taip pat naudoja tarsi kaip CDN - Turinio platinimo tinklą - kuris tiesiog reiškia, kad jis serverių krūva gal kažkur visame pasaulyje kad pagalba tarnauti savo puslapius savo lankytojams. Jei jūsų lankytojas vis puslapį iš serverio, kad yra arčiau jų geografiškai, tada labiausiai tikėtina, kad jūsų lankytojas ketina gauti šį failą daug greičiau. Taip pat yra šaltiniai internete, kad padėti jums tai padaryti. Vienas iš jų yra CloudFlare. Jie siūlo nemokamą CDN. Jei turite didelius failus, kad jūsų tarnauja savo vartotojams, tada galbūt tai geriau įdėti juos į CDN, kad jie galėtų gauti jiems greičiau. Galutinis rodymas tą dieną yra optimizavimas paieškos sistemoms. Kas yra paieškos optimizavimas? Tai įsitikinkite, kad paieškos sistemas kaip Google ar Bing ar Yahoo galite pereiti į jūsų svetainę ir nuskaityti jūsų svetainę ir indeksuoti jūsų svetainę, ir kai Aš, pavyzdžiui, eiti į Google.com ir aš pabandyti ieškoti kažko, tada jūsų svetainė bus pop-up. Kaip jūs įsitikinkite, kad jūsų svetainė yra vienas iš top 10? Kadangi, kaip mes visi žinome, jei ieškote ko nors "Google" ir tai ne 10 geriausių jūs tikriausiai nesiruošia žiūrėti į kitą 10. Tai tarsi temą, tai apgaubta paslapties. Yra daug hype ten internete. Yra daug prietarų apie jei jūs x tada "Google" patiks jums geriau daug. Jei y tada "Google" bus kaip jums geriau. Tai turbūt geriau pažvelgti į paieškos gigantė dokumentais pati. Tai vienas iš "Google" dokumentus, kad pasakyti jums tiksliai, kaip optimizuoti savo svetainę kad "Google" gali pasiekti ir rodyklės labai gražiai. Jūs neturite nukopijuokite šią nuorodą, nes šis pristatymas vyksta būti internete vistiek. Jei pažvelgti į tai ir jūs skaitote šį yra keletas labai naudingų patarimų ten. "Google" jums pasakys - jei jūs tikrai norite, kad jūsų svetainė turi būti indeksuojami gerai tada jūs turėtumėte daryti visus šiuos dalykus. Kitas dalykas, kad paieškos sistemos tikrai patinka tai, šviežią turinį. Jei turite turinį, kuris manimi atnaujinama labai reguliariai tada paieškos pasakyti, ooh, man patinka jūsų svetainę. Aš ruošiuosi eiti į jūsų svetainę labai dažnai. Aš ruošiuosi indeksuoti savo daug puslapių. Jei turite šviežią turinį, tuomet jūs esate labiau tikėtina, kad pasirodys - Jūs esate labiau tikėtina, kad svarbesnė. Jūs esate labiau tikėtina, kad daugiau atnaujintas, ir paieškos varikliai yra labiau tikėtina, kad įdėti savo svetainę virš kitų. Deep nuorodos yra taip pat svarbus. Jei tikrai nori savo svetainę, kad atrodo gerai į paieškos sistemos akimis yra kitų svetainių daug su juo susiję ir susiję giliai į jūsų svetainę. Ar ne tik nuorodą į savo puslapį. Nuoroda į gal yourname.com / kažkas / kažkas / something.php. Tai - į paieškos - reiškia, wow, jie turi tikrai įdomus turinys kad kažkas susiejimas taip giliai į savo svetainę, kad turėčiau tikrai, tikrai įdėti daugiau dėmesio į tos svetainės puslapiuose. Jei turite tikslią puslapių pavadinimus, jei jūs neturite klaidų, kurios yra gerai, nes jei paieškos bando aplankyti jūsų svetainę, ir tai įvyksta klaida, tai tikriausiai ketina mesti labai, labai greitai. Ir, pagaliau, jūs norite turėti greitą krovimosi laiką, nes paieškos sistemoms - tiesiog kaip žmonės - Don 't turėti kantrybės lėtai daug svetainių. Tai būdas jums įsitikinti, kad jums rodomi didesnis paieškos užklausų ir tikiuosi taip gauti daugiau lankytojų. Nes juk jūs išleidote visą šį laiką kurti savo svetainę. Jūs praleido visą šį laiką pradėti šią svetainę internete. Jūs norite įsitikinti, kad jūs turite daug vartotojų, kurie iš tikrųjų matyti jūsų turinį. Kiti geri išteklius naudoti. Google Webmaster Tools yra kažkas pažvelgti į. Tai tiesiog padeda jums pamatyti - "Google" indeksuoja ne mano svetainėje. Kokios rūšies klaidų yra tai patiria? Kiek puslapių yra indeksuojami? Ką manote yra svarbiausia turinys mano puslapyje? Gal ne tai, ką aš noriu, kad jis būtų. Gal man reikia pakeisti savo svetainėje šiek tiek, pavyzdžiui, kad ji atspindi geriau ką mano svetainė yra tikrai apie. "Google Analytics" yra dar vienas tikrai cool įrankis. Jūs galite pridėti šiek tiek "JavaScript" į savo puslapius. Ir tada po to galite pereiti prie "Google Analytics", ir ji bus sekti Jūsų lankytojas demografija ir jūsų svetainė augimą. Jis jums pasakys tiksliai, kiek lankytojų apsilanko jūsų svetainėje per konkrečią dieną, per tam tikrą valandą, per tam tikrą savaitę. Kiek lankytojų iš Kinijos? Kiek lankytojų iš Antarktidos - jūs gaunate į jūsų svetainę. kad gali būti kažkas kietas pamatyti ar tai gali būti netgi naudinga nes bandote nukreipti tam tikrą grupę. Gal bandote nukreipti paauglių su savo svetainę, ir pamatysite, kad dauguma lankytojų į jūsų svetainę, yra gal 30 - 40-mečių, tada gal arba jums iškilo problemos ar galite tiesiog pasakyti, gerai, tada gal aš tiesiog reikia pakeisti mano svetainės dėmesį, kad Aš daugiau dėmesio skirti tos amžiaus grupės. "Google Apps" - jei norite, kad rūšiuoti laiškus su savo domeno pavadinimą - gal kažkas panašaus yourname@yourname.com-- galite naudoti gmail adresus - galite naudoti gmail ir "Google Apps" yra vienas iš būdų tai padaryti. Galite nustatyti konkrečias elektroninio pašto adresus, kurie yra būdingi savo domeno pavadinimą vietoj of@gmail.com. Ir, pagaliau, yra kūrėjas plėtros ir Add-ons - "Chrome", Firefox, kitų naršyklių - kad galima eiti ir tikrinti CSS, JavaScript patikrinti, pamatyti, kas yra negerai su jūsų "JavaScript" scenarijų, ir gal tai bus naudinga jūsų de-bugging tikslais, jums išsiaiškinti - Na, kodėl ne mano svetainė rodoma teisingai Šioje naršyklėje? Ir pagaliau, jei norite sužinoti daugiau apie visas šias temas - jei norite daugiau sužinoti apie HTML ir CSS ir JavaScript - nes juk mes tik mokė jums šiek tiek - galite eiti svetaines kaip W3Schools.com ieškoti daugiau išteklių. Jie turi labai gražus samouczków apie tai, kaip man tai padaryti X arba ką Y reiškia? Jei nori daugiau sužinoti apie šias kalbas galite tiesiog eikite čia. Gerai. Manau, kad norėjo palikti pastaruosius keletą minučių šis klausimus, todėl yra kokių nors apie ką nors, kad mes kalbėjome apie klausimų? [Auditorija narys] Kokius dalykus yra W3Schools ir kaip jis taikomas? [Yuechen Zhao] Kokius dalykus? Taigi, vienas iš labai didžiausių dalykų, kad aš naudoju daug yra jų nuorodos. Jų nuorodos detalė, pavyzdžiui, CSS - ką tai reiškia arba jei norite pakeisti puslapio fone - kaip jūs tai darote? Kuris naršyklės palaiko šią komandą? Dalykų, pavyzdžiui, kad. Ir tada jie taip pat tiesiog labai gražus samouczków apie HTML, apie PHP, JavaScript, ant MySQL, visose įvairiomis temomis rūšių. Jie gražūs vadovėliai. Jie išmokyti jus, kaip daryti dalykus. Tai gražus, kad būtų galima pereiti ir sužinoti daugiau apie šiuos dalykus. [Auditorija narys] HTML 5 vis dar nėra suderinamas su visais ten naršyklių. Ar Jūs patarsite tik esančių atokiau nuo jo, nes suderinamumo problemas? Kaip jūs susidoroti su tuo? [Yuechen Zhao] Taip, taip, klausimas HTML5 vis dar kūdikis standartas. Tai tikrai nėra palaikoma naršyklių daug, todėl mes turėtume išvengti? Manau, kad pernai man būtų buvę labai didelis šalininkas, galime išvengti HTML5 nes ji vis dar yra - jis vis dar labai naujas ir iš tikrųjų, HTML5 standartas nebuvo baigtas dar. Ir taip, ten tikrai nėra HTML5 standartą. Bet aš manau, ypač jei jūs kuriate svetainę dabar jis gali būti geriau, jei jūs tiesiog eiti su HTML5, nes tai tarsi bus ateitis, ir, jei norite, kad jūsų svetainė turi būti ateityje įrodymas, ir jūs norite, kad jūsų svetainė turi dirbti ateityje naršyklių, jis gali būti geriau pradėti statyti kažką ateičiai nei praeityje, ir taip pat tik dėl to, kad HTML5 tikrai yra ne tai, kad skiriasi nuo HTML4 arba XHTML. Jei naudojate HTML5, paprastai ji veikia daugelyje naršyklių. Jūs tiesiog turite rūšiuoti eiti ir įsitikinkite, kad su šių ekrano ir todėl, kad su išeinant į šias svetaines patys. Bet greičiausiai jis bus dirbti, jei jūs naudojate labai būdingus bruožus HTML5. Pranešimas taip pat, kad CS50 - pavyzdžiui, vaizdo grotuvas, kad mes naudojame - jis naudoja HTML5 ir HTML5 vaizdo rodyti paskaitas. Bet jei jūs turite tikrai seną naršyklę, tada jis bus atsitraukti Flash. Taigi, tai taip pat kažkas - turėti atsarginį sistemą, kai jūs tiesiog žinau, kad naršyklė yra nesiruošia dirbti ką jūs norite dirbti. Kiti klausimai? Viskas, mes kalbėjome apie tai. Gerai. Tada aš manau, kad apie tai už mane. Manau, kad viskas. (Plojimai) Cool. [CS50.TV]