[Powered by Google Translate] [Seminaari] [Valmistautuminen sivustosi Web]
[Yuechen Zhao] [Harvardin yliopisto]
[Tämä on CS50.] [CS50.TV]
>> Okei. Tässä toinen tunti web-kehitys, jos te olette sen.
Tänään aion puhua valmistelee sivustosi Web.
Koko päivän - ja luultavasti viimeisen 2 viikon aikana -
Olemme puhuneet siitä, miten luoda verkkosivuston,
miten käyttää HTML, miten käyttää PHP, miten käyttää kehyksiä,
miten varmistaa, että voit olla vuorovaikutuksessa tietokantaan - tuollaista.
Mutta tänään, aiomme puhua, jos sivuston menee elää jälkeen CS50.
Koska loppujen lopuksi CS50 ei tapahdu viime joulukuussa.
Aiomme puhua verkkotunnuksia, hosting.
Aiomme puhua siitä, mitä rajat selaimen yhteensopivuutta
ja ristialustamiseksi ovat, ja miten voit varmistaa, että sivustosi
tulee toimia kaikissa olosuhteissa.
Puhutaan virheiden käsittelyä ja muita palvelimen taikuutta.
Me puhumme suorituskyvyn optimointi, hakukoneoptimoinnin,
ja miten saada ihmiset itse käydä verkkosivustoja.
Ja lopuksi, vain joitakin hyviä resursseja varmistaa, että teillä on ihan tarpeeksi
mennä pois teidän opinnäytetyön, ja toivottavasti sen jälkeen.
>> Ensimmäinen asia, että me aiomme puhua on verkkotunnuksia.
Juuri nyt olet ohjelmointi laitteen, olet menossa paikallisen isännän
joka ei ole oikeastaan ​​verkkotunnus.
Se on tavallaan vain nimimerkki tai alias todellinen Linux asennus
sisällä joko VMware Mac-tai VMware Player PC.
Verkkotunnukset voit laittaa sivuston päälle Web ja siirry sitten jotain
www.google.com ja saada verkkosivuilla.
Miten ne toimivat?
Oletetaan, että olet vain keskimäärin web-palvelin -
Keskimääräinen Webin ja sinulla on kannettava tietokone, ja menet www.howstuffworks.com.
Voit todennäköisesti nähdä, missä minulle tämän alkaen.
Miten aine toimii - tietokoneen sitten pyytää paikallisen DNS-palvelimen,
"Tiedätkö, missä tämä sivusto on?"
"Tiedätkö IP-osoite www.howstuffworks.com?"
DNS-palvelin saattaa sanoa, "Kyllä, minä teen."
Tällöin saat IP-osoitteen, ja tietokone käyttää IP-osoitetta.
Jos ei, se kysyy toisen DNS-palvelimen, "Hei! Tiedätkö mitä www.howstuffworks.com on?"
Että palvelin saattaa sanoa, "Kyllä, minä teen."
Niin, se kertoo toinen, mitä se on, ja lopuksi, että tietoja saa siirtää tietokoneeseen,
ja voit käyttää howstuffworks.com.
>> Miten voit saada yksi näistä maagisia asioita?
Miten voit saada ehkä www.yourname.com tai www.ilovecats.com?
Voit rekisteröityä yhden,
ja siellä on paljon sivustoja siellä, että voit tehdä niin.
Sinun on - useimmissa tapauksissa sinun täytyy maksaa niistä.
On tiettyjä verkkotunnuksia, jotka ovat ilmaisia.
Jos menet www.co.cc tai. Tkdomainnames, ne ovat ilmaisia.
Mutta he eivät tule kanssa tiettyjä rajoituksia, ja itse asiassa jotkut heistä ehkä edes
todellinen, ylätason verkkotunnuksia, kuten. com tai. net.
Normaalisti Ehdotan menossa yksi niistä
koska käyttäjät ovat vain mieluummin niitä.
Olet nähnyt paljon. Coms. Olet nähnyt paljon. Verkot.
Et luultavasti ole nähnyt paljon. Co.cc n, joten ne ovat vaikeampi muistaa.
Eri sivustot kuten GoDaddy tai NameCheap tai - Käytin yksi, joka on
Tällainen summittainen - sanottujen activedomain.com.
Se näyttää todella ylimalkaisia, mutta se on toiminut todella hyvin minulle.
>> Ja lopuksi, sinulla on muita, jotka ehkä tehdä enemmän mainontaa kuin Network Solutions.
Mutta jos menet päälle NetworkSolutions.com ja tarkastella niiden hinnoittelu
se on todella kallista. Odotin niitä viime yönä.
Yhden vuoden verkkotunnus, se luultavasti ei kannata niin paljon rahaa.
Itse asiassa, jos saat. Com tai. Org tai. Net
Tavallinen hinta on noin 10 dollaria vuodessa.
Joten jos maksat paljon enemmän kuin, että se ei todennäköisesti ole, että sen arvoinen
koska loppujen lopuksi nämä sivustot eivät tee mitään, että verkkotunnus.
He vain antaa sen sinulle, joten jos voit saada sen halvalla, miksi ei?
>> Toinen asia on, kun sinulla on verkkotunnus, niin todennäköisesti haluat
mennä joko Godaddy.com tai minne olet ostanut verkkotunnus
ja asettaa nimipalvelimet että verkkotunnus.
Tämä tarkoittaa, kun käyttäjä menee www.howstuffworks.com,
nämä nimipalvelimen IP-osoitteet ovat IP-osoitteet, että he voisivat etsiä.
Ne voisivat käyttää sivuston kautta nämä nimipalvelimia.
Jos haet hosting jonnekin
sitten isäntä todennäköisesti antaa sinulle nimipalvelimet käyttää.
>> Ja lopuksi, on tämä asia sanottu WHOIS.
WHOIS-tietokannan on tietokanta, jonka voit syöttää verkkotunnuksen
ja se sylkemään joitakin tietoja omistaja että sivusto ja muut yhteystiedot.
Nyt saatat sanoa, "En todellakaan halua minun kotiosoite tai en todellakaan halua minun sähköpostiosoite
sivuilla kenenkään nähdä tai Internetissä kaikkien nähtävillä. "
Sitten kannattaa käyttää jotain, että monet hosting-palvelut tarjoavat -
kuten WHOIS johtaja.
WHOIS johtaja on vain yksi palvelu, paljon niitä säätää, että
piilottaa pois, että tieto-ja vain tuo, kuka on johtaja nimi -
mikä osoite se on yleensä vain, että yrityksen nimi, joka antaa sinulle tämän verkkotunnuksen nimi -
ja niin sitten henkilökohtaisia ​​tietoja ei vuotanut Internetiin,
joka on yleensä melko hyvä.
Itse käytän jotakin näistä palveluista.
Jos et välitä omasta yksityisyyden niin se ei ole oikeastaan ​​väliä.
>> DNS-palvelin on lyhenne sanoista Domain Name System, ja mitä se on -
se on tavallaan kuin hajautustaulun jonnekin, joka sanoo,
"Tämä sivuston osoite tulee kartoittaa tätä osoitetta." Ja että kaikki se on.
Joten kun teet kyselyn tämän DNS-palvelimen, voit saada IP-osoitteet
että vastaavia domain-nimen ja sitten vierailla verkkosivuilla.
(Yleisön jäsen kysyy kysymys - äänetön)
Ensin? Ensimmäinen taso todellisuudessa on yleensä vain tietokoneen välimuistin itse.
Tietokoneessa tavallaan muistaa viimeinen kerta, kun meni www.google.com
se oli tässä IP-osoite, ja sitten vähän ajan päästä, että välimuisti päättyy,
ja se kysyy kuin Comcast DNS,
"Hei, mitä www.google.com?"
Yleensä kun ostaa verkkotunnus ja olet rekisteröitynyt yksi, ja voit perustaa sivuston,
et voi mennä, että sivusto heti, että verkkotunnus, koska nimipalvelimet
eri puolilla maailmaa eivät tiedä verkkotunnus vielä. Se on asuttamaan.
Se kestää yleensä noin 24-48 tuntia.
Selvä. Niin, että on hieman verkkotunnuksia. He ovat hyvin viileä.
Mielestäni sinun pitäisi saada yksi, jos olet tosissaan hankkeen
ja jos todella haluat tehdä projektin tunnetaan eri kampuksella,
ottaa verkkotunnus saa sen näyttämään todella ammattimainen.
>> Sitten seuraavassa vaiheessa, on tietenkin oltava jonkinlainen isäntä.
Jos vain isäntä sen tietokoneeseen, kukaan ei ikinä voi mennä siihen.
Voisit mahdollisesti perustaa palvelimen tietokoneella ja pitää tietokoneen ikuisesti,
mutta se ei ole suositeltavaa.
On olemassa erilaisia ​​hosting verkossa saatavilla.
Siellä on jaettua hosting. On VPN (käsittämätön), jotka ovat virtuaalinen hosts.
On puoliksi omistettu ja omistettu.
3 viimeiseen, VPN, semi-oma, ja omistautunut ovat yleensä kalliimpia.
He yleensä käytetään sivustoja, jotka vaativat enemmän resursseja.
Jos olet juuri aloittamassa sivuston,
se saattaa vain olla edullisempaa mennä jaettua hosting.
Ja mitä yhteisiä keinoja on vain joukko sivustot ovat kaikki yhdessä
tavallaan yhdelle palvelimelle tällä sivustolla tällä palvelukeskuksen, ja voit käyttää sivuston
kautta verkkotunnus.
>> On olemassa paljon suosittu hosts siellä.
HostGator ja DreamHost - ne ovat hyvin, hyvin suuri ja erittäin suosittu
ja erittäin, erittäin onnistunut.
Olen henkilökohtaisesti käyttää yksi nimeltään MDDHosting.
Jos menet www.mddhosting.com, se on minun isäntä valinta.
Minusta he erittäin hyvä.
He ovat aina olleet hyvin luotettavia, enkä ole koskaan ollut mitään ongelmia niiden kanssa.
Heillä on myös erittäin kilpailukykyisen hinnoittelun.
Kaksi, että minä en tykkää ovat GoDaddy - se on myös erittäin suosittu isäntä,
mutta olen ollut kauhea kokemuksia heidän kanssaan,
ja paljon ihmisiä, jotka tiedän on ollut todella kauheaa kokemuksia heidän kanssaan.
He tavallaan mennä sen jälkeen ihmisiä, jotka eivät tiedä, mitä he tekevät -
Ehkä teet verkkosivuilla ensimmäistä kertaa,
ja niin he tavallaan con ne ostavat hosting-paketti.
Älä tee sitä. Älä lankea siihen. Mene etsimään muita hosting paketteja, jotka todella tarpeitasi.
Ja toinen on - on ilmainen hosts siellä.
On olemassa sivustoja, jotka isännöivät sivustosi ilmaiseksi -
joskus laittamalla mainoksen sivuston,
joskus tekee sinusta osallistua niiden foorumeilla,
mutta joskus vain myös ilmaiseksi.
Mutta ole varovainen vapaa hosts, koska monet niistä oikeastaan ​​vain mennä konkurssiin
muutaman kuukauden kuluttua. Et vain voi pysyä kustannuksia.
Toiset ovat vain erittäin epäluotettavia, ja sivusto on aina alas,
ja et halua että näin tapahtuu.
>> Jokainen isäntä tarjoaa oman ohjauspaneelin.
Huomaa, että laitteen, ei todellakaan ole ohjauspaneeli sinänsä.
Sinun täytyy käyttää terminaalin mennä ja muokata tiedostoja.
Sinun täytyy chmod asioita itse.
Jos halusi mennä PHPMyAdmin,
sinun täytyy mennä localhost @ / phpmyadmin ja tuollaista.
Mutta ohjauspaneelista voit mennä ja muokata tiedostoja palvelimelle
Windows Explorer tai Finder-tyyppinen sovellus.
Tai voit käydä läpi ja katsoa tietokantoja oman työkalun
sijaan phpmyadmin.
Niin, siellä on paljon valinnanvaraa, ja osa suosituimmista ohjauspaneelit ovat siellä.
Mutta jos etsit isäntä,
sinun kannattaa katsoa, ​​mitä lajittelee räätälöinnit ja optiot
ne tarjoavat minulle muokata minun palvelimelle ja tehdä oma verkkosivusto ajaa paremmin.
Niin, niin saatat kysyä, "No, miten voin valita hosting?"
Jos menet mihin tahansa isäntä verkkosivuilla on paljon ammattikieltä, ja siellä on paljon vaihtoehtoja.
On olemassa paljon erilaisia ​​hintoja myös.
Yleensä lähden halvempiin vain koska sivustoja, jotka ehkä sinä ja minä tehdä -
ja varsinkin juuri nyt, varsinkin kun alku - ne eivät välttämättä tarvitse niin paljon varoja
samoin ehkä verkkosivuilla kuten Microsoft.com.
>> Ensin kannattaa katsoa käyttöjärjestelmän jos olet todella utelias, onko
sivuston tulee isännöi Linux, Windows tai Mac.
Normaalisti me vain mennä Linux, koska se on yleensä halvin,
ja joka ehkä te ovat tuttuja, koska laitteen.
Ja sitten, ehkä he laittaa rajoituksia määrän kaistaa, että saat -
kuten kuinka monta megatavua tai gigatavua tietoa voi käyttäjät lataavat
sivustosi kuukaudessa? Tai levytilaa.
Kuinka paljon tilaa saat? Onko se 500 MB? Onko se 2 GB? Onko se rajoittamaton?
Nykyään monet web-palvelimia antaa sinulle rajoittamaton levytilaa tapa heitä
houkutella sinut saada hosting-paketti.
Mutta jos todella miettiä sitä, kun olet ikinä tarvitse rajattomasti levytilaa?
Jos sinulla on pari HTML-tiedostoja, pari PHP, pari kuvat -
se on vain pari megatavua, ja niin
yleensä olen vain mennä ehkä muutama gigatavua edestä tilaa,
ja se voisi olla tarpeeksi aloittaa minut pois ennen kuin minä tarvitsen enemmän.
>> Lopuksi he voivat asettaa rajoituksia millainen - kuinka monta tietokantoja voi olla.
Ehkä sinulla voi olla vain 1 tietokantaan. Ehkä sinulla voi olla 2. Ehkä voit olla 10.
Onko se todella tärkeää, kuinka monta saat?
Asiat kysyä itseltäsi.
Ja sitten lopuksi vain asioita, kuten kieliä.
Onko ne tukevat PHP? Onko ne tukevat MySQL?
Useimmat hosting-sivustot eivät tue näitä, koska ne ovat ilmaisia. He avoimen lähdekoodin.
Se ei maksa heille mitään tarjota näitä sinulle.
Mutta jos haluat käyttää vaikkapa Ruby tai Python tai jotkut näistä muilla kielillä -
ne eivät välttämättä tue sitä heidän palvelimelle, joten on tärkeää etsiä niitä juttuja.
>> Ja lopuksi, he avulla voit tehdä joitakin kehittyneempiä asioita, kuten SSL tai cron työpaikkoja?
SSL on vaihtoehto, jossa voit tehdä sivuston varmempi tekemällä HTTPS
ja salata yhteydet.
Ja cron työpaikkoja ovat vain ehkä skriptejä, että haluat ajaa
5 minuutin välein, 10 minuutin välein, joka 15.
Paljon jaettua hosting sivustot eivät asettaa rajoituksia
määrästä cron työpaikkoja, että voit käyttää, koska se vie enemmän resursseja.
>> Ja lopuksi, juuri kaikkea muuta haluat tarkastella - varmista, mitä on tekeillä
ennen kuin ostat hosting-paketti.
Ja lopuksi, suorituskykyä. Suorituskyky on valtava.
Kuinka nopeasti on oma verkkosivusto menossa ajaa?
Useimmat käyttäjät eivät aio odottaa jopa sekunneissa sivustosi ajaa
ennen kuin ne vain kyllästy, ja he mennä MeanBase ja alkaa tarkastella kuvia
kissojen - tiedät, että tapahtuu, ja haluat varmistaa, että saat että käyttäjä aluksella
ja että sinulla on hyvä käytettävyys, joka tarkoittaa vain sitä, että
sivuston tulee olemaan pääsy kaikkina aikoina.
Monet isännät ovat todella huono käytettävyys ja että vain tarkoittaa sivustosi ei tule olemaan
saatavilla, ja et halua että näin tapahtuu, koska saatat olla surullinen.
Ja voit myös seurata isännän suorituskyky sivustot kuten
Pingdom.com tai Host-tracker.com, ja he vain kertoa teille, kuinka usein on sivuston alas.
>> Ja lopuksi, haluat nähdä heidän tukea.
Jos sinulla on ongelmia he aikovat vastata sinulle 24 tunnin kuluessa?
Ovatko he aikovat vastata sinulle 48 tunnin kuluessa?
Hosting-palvelu, käytän yleensä vastaa minulle muutamassa minuutissa
mikä on todella mukavaa.
Vau! Hyvä! On aika tauon. Mutta en aio antaa sen sinulle.
Me katsokaa kuvia söpö kissat aina silloin tällöin.
>> Toinen todella, todella iso juttu on rajat selaimen yhteensopivuutta.
Mitä minä tarkoitan rajat selaimen yhteensopivuutta?
Tiedätkö, nykyään se ei ole vain Microsoftin Internet Explorer.
Se ei ole vain Mozilla Firefox tai Safari.
Nyt meillä on Chrome. Meillä on Opera. Meillä on Dolphin. Meillä on Camino.
Meillä on Conqueror. Meillä on kaikki nämä eri selaimilla.
Asiat, jotka ovat tulossa ulos nyt - RockMelt - vaikka ne perustuvat kaikki kromi.
Mutta tosiasia on, ei ole olemassa vain yksi selain enää.
Et vain katsella näitä sivuja yhdellä hakemuksella.
Ja niin, eri selaimet reagoivat eri HTML, eri CSS, ja
eri JavaScriptin eri tavalla, ja miten käsitellä asiaa?
No, joissakin tapauksissa, et todellakaan voi.
Sivuston - jos se toimii yhdessä selaimessa, koodi, jonka kirjoitit ei toimi
toisessa selaimessa, ja se on teidän tehtävänne varmistaa, että koodi, joka kirjoitat
on universaali, että se toimii kaikkialla.
Niin, tämä on todella vaarallista.
Jos sanot, "No, se toimii tietokoneessani. Hienoa! Siirrytään."
No, se ei todennäköisesti ole menossa töihin minun, ja kun menen sivuston
Aion olla hyvin surullinen, ja aion lähteä heti.
Joten, katsotaanpa miten voit estää tämän.
>> Ensimmäinen asia, tietenkin, on vain käyttää standardia HTML, CSS ja JavaScript.
Mitä tämä sitten tarkoittaa?
No, on olemassa paljon ei standardi asioita siellä.
Esimerkiksi CSS on monia versioita.
Jos näet CSS säännöt-moz-tai-WebKit-, nämä säännöt ovat tarkat
sekä Mozilla-selaimet ja WebKit selaimet,
ja niin haluat varmistaa, että ehkä haluat välttää näitä asioita
koska jos käytät-moz-että sääntö on vain menossa töihin Firefox.
Ja jos todella haluat sen näyttää hyvältä Internet Explorerissa,
aiot olla epäonninen.
HTML myös, voisit tehdä asioita HTML, jotka toimivat yhdessä selaimessa
mutta taukoja toisessa, ja haluat välttää mahdollisimman paljon.
Ja lopuksi JavaScript vaikka - on olemassa monia versioita JavaScript,
ja tänä kesänä törmäsimme ongelmaan, jossa Document.getElementsByClassName--
joka on yleensä funktio, joka on määritelty osana JavaScript-standardi -
ei ollut löytää Internet Explorer 8.
Joten, kesän olin työskentelee laboratoriossa ja olimme rakennuksen online-kokeita.
Ja ajattelimme se toimi todella hyvin, kunnes tajusimme käyttäjiä, jotka käyttivät
Internet Explorer 8 ei esittämään tuloksia.
Olimme vaille paljon tietoa. Se teki meistä todella surullista.
Joten, haluat aina varmistaa, että skriptit ovat menossa töihin kaikkialla.
>> Ja lopuksi, käyttää validator.w3.org
joka on mitä kerromme teille tehdä PSET 7.
Varmista, että sivut on validoitu.
Se on tärkeää, koska se ainakin on ensimmäinen askel järki tarkistaa.
Onko minun koodi tosiasiallisesti standardien mukainen?
Toinen tapa tavallaan avulla voit varmistaa, että sivustosi on menossa töihin
useimmissa tilanteissa on ehkä käyttää joitakin kirjastoja ja puitteita
koska nämä todella fiksu kehittäjät ovat ajatelleet näitä asioita sinulle.
He ovat menneet läpi ja he ovat kirjoittaneet eri toimintoja, jotka toimivat eri selaimissa.
Esimerkiksi käytämme jQuery Pset 7.
Vaikka et ehkä ole nähnyt sitä, jQuery tarjoaa paljon toimintoja
että muuten olisi kirjoittaa itse.
Mutta nämä kehittäjät kirjoitti sen, ja he varmistivat, että se toimii kaikissa selaimissa.
Ja Bootstrap - joka on toinen CSS puitteet, että näytimme vuonna Pset 7 -
se todella vie paljon päänsärkyä suunnitella verkkosivustoja, jotka näyttävät hyvältä.
kaikissa selaimissa.
>> Ja lopuksi, jos sen voi välttää, olen yleensä välttää koodaus tyhjästä.
Jos olet vain luoda sivuston oman koulun joukkue, esimerkiksi
ja kaikki sinun tarvitsee tehdä, on näyttää muutaman sivun ja ehkä on oma presidentti mennä
ja muuttaa muutamia asioita siellä ja täällä - siellä oikeastaan ​​mitään tarvetta koodia, että jopa itse.
Se vie paljon aikaa.
Se vie paljon energiaa, ja sinun täytyy mennä läpi ja sinun täytyy selvittää,
No, tämä tulee näyttää hyvältä tässä selaimessa, se aikoo näyttää hyvältä tässä selaimessa.
Ehkä käyttää joitakin näistä laastaria, että muut ovat jo kirjoitettu sinulle, kuten
WordPress tai Joomla tai Drupal.
Näitä kutsutaan sisältöä - näitä kutsutaan CMSS joka pohjimmiltaan ovat vain paketteja, jotka
jo tullut sinulle tehnyt ja voit ladata ne, laittaa ne päälle palvelimelle,
ja muokata niitä kuitenkin haluat, ja sinulla on jo käynnissä verkkosivustolla.
Ne koodi paketit ovat jotain mitä sisään.
Nämä asiat ovat avoimen lähdekoodin ellet mennä jotain -
Jos etsit muodossa paketti, on olemassa asioita, jotka eivät ole ilmaisia, kuten
VBulletin tai IP.Board.
Jos et tarvitse joitakin näistä kehittyneitä ominaisuuksia,
voit aina valita ilmainen vaihtoehto.
>> Ja lopuksi, sitä ei voi välttää sitä.
Sinun täytyy testata, testata, testata.
Sinun täytyy testata koodin kaikille näistä selaimista ja kaikkia näitä alustoja.
Ja te tiedätte, IE6 - Luojan kiitos ihmiset ovat alkaneet siirtymässä pois IE6
koska takaisin seuraavana päivänä, ehkä muutama vuosi sitten, web-kehittäjät oli aina, aina,
aina ruokkia IE6: n heikkouksia jälkeen standardeja.
Sivustot näyttivät sellainen 1990 puutteessa parempi tapa käsitellä sitä.
Voit myös käyttää selaimen kuvakaappauksia tarkistaa CSS.
Yksi todella cool sivusto on browserlab.adobe.com.
Tämä on ilmainen palvelu ojensi Adobe.
Ja mitä he tekevät on ne voivat ottaa kuvakaappauksia sivuston
käynnissä eri olosuhteissa - kuten käynnissä eri selaimissa,
käynnissä eri alustoilla - ja näyttää, miltä ne näyttävät.
Vain osoittaa, mitä tarkoitan täällä, olen luonut verkkosivuilla viime vuonna nimeltään Life At Harvard,
ja mitä yritin tehdä - Yritin tehdä my.harvard paremmin.
Koska jos täällä viime vuonna, my.harvard ei näyttänyt niin se näyttää nyt.
Se näyttää ikään inhottavaa.
Mutta nyt näyttää paljon paremmalta.
Oma täytäntöönpano ei ollut hyötyä enää, mutta yhtä kaikki,
tiedätte, olen yrittänyt lisätä - (käsittämätön) monta tahansa -
ja se näyttää - se näyttää erittäin hyvältä minun tietokone.
Ja sitten, ehkä jos minulla olisi ollut enemmän aikaa olisin mennyt selaimen lab,
ja olisin katsoin hyvin, miten se näyttää Chrome 18 Windows.
Olisin selaa alaspäin ja näkisin - Voi ei! Katsokaa ilmoitukset ruutuun.
Oma teksti on täynnä. Niin, että on paha, eikö?
Jos käyttäjä käyttää Chrome Windows ja tulee minun verkkosivuilla,
että heti näyttää erittäin epäammattimaista.
Joten minun pitäisi mennä CSS ja selvittää, mitä osa CSS rikkoo täällä.
Miksei se näy oikein ja korjata niin, että kaikki käyttäjät näkevät samalla sivustolla
ja olla yhtä onnellinen.
>> Ja lopuksi, hyvin, selain kuvakaappauksia ovat mukavia testata CSS,
mutta entä JavaScript?
Entä jos sinulla on monimutkainen käsikirjoitus, joka on käynnissä?
No, voit aina tehdä virtualisointi.
Jos sinulla on Mac, voit käyttää Bootcamp tai VMWare virtualisoida ehkä kopio
Windows ja Internet Explorer siellä.
Tai voit mennä jotain Spoon.net, joka valitettavasti toimii vain PC.
Mutta mitä he tekevät on hyvin viileä.
He virtualisoida ohjelmisto sinulle, jotta voit suorittaa erilaisia ​​versioita IE, esimerkiksi.
Voit käyttää eri versioita Firefox.
Voit käyttää eri versioita Safari ja testata kaikki sivustot siellä.
Valitettavasti ne eivät ole ilmaisia.
Tämä on maksullinen palvelu, niin siellä on aina tavallaan tämän -
siellä on aina tavallaan tätä kompromissiksi, hyvin, aion tehdä oma verkkosivusto näyttää hyvältä.
Jos näin on, olisin voinut maksaa joitakin palveluja auttaa minua tekemään niin.
Kaikki kysymykset tässä vaiheessa mitään, että puhuimme?
Mahtavaa. Okei.
>> Nyt meillä on enemmän puhuttavaa.
Entä virheitä?
Miten varmistaa, että sivusto on menossa toimi, vaikka
jotain pahaa tapahtuu?
Ehkä sinulla ei ole sivun nimellä food.php.
Mutta minulle, menen sivuston ja yritän käyttää food.php.
Oletko juuri menossa näyttämään minulle, että valkoinen sivu, jossa lukee 404 - Tiedostoa ei löydy?
Vai aiotko sanoa, "No, olen pahoillani, että en löytänyt tämän sinulle,
mutta ehkä tässä on joitakin muita resursseja, joiden avulla voit etsiä mitä tarvitset. "
Muut virheet - niin, tätä kutsutaan HTTP-virheet, jotka ovat vain joitakin virhekoodit
että palvelin saattanut lähettää takaisin selaimen jos jotain pahaa tapahtuu.
400 - Bad Request. 401 - Luvaton.
403 on eräänlainen yhteinen kun on hakemiston, joka ei ole tarkoitus käyttää
käyttäjä, mutta käyttäjä yrittää muutenkin.
Ja 500 - Internal Server Error - joka yleensä tapahtuu, kun sinulla on jotain
todella huono tekeillä PHP-koodin.
Mutta joka tapauksessa, nämä asiat selaimet - tämänkaltaisissa virheitä sattuu.
>> Joten, miten voit varmistaa, että voit sulavasti käsitellä näitä virheitä
ja varmista, että käyttäjä ei ole vain eräänlainen roikkuu siellä?
Tässä tulee. Htaccess.
Nyt. Htaccess on jotain, joka toimii Apache-palvelimia,
jotain, joka toimii ja toimii muutamia muita palvelimia samoin.
Tämä on vain tapa, jolla voit määrittää palvelimen siten, että
voit tehdä sen tehdä mitä haluat sen tehdä.
Jotkut asiat voit tehdä. Voisit hallita välimuistin asetuksia.
Ehkä siellä on tiettyjä sivustosi sivulle, että olet varma, että käyttäjä
ladata uudelleen joka kerta käyttäjän tulee ja vierailee sivustolla.
Tai ehkä sinulla on joitakin URL-osoite on kuin yoursite.com / testi / html / pages / hello.html
ja haluat vain, että on yourname.com / hei - hyvin, voit käyttää. htaccess
ohjata yhden verkkosivun toiseen.
Voit myös käyttää sitä tehdä todennus.
Ehkä on olemassa joitakin osia sivuston, sinun täytyy käyttää toista salasanaa.
Voit estää tiettyjen IP-osoitteita, estää tietyillä aloilla.
Ehkä juuri todellakaan pidä Harvardin opiskelijoille sivuston käytössä.
No, sinulla on mahdollisuus estää kaikki Harvardin IP-osoitteet.
>> Lopuksi voit hoitaa asioita - voit kirjoittaa tiettyjä koodin, jotta palvelin
kohdella kuten. Zhao tai. nimesi tai. hei sivuja PHP.
Ehkä se tulee olemaan hyötyä. Ehkä se ei ole.
Ja lopuksi, voit käyttää sitä käsitellä virhereaktiot.
Mitä tämä sitten tarkoittaa?
Jos vain lisätä koodin näin - ErrorDocument 404 ja sitten ohjata heidät jossain
virhe sivulla voit varmistaa, että käyttäjä ei vain nähdä todella, todella ruma
404 ja näyttää heille jotain mukavaa.
>> Katsotaanpa itse katsomaan, miten voimme tehdä sen kanssa Pset 7.
Täällä olen minun laite.
Aion avata Chrome, ja sitten aion yrittää päästä sivulle
että ei löydy CS50 Finance.
Joten, paikallinen isäntä - cats.php--niin huomaa, että olen luonut virheasiakirjaa
joka sanoo, "Canz ei löydä z sivu!"
Se on hyvin surullinen kissa se.
Jos menet Twitterissä, jos et mene mihinkään näihin sivustoihin,
et löydä sivua, he yleensä yrittää näyttää söpö kuva
niin, että et ole liian pettynyt.
Voisit myös jotain, joka on enemmän ammatillista, joka sanoo,
No, olen pahoillani, etten ole löytänyt sivun, mutta ehkä tässä on hakukenttä.
Tai ehkä tässä on linkkejä, jotka auttavat sinua löytämään linkin, jonka haluat.
Joten, miten voin tehdä tämän? Miten tämä on edes mahdollista?
Jos menemme terminaaliimme täällä -
Olen juuri menossa suurentaa vähän -
huomaa, että minulla on uusi sivu.
Inside My HTML hakemistoon sitä kutsutaan - et näe sitä -
sitä kutsutaan error.php.
Ja error.php on vain tiedosto, jonka tein
joka osoittaa, että sivu itse.
Voin näyttää, mitä error.php on.
Se on juuri tällä sivulla.
Se sanoo: "Voi ei! Canz ei löydä z sivu!"
Ja jos haluat nähdä - niin, huomaa että. Htaccess sellainen on outo nimi.
Se alkaa pisteellä, mikä tarkoittaa, että se on järjestelmän tiedosto.
Se on piilotettu tiedosto, joka ei yleensä esitetty.
Jos teet ls-voit nähdä kaikki piilotetut tiedostot tietyssä hakemistossa,
ja todellakin, näet. htaccess on yksi niistä.
Mennään eteenpäin ja avata. Htaccess -
kanssa gedit -
Boom! Minulla on vain yksi rivi siellä - Error asiakirjan 404-virheitä
joka tunnetaan myös tiedosto-ei-löytynyt virheitä.
Katsotaanpa ohjata ne jotain kutsutaan error.php.
Voit pitää hauskaa asioita, kuten canz ei löydä Z!
Ja on myös erittäin hienoja asioita, joita voit tehdä. Htaccess.
Jos haluat nähdä lisää. Htaccess taikuutta,
Tämä on hyvin viileä verkkosivuilla mennä - sitä kutsutaan javascriptkit.com/howto/htaccess.shtml--
jos haluat tehdä enemmän palvelimelle taikuutta. Ja se voi olla hyvin hauskaa.
>> Vau! Hyvä! Lisää söpöjä kuvia.
Tämä on kaveri tekee punnerruksia, ja hänen kissa yrittää auttaa. Minusta se on erittäin söpö.
Valitettavasti minulla ei ole tuollainen kissa.
Selvä. Joten, olemme puhuneet. Htaccess.
Olemme puhuneet virheiden käsittelyä.
Olemme puhuneet hosting, verkkotunnukset.
Olemme puhuneet rajat selaimen yhteensopivuutta.
Nyt miten voimme varmistaa, että sivustosi todella suorittaa?
Miten voimme varmistaa, että jos menen sivuston
Voin nähdä sivun muutamassa sekunnissa?
Yksi niistä asioista, jotka mielestäni ihmiset vain eräänlainen unohtaa
on kuvan optimointi.
Oletetaan, että olet halunnut laittaa kuva sivuston
ja se on 2 mg suuri.
Se voisi olla hieno meille, koska olemme Harvardin,
ja meillä on erittäin nopea internet-yhteys.
Mutta kuvittele joku Kiinassa. Kuvittele joku Intiassa.
kuvitella joku ehkä maaseudulla Kansas, joka ehkä ei ole samanlaista
laajakaistayhteys, että meillä on.
Jos sinulla on 2 MB kuvan sivuston ja käyttäjä yrittää käyttää sitä,
se vie ne todella kauan ladata.
Joten, jos et tarvitse tällaista päätöslauselman,
voit muuttaa kuvan kokoa jotain, kuten Adobe Photo Shop.
Siellä on yleensä vaihtoehto nimeltään turvallinen web ja laitteiden
ja mitä se tekee on se riisuu pois kaikki tarpeettomat tiedot
ja tavallaan tiivistetään tiedostosi pienen kuvan kokoa niin, että voit
laita se päälle sivuston, ja käyttäjälle, joka yrittää ladata kyseisen sivun
aikoo ladata pienemmän version kuva.
Jos sinulla ei ole Adobe Photo Shop
webresizer.com on myös toinen resurssi, jossa voit syöttää kuvan
ja se sylkemään täsmälleen sama kuva,
mutta se on jotain 3 kertaa pienempi.
Niin, että on erittäin hyödyllinen käyttäjille.
>> Toinen asia, mitä voi tehdä, on minify koodi.
Jos me katsomaan Google.com,
huomaat, että se ei ole tavallaan sama HTML-ja CSS olemme tottuneet.
Juuri menossa katsomaan lähdekoodia tästä.
Jos minä vain selaa - wow, joka näyttää melko inhottavaa.
Tämä saisi nolla tyyliin.
Jos koodattu tämä teidän Pset, saat nolla tyyliisi.
Tämä ei ole väli. Nimet näyttävät todella arvoituksellinen.
Se kaikki todella inhottavaa.
Ja käsikirjoitus sulkea kehossa - sulkeminen HTML -
he kaikki yhdessä - kaikki smushed yhdessä.
Miksi he tekevät tämän?
He minified niiden koodia.
Huomaa, että tämä asiakirja tulee olemaan paljon pienempi
minulle ladata kuin jotain valkoinen tila,
kuin jotain todella pitkä muuttujanimiin.
Jos minify koodin voit nauhat pois kaikki valkoinen tila.
Tietenkin selaimesi ei välitä, jos sinulla on valkoinen tila koodissa.
Sinun nauhat se, nyt voin ladata pienempi tiedosto -
Nyt tiedosto - asiakirja, aiomme ladata on pienempi tiedostokoko,
se on nopeampi minun ladata, ja se on hyödyllistä.
Jos olet työskennellyt sivustot ja olet käynnistää verkkosivuilla,
se on lähes aina hyvä minify koodia.
Toinen syy, miksi se voisi olla hyvä on ehkä et halua muiden käyttää koodia.
Ehkä et halua muiden käyttää CSS.
Tiedät jos todella halusi olla pihi, että
voit myös minify koodia, ja se olisi vaikeampaa minulle varastaa sen
koska minulla ei ole aavistustakaan, mitä on tekeillä.
Voit myös mennä sivustot kuten minify.avivo.si.
Tällaisia ​​palveluita verkossa auttaa sinua minify koodia niin, että sinun ei tarvitse tehdä sitä käsin.
Ehdottomasti älä tee sitä käsin.
>> Okei. Nyt puhumme skriptejä.
Ehkä teidän PHP on jotain, että sinun ei tarvitse tehdä.
Ehkä siellä on ylimääräistä silmukoita siellä.
Puhuimme koodi suunnittelu CS50.
Vaikka olet koodaus C, jos sinulla on - jos teet ylimääräistä työtä
että sinun ei tarvitse tehdä, hyvin, että menee hidastaa skriptejä sivuston,
ja tämä on erityisen tärkeää sivustot, koska käyttäjät ovat nykyään hyvin kärsimättömiä.
Jos teet turhaa työtä, se vie ne enää
saada tietoa, että he haluavat, ja he tulevat olemaan hyvin onneton.
Lopuksi, sinun kannattaa optimoida tietokannan taulukoita.
Muista puhuimme indeksit.
He eivät ole vain hyvä ja varmista, että sinulla on rivi, joka on ainutlaatuinen.
Ne ovat myös hyvä varmistaa, että tietokanta toimii nopeasti.
Jos haluat lukea että mene MySQL asiakirjat,
tai voit katsoa - No, miten voin optimoida tietokannan taulukkoon?
Miten voin varmistaa, että olen indeksit, jotka auttavat minua saamaan tietoa nopeammin?
>> On myös hieman temppuja, joita voit käyttää kuten välimuistia.
Jos sinulla on PHP - jos sinulla on blogi, esimerkiksi
ja sinulla on - ja se saa virtansa PHP tai muulla kielellä -
voit välimuistiin blogin sanokaamme 50 minuutin välein, jotta voit palvella staattisia sivuja
tai staattinen HTML kävijöitä sivustollesi.
Näin käyttäjien ei tarvitse suorittaa PHP script joka kerta,
ja ehkä se on nopeampi heille käyttää näitä tietoja.
>> Ja lopuksi, voit käyttää jotain CDN.
Huomaa, että aina, kun lataat Pset,
voit aina mennä CDN.CS50.net. Miksi?
CS50 käyttää myös eräänlainen kuten CDN - sisällön jakeluverkko -
mikä tarkoittaa vain sitä, että se on joukko palvelimia ehkä jossain päin maailmaa
jotka auttavat palvella sivusi kävijöitä.
Jos kävijä on saada sivun palvelin, joka on lähempänä heitä maantieteellisesti,
niin todennäköisesti kävijä on menossa tiedoston paljon nopeammin.
On myös lähteitä verkossa, joka auttaa sinua tekemään niin.
Yksi niistä on CloudFlare. Ne tarjoavat ilmaisen CDN palvelu.
Jos sinulla on paljon tiedostoja, että näyttämisen käyttäjille,
niin ehkä se on parempi laittaa ne CDN jotta he voivat saada niitä nopeammin.
>> Lopullinen aihe päivä on hakukoneoptimoinnin.
Mikä on hakukoneoptimointi?
Joka varmistaa, että hakukoneet, kuten Google tai Bing tai Yahoo
voi mennä sivuston ja indeksoida sivustosi ja indeksoida sivustosi ja kun
Minä esimerkiksi mennä Google.com ja yritän etsiä jotain,
sitten sivustosi aukeaa.
Miten varmistaa, että sivusto on yksi top 10?
Koska kuten me kaikki tiedämme, jos etsit jotain Google
ja se ei ole päällä 10 olet todennäköisesti aio katsoa seuraavan 10.
Tämä on eräänlainen aihe, joka on mysteeri.
Siellä on paljon hype siellä Internetissä.
On olemassa paljon taikauskoa noin jos et x niin Google pidän vielä enemmän.
Jos et y niin Google pidän vielä enemmän.
Se on luultavasti parempi tutkia haku jättiläinen asiakirjoihin itse.
>> Tämä on yksi niistä asiakirjoista, Google, joka kertoo, kuinka optimoida sivustosi
niin että Google voi käyttää ja indeksoi sitä hienosti.
Sinun ei tarvitse kopioida alas tätä URL koska tämä esitys on menossa
olla verkossa joka tapauksessa.
Jos tarkastellaan tämän ja luet tätä on joitakin erittäin hyödyllisiä vinkkejä siellä.
Google kertoo - jos todella haluat sivustosi on indeksoitu hyvin
sinun pitäisi tehdä kaikki nämä asiat.
>> Toinen asia, että hakukoneet todella on tuoretta sisältöä.
Jos sinulla on sisältöä, joka on päivitetty hyvin säännöllisesti
Sitten hakukoneet sanovat, ooh, pidän sivuston.
Aion mennä sivustoon usein.
Aion indeksin paljon sivuja.
Jos sinulla on tuoretta sisältöä niin olet todennäköisesti näy -
olet enemmän todennäköisesti enemmän merkitystä.
Olet todennäköisesti olemaan päivitetty,
ja hakukoneet ovat todennäköisesti laittaa sivuston toisten yläpuolelle.
>> Deep yhteydet ovat myös tärkeitä.
Jos todella halusi sivustosi näyttää hyvältä hakukoneen silmissä
ovat paljon muut sivustot liittyvät siihen ja liittyy syvälle verkkosivuilla.
Älä vain linkki etusivulle.
Linkki ehkä yourname.com / jotain / jotain / something.php.
Että - on hakukone - keinot, wow, ne ovat todella mielenkiintoista sisältöä
että joku muu on yhdistää niin syvälle niiden päällä, että minun pitäisi todella, todella
laittaa enemmän merkitystä päälle, että sivuston sivut.
>> Jos sinulla on tarkka sivun otsikot, jos sinulla ei ole virheitä, että on hyvä, koska
jos hakukone yrittää käydä sivustossasi, ja se alkaa virhe,
se on luultavasti aio luopua hyvin, hyvin pian.
Ja lopuksi, haluat olla nopea latausajan koska hakukoneet -
Aivan kuten ihmisillä - älkää on paljon kärsivällisyyttä hidas sivustoja.
Tämä on tapa, jolla voit varmistaa, että näytät jopa suurempi
Hakukone kyselyt ja toivottavasti näin saada lisää liikennettä.
Koska loppujen lopuksi olet viettänyt koko tämän ajan kehittää sivuston.
Vietit kaikki tällä kertaa käynnistää tämän kotisivut.
Haluat varmista, että sinulla on runsaasti käyttäjiä, jotka todella näkevät sisältöä.
>> Muita hyviä resursseja käyttää.
Google Webmaster Tools on jotain mitä tarvitset.
Tämä vain auttaa näkemään - Google ei indeksoi sivustoni.
Millaisia ​​virheitä on se kohtaaminen?
Kuinka monta sivua on se indeksoitu?
Mitä se mielestäsi tärkein sisältö sivuni?
Ehkä se ei ole mitä haluan sen olevan.
Ehkä minun täytyy muuttaa minun verkkosivuilla hieman niin, että se heijastuu paremmin
mitä minun verkkosivuilla on todella kysymys.
Google Analytics on toinen todella viileä työkalu.
Voit lisätä hieman JavaScript sivuillesi.
Ja jälkeenpäin voit mennä Google Analytics, ja se seuraa
kävijä väestötiedot ja sivuston kasvua.
Se kertoo, kuinka paljon kävijöitä käymään sivustossasi
tietyn päivän kuluessa tiettyyn kellonaikaan, tietyllä viikolla.
Kuinka monta kävijää Kiinasta? Kuinka paljon kävijöitä Antarktis -
olet saada sivustosi.
että voisi olla jotain siistiä nähdä tai se voisi jopa olla hyötyä
koska yrität kohdistaa tiettyyn ryhmään.
Ehkä yrität kohdistaa teini sivuston, ja näet, että
useimmat kävijöitä verkkosivuilla on ehkä 30 - 40-vuotiaille,
niin ehkä joko sinulla on ongelma tai voit sanoa,
hyvin, niin ehkä minun pitäisi vain muuttaa sivuston tarkennusta siten, että
Olen keskittyä enemmän, että ikäryhmässä.
>> Google Apps - jos halusi olla tavallaan sähköpostit verkkotunnus -
ehkä jotain yourname@yourname.com--
voit käyttää Gmail-- voit käyttää Gmail-palvelu
ja Google Apps on yksi tapa tehdä se.
Voit perustaa erityisiä sähköpostiosoitteet, jotka ovat ominaisia ​​verkkotunnus
sijaan of@gmail.com.
>> Ja lopuksi, on web-kehittäjä laajennuksia ja lisäosia - Chrome,
Firefox, muille selaimille - että voit mennä ja tarkastaa
CSS, tarkastaa JavaScript, katso mitä vikaa JavaScript käsikirjoituksen,
ja ehkä se tulee olla hyötyä de-salakuuntelun tarkoituksiin, voit selvittää -
No, miksi ei minun verkkosivuilla näy oikein tässä selaimessa?
>> Ja lopuksi, jos halusi oppia lisää näistä näkökulmista -
jos halusi oppia lisää HTML-ja CSS-ja JavaScript -
koska loppujen lopuksi, me vain opettanut teille vähän -
voit mennä sivustot kuten W3Schools.com etsiä lisää resursseja.
Heillä on erittäin mukava tutorials, miten voin tehdä x, tai mitä y tarkoittaa?
Jos halusi oppia lisää näistä kielistä voit mennä täällä.
>> Selvä. Luulen, halusin jättää viime minuutin tätä kysymystä,
niin onko mitään kysyttävää mitään, että puhuimme?
[Yleisössä] Millaiset asiat ovat W3Schools ja miten se kattaa?
[Yuechen Zhao] Millaiset asiat?
Niin, yksi hyvin suurimmista asioista, että käytän paljon on niiden viittaukset.
Niiden viittaukset yksityiskohtaisesti, esimerkiksi CSS -
mitä tämä tarkoittaa tai jos haluat muuttaa taustan sivun -
miten teet sen?
Missä selaimissa komennon? Tuollaista.
Ja sitten ne myös vain erittäin mukava tutorials HTML, PHP, JavaScript,
MySQL, kaikenlaisia ​​eri aiheista.
Ne ovat mukavia opetusohjelmia. He opettavat, miten tehdä asioita.
On kiva pystyä menemään ja oppia lisää näistä aiheista.
>> [Yleisössä] HTML 5 ei ole vielä yhteensopiva kaikkien selainten siellä.
Voisitteko suositella vain pysyä poissa, koska yhteensopivuusongelmia?
Miten käsitellä sitä?
[Yuechen Zhao] Kyllä, niin, kysymys on HTML5 on vielä vauva standardi.
Se ei todellakaan tue paljon selaimia, joten meidän pitäisi välttää?
Mielestäni viime vuonna olisin ollut erittäin suuri kannattaja, nyt välttää HTML5
koska se on edelleen - se on edelleen hyvin uusi ja itse asiassa, HTML5-standardin
ei ole vielä lyöty lukkoon.
Ja niin, ei todellakaan ole HTML5-standardin.
Mutta luulen, varsinkin jos olet suunnitella verkkosivuilla nyt
se voisi olla parempi, jos vain mennä HTML5, koska se on tavallaan olemaan tulevaisuudessa,
ja jos haluat sivustosi olla tulevaisuudessakin ja haluat sivustosi työskennellä
tulevaisuudessa selaimissa, se voisi olla parempi alkaa rakentaa jotain tulevaisuutta
kuin aikaisemmin, ja myös vain siksi, että HTML5 ei todellakaan ole, että eri
alkaen HTML4 tai XHTML.
Jos käytät HTML5, se yleensä toimii useimmissa selaimissa.
Sinun täytyy vain tavallaan mennä ja varmista, että näitä kuvakaappauksia
ja varmista kanssa meneillään nämä sivustot itse.
Mutta todennäköisesti se toimi, jos käytät tiettyjä erityispiirteitä HTML5.
Huomaa myös, että CS50 - Esimerkiksi videosoitin, että käytämme -
se käyttää HTML5 ja HTML5 video näyttää luentoja.
Mutta jos sinulla on todella vanha selain, niin se tulee turvautua Flash.
Niin, että on myös jotain muuta -
on varavaihtoehtojen järjestelmä, kun vain tietää, että selain ei aio käsitellä
mitä haluat käsitellä.
>> Muita kysymyksiä?
Mitään, että puhuimme.
Selvä. Niin mielestäni se siitä minulle.
Minusta se on siinä.
(Suosionosoituksia)
Cool.
[CS50.TV]