[Powered by Google Translate] [Seminar] [Priprema za web stranice] [Yuechen Zhao] [Sveučilište Harvard] [Ovo je CS50.] [CS50.TV] 

Ok. Evo još jedan sat izradu web stranica, ako ti dečki su se za njega. Danas ću se govori o pripremi svoje stranice na webu. Cijeli dan - a vjerojatno i za proteklih 2 tjedna - smo razgovarali o tome kako izraditi web stranicu, kako koristiti HTML, kako koristiti PHP, kako koristiti okvire, kako bi bili sigurni da možete komunicirati sa bazom podataka - takve stvari. Ali danas, mi ćemo se govori o svoje stranice, gdje će živjeti nakon CS50. Jer nakon svega, CS50 ne dogodi vratara prosincu. Mi ćemo se govoriti o imenima domena, hosting. Mi ćemo se govoriti o tome što cross-preglednik kompatibilnosti i cross-platforma kompatibilnosti su, i kako možete biti sigurni da vaš site će raditi u svim uvjetima. Mi ćemo razgovarati o pogrešci rukovanja i druge poslužitelja magije. Govorimo o optimizacija performansi, optimizacija za tražilice, i kako da se ljudi zapravo posjetiti svoje web stranice. I na kraju, samo su neke dobre resurse kako bi bili sigurni da vi imate dovoljno onih otići s konačnim projekta, i nadamo se poslije. 

Prva stvar koju ćemo razgovarati o tome je domena. Sada ste programiranje u vašem aparatu, idete na lokalnom računalu što je zapravo ime domene. To je vrsta samo nadimak ili pseudonim za vaš stvarni Linux instalacije unutar bilo VMware na Mac ili VMware Player na računalu. Domena imena vam omogućiti da stavi stranicu na webu i onda ići na nešto poput www.google.com i dobiti na web stranici. Kako oni rade? Recimo da ste samo prosječna web poslužitelja - Prosječna web surfer, a imate prijenosno računalo, a vi idite na www.howstuffworks.com. Vjerojatno možete vidjeti gdje sam to ukrao iz. Kako stvari radi - onda vaše računalo će zatražiti lokalni DNS poslužitelj, "Znate li gdje je ovaj website?" "Znate li IP adresu www.howstuffworks.com?" Vaš DNS poslužitelj može reći: "Da, ja." U tom slučaju, možete dobiti IP adresu, a računalo pristupa tu IP adresu. Ako se to ne dogodi, to pita drugog DNS poslužitelja, "Hej! Znate li što je www.howstuffworks.com?" Taj poslužitelj može reći: "Da, ja." Dakle, to govori onaj drugi što je to, i na kraju, da je informacija dobiva prošao na računalu, i možete pristupiti howstuffworks.com. 

Kako mogu li dobiti jedan od tih čarobnih stvari? Kako mogu dobiti možda www.yourname.com ili www.ilovecats.com? Možete se prijaviti za jedan, a tu su i puno web-mjesta vani koji omogućuju vam da to učinite. Morate - u većini slučajeva morate platiti za njih. Postoje određene domene koje su besplatne. Ako idete na www.co.cc ili. Tkdomainnames, oni su slobodni. Ali, oni ne dolaze s određenim ograničenjima, a zapravo neke od njih čak i ne može biti real, top-level domene poput. com ili. net. Obično bih predložiti ide za jednu od njih jer korisnici su samo više ugodno s tim. Vi ste vidjeli mnogo. Coms. Vi ste vidjeli mnogo. Mrežama. Vjerojatno niste vidjeli puno. Co.cc je, kako oni teže za zapamtiti. Različite web stranice poput GoDaddy ili Namecheap ili - Koristio sam onaj koji je vrsta nedorečena - tzv activedomain.com. To izgleda jako nedorečena, ali je radio jako dobro za mene. 

I na kraju, imate druge da možda učiniti više oglašavanja poput Network Solutions. Ali ako idete na NetworkSolutions.com i pogled na njihove cijene to je stvarno skupo. Gledala sam ih prošle noći. Za jednu godinu ime domene, to vjerojatno ne vrijedi toliko novaca. U stvari, ako ste uzimajući. Com ili org. Ili net. inače cijena je oko 10 dolara godišnje. Dakle, ako ste plaćati puno više od toga, to je vjerojatno da se ne isplati jer, nakon svega, ove web stranice ne učiniti ništa s tim nazivom domene. Samo vam ga, pa ako možete ga dobiti za jeftini, zašto ne? 

Druga je stvar kada imate svoje ime domene, onda vjerojatno želite ići na bilo Godaddy.com ili gdje ste kupili naziv domene i postaviti poslužitelje naziv za taj naziv domene. Što to znači kad korisnik ide na www.howstuffworks.com, one name server IP adrese su IP adrese koje će se moći pogledati. Oni će biti u mogućnosti pristupiti vaše web stranice kroz te ime poslužitelja. Ako ste se prijavili za hosting negdje onda tvoj domaćin će najvjerojatnije vam dati ime poslužitelja za korištenje. 

I na kraju, tu je ova stvar zove WHOIS. WHOIS baze podataka je baza podataka s kojima bi ulaz naziv domene i to će izbaciti neke informacije o vlasniku tog mjesta i druge kontakt informacije. Sada, možete reći: "Ja stvarno ne želim da moje kućnu adresu ili ja stvarno ne želim da moj e-mail adresu na web stranici za svakoga da vidi ili na Internetu za koje svi mogu vidjeti. " Onda možda želite koristiti nešto što puno hosting usluge - kao WHOIS menadžer. WHOIS manager je samo još jedan servis koji puno njih koji pružaju skriva daleko da su informacije i jednostavno stavlja u koji je menadžer za ime - za adresu to je obično samo da je naziv tvrtke koja vam dao ovaj naziv domene - pa onda tvoj osobni podaci se ne procurile na internet, što je obično prilično dobro. Ja koristiti jedan od tih usluga. Ako ne brinu o svojoj vlastitoj privatnosti onda to nije važno. 

DNS poslužitelj se zalaže za Domain Name System, i što je to - to je nešto kao hash tablicu negdje da kaže,  "Ova web adresa će mapirati na ovu IP adresu." I to je sve što je. Dakle, nakon što ovaj upit DNS poslužitelju, a zatim možete dobiti IP adrese za to odgovarajuće domene, a zatim posjetiti tu stranicu. (Član publike postavljaju pitanje - nečujno) Prvi? Prva razina je zapravo obično samo računalo cache memorije sama. Računalo vrsta pamti zadnji put kada je otišao u www.google.com to je u ovom IP adresu, a zatim nakon nekog vremena, da je cache će isteći, i to će vas pitati kao Comcast DNS, "Hej, što je www.google.com?" Normalno, kada kupiti naziv domene i što se registrirate jedan, a vi postavili web stranicu, ne možete otići na tu web stranice odmah s tim nazivom domene, jer ime poslužitelja diljem svijeta ne znaju o nazivu domene još. To mora popuniti. To obično traje oko 24-48 sati. U redu. Dakle, to je malo o imena domena. Oni su vrlo cool. Mislim da bi trebao dobiti jednu, ako ste ozbiljni o projektu i ako stvarno želite da vaš projekt poznat po kampusu, ima naziv domene čini izgledaju jako profesionalno. 

Onda sljedeći korak, naravno, je da imaju neku vrstu hosting. Ako ste upravo ga ugostiti na vašem računalu, nitko nikada neće biti u mogućnosti otići do njega. U protivnom mogli postaviti poslužitelj na računalu i držite računalo na zauvijek, ali to nije preporučljivo. Postoje različite vrste hostinga dostupni online. Tu je hosting. Tu je VPN (nerazumljivo) koje su virtualni domaćini. Tu je polu-namjenski i posvećena. Od posljednje tri, VPN, polu-namjenski, i posvećena su obično skuplji. Oni obično ste se koristi za web stranice koje zahtijevaju više sredstava. Ako ste tek počinje out s web stranice, to samo može biti isplativije ići s hosting. I ono što dijeli sredstva je samo hrpa web stranice su svi zajedno sortirati mjesta na jednom poslužitelju na ovoj web stranici na ovom glavnom poslužitelju, a vi možete pristupiti web stranice preko naziva domene. 

Postoji mnogo popularnih domaćini vani. HostGator i DreamHost - one su vrlo, vrlo velika i vrlo, vrlo popularan i vrlo, vrlo uspješna. Ja osobno korištenje jedan zove MDDHosting. Ako idete na www.mddhosting.com, to je moj domaćin izbora. Mislim da su vrlo dobri. Oni su oduvijek bili vrlo pouzdani, a ja nikada nisam imao nikakvih problema s njima. Oni također imaju vrlo konkurentnu cijenu. Dvije koje sam stvarno ne sviđa su GoDaddy - to je također vrlo popularna voditeljica, ali sam imala strašne iskustva s njima, i puno ljudi koje znam su imali stvarno strašna iskustva s njima. Oni su vrsta ide nakon ljudi koji ne znaju što rade - Možda ste izradu web stranice po prvi put, i tako oni vrsta ih con u kupnji svoj hosting paket. Nemojte to učiniti. Nemojte pasti za to. Idi tražiti druge hosting pakete koji stvarno odgovaraju vašim potrebama. I drugi je - tu su besplatni domaćini vani. Postoje web stranice koje će ugostiti svoje web stranice besplatno - Ponekad stavljanjem oglasa na svoje stranice, ponekad se tako što ćete sudjelovati u njihovim forumima, ali ponekad jednostavno i besplatno. No, budite oprezni sa free domaćini, jer mnogi od njih zapravo samo otići iz tvrtke nakon nekoliko mjeseci. Vi jednostavno ne mogu držati korak s troškovima. Drugi su samo vrlo nepouzdane, i vaša stranica će uvijek biti dolje, a vi ne želite da se to dogodi. 

Svaki domaćin ponudit će svoje upravljačku ploču. Uočite da za svoj aparat, tamo stvarno nije upravljačka ploča po sebi. Morate koristiti terminal ići i uređivati ​​datoteke. Morate chmod stvari po sebi. Ako ste htjeli ići u phpMyAdmin, morate ići na localhost @ / phpMyAdmin i slične stvari. No, s upravljačke ploče možete otići i uređivati ​​datoteke na poslužitelju s Windows Explorer ili tražilo tipa primjene. Ili možete proći i pogledati svoje baze podataka s vlastitim alatom umjesto phpMyAdmin. Dakle, postoji mnogo izbora ovdje, a neke od više popularnih control panela su tamo gore. Ali, ako ste u potrazi za domaćina, onda možda želite pogledati što sorti i mogućnostima prilagodbe oni nude mi da prilagodite svoj server i da moje web stranice pokrenuti bolji. Dakle, onda bi se zapitati: "Pa, kako sam odaberete hosting?" Ako idete na bilo koji host web stranice postoji puno žargon, a tu su i puno mogućnosti. Postoji mnogo različitih cijena također. Obično idem za one jeftinije samo zato web stranice koje možda ti i ja napraviti - a pogotovo sada, pogotovo jer početak - oni ne mogu trebati mnogo resursa Kao što se moglo web stranice kao što su Microsoft.com. 

Prvo što želite gledati na operativnom sustavu ako si stvarno znatiželjan li Vaš site će biti domaćin na Linuxu, na Windows, Mac ili na. Normalno smo samo ići s Linuxom, jer to je obično najjeftiniji, i onaj koji možda ti dečki su više upoznati s zbog aparata. A onda, možda će mu neka ograničenja na iznos od širina pojasa koji ste dobili - sviđa koliko megabajta ili gigabajta podataka može preuzeti korisnik sa svoje web stranice mjesečno? Ili prostora na disku. Koliko prostora ste dobili? Je li to 500 MB? Je li to 2 GB? Je li to neograničeno? Danas, mnogo web poslužitelja vam dati neograničen prostor na disku kao način za njih kako bi primamili da biste dobili svoj hosting paket. Ali ako stvarno mislite o tome, kada ste ikada idući u morati neograničen prostor na disku? Ako imate par HTML datoteke, par PHP, par slika - to je samo nekoliko megabajta, i tako Obično sam samo ići za možda nekoliko gigabajta u vrijednosti prostora, a to bi moglo biti dovoljno da me krenuti dok ne trebaju više. 

Konačno, oni mogu staviti ograničenja na kakav - koliko baze podataka možete imati. Možda možete imati samo jedan baze podataka. Možda možete imati dvije. Možda možete imati 10. Je li doista važno da vas koliko ste dobili? Stvari koje treba pitati sebe. I onda na kraju, samo stvari poput jezika. Da li oni podržavaju PHP? Da li oni podržavaju MySQL? Večina web stranice ne podržavaju to, jer oni su slobodni. Oni su open source. To ne košta ništa im pružiti ovo za tebe. No, ako želite koristiti, recimo, Ruby ili Python ili neki od ovih drugih jezika - oni ne mogu ga podržavaju na njihov server, tako da je važno da potražite one vrste stvari. 

I na kraju, oni vam omogućiti da učinite neke naprednije stvari kao što su SSL ili cron radnih mjesta? SSL je opcija gdje možete učiniti vaše web stranice više siguran čineći ga HTTPS i šifriranje vaše veze. I cron poslovi su samo možda skripte koje želite pokrenuti svakih 5 minuta, svakih 10 minuta, svaki 15. Puno hosting web stranica se staviti ograničenja o broju radnih mjesta baba koje možete izvoditi jer to traje više sredstava. 

I na kraju, jednostavno sve drugo što želite gledati na - pazite što se točno događa Prije nego što kupite svoj hosting paket. I na kraju, performansi. Učinak je ogroman. Koliko brzo se moja web stranica ide na vožnju? Većina korisnika ne ide čekati čak sekundi za vaše web stranice za pokretanje prije nego su jednostavno dosadno, a oni idu na MeanBase i početi gleda na slikama mačaka - znate da se događa, a vi želite biti sigurni da ste dobili taj korisnik na brodu i da imate dobru iskoristivost što samo znači da je Vaše web stranice će biti dostupni u svakom trenutku. Puno domaćini imaju jako loše vrijeme neprekidnog rada i to samo znači da vaše web stranice neće biti dostupni, a vi ne želite da se to dogodi jer bi moglo biti tužna. A također možete pratiti vaše igre performanse s web stranice kao što su Pingdom.com ili Host-tracker.com, a oni samo vam reći koliko često je vaša stranica prema dolje. 

I na kraju, želite vidjeti o njihovoj podršci. Ako imate problem su oni će vam odgovoriti u roku od 24 sata? Jesu li oni će vam odgovoriti u roku od 48 sati? Hosting je usluga koja se koristi obično reagira na mene roku od nekoliko minuta što je jako lijepo. Uh! U redu! To je vrijeme za predah. No, neću ga dati vama. Mi ćemo samo gledati slike od slatka mačke svaki sada i onda. 

Još jedna jako, jako velika stvar je cross-preglednik kompatibilnost. Što mislim pod cross-preglednik kompatibilnosti? Znate, danas je ne samo Microsoft Internet Explorer. To je ne samo Mozilla Firefox i Safari. Sada imamo Chrome. Imamo Opera. Imamo Dolphin. Imamo Camino. Imamo Osvajača. Imamo sve ove različite preglednike. Stvari koje su izlazili sada - RockMelt - iako oni su svi na temelju kroma. No, činjenica je u tome je, ne postoji samo jedan browser više. Vi niste samo gledate ove web-stranice s jedne prijave. I tako, različiti preglednici će reagirati na različite HTML, CSS drugačije, i drugačiji JavaScript drugačije, i kako se nositi s tim? Pa, u nekim slučajevima, ti stvarno ne mogu. Vaše web stranice - ako se to radi u jednom pregledniku, kod koje je napisao neće raditi u drugom pregledniku, i to je vaš posao kako bi bili sigurni da se kod koji ste napisali je univerzalna, da se to radi svugdje. Dakle, to je vrlo opasno. Ako kažeš: "Pa, to je rad na mom računalu. Great! Idemo dalje." Pa, to vjerojatno neće raditi na mine, a kad idem na svoju web stranicu Ja ću biti jako tužna, a ja ću otići odmah. Dakle, neka je vidjeti kako možete spriječiti ovu. 

Prva stvar je, naravno, je da se koristiti samo standardne HTML, CSS i JavaScript,. Što mislim pod tim? Pa, postoji mnogo stvari koje ne standardne vani. Na primjer, u CSS postoje mnoge verzije. Ako vidite bilo kakve CSS pravila s-moz-ili-webkit-, ta pravila su specifični na oba Mozilla preglednicima i WebKit browsere, pa vi želite biti sigurni da možda želite izbjeći one stvari jer ako koristite-moz-to pravilo samo se ide raditi na Firefox. A ako stvarno želite izgledati dobro na Internet Explorera također, ti si idući u biti bez sreće. Za HTML Također, možete to učiniti stvari u HTML-a koji rade u jednom pregledniku , ali koji se mogu spajati u jedan, a želite izbjeći da se što je više moguće. I na kraju, čak i za JavaScript - postoje mnoge verzije JavaScript, i ovo ljeto smo naletjeli na problem gdje Document.getElementsByClassName-- što je obično funkcija koja je definirana kao dio JavaScript standarda - nije bio pronaći u Internet Explorer 8. Dakle, preko ljeta sam radio u laboratoriju i bili smo izgradnju online pokuse. I mislili smo da je radio jako dobro dok nismo shvatili korisnike koji su pomoću Internet Explorer 8 nije mogao podnijeti svoje rezultate. Mi smo bili nedostaje na puno podataka. To nas je stvarno tužno. Dakle, uvijek želite biti sigurni da su vaše skripte će raditi svugdje. 

I na kraju, koristite validator.w3.org što je ono što ćemo vam reći kako to učiniti u pset 7. Uvjerite se da su vaše stranice provjeravaju. To je važno jer to je barem prvi korak razum ček. Je li moj broj je zapravo standardima usklađen? Drugi način da vrsta pomoći da bi bili sigurni da je vaša stranica se ide na posao u većini slučajeva je možda koristiti neke knjižnice i okvire jer su ti stvarno pametni programeri mislili o tim pitanjima za vas. Oni su prošli kroz te sam napisao različite funkcije koje rade preko preglednika. Na primjer, možemo koristiti jQuery u pset 7. Iako vam se možda ne bi vidjeli, jQuery pruža puno funkcija koji inače ćete morati sami napisati. Ali ovi programeri ga je napisao, i oni su sigurni da se to radi u svim preglednicima. I Bootstrap - što je još jedan CSS okvir koji smo vam pokazali u pset 7 - to stvarno oduzima puno glavobolje s dizajniranje web stranica koje izgledaju dobro. u svim preglednicima. 

I na kraju, ako možete to izbjeći, ja obično izbjegli kodiranja od nule. Ako ste samo stvaranje web stranicu za svoju školu kluba, primjerice, a sve što trebate učiniti je za prikaz nekoliko stranica, a možda i imaju vaš predsjednik ide u i promijeniti nekoliko stvari tu i tamo - tamo je stvarno nema potrebe da kod koji se sami. To uzima puno vremena. Potrebno je puno svoje energije, i morate proći kroz, a vi morate saznati, Pa, je li to će izgledati dobro u ovom pregledniku, je da će izgledati dobro u ovom pregledniku. Možda koristiti neke od tih zakrpe koje su drugi već napisao za vas, kao što su WordPress ili Joomla ili Drupal. One se nazivaju sadržaj - to se zove CMS koji je u osnovi samo su paketi koji Već se obaviti za vas, a možete ih preuzeti, staviti ih na svoj server, te ih prilagoditi kako god želite, a vi već imate pokrenut web stranice. Ti paketi su kod nešto gledati na. Ove stvari su open source ako idete za tako nešto - Ako ste u potrazi za oblik paketa, postoje stvari koje nisu besplatni kao i VBulletin ili EX. Ako vam ne treba neki od tih naprednih značajki, uvijek možete odlučiti za opciju slobodno. 

I na kraju, tu je nema ga izbjegava. Morate testirati, test, test. Morate testirati svoj kod na svim tim preglednicima i na svim tim platformama. I znate, IE6 - Hvala bogu ljudi su počeli udaljava od IE6 jer je natrag u dan, možda i prije nekoliko godina, web programeri morali uvijek, uvijek, Uvijek podsticati IE6 slabosti u slijedeći standarde. Web stranice samo gledao vrsta 1990-ih za nedostatak bolji način nošenja s njima. Također možete koristiti preglednik screenshotovi, provjerite svoj CSS. Jedan stvarno cool web stranica je browserlab.adobe.com. To je besplatna usluga ugasiti Adobe. A što učiniti je oni mogu uzeti screenshot za vaše web stranice izvodi pod različitim uvjetima - kao što je trčanje u različitim preglednicima, izvodi pod različitim platformama - i pokazati vam kako izgledaju. Samo da vam pokazati što mislim ovdje, sam stvorio web stranicu prošle godine zove život na Harvardu, i ono što sam pokušao učiniti - Pokušao sam napraviti my.harvard bolje. Jer, ako ste bili ovdje prošle godine, my.harvard nije izgledala kao što izgleda danas. To izgleda malo odvratno. No, sada to izgleda puno bolje. Moj provedba nije bio koristan više, ali sve isto, znaš, ja sam pokušao dodati - (nerazumljivo) mnogi god - i to izgleda - izgleda jako dobro na mom računalu. A onda, možda, ako sam imao više vremena išao bih na pregledniku laboratoriju, i ja bi pogledala, ali, kako to izgleda u Chrome 18 na Windowsima. Ja bih se pomaknite prema dolje i vidjela bih - O, ne! Pogledajte najavama kutiji. Moj tekst je prepun. Dakle, to je loše, zar ne? Ako korisnik koristi Chrome na Windows i dolazi na moje web stranice, da odmah izgleda vrlo neprofesionalno. Dakle, ja bi trebao ići u moj CSS i saznati što dio mog CSS je nego ovdje. Zašto se ne prikazuje se pravilno i to popraviti tako da svi korisnici mogu vidjeti istu web stranicu i biti jednako sretni. 

I na kraju, dobro, preglednik screenshotovi su lijepo za testiranje svoje CSS, ali što o vašem JavaScript? Što ako imate neke komplicirane skriptu koja radi? Pa, uvijek možete napraviti virtualizaciju. Ako imate Mac možete koristiti Bootcamp ili VMWare za virtualizaciju možda primjerak Prozori i korištenje Internet Explorer postoji. Ili, možete ići na nešto poput Spoon.net, koji nažalost radi samo na osobnim računalima. No, što učiniti je vrlo cool. Oni virtualizaciju softvera za vas tako da možete izvoditi različite verzije IE, primjerice. Možete pokrenuti različite verzije Firefox. Možete pokrenuti različite verzije Safari i isprobati sve vaše web stranice postoji. Nažalost, oni nisu slobodni. To je plaćeni servis, tako da uvijek postoji neki način to - uvijek postoji neka vrsta ovog trade off između, dobro, ja ću napraviti moj web stranice izgleda dobro. Ako je tako, možda ću morati platiti za neke usluge da mi pomogne to učiniti. Bilo kakva pitanja u ovom trenutku oko bilo čega što smo govorili? Strašan. Ok. 

Sada ćemo imati više stvari za razgovor o tome. Kako o pogreškama? Kako bi bili sigurni da vaše web stranice će raditi čak i kad nešto loše dogodi? Možda ne imati stranicu pod nazivom food.php. Ali ja, idem na svoju web stranicu i pokušam pristupiti food.php. Jeste li samo ide pokazati mi tu bijelu stranicu na kojoj piše 404 - Datoteka nije pronađena? Ili ćeš reći, "Pa, žao mi je što nisam mogla pronaći ovo za vas, ali možda ovdje su neke druge resurse koji će vam pomoći tražiti ono što vam je potrebno. " Ostale pogreške - tako, to se zove HTTP pogreške koje su samo neke šifre pogrešaka da vaš poslužitelj mogao poslati natrag u pregledniku u slučaju nešto loše dogodi. 400 - Bad Request. 401 - Neovlašteno. 403 je vrsta zajedničkog kada imate katalog koji ne bi trebalo biti pristupljeno od strane korisnika, ali korisnik pokuša svejedno. I 500 - interna pogreška poslužitelja - kako to obično biva kad imate nešto jako loše događa s PHP kodom. No, u svakom slučaju, ovakve preglednicima - Ovakvih pogreške se događaju. 

Dakle, kako bi bili sigurni da dostojanstveno nositi ove pogreške i uvjerite se da korisnik nije samo vrsta visi? Ovdje dolazi. Htaccess. Sada,. Htaccess je nešto što se radi na Apache poslužitelja, nešto što radi, a radi na nekoliko drugih poslužitelja, kao dobro. To je samo način da se konfigurirati poslužitelj tako da možete to učiniti što god želite to učiniti. Neke stvari koje možete učiniti. Ti bi mogao kontrolirati svoje postavke cache memorije. Možda ima određene stranice na Vašoj web stranici da ste bili sigurni da je korisnik ponovno preuzeti svaki put kad korisnik dođe i posjeti svoju web stranicu. Ili možda imate neki URL koji je kao yoursite.com / test / html / stranicama / hello.html a vi samo želite da se yourname.com / bok -. dobro, možete koristiti htaccess preusmjeriti jednu web stranicu na drugo. Također možete ga koristiti za napraviti provjeru. Možda postoje neki dijelovi vaše web stranice koje trebate koristiti druge lozinke. Možete blokirati određene IP adrese, blokirati određene domene. Možda ste upravo stvarno ne sviđa Harvard studente pomoću vaše web stranice. Pa, imate mogućnost blokiranja sve Harvard IP adrese. 

Konačno, možete liječiti stvari - možete napisati određeni broj kako bi vaš poslužitelj tretirati kao. Zhao ili. vaše ime ili. Pozdrav stranice su PHP koda. Možda će biti korisno. Možda to neće biti. I na kraju, možete ga koristiti za rukovanje pogreškama odgovora. Što mislim pod tim? Ako jednostavno dodati kod ovako - ErrorDocument 404, a zatim ih uputiti u pogreškom, možete biti sigurni da korisnik ne samo vidjeti jako, jako ružno 404 i pokazati im nešto lijepo. 

Neka je zapravo uzeti pogledati kako možemo učiniti sa svojim pset 7. Evo, ja sam u mom aparatu. Idem otvoriti Chrome, a zatim ću pokušati pristupiti stranici da ne postoji na CS50 financija. Dakle, lokalni domaćin - cats.php--tako, primijetite da je sam stvorio o pogrešci dokument kako kaže, "Canz ne nalaze z stranicu!!" To je vrlo tužno mačka na njega. Ako idete na Twitteru, ako idete na bilo koji od tih drugih mjesta, ne mogu pronaći stranicu, oni obično pokušati pokazati slatka sliku , tako da niste previše razočarani. Također bi mogao imati nešto što je više stručnih koja kaže, Pa, žao mi je što ne mogu pronaći stranicu, ali možda ovdje je okvir za pretraživanje. Ili možda ovdje su neki linkovi koji će vam pomoći pronaći link koji želite. Dakle, kako sam to učiniti? Kako je to uopće moguće? Ako idemo u našem terminalu ovdje - Idem samo za povećavanje malo - primijetiti da imam novu stranicu. U mom HTML imenik to se zove - ne možete ga vidjeti - to se zove error.php. I error.php je samo file koji sam napravio koji pokazuje da sama stranica. Ja vam mogu pokazati što je error.php. To je točno ovu stranicu. Ona kaže: "O, ne! Canz ne nalaze z stranicu!!" A, ako želite vidjeti - tako, primijetite da htaccess vrsta je čudno ime.. To počinje s točkom, što znači da je sustav datoteka. To je skrivena datoteka koje se obično ne prikazuje. Ako to ne učinite li-, možete vidjeti sve skrivene datoteke u određenom direktoriju, i doista, vidite. htaccess je jedan od njih. Idemo naprijed i otvoriti. Htaccess - s gedit - Boom! Sve što imam je jedna linija tamo - Pogreška dokument za pogreškama 404 koji su također poznat kao file-ne-pronađenih pogrešaka. Idemo ih preusmjeriti na nešto što se zove error.php. Možete imati zabavne stvari kao što canz ne nalaze z stranicu! I tu su također vrlo cool stvari koje možete učiniti sa. Htaccess. Ako želite vidjeti više. Htaccess magije, ovo je jako cool web otići - to se zove javascriptkit.com/howto/htaccess.shtml-- Ako želite obavljati više servera magiju. A to bi moglo biti jako zabavno. 

Uh! U redu! Više slatka slika. To je tip radi sklekove, a njegova mačka pokušava pomoći. Mislim da je jako slatka. Nažalost, nemam mačku kao što je to. U redu. Dakle, mi smo razgovarali o tome. Htaccess. Razgovarali smo o pogrešci rukovanja. Razgovarali smo o hosting, domena. Razgovarali smo o cross-preglednik kompatibilnosti. Sad, kako bismo bili sigurni da vaše web stranice stvarno obavlja? Kako bismo bili sigurni da ako idem na svoju web stranicu Ja mogu vidjeti svoje stranice u roku od nekoliko sekundi? Jedna od stvari koje mislim da su ljudi samo vrsta zaboraviti je slike optimizacija. Recimo da ste htjeli staviti sliku na svoje stranice i to je velika 2 MG. To bi moglo biti dobro za nas, jer smo na Harvardu, i imamo vrlo brzu internetsku vezu. No zamislite da netko u Kini. Zamislite da netko u Indiji. zamisliti da netko možda u ruralnom Kanzasu koje možda nema istu vrstu širokopojasni Internet da imamo. Ako imate 2 MB slike na svoje stranice i korisnik pokušava pristupiti, to će im trebati jako dugo vremena za preuzimanje. Dakle, ako vam ne trebaju takve rezolucije, onda možete promijeniti veličinu slike s nešto poput Adobe Photo Shop. Tu je obično mogućnost zove sigurna za web i uređaje, i što to je to oduzima sve od nepotrebnih informacija i vrsta kompaktnih datoteku u male veličine slike, tako da možete stavite ga na svoju web stranicu, a svaki korisnik koji pokušava preuzeti tu stranicu će preuzeti manju verziju svoje slike. Ako nemate Adobe Photo Shop webresizer.com je još jedan izvor u kojem možete unijeti svoje slike i to će ispljune točan istu sliku, ali to će biti nešto poput 3 puta manji. Dakle, to je vrlo korisno za svoje korisnike. 

Još jedna stvar koju možete učiniti je umanjiti koda. Ako ćemo se pogled na Google.com, vidjet ćete da to nije vrsta istog HTML i CSS da smo navikli. Samo ću pogledati izvorni kod ovdje. Ako sam se pomaknite prema dolje - wow, koji izgleda prilično odvratno. To će dobiti nulu na stilu. Ako je ovo kodirano za pset, da će dobiti nulu na svoj stil. To nema razmaka. Imena izgledati jako zagonetna. Sve je stvarno odvratno. I skriptu za zatvaranje u tijelu - HTML zatvaranja - oni su svi zajedno - sve smushed zajedno. Zašto su to učinili? Oni minified njihov kod. Obavijest da je ovaj dokument će biti puno manji za mene to preuzimanje nego nešto s bijelom prostoru, nego nešto s jako dugim imena varijabli. Ako umanjiti svoj kod da uklanjaju sve bijeli prostor. Naravno, vaš preglednik ne zanima me ako imate bilo bijelog prostora u kodu. Možete ga skinuti out, sada mogu skinuti manju datoteku - Sada file - dokument koji ćemo za preuzimanje ima manju veličinu datoteke, to će biti brži za mene to preuzimanje datoteka, i to je korisno. Ako radite s web stranice, a vi ste pokretanje web stranice, to je gotovo uvijek dobro umanjiti svoj kôd. Još jedan razlog zašto bi to moglo biti dobro je možda i ne želite da drugi koristiti svoj kod. Možda ne želiš da drugi koristiti svoj CSS. Znate, ako doista želi biti škrti s tim, onda možete umanjiti svoj kod, i to će biti teže za mene da ga ukrade jer ja nemam pojma što se događa. Također možete otići na web stranice kao što su minify.avivo.si. Usluge kao što je ovaj online će vam pomoći umanjiti svoj kod, tako da ne morate to učiniti ručno. Definitivno ne to učiniti ručno. 

Ok. Sada govorimo o skripti. Možda u PHP kodu postoji nešto što ne morate učiniti. Možda ima dodatni petlje u postoji. Razgovarali smo o tome kod dizajna u CS50. Čak i ako ste kodiranja u C, ako imate - ako radite dodatni rad da ne trebate učiniti, dobro, to će usporiti svoje skripte na Vašoj web stranici, a to je osobito važno za web stranice jer korisnici danas su vrlo nestrpljivi. Ako radite nepotreban posao, to će im trebati više vremena doći do informacija koje oni žele, a oni će biti vrlo nezadovoljni. Konačno, možda želite da poboljšate svoje baze podataka tablice. Zapamti smo razgovarali o indeksima. Oni nisu samo dobre za izradu sigurni da imate red koji je jedinstven. Oni su također dobro za izradu sigurni da je vaša baza podataka radi brzo. Ako želite pročitati na tom putu do MySQL dokumentacije, ili možete pogledati na - dobro, kako mogu optimizirati tablicu baze podataka? Kako bi bili sigurni da imam indekse da mi pomogne doći do informacija brži? 

Tu su i mali trikovi koje možete koristiti kao caching. Ako imate PHP - ako imate blog, primjerice, i imate - i to je powered by PHP ili bilo koji drugi jezik - možete se cache svoj blog, na recimo 50-minutnim intervalima, tako da možete poslužiti statične stranice ili statički HTML za posjetitelje na svoje stranice. Na taj način korisnici ne moraju pokrenuti svoj PHP Skripta svaki put, a možda da će biti brže za njih pristupiti tim informacijama. 

I na kraju, možete koristiti nešto poput CDN. Obavijest da je svaki put kad preuzmete pset, uvijek ići na CDN.CS50.net. Zašto je to tako? CS50 također koristi nešto poput CDN - mrežu distribucije sadržaja - što samo znači da je to hrpa servera možda negdje oko svijeta koji služe pomoć vaše stranice za svoje posjetitelje. Ako je vaš posjetitelj dobiva stranicu na poslužitelju koji je bliže njima geografski, onda najvjerojatnije vaš posjetitelj će dobiti tu datoteku puno brže. Tu su i izvori online koji će vam pomoći da to učiniti. Jedan od njih je CloudFlare. Oni nude besplatno CDN usluga. Ako imate velike datoteke da služe svojim korisnicima, onda možda je bolje da ih stavi na CDN, tako da oni mogu doći do njih brži. 

Konačna topic za dan je Search Engine Optimization. Što je Search Engine Optimization? To pazeći da tražilice poput Google ili Bing ili Yahoo Možete ići na svoje stranice i puzati svoje stranice i indeksirati Vaše stranice, a kada Ja, primjerice, ići na Google.com i ja pokušati tražiti nešto, zatim vaše stranice će se pojaviti. Kako bi bili sigurni da je vaš site je jedan od top 10? Jer kao što svi znamo, ako tražite nešto o Googleu a to nije na top 10 god najvjerojatnije neće gledati u narednih 10. To je vrsta temu koja je umotan u misterija. Postoji puno hype vani na internetu. Postoji puno praznovjerja oko ako ne x onda Google će mi bolje. Ako ne onda y Google će mi bolje. To je vjerojatno bolje gledati u internetski div dokumentima sama. 

Ovo je jedan od dokumenata o Googleu da vam reći točno kako optimizirati svoje stranice tako da Google može pristupiti i indeks vrlo lijepo. Vi ne morate kopirati dolje ovaj URL jer je ova prezentacija će se biti online u svakom slučaju. Ako pogledate ovo i ovo čitaš, postoje neke vrlo korisne savjete u postoji. Google vam kaže - ako stvarno želite da vaše stranice se indeksiraju i a zatim biste trebali učiniti sve te stvari. 

Još jedna stvar koja tražilice stvarno sviđa je svježi sadržaj. Ako imate sadržaj koji je obnovljeno vrlo redovito onda tražilice kažu, uuu, volim svoje stranice. Ja ću ići na svoje stranice vrlo često. Idem Indeks puno vaših stranica. Ako imate svježe sadržaj onda ste više vjerojatno da će se pojaviti - ti si više vjerojatno da će biti relevantniji. Vi ste više vjerojatno da će biti ažurirana, a tražilice su više vjerojatno da će staviti svoje stranice iznad drugih. 

Duboki linkovi su također važni. Ako ste stvarno željeli svoje stranice da izgleda dobro u tražilicu očima su puno druge web stranice povezane s njom povezani, a duboko u vaše web stranice. Nemojte samo link na svoju početnu stranicu. Link se možda yourname.com / nešto / nešto / something.php. To - na tražilicu - znači, wow, oni imaju jako zanimljiv sadržaj da je netko drugi je povezivanje tako duboko u svoje web stranice koje sam trebao stvarno, stvarno stavi veću važnost na stranicama te web lokacije. 

Ako imate točne naslova stranica, ako nema pogreške to je dobro, jer Ako tražilice pokušava da posjetite site, i to je sve pogreške, vjerojatno će odustati od vrlo, vrlo brzo. I na kraju, želite imati kratko vrijeme učitavanja, jer tražilice - baš kao i ljudi - nemojte imati puno strpljenja za spore web stranice. To je način za vas da provjerite da li se pojaviti veći u tražilice upite i nadamo se time dobiti više prometa. Jer, nakon svega, da ste proveli cijelo ovo vrijeme u razvoju vaše web stranice. Vi proveli cijelo ovo vrijeme pokretanja ove web stranice online. Vi želite biti sigurni da imate dovoljno korisnika koji su zapravo vidjeti svoj sadržaj. 

Ostali dobri izvori za korištenje. Google Webmaster Tools je nešto za gledati u. To samo pomaže vam da vidite - Google ne indeksira moje stranice. Koje vrste pogrešaka je to nailazi? Koliko stranica je to indeksirane? Što to mislimo da je najvažniji sadržaj na mojoj stranici? Možda to nije ono što ja želim da bude. Možda trebam promijeniti moje web stranice malo, kao da poprate bolje ono što je moj website je stvarno o tome. Google Analytics je još jedan jako kul alat. Možete dodati malo JavaScript za vaše stranice. I onda nakon toga možete otići na Google Analytics, a to će pratiti Vaši posjetitelji demografije i vaše stranice rast. To će vam reći točno koliko posjetitelja posjetite site roku od određeni dan, u određenom satu, u određenom tjednu. Koliko posjetitelja iz Kine? Koliko posjetitelja od Antarktike - ste uzimajući vaše web stranice. da bi moglo biti nešto cool vidjeti ili čak i ona može biti korisna zato što ste pokušavate ciljati određenu skupinu. Možda ste pokušavate usmjeriti tinejdžere sa vaše web stranice, i vidjet ćete da većina posjetitelja na vaše web stranice su možda i 30 - do 40-godišnjaka, onda možda bilo imate problem ili možete samo reći, dobro, onda možda sam trebao promijeniti moje web stranice fokus tako da Ja se više fokusiraju na toj dobnoj skupini. 

Google Apps - ako ste željeli imati neku vrstu e-pošte s vaše domene - možda se nešto sviđa yourname@yourname.com-- možete koristiti gmail adrese - možete koristiti Gmail i Google Apps je jedan način za to. Možete postaviti određene adrese e-pošte koje su specifične za vaše domene umjesto of@gmail.com. 

I na kraju, tu su i web programer proširenja i dodaci - za Chrome, za Firefox, za druge preglednike - koji omogućuju vam da ide u te pregledati CSS, JavaScript pregledati, vidjeti točno što nije u redu s vašim JavaScript kôd koji se, a možda to će biti korisno za svoje de-prislušni svrhe, za što saznate - dobro, zašto se moja web stranica prikazuje ispravno u ovom pregledniku? 

I na kraju, ako ste htjeli saznati više o svim ovim temama - Ako ste željeli saznati više o HTML i CSS i JavaScript - jer nakon svega, možemo samo učio vam malo - možete otići web stranice kao što su W3Schools.com tražiti više sredstava. Oni imaju vrlo lijepe tutorijali o tome da učinim X, ili što to znači imat? Ako ste željeli saznati više o tim jezicima možete jednostavno otići ovdje. 

U redu. Mislim da sam želio otići u posljednjih nekoliko minuta ovu za pitanja, tako da postoje bilo kakva pitanja o svemu što smo govorili? [Član publike] Koje vrste stvari su se na W3Schools i kako je to pokriveno? [Yuechen Zhao] Koje vrste stvari? Dakle, jedna od najvećih stvari koje su vrlo koristim puno je njihove reference. Njihov reference detalja, primjerice za CSS - što to znači ili ako ste htjeli promijeniti pozadinu na stranici - Kako ti to uspijeva? Koji preglednici podržavaju tu naredbu? Stvari kao što je to. I onda oni jednostavno imaju vrlo lijepe tutorijali na HTML-u, na PHP, JavaScript, na MySQL, na svim vrstama različitih tema. Imaju lijepe tutoriali. Oni vas naučiti kako to učiniti stvari. Bilo je lijepo biti u mogućnosti otići i saznati više o ovim temama. 

[Član publike] HTML 5 još uvijek nije kompatibilna sa svim preglednicima vani. Biste li preporučiti samo boravak daleko od njega, jer probleme s kompatibilnošću? Kako bi se nosili s tim? [Yuechen Zhao] Da, da, pitanje je HTML5 je još uvijek beba standardni. To nije stvarno podržava puno preglednicima, tako da bi mi to izbjeći? Mislim da je prošle godine bio bih jako veliki zagovornik, neka se izbjeglo HTML5 jer je još uvijek - to je još uvijek jako puno novih i zapravo, HTML5 standardni nije finaliziran još. I tako, zaista ne postoji HTML5 standard. Ali mislim pogotovo ako ste projektiranje web stranice sada, to bi moglo biti bolje ako samo ići s HTML5, jer to je vrsta će biti u budućnosti, a ako želite da vaše web stranice biti okrenut budućnosti, a želite da vaše web stranice na posao u budućim preglednicima, to bi moglo biti bolje početi graditi nešto za budućnost nego u prošlosti, a također samo zbog činjenice da je HTML5 stvarno ne razlikuje iz HTML4 ili XHTML. Ako koristite HTML5, to je normalno će raditi u većini preglednika. Vi samo morati izdvojiti od otići i pobrinite se s tim screenshotovima i da se s odlaskom na ovim web stranicama sebe. No, najvjerojatnije će raditi ako koristite vrlo specifične značajke u HTML5. Obavijest da je previše za CS50 - primjerice, za video player koji koristimo - koristi HTML5 i HTML5 video prikaz predavanja. No, ako imate jako stare preglednik, onda ću se vratiti na Flash. Dakle, to je također nešto drugo - imaju nadomjesni sustav za kada samo znam da preglednik ne ide na obradu ono što ti želiš da obrađuju. 

Ostala pitanja? Sve što smo razgovarali o tome. U redu. Onda mislim da je o tome za mene. Mislim da je to to. (Pljesak) Cool. [CS50.TV]