[Powered by Google Translate] [Seminar] [Priprava vašega spletnega mesta za splet] [Yuechen Zhao] [Harvard University] [To je CS50.] [CS50.TV] 

Ok. Tu je še en uro ujeti razvoj, če sta vidva pripravljen za to. Danes bom govoril o pripravi vaše strani za splet. Ves dan - in verjetno v zadnjih 2 tednih - smo se pogovarjali o tem, kako ustvariti spletno stran, kako uporabljati HTML, kako uporabljati PHP, kako uporabiti okvire, kako se prepričati, da lahko interakcijo z bazo podatkov - stvari, kot je ta. Ampak danes, bomo lahko govorili o tem, kje je vaša stran se bo v živo po CS50. Saj konec koncev, CS50 ne zgodi mimo decembra. Bomo govorili o domenskih imen, ki gosti. Bomo lahko govorili o tem, kaj navzkrižno brskalnik združljivost ter združljivost različnih platformah, in kako lahko poskrbite, da vaše spletne strani se dogaja, da deluje v vseh pogojih. O tem bomo govorili obravnavanje napak in drugih strežnikov magije. Govorimo o optimizaciji poslovanja, optimizacija iskalnikov, in kako dobiti ljudi, da dejansko obiščejo vaše spletne strani. In končno, le nekaj dobrih virov, da poskrbite, da imate vi dovolj tistih da gredo izklop z vašim končni projekt, in upajmo, da po njej. 

Prva stvar, da bomo govorili o je domenskih imen. Zdaj ste programiranje v vaši napravi, boste v lokalni gostitelj ki dejansko ni domensko ime. To je nekako samo vzdevek ali alias za vaše dejanske namestitev Linuxa Notranjost obeh VMware na Mac ali VMware Player na računalniku. Domena vam omogočajo, da dajo mesto na spletu in pojdite na nekaj podobnega www.google.com in dobili spletno stran. Kako deluje? Recimo, da ste le povprečni spletni strežnik - Povprečna spletna surfer in imate prenosni računalnik, in greš na www.howstuffworks.com. Lahko verjetno videl, kje sem ukradel iz. Kako stvari dela - računalnik bo nato vprašal lokalnega DNS strežnika, "Ali veste, kje je ta spletna stran je?" "Ali veš IP naslov www.howstuffworks.com?" Vaš strežnik DNS bi lahko rekli: "Ja, imam." V tem primeru boste dobili IP naslov, in vaš računalnik dostopa do tega IP naslova. Če se ne, se sprašuje drug strežnik DNS, "Hej! Ali veste, kaj www.howstuffworks.com je?" Ta strežnik bi lahko rekli: "Ja, imam." Torej, to pove, drugo pa, kaj je, in končno, da dobi informacije opravili z računalnikom, in lahko dostopate do howstuffworks.com. 

Kako lahko dobite eno od teh čarobnih stvari? Kako lahko dobite morda www.yourname.com ali www.ilovecats.com? Lahko se registrirate za enega, in obstaja veliko spletnih strani, tam zunaj, ki vam omogočajo, da to storijo. Morate - v večini primerov morate plačati za njih. Obstajajo nekatera domenska imena, ki so brezplačni. Če greste na www.co.cc ali. Tkdomainnames, ki so brezplačne. Vendar pa pridejo z določenimi omejitvami in dejstvo, da nekateri od njih ne bi morda celo pravi, najvišje ravni domen, kot so. com ali. net. Običajno jaz bi šlo za enega od njih ker uporabniki, so le bolj udobno s temi. Videli ste veliko. Coms. Videli ste veliko. Mrež. Ste verjetno niso videli veliko. Co.cc je, da oni so težje, da se spomnimo. Različne spletne strani, kot Godaddy ali NameCheap ali - sem uporabil tistega, ki je nekako površno - ti activedomain.com. Izgleda zelo površno, vendar je delal zelo dobro za mene. 

In končno, imate druge, ki morda storiti več oglaševanja kot Network Solutions. Ampak, če greš na NetworkSolutions.com in poglej svoje cene je zelo drag. Iskal sem na njih sinoči. Za eno leto domenskega imena, je to verjetno ni vreden toliko denarja. V bistvu, če ste dobili. Com ali ORG. Ali NET. običajna cena je okoli 10 $ na leto. Torej, če si plačal veliko več kot to, da je verjetno, da se ne splača ker konec koncev, te spletne strani ne storiti ničesar s tem imenom domene. Pravkar so ga dam, in tako, če lahko dobite za poceni, zakaj pa ne? 

Druga stvar je, ko imate svojo domeno, potem boste verjetno želeli, da pojdi na bodisi Godaddy.com ali kje si kupil svojo domeno in nastavite imenskih strežnikov za to domeno. Kaj to pomeni, ko uporabnik gre za www.howstuffworks.com, ti ime strežnika IP naslovi so naslovi IP, ki bi jih lahko pogledate. Ti bi lahko dostopali do vaše spletne strani prek teh imenskih strežnikih. Če se uporablja za gostovanje nekje potem bo vaš gostitelj najverjetneje vam imenske strežnike uporabo. 

In na koncu, tam je ta stvar imenovano WHOIS. WHOIS zbirka je zbirka podatkov, s katerimi bi lahko vnesete ime domene in bo izpljunil nekaj informacij o lastniku te spletne strani in druge kontaktne podatke. Sedaj lahko rečeš: "Jaz res ne želim svoj domači naslov ali pa res ne želim svoj e-poštni naslov na spletni strani za vsakogar, da vidite, ali na internetu za vsakogar za prikaz. " Potem boste morda želeli uporabiti nekaj, kar veliko hosting storitev zagotavlja - kot vodja WHOIS. Vodja WHOIS je le še ena služba, da veliko od njih določa, da skrije stran, da informacijske in šele postavlja, kdo je vodja za ime - za naslov, to je ponavadi samo, da firma, ki vam je dal to ime domene - in tako potem vaši osebni podatki ne bodo ušli na internetu, ki je običajno precej dobro. Sam uporabite enega od teh storitev. Če ne skrbi za svojo zasebnost, potem sploh ni pomembno. 

Strežnik DNS je kratica za Domain Name System, in tisto, kar je - to je nekako kot hash tabele nekje, ki pravi,  "Ta spletni naslov se bo preslikati na ta IP naslov." In to je vse, kar je. Torej, ko boste to poizvedbo DNS strežnika, potem lahko dobiš IP naslove za to ustreznega domenskega imena in potem obiščite to spletno stran. (Član občinstvo sprašujem - neslišen) Prvi? Prva raven je dejansko ponavadi samo cache računalnik sam. Vaš računalnik nekako spominja na zadnji čas, da si šel na www.google.com je bil na tem naslovu IP, nato pa po nekaj časa, da bo cache potekla, in da bo zahteval, kot Comcast DNS, "Hej, kaj je www.google.com?" Običajno, ko kupite ime domene in se registrirate eno, in si postavili spletno stran, ne morete iti na to spletno stran takoj s tem imenom domene, ker imenskih strežnikov po vsem svetu ne poznajo vaše ime domene še ni. To je, da zapolnijo. To ponavadi traja približno 24-48 ur. Vse je v redu. Torej, to je malo o domenskih imen. Oni so zelo kul. Mislim, da bi dobili eno, če ste resni o projektu in če si res želite, da vaš projekt znana po kampusu, ob domensko ime zaradi česar je videti zelo profesionalno. 

Potem naslednji korak, seveda, je, da so neke vrste gostovanje. Če si ga gostili na vašem računalniku, nihče ne bo nikoli mogli iti k njej. Vi bi lahko ustanovila strežnik na vašem računalniku in vaš računalnik na vekomaj, vendar to ni priporočljivo. Obstajajo različne vrste gostovanje na spletu na voljo. Tam je deljeno gostovanje. Tam je VPN (nerazumljivi), ki so virtualni gostitelji. Tam je semi-namenske in posvečen. V zadnjih 3, VPN, semi-namenske in namensko so ponavadi dražji. Oni se običajno uporabljajo za spletne strani, ki zahtevajo več sredstev. Če ste šele začeli s spletno stranjo, je lahko samo bolj ekonomično, da gredo z deljeno gostovanje je. In kaj se delijo sredstva, je samo kup spletnih strani, so vsi skupaj nekako v enem strežniku in na tej spletni strani, na tej strežnik gostitelja, in lahko dostopate do vaše spletne strani preko domene. 

Obstaja veliko priljubljenih gostitelji tam. HostGator in DreamHost - to so zelo, zelo velika in zelo, zelo priljubljena in zelo, zelo uspešen. Jaz osebno uporabo enega imenovano MDDHosting. Če greste na www.mddhosting.com, da je moj gostitelj izbire. Mislim, da so zelo dobri. Ti si bila vedno zelo zanesljiv, in nikoli nisem imel nobenih težav z njimi. Imajo tudi zelo konkurenčne cene. Dva, ki mi ni res všeč, so GoDaddy - to je tudi zelo priljubljen gostitelj, vendar sem imela grozne izkušnje z njimi, in veliko ljudi, ki jih poznam, so imeli res grozne izkušnje z njimi. So nekako šel po ljudi, ki ne vedo, kaj počnejo - Mogoče delaš spletno stran za prvič, in tako nekako jim con v odkup svoj paket gostovanja. Ne delaj tega. Ne sodijo za to. Pojdi iskati druge hosting paketov, ki resnično ustreza vašim potrebam. In druga je - obstaja brez gostiteljev tam. Obstajajo spletne strani, ki bo gostil vaše spletne strani brezplačno - včasih jih dajanje oglas na vaši strani, včasih tako, da boste sodelovali v njihovih forumih, včasih pa le tudi brezplačno. Toda bodite previdni z brezplačnimi gostitelji, saj veliko od njih res samo propadejo po nekaj mesecih. Pravkar si ne more dohajati stroškov. Drugi so samo zelo nezanesljivi, in vaše spletne strani bo vedno navzdol, in ne želite, da se to zgodi. 

Vsak gostitelj bo ponudil svojo nadzorno ploščo. Opazili, da vaš aparat, pa res ni nadzorna plošča po sebi. Boste morali uporabiti terminal iti in urejanje datotek. Moraš Chmod stvari, ki jih sami. Če bi želeli iti v PHPMyAdmin, boste morali iti na localhost @ / phpmyadmin in takšne stvari. Ampak z nadzorne plošče lahko greš v in urejanje datotek na vaš strežnik z Windows Explorer ali uporabo finder tipa. Ali lahko greš skozi in pogled na vaše baze podatkov z lastnim orodjem namesto phpMyAdmin. Torej, obstaja veliko izbire tukaj, in nekateri od bolj priljubljenih kontrolne plošče so tam gor. Ampak, če ste iskali za gostitelja, potem boste morda želeli pogledati, kaj vrste prilagoditve in možnosti jih ponujajo mi, da prilagodite svoj strežnik in da bi moji spletni strani teče bolje. Je tako, potem boste morda vprašati, "No, kako izbrati hosting?" Če greš na katero koli spletno stran gostitelja tam je veliko žargonu, in obstaja veliko možnosti. Obstaja veliko različnih cenah. Običajno grem cenejšimi samo zato, ker spletne strani, ki morda ti in jaz bi - in še posebej sedaj, zlasti ker predjed - morda ne potrebujejo toliko sredstev saj morda spletna stran všeč Microsoft.com. 

Najprej boste želeli videti na operacijski sistem, če ste radovedni, ali vaša stran bo treba gostuje na Linux, na Windows, ali na Mac. Običajno gremo z Linuxom, ker to je ponavadi najcenejša, in tudi tisti, vidva sta morda bolj seznanjeni s tem, ker aparata. In potem, morda pa bom dal nekatere omejitve na količino pasovne širine, da dobiš - všeč koliko megabajtov ali gigabajtov podatkov lahko prenesete uporabniki od vaše spletne strani na mesec? Ali prostora na disku. Koliko prostora imaš od tega? Ali je 500 MB? Ali je 2 GB? Je neomejeno? Danes je veliko spletnih strežnikov vam neomejen prostor na disku, kot način za njih da vas pritegnili, da bi dobili svoj paket gostovanja. Ampak, če res misliš o tem, ko ste kdaj potrebovali neomejen prostor na disku? Če imate nekaj datotek HTML, par PHP, par slik - to je le nekaj megabajtov, in tako Ponavadi sem šel za vredno morda nekaj gigabajtov "prostora, in da bi bilo dovolj, da začnem še rabim več. 

Končno, lahko dajo omejitev za kakšno - koliko podatkovne baze lahko imate. Morda imate lahko samo 1 podatkovno bazo. Morda imate lahko 2. Morda imate lahko 10. Ali je za vas pomembno, koliko si dobil? Stvari je treba vprašati. In potem končno, samo stvari, kot jezikih. Ali jih podpira PHP? Ali jih podpira MySQL? Večina gostovanje spletnih strani, ne podpirajo te zato, ker so zastonj. Oni so open source. To jim ne stane nič, da zagotovi te za vas. Toda, če želite uporabljati, recimo, Ruby ali Python ali nekaj od teh drugih jezikih - se ga ne sme podpreti na njihovem strežniku, zato je pomembno, da si za tiste vrste stvari. 

In končno, ne omogočajo, da narediš nekaj več naprednih stvari, kot so SSL ali cron delovnih mest? SSL je možnost, kjer boste lahko vaše spletne strani bolj varno, tako da ga HTTPS in šifriranje povezave. In Cron delovna mesta so samo morda skripte, ki ga želite zagnati vsakih 5 minut, in sicer vsakih 10 minut, vsak 15. Veliko deljeno gostovanje spletnih strani, pa je določila omejitve o številu cron delovnih mest, ki jih lahko izvajate ker to traja več sredstev. 

In končno, samo vse ostalo, kar ste želeli videti na - preverite, kaj se dogaja preden kupite svoj paket gostovanja. In končno, performans. Predstava je ogromno. Kako hitro se moja spletna stran tekoč teči? Večina uporabnikov se ne bo treba čakati celo sekunde za vašo spletno stran za vodenje preden so le dobili dolgčas in gredo na MeanBase in začnete iskati na slikah mačk - ste vedeli, da se dogaja, in želite, da poskrbite, da boste dobili, da je uporabnik na krovu in da imate dober uptime kar samo pomeni, da vaša spletna stran se dogaja, da so dostopni ob vsakem času. Veliko domačinov je res slabo izkoriščenost stroja in da samo pomeni, da vaša spletna stran ne bo treba dostopne, in ne želite, da se to zgodi zato, ker vas bo morda žalostno. In lahko spremljali tudi delovanje vašega gostitelja s spletnimi stranmi, kot so Pingdom.com ali gostitelja tracker.com, in samo ti povem, kako pogosto je vaša stran navzdol. 

In na koncu, hočeš videti o njihovi podpori. Če imate težave se bodo odzvali na vas v 24 urah? Ali bodo odzvali na vas v 48 urah? Hosting storitev, ki sem normalno uporabo odziva, da me v nekaj minutah kar je res lepo. Uh! Vse je v redu! To je čas za odmor. Ampak ne bom ga dal. Mi bomo samo pogled na slike srčkan mačk in nato vsakih zdaj. 

Še en res, res velika stvar je navzkrižno brskalnik združljivost. Kaj mislim s navzkrižno združljivost brskalnika? Veš, danes to ni samo Microsoft Internet Explorer. To ni samo Mozilla Firefox ali Safari. Zdaj imamo Chrome. Imamo Opero. Imamo Dolphin. Imamo Camino. Imamo Osvajalec. Imamo vse te različne brskalnike. Stvari, ki prihajajo ven - RockMelt - čeprav so tisti, ki vse temeljijo na krom. Ampak Dejstvo je, da ni samo en brskalnik več. Saj ne samo gledanje te spletne strani z eno vlogo. In tako bodo različni brskalniki odzovejo na drugačen HTML, CSS drugačen, in drugačno JavaScript drugače in kako se spopasti s tem? No, v nekaterih primerih pa res ne morem. Vaša spletna stran - če deluje v enem brskalniku, kodo, ki jo je napisal ne bo delovalo V drugem brskalniku, in to je vaša naloga, da poskrbite, da koda, ki pišete je univerzalna, da deluje povsod. Torej, to je zelo nevarno. Če rečeš: "No, to je delo na mojem računalniku. Čudovito! Gremo naprej." No, to je verjetno ne bo šlo na rudnik, in ko sem šel na vašo spletno stran Bom zelo žalosten, in bom zapustil takoj. Torej, da vidimo, kako se lahko to prepreči. 

Prva stvar, seveda, je, da uporabite samo standardno HTML, CSS in JavaScript. Kaj mislim s tem? No, obstaja veliko stvari, ki niso standardnih tam. Na primer, v CSS obstajajo številne različice. Če vidite pravila CSS z-moz-ali-WebKit, ta pravila so posebne tako Mozilla brskalnike in WebKit brskalnikov, in tako da boste želeli, da poskrbite, da pa morda želite, da bi se izognili te stvari ker če boste uporabili-moz-to pravilo bo deloval samo na Firefox. In če si res želite videti dobro na Internet Explorer tako, boste od sreče. Za HTML tudi, lahko narediš stvari v HTML, ki dela v enem brskalniku ampak da odmori v drugo in želite preprečiti, da bi v čim večji meri. In končno, za JavaScript celo - obstaja veliko različic JavaScript, in to poletje smo naleteli na problem, kjer Document.getElementsByClassName-- ki je običajno funkcija, ki je opredeljena kot del standarda JavaScript - ni bilo najti v Internet Explorerju 8. Torej, čez poletje sem delala v laboratoriju in gradimo na spletu poskusov. In smo mislili, da je delal zelo dobro, dokler ne bomo spoznali, uporabnike, ki so bili z uporabo Internet Explorer 8 ne more predložiti svoje rezultate. Smo zamudili veliko podatkov. Da nas je res žalostno. Torej, si vedno želeli, da poskrbite, da vaše skripte bodo povsod delati. 

In končno, uporabite validator.w3.org , ki je tisto, kar ti povemo storiti v pset 7. Poskrbite, da bodo vaše strani potrjen. To je pomembno zato, ker da je vsaj prvi korak preverjanje pameti. Je moja koda za dejansko standardnim? Drug način, da nekako pomagal prepričati, da je vaša stran se bo delo v večini primerov je mogoče uporabljati nekatere knjižnice in okvirov ker so ti res pametni razvijalci mislili o teh vprašanj za vas. Šli so skozi in da sem napisal različne funkcije, ki delujejo na različnih brskalnikih. Na primer, bomo uporabili jQuery v Pset 7. Čeprav morda ne boste videli, jQuery ponuja veliko funkcij ki bi sicer morali sami napisati. Ampak ti razvijalci ga je napisal, in so prepričani, da deluje v vseh brskalnikih. In Bootstrap - kar je še en okvir, CSS, ki vam pokazali v Pset 7 - res jemlje veliko glavobola, z oblikovanjem spletnih strani, ki so videti dobro. v vseh brskalnikih. 

In končno, če lahko to preprečili, sem ponavadi izognili kodiranja iz nič. Če ste šele ustvariti spletno stran za vaše šolskega kluba, na primer, in vse, kar morate storiti, je, da se prikaže nekaj strani in morda je vaš predsednik gredo v in spremeniti nekaj stvari tu in tam - tam je res ni potrebe, da koda, ki do sebe. To traja veliko svojega časa. To traja veliko svoje energije, in moraš iti skozi, in boste morali ugotoviti, dobro, bo to videti dobro v tem brskalniku, je tekoč, da izgleda dobro v tem brskalniku. Morda boste želeli uporabljati nekatere od teh obližev, ki so ostali že napisal za vas, kot so WordPress ali Joomla ali Drupal. To so ti vsebina - to so ti CMSS, ki v bistvu so samo pakete, ki že prišli naredil za vas, in jih lahko prenesete, jih postaviti na vaš strežnik, in jih prilagodite pa hočeš, in že imate teče spletno stran. Te kode paketi so nekaj pogledati v. Te stvari so open source, razen če gre za nekaj podobnega - Če iščete obliki paketa, obstajajo stvari, ki jih ni zastonj, kot CITROEN ali IP.Board. Če ne boste potrebovali nekaj teh naprednih funkcij, lahko vedno odločijo za brezplačno opcijo. 

In končno, ni izognil. Morate test, test, test. Morate preizkusite svoje kode na vseh teh brskalnikih in na vseh teh platform. In veš, IE6 - so hvala bogu ljudje začeli oddaljuje od IE6 ker nazaj v dan, morda nekaj let nazaj, spletni razvijalci morali vedno, vedno, Vedno Pander pomanjkljivosti IE6 v skladu s standardi. Spletne samo pogledal nekakšno 1990 zaradi pomanjkanja boljši način za spopadanje z njo. Lahko uporabite tudi brskalnik galerija za pregled CSS. Ena res kul spletna stran je browserlab.adobe.com. To je brezplačna storitev odpravlja Adobe. In kaj storiti, je, da lahko traja galerija vaše spletne strani teče pod drugačnimi pogoji - kot teče v različnih brskalnikih, tek po različnih platformah - in vam pokaže, kako izgledajo. Samo, da ti pokažem, kaj mislim tukaj, sem ustvaril spletno stran, je lani pozval Življenje na Harvardu in kaj sem poskušal narediti - Poskušal sem narediti my.harvard bolje. Ker če ste bili tukaj lani, pa my.harvard ni videti, kot je videti zdaj. To zgleda ogabno. Zdaj pa izgleda veliko bolje. Moj izvedba ni bila tako uporabna več, a vseeno, Veš, sem poskušal dodati - (nerazumljivi), mnogi karkoli - in izgleda - izgleda zelo dobro na mojem računalniku. In potem, morda, če bi jaz imela več časa, bi šli na brskalnika laboratoriju in jaz bi pogledal, no, kako je videti v brskalniku Chrome 18 na operacijskem sistemu Windows. Jaz bi se pomaknite navzdol in rad bi videl - oh ne! Poglej polje najave. Moje besedilo je bilo poplavljenih. Torej, to je slabo, kajne? Če uporabnik uporablja Chrome na Windows in prihaja na moji spletni strani, da takoj izgleda zelo neprofesionalno. Torej, naj grem v mojo CSS in ugotovite, kateri del mojega CSS se prebija tukaj. Zakaj se ne bi pravilno prikazovanje in jo popraviti, tako da lahko vsi uporabniki videli isto spletno stran in prav tako srečen. 

In končno, no, brskalnik posnetki so lepo za testiranje vaše CSS, kaj pa vaši JavaScript? Kaj pa, če imate nekaj zapleten scenarij, ki je tekmovanje v teku? No, lahko vedno storite virtualizacijo. Če imate Mac, lahko uporabite Bootcamp ali VMWare z virtualizacijo morda kopijo Okna in uporaba Internet Explorer tam. Ali lahko greš na nekaj podobnega Spoon.net, ki na žalost deluje le na osebnih računalnikih. Toda, kaj storiti, je zelo kul. So virtualizacijo programske opreme za vas, da boste lahko vodijo različne različice IE, npr. Lahko zaženete več različic Firefox. Lahko zaženete več različic brskalnika Safari in preizkusite vse od vaših spletnih strani tam. Na žalost niso svobodni. To je plačljiva storitev, tako da je vedno nekako to - tam je vedno nekako ta kompromis med, no, bom narediti svoj internetni strani videti dobro. Če je tako, bom moral plačati za nekatere storitve, da mi pomaga narediti. Vsa vprašanja v tem trenutku o vsem, kar smo govorili? Super. Ok. 

Zdaj imamo več stvari za povedati. Kako o napakah? Kako ste se prepričajte, da je vaša spletna stran bo delovala, tudi če se zgodi kaj slabega? Morda nimate stran z imenom food.php. Ampak jaz sem šel na vašo spletno stran in poskušam dostopati food.php. Ali ste šele tekoč, da mi pokaže, da bela stran, ki pravi: 404 - Ne najdem datoteke? Ali boš rekel: "No, žal mi je, da nisem mogel najti to za vas, morda pa tukaj še nekaj drugih virov, ki vam pomaga poiskati tisto, kar potrebujete. " Druge napake - tako, ta se imenuje HTTP napak, ki so le nekaj kode napak da bi se vaš strežnik pošlje nazaj v brskalniku v primeru nekaj slabega zgodilo. 400 - Bad Request. 401 - Nedovoljena. 403 je nekako pogosto, ko imaš imenik, ki je ne bi smel biti dostopna uporabnik, uporabnik pa poskuša nekako. In 500 - Notranja napaka strežnika - to ponavadi zgodi, ko imate nekaj res slabo dogaja z vašo kodo PHP. Toda v vsakem primeru, te vrste brskalnikov - pa te vrste napak zgodilo. 

Torej, kako si lahko prepričan, da obdeluje dostojno te napake in se prepričajte, da je uporabnik ne nekako visi tam? Prihaja. Htaccess. Zdaj. Htaccess je nekaj, kar deluje na Apache strežnikih, nekaj, kar deluje in deluje na nekaj drugih strežnikov, kot dobro. To je samo način za vas, da nastavite vaš strežnik, tako da lahko bi bilo karkoli hočeš to storiti. Nekatere stvari, ki jih lahko storite. Lahko nadzor nastavitev predpomnilnika. Mogoče je določeno stran na vaši spletni strani, da si prepričan, da si ponovno prenesti vsakič, ko uporabnik pride in obišče vašo spletno stran. Ali morda imate nekaj URL, ki je kot yoursite.com / testnih / html / pages / hello.html in si samo želim, da bi yourname.com / zdravo -. dobro, lahko uporabite htaccess preusmeriti ene spletne strani na drugo. Lahko jo uporabite tudi narediti avtentikacijo. Mogoče obstajajo nekatere dele vaše spletne strani, ki jih morate uporabiti drugo geslo. Lahko blokirajo nekatere naslove IP, blokirajo nekatere domen. Mogoče si res ne maram Harvard študente, ki uporabljajo vaše spletne strani. No, imate možnost, da blokira vse IP naslove Harvardu. 

Končno, lahko obravnavajo stvari - lahko pišete določeno kodo, da bi vaš strežnik obravnavajo kot. Zhao ali. vaše ime ali. Zdravo strani, kot PHP kodo. Mogoče, da bo koristno. Mogoče, da ne bo. In končno, ga lahko uporabite za ravnanje odgovore o napakah. Kaj mislim s tem? Če ste preprosto dodate kodo, kot je ta - ErrorDocument 404, nato pa jih neposredno na nekatere Stran napaka, ste lahko prepričani, da se uporabnik preprosto ne vidijo zares grd 404 in jim pokazati nekaj lepega. 

Kaj je dejansko si oglejte, kako lahko to storite z vašim Pset 7. Tukaj sem v mojem aparatu. Grem odpreti Chrome, nato pa bom poskusil, da dostop do strani da ne obstaja na CS50 finance. Torej, lokalnega gostitelja - cats.php--tako, opazil, da sem ustvaril dokument o napaki , ki pravi, "Canz ne najdejo Z stran!" To je zelo žalostno mačka na njem. Če greste na Twitterju, če greš na katero koli od teh drugih spletnih strani, si ne more najti strani, ki jih običajno skušajo pokazati luštna sliko tako da nisi preveč razočaran. Lahko bi imeli tudi nekaj, kar je bolj profesionalen, ki pravi, No, žal mi niso mogli najti strani, ampak morda tukaj je polje za iskanje. Ali morda tukaj je nekaj povezav, ki vam bo pomagal najti povezavo, ki jo želite. Torej, kako naj to naredim? Kako je to sploh mogoče? Če gremo v naš terminal tukaj - Grem za povečavo bit - opazil, da imam novo stran. V mojem imeniku HTML je pozval - ne morete videti - je pozval error.php. In error.php je samo datoteka, ki sem da vam pokaže, da je stran sama. Lahko vam pokažem, kaj error.php je. To je točno to stran. Pravi: "Oh, ne! Canz ne najdem Z stran!" In, če želite videti - tako, opazili, da htaccess nekako je čudno ime.. Začne se s piko, kar pomeni, da je sistemska datoteka. To je skrita datoteka, ki se običajno ne prikaže. Če boste to storili ls-a, si lahko ogledate vse skrite datoteke v določenem imeniku, in seveda, vidite. htaccess je eden izmed njih. Pojdimo naprej in odprite htaccess. - z gedit - Bum! Vse, kar imam, je ena vrstica tam - dokument Napaka za 404 napak ki so znani tudi kot file-ne-najti napake. Dajmo jih preusmeri na nekaj, kar ti error.php. Lahko imaš zabavne stvari, kot canz ne najdem Z Page! In tam so tudi zelo kul stvari, ki jih lahko storite s. Htaccess. Če želite videti več. Htaccess magija, to je zelo kul spletna stran iti - to se imenuje javascriptkit.com/howto/htaccess.shtml-- Če želite izvesti bolj strežnika čarovnijo. In bi bilo zelo zabavno. 

Uh! Vse je v redu! Več srčkan slike. To je človek delal sklece in njegov maček je poskušal pomagati. Mislim, da je zelo luštna. Na žalost nimam mačka takega. Vse je v redu. Torej, smo se pogovarjali o tem. Htaccess. Govorila sva o ravnanju napake. Smo se pogovarjali o gostovanju, domenskih imen. Smo se pogovarjali o navzkrižni združljivost brskalnika. Zdaj kako poskrbite, da vaše spletne strani dejansko opravlja? Kako bomo poskrbeli, da če grem na svojo spletno stran Vidim svojo stran v nekaj sekundah? Ena od stvari, ki mislim, da ljudje nekako pozabi je podoba optimizacija. Recimo, da ste želeli postaviti sliko na vašo spletno stran in to je 2 MG velika. To bi bilo v redu za nas, ker smo na Harvardu, in imamo zelo hitro internetno povezavo. Ampak si predstavljam nekoga na Kitajskem. Predstavljajte si nekoga v Indiji. Zamislite si nekdo morda na podeželju Kansasa, ki morda nima enake vrste širokopasovnega interneta, kar imamo. Če imate 2 MB sliko na vašo spletno stran in uporabnik poskuša dostopati do njega, to se dogaja, da jim bo zelo dolgo časa, da prenesete. Torej, če vam ni treba, da se takšne resolucije, potem mu lahko spreminjate velikost vaše slike z nekaj podobnega Adobe Photo Shop. Tam je ponavadi možnost se imenuje varna za splet in naprav, in kaj počne, je to jemlje ven vse nepotrebne informacije in nekako stiska tvoja datotek v majhno velikost slike, tako da lahko Povedano na vaši spletni strani, in vsak uporabnik, ki poskuša prenesti to stran se dogaja, da prenesete manjšo različico vaše slike. Če nimate Adobe Photo Shop webresizer.com tudi drug vir, kjer lahko vnesete svoje slike in bo izpljuni točno isto sliko, vendar pa bo nekaj podobnega kot 3-krat manjša. Tako da je zelo koristno za uporabnike. 

Druga stvar, ki jo lahko naredimo je minify kodo. Če pogledamo na Google.com, boste videli, da to ni nekako isti HTML in CSS, da smo navajeni. Le, da bo pogled na izvorno kodo tukaj. Če sem se pomaknite navzdol - wow, da izgleda precej ogabno. Ta bi dobil nič o slogu. Če to kodirana za vaš Pset, boste dobili nič v vašem slogu. To nima nobenega razmika. Imena videti zelo skrivnosten. To je vse res ogabno. In skript, da zaprete v telesu - v zvezi z zaključnimi HTML - oni vsi skupaj - vse smushed skupaj. Zakaj to počnejo? So minified svojo kodo. Obvestilo, da je ta dokument se bo veliko manjši za mene, da prenesete, kot nekaj, s presledkom, kot nekaj z zelo dolgimi imeni spremenljivk. Če ste minify kodo slečeš ven ves prazen prostor. Seveda, vaš brskalnik ne skrbi, če imate bel prostor v kodi. Ste zvlekli ven, zdaj sem lahko prenesete manjšo datoteko - Zdaj file - dokument, da bomo prenesete ima manjšo velikost datoteke, da bo hitrejša za mene, da prenesete, in to je koristno. Če delate s spletnimi stranmi in ste začetek spletne strani, to je skoraj vedno dobro minify kodo. Še en razlog, zakaj bi bilo dobro, da se morda ne želite, da drugi uporabljajo kodo. Morda si ne želite, da drugi uporabljajo vaš CSS. Veš, če si res želela, da varčujte s tem, potem lahko minify tudi svojo kodo, in bi bilo težje za mene, da ga ukradel ker nimam pojma, kaj se dogaja. Lahko greste tudi na spletnih straneh, kot minify.avivo.si. Storitve, kot je ta na spletu vam minify kodo, tako da vam ni treba, da to storite ročno. Definitivno ne stori z roko. 

Ok. Zdaj govorimo o skripte. Mogoče v vašem PHP kode je nekaj, da vam ni treba storiti. Morda je extra zanke notri. Pogovarjala sva se o oblikovanju kode v CS50. Tudi če ste kodiranje v C, če imate - če delaš dodatno delo da vam ni treba storiti, dobro, da se dogaja, da upočasni svoje skripte na vaši spletni strani, in to je še posebej pomembno za spletne strani, saj uporabniki dandanes so zelo nestrpni. Če delaš nepotrebno delo, se dogaja, da jih bo več priti do informacij, ki jih želijo, in oni bodo zelo nesrečen. Končno, boste morda želeli optimizirati svoje baze tabel. Spomnim se, smo se pogovarjali o indeksih. Oni niso dobri le za to, da imate vrstico, ki je edinstvena. Oni so dobri tudi za to, da vaša baza deluje hitro. Če želite prebrati gor na tej poti z dokumentacijo MySQL, ali si lahko ogledate na - no, kako optimizirati svoje baze mizo? Kako poskrbite, da imam indekse, ki pomagajo mi priti do informacij hitreje? 

Obstajajo tudi majhni triki, ki jih lahko uporabite kot predpomnjenja. Če imate PHP - če imate blog, na primer, in imate - in to je powered by PHP ali kateri koli drug jezik - lahko predpomnilnik svoj blog na recimo 50-minutne intervale, tako da lahko služi statične strani ali statični HTML za obiskovalce na vašo spletno stran. Na ta način uporabniki ne bi bilo treba teči vaš PHP skript vsakič, in morda, da se bo hitreje za njih, da dostop do teh informacij. 

In na koncu, lahko uporabite nekaj podobnega CDN. Opazili, da vsakič, ko prenesete Pset, vedno iti na CDN.CS50.net. Zakaj je tako? CS50 uporablja tudi nekako kot CDN - distribucijsko omrežje z vsebinami - kar samo pomeni, da je kup strežnikov morda nekje po svetu da pomoč služi vaše strani za svoje obiskovalce. Če je vaš obiskovalec pridobivanje stran od strežnika, ki je bližje jim geografsko, potem najverjetneje vaš obiskovalec bo dobil to datoteko veliko hitreje. Obstajajo tudi spletne vire, ki vam pomagajo narediti. Eden od njih je CloudFlare. Nudijo brezplačno CDN storitev. Če imate velike datoteke, ki vam služijo svojim uporabnikom, potem morda je bolje, da jih postaviti na CDN, tako da bodo lahko prišli do njih hitreje. 

Končno tema dneva je iskalnik optimizacijo. Kaj je iskalnik optimizacijo? To je zagotoviti, da iskalniki, kot so Google ali Bing in Yahoo Lahko greš na vašo spletno stran in preišče vaše spletno mesto in indeks vaše spletne strani in kdaj Jaz, na primer, pojdite na Google.com in sem poskušal iskati nekaj, potem se bo vaša stran pop up. Kako ste se prepričajte, da je vaša stran ena izmed top 10? Ker kot vsi vemo, če iščete nekaj na Googlu in to ni v top 10 si najverjetneje ne bo videti v naslednjem 10. To je neke vrste temi, ki je zavito v tančico skrivnosti. Obstaja veliko hype tam na internetu. Obstaja veliko vraže okoli če x potem Google bo všeč bolje. Če nimate y potem Google bo všeč bolje. To je verjetno bolje pogledati v samih dokumentov iskalno velikana. 

To je eden od dokumentov, na Googlu, ki vam povedo točno, kako optimizirati vašo spletno stran tako da lahko Google dostop in indeks je zelo lepo. Vam ne bo treba prepišite ta URL, ker ta predstavitev bo na spletu anyway. Če pogledaš na to in ste prebrali to obstaja nekaj zelo koristnih nasvetov notri. Google vam pove - če si res želite, da vaše spletne strani je treba tudi indeksirajo potem bi morali storiti vse te stvari. 

Druga stvar, ki iskalniki res všeč, je sveže vsebine. Če imate vsebino, ki je zelo redno posodablja potem iskalniki rekel, oh, mi je všeč vaše spletne strani. Jaz grem na vašo spletno stran zelo pogosto. Grem indeks veliko vaših straneh. Če imate sveže vsebine, potem ste bolj verjetno, da pokažejo - ste bolj verjetno, da bodo bolj pomembne. Ste bolj verjetno, da bodo bolj posodobljeni, in iskalniki so bolj verjetno, da vaše spletno mesto nad drugimi. 

Deep povezave so prav tako pomembni. Če si res želela vašo spletno stran, da izgleda dobro v očeh iskalnika je veliko drugih spletnih strani, povezane z njo in globoko povezan na vašo spletno stran. Ne samo povezavo na vašo domačo stran. Povezava na morda yourname.com / nekaj / nekaj / something.php. Da - v iskalnik - pomeni, wow, imajo res zanimivo vsebino da nekdo drug se povezuje tako globoko v svojo spletno stran, da sem morala zares dati večji pomen na straneh tega spletnega mesta. 

Če imate točne naslove strani, če nimate napak, da je to dobro, ker Če iskalnik poskuša obiščejo vašo spletno stran, in to je pridobivanje zmota, to je verjetno, da bo dal gor zelo, zelo kmalu. In končno, ki jih želite imeti hitro naložiti, ker iskalniki - tako kot ljudje - Ne imeti veliko potrpljenja, za počasnega spletne strani. To je način za vas, da poskrbite, da pridete višje iskalne poizvedbe motorja in upajmo, da s tem dobili več prometa. Saj konec koncev, ste porabili ves ta čas razvoju vaše spletne strani. Ves ta čas ste porabili začetkom te spletne strani na spletu. Hočeš, da poskrbite, da imate veliko uporabnikov, ki dejansko vidijo svojo vsebino. 

Drugi dobri viri uporabljajo. Google Webmaster Tools je nekaj pogledati v. To samo pomaga, da vidiš - Google ne indeksira moje strani. Katere vrste napak se srečuje? Koliko strani je indeksirana? Kaj misliš, da je najbolj pomembna vsebina na moji strani? Mogoče to ni tisto, kar želim biti. Morda bi morali spremeniti svojo spletno stran, malo, tako da je to kaže bolje kaj je moja spletna stran je res približno. Google Analytics je ena res kul orodje. Lahko dodate malo JavaScript na vaših straneh. In potem potem lahko greš na Google Analytics, in to bodo spremljali Vaš obiskovalec demografiji in vaše rasti mestu. To vam bo natančno povedal, koliko obiskovalcev obiščejo vašo spletno stran v določen dan, v določenem uro v določenem tednu. Koliko obiskovalcev iz Kitajske? Koliko obiskovalcev iz Antarktike - ste dobili na vašo spletno stran. da lahko nekaj kul videti, ali lahko tudi koristno ker ste poskušali usmeriti določeno skupino. Morda ste poskušali usmeriti najstniki z vašo spletno stran in boste videli, da večina obiskovalcev na vašo spletno stran, so morda 30 - do 40-letnikov, potem pa bodisi imate težave, ali lahko samo povem, No, potem pa sem morala samo spremeniti svoje spletne strani fokus tako, da Jaz se bolj osredotoči na tej starostni skupini. 

Google Apps - če bi želel imeti neke vrste e-poštnih sporočil z vaše ime domene - Mogoče kaj takega yourname@yourname.com-- lahko uporabite gmail naslove - lahko uporabljate storitve Gmail in Google Apps je eden od načinov za to. Lahko ustanovi posebne e-poštne naslove, ki so specifične za vaše ime domene Namesto of@gmail.com. 

In končno, obstajajo spletne razširitve za razvijalce in add-ons - za Chrome, za Firefox, za druge brskalnike -, ki vam omogočajo, da gredo v in preglejte CSS, JavaScript preverite, glejte, kaj je narobe s tvojim skript JavaScript, in morda, da bo koristna za vaše de-utrujaš namene, za vas, da ugotovite, - tudi, zakaj je ni moja spletna stran prikazuje pravilno v tem brskalnikom? 

In končno, če ste želeli izvedeti več o vseh teh temah - Če ste želeli izvedeti več o HTML in CSS in JavaScript - saj konec koncev smo le naučil malo - lahko greš spletne strani, kot W3Schools.com, da si za več sredstev. Imajo zelo lepe Vadnice o tem, kako naj naredim x, y ali kaj pomeni? Če bi želeli izvedeti več o teh jezikih, ki jih lahko preprosto pojdite tukaj. 

Vse je v redu. Mislim, da sem želel oditi zadnjih nekaj minut za ta vprašanja, Tako obstajajo kakršne koli vprašanja o vsem, kar smo govorili? [Član občinstva] Katere vrste stvari so na W3Schools in kako je to zajeto? [Yuechen Zhao] Kakšne stvari? Torej, ena od zelo največjih stvari, ki jih uporabljam veliko, je njihova napotila. Njihova reference podrobnosti, na primer za CSS - kaj to pomeni, ali če boste želeli spremeniti ozadje strani - kako si to naredil? Katere brskalnike podpira ta ukaz? Stvari, kot da je. In potem so prav tako zelo lepe vaje za HTML, na PHP, na JavaScript, na MySQL na vseh mogočih različnih temah. Imajo lepe vaj. Učijo vas, kako narediti stvari. To je lepo, da bi lahko šel in izvedeli več o teh temah. 

[Član občinstva] HTML 5 je še vedno ni združljiva z vsemi brskalniki tam. Bi vam priporočamo preprosto bivajo proč od njega zaradi težav z združljivostjo? Kako bi se ukvarjajo s tem? [Yuechen Zhao] Da, da, vprašanje je HTML5 je še vedno dojenček standarda. To je res ni podprta z veliko brskalnikov, zato moramo izogniti? Mislim, da je lani Jaz bi bil zelo velik zagovornik, dajmo se izognili HTML5 ker je še vedno - to je še vedno zelo nov in v bistvu standard HTML5 še ni končan. In tako, da res ni HTML5 standarda. Ampak mislim, še posebej, če ste oblikovanje spletne strani zdaj, Morda bi bilo bolje, če greš s HTML5, ker to je nekako bo prihodnost in če želite, da vaše spletne strani, da se za prihodnost in želite, da vaše spletne strani za delo V prihodnjih brskalnikih, bi bilo bolje, da začnete graditi nekaj za prihodnost kot v preteklosti, tudi samo zaradi dejstva, da HTML5 res ni tako različni od HTML4 ali XHTML. Če uporabljate HTML5, da bo normalno delovala v večini brskalnikov. Moraš nekako gredo v in poskrbite, da s temi zaslona in pazite s dogaja na teh spletnih straneh sami. Ampak najverjetneje bo to delovalo, če ste z uporabo zelo specifične funkcije HTML5. Opazili tudi, da za CS50 - na primer za video predvajalnik, ki jih uporabljamo - uporablja HTML5 in HTML5 video prikaz predavanja. Ampak, če imate res star brskalnik, nato pa bom padel nazaj na Flash. Torej, tudi to je nekaj drugega - imeti sistem padec nazaj, ko ste samo vem, da se brskalnik ne bo ročaj kaj hočeš ravnati. 

Druga vprašanja? Vse, kar sva govorila. Vse je v redu. Potem mislim, da je to vse za mano. Mislim, da je to. (Aplavz) Kul. [CS50.TV]