>> JASON Hirschhorn: Velkomin allir að viku átta.
Við hafa spennandi viku á undan okkur.
Þú krakkar hafa Dove í þessum síðustu tveimur fyrirlestra við PHP, SQL, HTML, CSS, svo
fjögur glæný tungumál sem eru að fara að taka upp restina þetta námskeið.
Við munum einnig læra nokkrar aðrar tungumálum fyrir lok Auðvitað er.
En engu að síður, Óþarfur að segja, þetta er mjög spennandi tími í CS50, nú þú
hafa tökum C, í orði kveðnu, og eru færa um að forritun fyrir vefsíður.
>> Svo í þessari viku, við erum að fara að fara á vindbylur ferð í gegnum fjögur
tungumál sem ég nefndi að ofan, HTML, CSS, PHP og SQL.
Og vonandi munum við láta fullt af tími í lok kafla til að tala
um þessa viku P sett og svari einhverjar spurningar sem þú öll.
>> Í hverri viku, sama lista af auðlindum fyrir þig, til að hjálpa þér með viku
Heimadæmi og fara yfir efnið -
en í þessari viku í lagi, fyrir þessar vefur-undirstaða vandamál setur, það eru
fjölda annarra auðlinda út þar sem þú verður líklega
finna ótrúlega hjálpsamur.
Ég hef þá upp hér.
Ég sendum þér þetta eftir bálkum, og þetta líka vera á netinu.
>> En einkum eru fullt af mikill auðlindir þarna úti.
There ert einnig sumir ekki svo mikill sjálfur, svo vertu á varðbergi gagnvart þeim.
En á þessari mynd, ég hef fjórar góðar auðlindir, einn fyrir hvert af
tungumál sem þú munt vera að vinna með þessari viku -
ein tilvísun lak fyrir HTML, tilvísun lak fyrir CSS.
Þetta hérna er PHP handbók.
>> Svo í stað þess að slá mann og þá PHP stjórn, þetta er þar sem þú myndir
fara að horfa upp á virka frumgerð og dæmi og einnig nokkrar ábendingar og
Bragðarefur fyrir að nota PHP virka.
Þú munt nota þessa síðu oft, svo ég hvet þig til að verða
þekkja það.
Það getur verið smá tæknilega, en það veitir einnig tonn af auðlindum og
dæmi fyrir allar aðgerðir og jafnvel annarra, eins og hvernig á að nota fylki eða
mismunandi tegundir af breytum.
Þessi síða er mjög gagnlegt fyrir PHP.
>> Og þá, fyrir SQL, ef þú Dove í þetta viku Heimadæmi, veistu
að við erum að nota gagnagrunninn.
Og við aðgang að gagnagrunninum í gegnum tiltölulega gott notendaviðmót.
Eða það er ein leið til að komast þessi gagnagrunnur.
The notandi tengi er heitir phpMyAdmin.
There 'a SQL flipanum sem við munum líta á síðar í dag.
>> Og þú getur slegið inn sýnishorn SQL þeirra leitirnar, að gera hlutina í gagnasafninu
og þá hlaupa þær fyrirspurnir.
Og ef þeir eru rétt, verður það segja, þetta er rétt.
Ef þeir eru rangt, verður það segja, það er rangt.
Þetta er frábær staður til að æfa þinn SQL fyrirspurnir Áður en að skrifa þær inn
númerið þitt, til að ganga úr skugga um að þú hafa snið rétt.
>> Að lokum, eitt annað vefsíða hér.
Þetta er vefsíða þar sem þú getur fara og athuga til að tryggja þinn
HTML kóða er gild.
Svo áður en þú kveikir vandamál setja í þessari viku, að tryggja að allar
HTML sé gild.
>> Í síðustu viku, hafði þú keyrir valgrind, að ganga úr skugga um að þú hafði ekkert minni lekur.
Í þessari viku, þú þarft að ganga úr skugga um að allt af kóðanum þínum er gild HTML5.
Ef það er ekki gild HTML5, þú ert fara að fá stig burt.
>> Svo tryggja -
bara vegna þess að það virkar ekki meina það er alveg gilt.
Setja kóðann þinn í gegnum þessa vefsíðu áður en þú kveikir það inn
Aftur, hér er the website.
>> Ef þú hefur einhverjar athugasemdir um mig, höfum við a par af fleiri hlutum til vinstri,
og ég vil alltaf að gera það sem ég get til að veita þér allar með bestu kafla
reynsla mögulegur.
Svo láta mig vita ef það er eitthvað sem ég getur gert til að bæta eða ef það eru
hlutir sem þú sérð að ég gæti gert betur.
Þakka þér, AVI.
Setjið það á heimasíðu.
>> Þetta var hjólið sem ég hafði þegar ég var, við skulum segja, fjórir heima.
Það er Teenage Mutant Ninja Turtle bikiní, ef þú getur ekki sagt,
því það er smá þoka.
Þú getur fengið það nú ToysRUs fyrir, held ég, um 100 $.
>> En lögun af this hjólið sem ég vil þú að borga eftirtekt til er þetta
hérna.
Þetta eru þjálfun hjól.
Allt þar til nú, hefur þú verið handfesta gegnum C. Og við höfum tekið fyrir
tími, tveir mánuðir plús, að fara í gegnum C.
>> Fyrir þessar næstu tungumálum, við erum ekki að fara að
eyða miklum tíma.
Þjálfun hjólin koma burt.
Og við erum að fara að kafa í þessar Tungumál fljótt og fara í gegnum
þá fljótt, sem er ekki að segja að við erum bara að fara að yfirgefa þig í sund
þarna úti með engin leið til að styðja sjálfur eða reikna út hvernig þessar
tungumál vinna.
Ég sýndi bara þér lista yfir úrræði til að hjálpa þér.
>> En hafðu í huga að PHP er ótrúlega svipað C. Við munum fara yfir
það í dag og sumir af the mismunur.
En að mestu leyti, Þannig eru til lykkjur.
Það eru ef aðstæður.
>> Þegar þú vilt leysa vandamál, þú ert að fara að nota
samsetning þeirra.
Það er mjög svipuð.
Röksemdafærsla ætti að vera mjög svipað hvað þú hefur gert í fortíðinni.
Hvað er raunverulega nýr í þessari viku er setningafræði og hvernig þú tjáir þig.
Og þú vilt að skrifa for lykkju, en það getur litið svolítið öðruvísi.
Eða ef þú vilt búa til array, en það getur litið svolítið öðruvísi.
>> Svo hafa í huga að, áfram, rökfræði er mjög svipuð hvað
þú hefur gert í fortíðinni.
En þú ert nú að fara að hitta A einhver fjöldi af nýjum setningafræði.
Og við erum ekki að fara að ganga í gegnum allir þættir í setningafræði.
Svo það er í raun komið að þér að reikna út, á netinu eða í gegnum ná út á
Ræða eða að senda mér póst eða tala við eitt annað, hvernig á að skrifa það í
PHP og hvernig á að skrifa SQL fyrirspurnir og hvernig á að nota HTML og CSS.
>> En bara svo þú veist, það er ekki það við erum að reyna að henda þér út þar
aftur að synda hákörlum.
Þetta er það sem þú verður líklega að gera með Lokaverkefni þinn, ef þú velur
mismunandi tungumál, eins og IOS og Objective C, eða ef þú ákveður að hefja
forritun í framtíðinni og kafa í öðrum tungumálum,
eins Python eða Ruby.
>> Oftsinnis, rökfræði er mjög svipuð yfir öllum þessum tungumálum og
setningafræði er það sem er öðruvísi.
Og það verður allt að þér, eins og forritari, að fara að nota á vefnum
úrræði fyrir þig og reikna út hvernig á að tjá það sem þú veist hvernig
að tjá í C, í mismunandi tungumál.
Þannig að þetta er gott, bæði fyrir þinn Lokaverkefni og aftur, fyrir
hvað þú munt líklega gera eftir að þú skilja CS50.
>> Áður en við fara, er hver hefur einhverjar spurningar um hvað
Ég hef gert svo langt?
Great.
Skulum fara.
>> Fyrst, við erum að fara að tala stuttlega um chmod skipunina.
Þetta munum við gera í byrjun vandamál þín setja.
Eitt af fyrstu leiðbeiningar fyrir þig, eftir að þú sækja
dreifingu kóða, er að breyta heimildir af skrám og
framkvæmdarstjóra sem þú færð.
>> Getur einhver hættuspil að giska á eða vita hvers vegna það er mikilvægt að breyta
heimildir af ákveðnum skrám og framkvæmdarstjóra á tölvunni þinni?
Avi -
>> Áhorfendur: þá enginn nema þú getur séð hvað þú ert að gera?
>> JASON Hirschhorn: OK.
Þannig að ef við viljum að setja eitthvað á vefur og þú hefur heimildir sett að
aðeins þú getur séð eitthvað, þá enginn annar getur
sjá hvað þú hefur búið til.
Hvað annað?
Já.
>> Áhorfendur: Hindra einhver annar að þú vil ekki að sjá eitthvað frá
sjá eitthvað.
>> JASON Hirschhorn: Það er satt líka.
Það er líklega einhver númer sem þú skrifar, að þú hefur ekki
vilja fólk til að sjá.
Þú ert líklega í lagi með fólk að sjá HTML og JavaScript.
En PHP þinn, bak endir kóða, fullt af rökfræði til kóðann þinn, kannski
hlutir sem geyma sum lykilorð þitt fyrir gagnagrunninn, þú gerir ekki
vilja fólk til að sjá að tegund upplýsinga.
>> Svo það er mikilvægt að hver skrá og skrá við búið hefur leyfi
gilda hvort sem við viljum fólk til að sjá þær tegundir af skrám og
framkvæmdarstjóra og vera fær um að nálgast þær og hugsanlega jafnvel breyta þeim.
>> Þannig að það eru þrjár gerðir á heimildir.
Það er a lesa leyfi, sem þýðir þú getur lesið skrá eða lista á
innihald af the skrá.
Það er skrifað leyfi, sem þýðir að þú getur breytt skrá eða breytingu
möppu og þá framkvæma leyfi, sem þýðir að þú getur
framkvæma skrá eða öllu heldur, þú getur fært inn í skrá.
Svo CD eitthvað, ef þú hefur leyfi til að framkvæma það, getur þú fært
inn í þessi skrá.
>> Þetta er stutt dæmi.
Aftur, hefur þú farið yfir þetta í vanda sett.
En ég búa til möppu með mkdir stjórn.
Ég breyta heimildum.
Þessar tvær línur í raun gera nákvæmlega það sama.
Það er til að undirstrika að setningafræði fyrir breyta heimildum, hvort sem þú gerir
A + x eða 711, eru þeir sömu.
>> Við lítum niður á þessari fallegu borð.
Við sjáum að það eru notendur leyfi fyrst.
Það er þú, maðurinn, og netþjóninn, hugsanlega.
Og þá er það hópur og aðrir.
Munurinn á milli þeirra sem tveir eru tiltölulega léttvæg.
Svo almennt, munum við moli þá saman.
>> En í raun, ef við erum með skrá kallað nær að við viljum vera
fær um að breyta okkur og að við viljum aðrir til að vera fær um að framkvæma,
það er leyfi 711.
Og við sjáum að niður hér í töflunni.
Við höfum lesa, skrifa og framkvæma.
Fyrir hvert og eitt okkar, viljum við að vera fær um að gera þá.
Hópur og aðrir, við viljum bara þá til að vera fær um að framkvæma.
>> Leiðin sem við þýða að í fjölda
leyfi er í gegnum tvöfaldur.
Þannig að ef við höfum þrjár sjálfur, það er 1 í sjálfur dálki, a 1 í twos
dálki A 1. Fours dálki.
Það er 7 hægri þar.
Og þetta leyfi er 1.
Þetta leyfi er 1.
Svo þegar er það sama og að gefa 711 okkur að lesa, skrifa og framkvæma,
og alþýða framkvæma forréttindi.
>> Þessi lína hérna, við almennt mun hafa að lesa og skrifa þegar við
búa til möppu.
Þannig að fyrirsögnin hér bætir bara framkvæma forréttindi fyrir alla.
Svo það væri svipað og að, í viðbót við það sem við höfum,
bæta 1, 1, 1 við alla.
>> En þetta, það er óþarfi til að bæta við lesa og skrifa.
En ef þú ætlar að nota tölurnar, þú getur ekki bara að bæta eitthvað.
Þú skrifa hvað sem leyfi voru þar og koma þeim með nýja
númerið sem þú gefa.
Það var nokkuð fljótur.
Hefur einhver hefur einhverjar spurningar um að breyta heimildir?
>> OK.
Ef ég á PHP skrá, hvaða heimildir ég vil það að hafa?
Þetta er í Heimadæmi sérstakur.
Svo er hægt að líta á the sérstakur og þá lesa mér svarið.
>> Áhorfendur: Þú vilt kannski notanda til hafa lesið skrifréttindi.
Og þú vilt að allir annars að hafa ekkert.
>> JASON Hirschhorn: Og hvað númer er það?
>> Áhorfendur: 600.
>> JASON Hirschhorn: 600.
Svo chmod 600 - þegar þú hefur prentað út PHP skrá, chmod hana í 600.
OK.
Ég hafa a skrá.
Einhver utan Jeff, Ég hafa a skrá mappa.
Hvaða heimildir vil ég til að gefa þeirri möppu -
einnig á því vandamáli að stilla sérstakur, rétt fyrir neðan þetta svar eða
fyrri svarið?
Einnig hugsanlega á mynd -
Marcus.
>> Áhorfendur: Fyrir
mappa, er það 711.
JASON Hirschhorn: 711 -
svo möppu, þú vilt gefa 711.
Þú vilt vera fær um að lesa þessi mappa, skipta um möppu, flytja inn
þessi mappa.
Og þú vilt og allir hinir að vera fær um að sigla innan þess mappa, en
ekki endilega breyta á efni þess.
Hvað um a non-PHP skrá, segja, a JavaScript skrá?
Hvaða heimildir höfum við viljum að gefa þessi tegund af skrá?
>> Áhorfendur: 644.
>> JASON Hirschhorn: 644 -
Hvers vegna viljum við gefa það 644?
>> Áhorfendur: Að láta aðra lesa það.
Og þú lest eða skrifar það.
>> JASON Hirschhorn: Svo rétt, allir annar getur lesið þessi JavaScript skrá.
Og þú getur breytt því, auk að vera fær um að lesa það.
Svo einn af algengustu galla fólk hef með þessari Heimadæmi og þeirra
Lokaverkefni, ef það er a vefur-undirstaða endanlega Verkefnið er, að þeir munu ekki hafa sett
rétt heimildir.
Og þeir vilja ekki vera fær sjá heimasíðu þeirra.
Eða tiltekinn hluti af heimasíðu þeirra.
>> Svo tryggja þú setja í heimildir rétt.
Ekki bara gera ráð fyrir að það verði gerir það sjálfkrafa fyrir þig.
>> OK.
Það var lítill hlutur sem við eyddum gott magn af tíma á, svo
við gátum nagli það.
Skulum fara á til HTML.
>> Og aftur, fyrir þessar næstu fjórum viðfangsefnum, við erum að fara að fara í gegnum þær
tiltölulega fljótt.
Svo skaltu ekki hika við að stoppa mig á einhverju tími, ef þú hefur einhverjar spurningar,
hvort sem þær eru tengdar því sem ég ná eða eitthvað af fyrirlestri eða
jafnvel frá Heimadæmi.
Stoppa mig alltaf þegar þú þarft á.
Þegar við komum til enda, við verðum bara byrja að fara yfir vandamál setja.
>> Svo HTML stendur fyrir Hypertext Markup Language.
Það er ekki forritunarmál.
Allt það gerir er uppbygging innihald og einnig veita lýsigögn.
Svo til dæmis, væntanlega, margir af þú hefur notað Facebook áður.
Og þú getur innihaldið tengla í, eða þú getur sett tengil sem stöðu þína.
>> Og þá munt þú taka eftir því að tengilinn alltaf hefur a ágætur mynd
við það og einhvern texta.
Almennt, sem er einhver lýsigögn fyrir vefsíðu.
Og það er Facebook-sérstakur lýsigögn.
Og svo, þegar Facebook er að lesa að síðu og setja á tengilinn það
lítur út fyrir að sérstakur lýsigögn, svo það veit hvað mynd til að sýna, hvað
titill til að sýna, og það ágrip texta til að sýna.
>> Þannig að við getum fela lýsigögn með vefsíðu okkar nota HTML.
Og það hjálpar okkur einnig uppbyggingu efni, almennt, hvað
við viljum fara þar.
>> Allt í HTML er þáttur.
Og þætti hérna -
þetta CS50, texti er þáttur.
Og það hefur sumir tags.
Það hefur þetta merki.
Og við eftir því að það er að minnsta sem hefst og síðan rista A, svo
loka merki í lokin.
Stundum, það er ekki opið tag og loka tag.
Það er bara einn hlutur.
>> Við munum sjá dæmi um að á næstu skyggnu.
Svo þú þarft ekki opinn og loka tag.
En fyrir þetta, við erum encasing þetta CS50 þáttur í akkeri merkinu.
Og í raun, þessir tags segja vafrinn hvað á að gera við
einkum þáttur.
>> Svo aftur, CS50 er textinn við erum að fara að sjá.
Og það er að fara að vera gerð akkeri.
Anchor er í raun notað fyrir tengla á eitthvað.
Einkum, eins og þú getur nú þegar sagt, þetta er
krækja í CS50 heimasíðu.
>> Næsta hluta skipananna - eða almennt, hluti af tags eru
eiginleika.
Og við sjáum hérna, sem A tag er einn
eiginleiki, þetta href eiginleiki.
Og þeir breyta sérstakt merki.
Í staðreynd, ef þú ferð til einn af vefsíður eða tilvísanir sem ég gaf þér
áður eða líta upp merki á netinu, þú munt taka eftir að það eru tonn af
hugsanlega eiginleika.
>> Þetta er sennilega einn af algengustu.
Þetta er að segja mér að búa til krækja í tiltekna vefsíðu.
Og eiginleika almennt eru gefin, ef ekki eingöngu gefið,
í lykill-gildi pör.
>> Svo er hér lykillinn, href.
Og verðmæti er þetta hérna.
Og það mun koma sér vel síðar, þegar við byrjum að nota sumir bókasöfnum til
Hjálpaðu okkur kóðann í JavaScript eða skrifa HTML efni.
Við erum oft að fara að vera - alveg eins og við myndi gera array krappi 0 og að
myndi gefa okkur sumir gildi.
>> Í framtíðinni munum við vera að gera a einhver fjöldi af hlutir eins og eitthvað krappi href.
Og það mun gefa okkur gildi á href, eða ef við viljum uppfæra href
takkann og þá gefa það Sérstakt gildi.
Svo bara eins og með fylki þar sem við höfðum lykill 0 eða 1 eða lykill 2 eða jafnvel með
kjötkássa borð, vel með kjötkássa matskeið eins vel, hafði þú sennilega - það
var fylki, svo lykill 0, 1 takkanum, takki 2.
>> Sem vísitölu þar, við getum hugsa um það sem lykill.
Og gildið er hvað var geymd þar.
Allt af þessum eiginleika eru lykill-gildi par.
Og það mun vera mikilvægt til að breyta þá eða uppfæra þá eða
setja þau síðar.
>> Að lokum, hefur þú séð þessa uppbyggingu áður, en þetta er the undirstöðu
uppbyggingu HTML síðu.
Efst, segja við þig að Þetta er í raun HTML.
Og þá erum við að hafa opinn HTML tag og náinn HTML tag.
Svo allt inni þetta er HTML.
>> Við sjáum höfuð og líkama.
Yfirmaður skjal oftast nær hvað?
Allir giska um hvað þú setja í höfuðið?
>> Áhorfendur: Þú setur titil og stíl.
>> JASON Hirschhorn: Titillinn.
Það var frábært giska.
Ég kann að hafa áfengi þér burt til.
Hvað eru nokkrar aðrar hlutir?
Við umtal einn af þeim sem gæti farið í höfuðið.
>> Áhorfendur: Hann sagði, stíll.
>> JASON Hirschhorn: Styles -
þannig að ef þú vilt að krækja í JavaScript eða jafnvel CSS, sem þú ert að tala
um þegar þú ert að tala um stíl.
Annar skrá, þú vilja til tengil í utan skrá, sem mun líklega fara
í höfuðið.
>> Hvað annað?
Við umtal a par af renna síðan einn af þeim hlutum sem
HTML getur gert fyrir þig.
Það getur veitt -
byrjar með M -
>> Áhorfendur: Metadata.
>> JASON Hirschhorn: Metadata - svo mikið af lýsigögn mun fara í höfuðið,
vegna þess að það mun ekki endilega að vera hluti af líkama kóðann þinn.
Það er almennt - líkaminn er efni, hvað einhver sér.
Og þannig að ég gaf bara í burtu svarið að næstu spurningu mína.
En í líkamanum er yfirleitt efni það er að fara til að vera birt
á the vefur blaðsíða.
>> Eins og við munum sjá, flókinn vefsíður hafa tilhneigingu til að intermingle eða breyta upp hvað
þeir setja í hauss og bols.
En almennt, höfuð inniheldur hlutina að notandi er ekki að fara að
sjá á skjánum.
Það tengist í öðrum skrám og veitir lýsigögn.
En, líkaminn inniheldur allt notandinn er að fara að sjá.
Einhver hugmynd hvað þetta p tag þýðir?
>> Áhorfendur: Málsgrein?
>> Áhorfendur: Print.
>> Áhorfendur: Þýðir ekki að prenta.
>> Áhorfendur: Þýðir það lið?
>> JASON Hirschhorn: Paragraph - þannig að þetta er málsgrein.
Og þetta p tag, ég hefði bara slegið þetta á skjánum og þá
fylgja með línu brot í lok þess.
Hver veit hvernig á að fela línu brot?
>> Áhorfendur: PR -
>> JASON Hirschhorn: PR -
>> Áhorfendur: Slash PR?
>> JASON Hirschhorn: PR slash stendur fyrir línu brot.
En málsgreinar hafa sérstaka formatting.
Og við munum fá til formatting í Í öðru lagi, þegar við tölum um CSS.
En allt inni þessum p tags mun hafa sumir sjálfgefið snið
tengslum við hana, sennilega sumir bilið á milli þeirra inn á milli mismunandi
málsgreinum.
Og það verður ein leið til að greina á milli blokkir af kóða.
>> Allar aðrar tags -
hvað eru önnur merki sem þú hefur séð?
>> JASON Hirschhorn: H1 gegnum H6.
h1 gegnum H6, og hvað er það?
>> Áhorfendur: Það mun tákna hversu stór og djörf stafirnir.
>> JASON Hirschhorn: Hægri, það stendur fyrir haus.
Og svo er header1 stór haus.
Það verður líklega, við vanræksla, djörf, sem stærra letur, sennilega fyrir miðju á
á skjánum, alla leið niður til H6, sem er minni leturstærð, minna
áherslu.
Auðvitað, þú getur, í þú ert CSS skrá eða einhvers staðar í kóðanum þínum - sem,
aftur, munum við fá til að í sekúndu - breyta því sem sjálfgefin hegðun
af er h1 tag.
>> En hafðu í huga að Króm, Safari, Firefox, Internet Explorer allir hafa
Sjálfgefið útlit fyrir a einhver fjöldi af Þessar almennu tags.
Þú getur, aftur, breyta alltaf hvað þeir líta út.
Allar aðrar skipanir sem allir hefur séð?
Já -
>> Áhorfendur: A div síðuna.
>> JASON Hirschhorn: A div tag - div tag ekki hafa allir innbyggður-í snið, fyrir
SE, sem er notað til að loka á mismunandi gerðir af kóða.
Allar aðrar tags?
Já.
>> Áhorfendur: lí -
>> JASON Hirschhorn: lí -
hvað er lí fyrir?
>> Áhorfendur: List.
>> Áhorfendur: List
>> JASON Hirschhorn: Li fyrir listann þætti.
Það eru tvær gerðir af listum.
Hvað eru tvær tegundir?
>> Áhorfendur: pantað og ónúmeraðaðan.
>> JASON Hirschhorn: pantað og óraðaða - svo ul stendur
fyrir óraðaða lista.
Það er ef þú vilt a bullet benda, lista af byssukúlum.
Raðaður listi er númeruð lista.
Og svo þú munt gera opinn ul merkið og velur tonn af listanum þætti og þá
loka ul merkinu. Og það mun búa óraðaðan lista.
>> Við erum að fara að sjá nokkur dæmi HTML í bita.
En áður en þá, ég vil fá að CSS.
Og CSS stendur fyrir Cascading Style Sheets.
Og þetta er mjög nátengd HTML en örlítið öðruvísi.
Þetta hjálpar þér að forsníða öll efni þessi HTML mannvirki.
>> Svo í CSS, almennt við viljum ekki að stíl á hverju einasta haus eða hvert
ein mynd eða hvert einni málsgrein.
Við viljum að stíll sumir þættir eða kannski sérstakur þáttur.
Og hvernig við stíl sérstakt þáttur er að gefa það kenni.
>> Þannig að þetta er eiginleiki.
Það hefur lykil og gildi.
ID er lykillinn.
Logo er gildi.
Ég valdi merki handahófi.
Og ef þú gefur eitthvað kenni, almennt, sem ætti aðeins að gefa
að eitt frumefni.
>> Og þá, í ​​stíll lak þína, þú getur stíl sem einkum þáttur, þó
þú vilt það til að líta.
Ef þú vilt að stíll fjölda þætti, kannski er það ákveðin tegund
af hausum, bara nokkrar af hausum þínum.
Kannski er það haus og mynd og málsgrein þú vilja allt til að vera fyrir miðju.
Síðan sem þú getur gefið þeim hópum af þætti allt bekknum.
Og þú getur gefið bekknum sérstakar stíll.
Svo kenni og flokki eru tvær leiðir til brjóta upp númerið þitt, svo þú getur hjálpað að
nákvæmari í því sem þú stíl.
>> Það eru þrjár leiðir til að stíl.
Sú fyrsta er, með Þessi stíll eiginleiki.
Svo þú sérð, í stíl lykill er stíll.
Stíllinn gildi er í raun Annar lykill gildi lista.
>> Í þessu tilviki, valinn I einn lykill, texta-align.
Og ég sagði, sent.
Þú gætir verið að spyrja sjálfan þig á þessu lið, hvernig ég vissi um
text-align.
Hvað þýðir að jafnvel gera?
Þetta er frábær spurning að spyrja, og við erum að fara að komast þangað á sekúndu.
Svo er það ein leið til stíll eitthvað, bara gefa það í stíl eigindi.
>> Önnur leið til að stíla eitthvað er - þetta er Akshar fyrr.
Þú getur notað stíl tags og setja það í höfuðið á HTML skjalinu þínu.
Svo þú ert í rauninni að segja, efni inni hér
er einhver stíll efni.
Og snið fyrir það er hlutur sem þú langar að stíl og þá, inni
hrokkið axlabönd, lykillinn gildi par af eiginleika sem þú vilt gefa til
að ákveðin tegund af frumefni.
>> Að lokum, og þetta er algengasta leiðin.
Og þetta er leiðin sem við gera það í p sett 7..
Það er utanáliggjandi stíll lak.
Svo þú ert með. CSS skrá.
Og innan þess, að sjá þig mikið af hlutir sem líta út eins og þetta, nafnið
af einhvers konar frumefni eða kenni eða bekknum og þá inni í hrokkið
axlabönd, lista yfir helstu gildi pör.
>> Auðvitað, ef þú býrð utanáliggjandi skrá, þú ert að fara að
þarf að fela það -
skarpur eru, sem myndi verið C hliðstæðan -
í HTML skjalinu.
Svo þú þarft að fela þetta kóða í HTML skjalið þitt.
Þetta að vera nafnið á skránni og miðað við það er í sömu möppu.
>> OK.
Það var mikið.
Og við erum nú að fara að anda og líta á einhverjum alvöru, lifandi vefsíðu og
kanna þetta meira.
En áður en við gerum það, er einhver hefur einhverjar spurningar?
>> Svo ef þú vilt gera þetta ásamt mig, getum við farið í tæki.
Og ég valdi CS50 heimasíðuna.
Þú getur gert þetta við hvaða vefsíðu.
En hvers vegna eigum við ekki að byrja með að CS50 heimasíðunni?
>> Skulum hressa.
Ég reyndar mjög mæla með þú gera með þetta, því það sem við
eru að fara að gera núna er að fara að vera ótrúlega vel fyrir þig, ekki aðeins í
P-Set 7, en í P-Set 8 eins og heilbrigður.
Já.
>> Áhorfendur: Er there a vegur til gera athugasemdir í HTML, án þess að nota PHP?
>> JASON Hirschhorn: Já, þú getur gera athugasemdir í HTML.
>> Áhorfendur: Hvað er setningafræði?
>> Áhorfendur: upphrópunarmerki þjóta þjóta.
>> Áhorfendur: OK.
>> JASON Hirschhorn: Já.
Það er setningafræði.
Þú getur gert athugasemdir í HTML.
Þú getur gert athugasemdir í PHP.
>> Eins og þú munt sjá, athugasemd í HTML mun enn mæta, þegar við líta á
HTML kóða á viðkomandi vefsvæði.
Þannig að þetta cs50.net.
Ef þú hægri smellir á flestum nútíma vafrar á flestum hvaða síðu, þú skoða
á síðunni fengið.
Svo skulum gera það á CS50.
>> Og hó og sjá, við sjá risastór hlutur.
CS50 lítur reyndar nokkuð gott.
A einhver fjöldi af websites vilja ekki líta þetta fallega.
Ef þú ferð á heimasíðu Google og opna það upp.
Það mun ekki líta þetta fallega.
>> En þú tekur eftir að efst -
þetta er góður af lítill.
Skulum gera þetta stærra.
OK.
Efst, DOCTYPE HTML, sem er kunnuglegt.
Þá erum við að sjá hvaða HTML merki og höfuð, hérna, allt
þessara meta tags.
Og þú getur séð þetta Ógs, ekki að fara inn í það núna.
En ég er næstum jákvæð á að þá væri Facebook.
>> Það er í raun Facebook.
Ég held sem stendur fyrir opnu línurit.
Svo man, ég var að minnast á að það er Faceboook-sérstakur lýsigögn þú getur
gefa til síðu.
Það er það sem er hérna.
>> Svo þegar þú hlekkur þessa síðu á Facebook, myndin sem það er að fara að sýna
er þessi mynd hérna.
Og þú sérð í raun að það er Facebook, því það er
Facebook mynd.
>> En engu að síður erum við að fá til hliðar.
Þannig að við höfum nokkrar lýsigögn tags hér.
Sjáum við CS50 titil.
Og aftur, titilinn er hvað fer upp hér í vafranum flipann.
Við sjáum að þetta er að tengja í, hérna, utanáliggjandi JavaScript skrá.
>> Við höfum ekki talað um JavaScript mikið, en í næstu viku - og vissulega ef
þú ert að gera a vefur-undirstaða Heimadæmi, þú verður að nota JavaScript.
Þetta er hvernig þú hlekkur í ytri JavaScript skrár.
Við sjáum hérna, loksins, CSS stílblað, að skjöl þessi
stíl þessa kóða.
>> Skulum opna reyndar að upp og taka a líta mjög fljótt.
Þetta lítur brjálaður.
Það er engin leið að ég myndi vera fær að lesa í gegnum.
Svo þú getur raunverulega þó, ef þú tekur að líta, þú getur konar sjá að
það eru -
þar sem við förum.
>> Það lítur út eins og eitthvað sem við höfum séð áður, bakgrunnslit, setja það
jafnt að einhverju Rauður-Grænn-blár gildi.
Þetta efni svoleiðis ætti ekki að virðast að erlendum, jafnvel þó, þegar fram
eins og þetta, getur það verið svolítið yfirþyrmandi.
Við erum ekki að fara að líta á þetta CSS skrá eða eyða miklum tíma á það, vegna þess að
það er, aftur, frekar erfitt að lesa.
>> Við skulum fara aftur til þessa HTML síðu fyrir CS50.
Og við skulum fletta niður að líkamanum.
Og inni sjáum við þennan div tag.
Við sjáum haus hérna.
Sjáum við akkeri merkinu.
>> Og þessi listi þáttur er gefið ákveðna flokki.
Og við sjáum að flokkur endurtekin aftur og aftur.
Þar ert Curtis.
Það er athugasemd í HTML5.
>> Og eins og þú tekur eftir, getum við enn séð það, en það er ekki sýning upp.
Það er reyndar mjög áhugavert.
Það lítur svona út skora lista þátturinn er athugasemd út.
Ef við förum á þessa síðu, aftur, enn það birtist þar, svo áhugavert.
>> Ó, þessi 'hvers vegna, vegna þess að þessa næstu línu.
Hvað annað eigum við að sjá af áhuga?
Restin af þessu er meira truflandi, í takast á við þetta hægri helming
website, sem er lítið hluti flóknari.
>> Svo er þetta það sem sumir HTML er að fara að líta út.
Fyrir mig þó, þetta er svolítið yfirþyrmandi, og þetta virkar ekki
hjálpa mér það mikið.
Hins vegar er eitthvað sem er í raun að hjálpa mér mikið.
>> Og það er það sem ég nota alltaf þegar ég er reyna að reikna út hvernig eitthvað
lítur því hvernig það virkar, eða hvernig er hægt Ég gera breytingar á vefsíðu mína.
Og það er verktaki tól sem er byggt inn Króm.
Þannig að ef þú ferð að þessum þremur börum rétt hér og fara niður að verkfærum smelltu á
Developer Tools, smá gluggi vilja skjóta upp neðst á síðunni.
Og einkum, Króm, þar sem það er dásamlegt, mun forsníða þennan glugga og
taka HTML og gera það líta mikið betur fyrir þig.
Svo nú er það í raun einhvers fellanlegur HTML sem þú getur kannað að skoða
þættir á síðunni.
>> Ef við viljum líta á líkamann, það sýnir í raun og veru.
Þegar þú flettir yfir hluta af HTML, um í þessum glugga, mun það
varpa ljósi á hluti sem það er að tala um í hinum stóra glugga.
Svo láta mig reyna aftur og blása þetta upp a hluti.
OK.
>> Svo skulum opna líkamann.
Og ég er að fletta yfir þennan vinstri div.
Og þú tekur eftir að það er lagt áherslu Þessi vinstri helmingi skjánum.
Svo skulum smella á þessi og auka það.
>> Innan þess, það lítur út eins og það eru tvö divs.
Það er þetta fyrsta div.
Ég sé ekki að hápunktur.
Ég veit ekki, en það lítur út eins og þetta second einn, vinstri innri, er efni
á vinstri hlið af the skjár.
>> Þá er það þetta sem kallast haus.
Það lítur út eins og það er lagt áherslu á CS50 hluti.
Ef við opnum þetta upp, sjáum við að það er ekkert meira en hausinn 1.
Það er gefið kenni, og það er gefið textinn cs50.
>> Svo aftur, að horfa á hana í gegnum þetta vélinni eða nota verktaki verkfæraskúr
glugganum neðst á skjánum gerir kanna þessa vefsíðu, vonandi, að
mikið minna erfið og mikið aðgengilegri.
Það gerir okkur einnig að skilja að þetta vefsvæði, þó það lítur mjög
falleg og gott, er ekki allt sem mikið meira en það sem þú ert að fara að vera
gera á Heimadæmi 7.
Og þetta er algerlega innan getu þína til að búa til.
>> Ef við viljum -
annar kaldur hlutur óður í using þessir verkfæri er, ef þú hægri smellir á
titill, getur þú breyta HTML.
Svo skulum kalla það Jason.
Og nú munt þú taka eftir að ég hef breyst HTML á þessari síðu.
>> Auðvitað hef ég ekki breyst það varanlega.
Ef ég hressa vafrinn minn, þá myndi það fara aftur í upprunalegt HTML.
En stundum ég vil að kemba kóðann minn, og ég vil ekki að líta bara hafa minn
gedit gluggi og reyna að skilja hvað er að gerast.
>> Mig langar að sjá hvað muni gerast í beinni.
Þannig að ég ætla að breyta kóða eins og þetta og fá það eins og ég vil það að líta.
Og þá fer ég út breytingar á númeri minni.
>> Og mér finnst að það er mun auðveldara þegar þú getur gert það
samstundis, eins og þessi.
Segja, aftur, viljum við gera annað tækifæri, vegna þess að við erum að kanna með
HTML og CSS núna.
Ég get breyta HTML núna.
Og ég ætla að fela í sér link.
>> Þannig að ég ætla að breyta heimili CS50 er síðu, svo það mun tengjast við -
segjum - heimasíðuna mína.
Hvað er nafnið, ef einhver minnist, eða hvað er eiginleiki sem ég vil gefa
að akkeri flipanum þegar ég vil það að tengja eitthvað annað?
>> Áhorfendur: href?
>> JASON Hirschhorn: href -
Svo nú, munt þú sjá að það er undirstrika undir Jason.
Það er vegna þess að Chrome, við vanræksla, gefur akkeri með undirstrikun.
Þú hefur sennilega séð það áður þegar þú hefur farið til a vefur blaðsíða.
Hlutir sem eru tenglar eru undirstrikað og blátt.
Sjálfgefin stíl fyrir tengil er að jafnaði undirstrika
og setja það í bláu.
>> Ef mér líkar ekki það, Ég er að breyta því.
Og við munum breyta því í annað.
En nú, einnig taka eftir því, ef ég sveima yfir þessu, í the botn vinstri af
skjár, beint ofan við orð þætti er á tengilinn sem ég gaf henni.
>> Þannig að ef ég gerði smella á þetta - og við getum hægri smelltu á það, opinn a nýr flipi.
Þetta er í raun ekki heimasíðuna mína.
Það er bara nafnið mitt.
Þar sem þú ferð.
Við höfum nú snúa það inn í a hlekkur.
>> Við skulum kanna sumir CSS eins og heilbrigður.
The fögur - og ég ætla að gera þetta svolítið minni - um
Þetta vélinni er, að brjálaður CSS lak við sáum áður, sem var í raun
erfitt að flokka, er nú fallega lagði út fyrir okkur á vinstri-hönd hlið
þessarar megin.
Svo við getum litið.
Og ef við aukið þetta stíl flipann, við getur séð allar mismunandi stíl
sem eru tengd við, í þessu tilfelli, Þetta tiltekna þáttur, þetta
tengilinn þáttur.
>> Ef við gerum blanda stíll flipann, að bara sýnir okkur, ekki þar sem allt
kemur frá, en í raun allar þessar stíll sem starfa á
Þetta tiltekna þáttur núna.
Og við skulum segja, við viljum að breyta því aðeins.
Svo er þetta allt stíll sem eru starfa á þessum tilteknu frumefni.
Segja að við viljum breyta því, vegna þess að við langar að sjá hvernig eitthvað lítur út.
Og við erum bara að spila kring núna.
Eða viljum við að prófa eitthvað út, áður en skrifa það í númerið og ýta
það og gera það lifandi.
>> Við getum farið í stíl flipann.
Og í fyrsta kassann það segir, element.style.
Og hér er hægt að setja, hægt að bæta eitthvað.
>> Svo ég vil -
við skulum fara að tengilinn minn og þess setja bakgrunnslit.
Og það autofills raun fyrir þig, allar mögulegar eignir.
Bakgrunnslit, og ég vil til að gera það blátt.
Blus er ekki orð.
Blár er orð.
>> Gerði ég það að koma upp?
Ó, er það vegna þess að það er í href?
OK.
Þannig að ég sé ekki neina breytingu hér.
Og það er vegna þess, ef við varpa ljósi á hlekkur, munt þú taka eftir þessi the hlekkur
er í raun ekki að stjórna eiginleika þessa tilteknu frumefni.
Það er í raun, ef við opnum á tengilinn, þetta haus hérna er það
stjórna hvað það lítur út.
>> Þannig að ef ég vil gera bakgrunninn blár, ég hef í raun að breyta
bakgrunnur litur á haus þáttur.
Og nú sjáum við að bakgrunnur er blár.
>> Svo aftur, þetta fljótt gæti verið að fara í gegnum þetta efni nokkuð fljótt.
En þetta er í raun það þú ert að fara að vera að gera.
Það er ekki á Heimadæmi 7, en vissulega þegar þú ert
kóðun á vefnum.
>> OK.
Ég vil gera bakgrunninn blár.
Jafnvel þó, í þessu tilfelli, blár lítur ansi ljót.
Ég get farið í hér, leika í kring.
Ég sé að breyta því í blátt virkar ekki á a.
Ég á reyndar að breyta haus þáttur til að fela bláa
bakgrunnur.
>> Og þá, ef þá fer ég aftur til CSS minn skrá, hvernig set ég í raun þetta
bakgrunnur að vera blár og að breyta þessu stafur?
Vegna þess að ef við tökum eftir, ef ég hressa síðu, eru allar breytingar sem ég gerði farinn.
Svo ég áttaði, OK, minn bakgrunnur er blár.
>> Ég þarf að fara inn í þessi header1 frumefni og breyta bakgrunnslit í blátt.
Hvernig get ég í raun þessi breyting?
Jæja, muna að ef við förum inn hér, þetta haus,
titill hefur kenni.
Og það er titill.
>> Og svo í CSS skrá okkar, getum við sagt, í lagi taka neitt með ID titli og
gefa það þetta viðbótar eign.
Hvernig eigum við að vísa eitthvað með ID af titlinum, einhverjar hugmyndir, eða hver
vita hvernig við tilvísun Auðkenni í CSS skrá okkar?
>> A kjötkássa, það er einmitt rétt.
Og þú got a vísbending um það hérna.
Svo einhvers staðar í þessari CSS-skrá, það er þetta lína af kóða -
# Vinstri # vinstri-innri # haus # Title.
Og það er að gefa það framlegð botn, skilgreina framlegð neðst á þessari
einkum þáttur.
>> Jæja, ef ég vildi breyta því, Ég myndi fara inn á þetta CSS skrá.
Og ég gæti annað hvort að finna þetta hluti af CSS skrá.
Eða ég gæti skrifað mína eigin.
>> Ég gæti gert kjötkássa titill krullað Brace og þá bakgrunnslit ristill blár
semíkommu og loka að hrokkið Brace.
Og það myndi breyta bakgrunni litur this frumefni til blár.
Ástæðan sem þeir gefa þér svo marga hér er þessi, það er nauðsynlegt í þessu tilfelli,
því titill er einstakt auðkenni.
>> En hvað þú getur gert er hreiður hlutir.
Þannig að þetta er að segja, OK, fara til vinstri.
Það er mjög lítil.
Ég biðjumst velvirðingar á því.
>> En fara til þings með ID vinstri.
Inni að leita að hlutur með ID vinstri innri.
Inni í þeirri útlit, leita Málið með ID hausinn.
Inni að leita að hlutur ID titill og breyta ID titilinn.
Svo er þetta bara leið hreiður hlutum.
Sumir fólk eins og hreiður það, því það gerir það svolítið skýrari.
>> Þú munt sjá hér niðri líka, ekki satt hér, það er engin kjötkássa.
Það er bara H1.
Það er vegna þess að H1 er gefið nafn á almennri merkinu.
Og það eru sumir CSS eignir tengslum við hvert einasta h1.
Þannig að ef ég fann annan H1 á þessari síðu, Ég vildi einnig sjá að þetta stíll var
beitt til þess eins og heilbrigður.
>> Ef ég vildi beita stíl flokki, hvernig get ég vísað flokk eða
tala um flokk í CSS skrá?
>> Áhorfendur: Dot.
>> JASON Hirschhorn: Það er með punkti.
Svo skulum við fara aftur á þessa síðu áður.
Ef ég kjötkássa ID.
Það er að breytast í stíl af hlutur með auðkenni.
Eða leitt, ef ég kjötkássa merki, sem er finna hlutur með auðkenni logo
og gefur það ákveðna CSS stíl.
>> Ef ég geri eitthvað. Efst, sem er að finna Allt með flokki efst og
breyta stíl sínum.
Ef ég einfaldlega H1, sem finnur hvert einstæðir h1 og gefur það hvað
stíl Mig langar að gefa hana.
Ef ég h1 pláss og þá. Ofan.
Sem mun fara að finna allar h1s og þá allar þær með flokki efst og
þá aðeins að breyta þeim stíl til hvað sem ég vil gefa hana.
>> Og aftur, þá gætum við hafa skrifað Sumt af þessu á okkar eigin.
En við myndum ekki hafa fengið svo langt.
Miklu betra, það virðist reyndar fara á alvöru lifandi vef og sjá hvernig
þeir gera það og líta á alla sem frábær atriði sem þú færð að gera.
>> Við skulum líta á eitt meira vefsíðu Áður en við fara.
Og þetta er eitt sem þú munt sennilega kynnast.
Þetta er CS50 Fjármál.
Svo aftur, getur þú í raun að fara í og athuga þetta CSS skrá á þinn
tölva, því þú hefur hlaðið niður í CSS skrá, ef þú sóttir um
Heimadæmi.
>> Við getum farið í Tools og Developer Tools.
Og við sjáum mun einfaldari HTML skipulag.
Við höfum efst, miðju og neðst.
Og aftur, eitthvað sem þú ættir að vera þekkja, vegna þess að þú hefur horft
gegnum dreifingu kóða fyrir þessa viku Heimadæmi.
>> Efst er, á kóðanum, ein mynd heitir.
Og það er uppspretta af myndinni.
Segja að ég hef lokið öllum hvað Ég vildi fyrir Heimadæmi 7.
Og það er að vinna rétt, en Ég vil breyta því hvernig það lítur út.
Og ég vil breyta bakgrunni af efst á síðu til,
Til dæmis, blár.
Ef það væri mér, myndi ég koma í hér og reikna út, OK hvað
ég vil breyta.
>> Við skulum sjá, div ID efst, að útlit eins og efst á síðu.
Svo skulum við fara þangað.
Skulum reyna að breyta bakgrunnslit.
Við skulum fara að gera Alice blá, vegna þess að sem er ágætur einn.
>> Og þú munt taka eftir því að -
þú getur sennilega ekki séð það.
En það er ljós blár, hlið CS50 merki.
Skulum breyta því í stað þess að rautt.
Og þú munt taka eftir nú er ég breytti bakgrunnslit til rauður.
>> Svo nú er ég myndi fara inn CSS skrá mína og Tegund # efstu hrokkið paren hérna.
Þú getur séð kóðann rétt hér, krullað Brace.
Og þá myndi ég bæta við bakgrunn lit, rauður.
Og þá, það væri vera krullað Brace.
Svo er það hvernig ég myndi kanna og tilraunir með formatting á CS50
Fjármál síða.
>> Ég gæti gert það hér og próf það út á vafranum mínum.
Og þá gæti ég farið í raun númerið mitt og gera þær breytingar sem munu
reyndar fara lifa og að fólk raunverulega sjá, ef þeir voru að koma í
sérstakur síðuna mína.
>> OK.
Það var mikið.
Ég afsökunar fyrir að fara í gegnum það svo fljótt.
Hefur einhver hefur einhverjar spurningar yfirleitt um HTML eða CSS?
>> Áhorfendur: Getur þú ferð bara yfir hvernig þú tengist það varð Jason, aftur?
>> JASON Hirschhorn: Hvað Áttu tengdir?
>> Áhorfendur: Þú gafst tengil á aðra website, með akkerið.
>> JASON Hirschhorn: Svo ertu að spyrja, bara generically, hvernig þú gera tengil?
>> Áhorfendur: Já.
>> JASON Hirschhorn: OK.
The kóða til að smíða tengil -
>> Áhorfendur: Nei, eins og í HTML.
>> JASON Hirschhorn: Down hér, þú átt?
Svo ef ég vil fela í sér link einhvers staðar, segja, þetta er HTML á mínum
síðu hérna.
Þetta er HTML.
Kannski er það opið í skrá, index.html.
Ég fer inn
>> Skulum hafa þetta höfundarrétti Jóhannes Harvard tengilinn til eitthvað.
Þannig að við munum breyta öllu þessu sem HTML.
Allt sem þú gera er innihalda A, svo krappi loka krappi á að
hefst, og þá krappi slash a loka krappi í lokin.
>> Svo nú hef ég tekið með akkeri tag.
Og í raun, ef þú smellir út af þessu, verður það nú
forsníða það breyta sem HTML.
Og segja, við viljum tengja það.
Við myndum þér href eiginleiki.
Og við segjum -
>> Og nú, eins og þú tekur, höfundarrétt John Harvard er blár.
Og þegar ég skruna yfir það, það er nú tengill.
Svo þú getur skrifað kóðann.
Þú getur umkringja nokkurn veginn hvað þú vilt í akkeri tag og snúa það
í tengil.
>> Áhorfendur: OK.
Fékk það.
>> JASON Hirschhorn: Og ef ég vildi ekki það - að sjálfsögðu, stundum fólk hafa tilhneigingu
að hugsa þessa hluti sem bara líta blár er almennt séð og undirstrikað er
ekki prettiest leiðin til að gera tengil.
Svo ef ég kem hérna, þú sérð það, einhversstaðar í CSS skrá, það er
skrifað þetta og þá tveir hrokkið axlabönd.
Svo skulum segja að fyrir tengla, ég er ekki vilja þá til að verða blár, frekar ég
vilja lit tengil á vera svona ágætur fjólublár.
>> Skulum gefa það lit.
Skulum velja fjólublár.
Nú, allir tenglar á síðuna mína hafa verða þetta ágætur litur fjólublár.
Sumir gera ekki eins liti á öllum.
Sumt fólk líkar ekki undirstrikar.
Þú færð að velja.
>> Með tenglum, getur þú stíl hvernig þeir líta þegar þú hefur heimsótt þá.
Eins og þú munt taka á fullt af síðum, tenglar snúa fjólublátt á að þú heimsækir þá.
Þú getur breytt því lit eins og heilbrigður.
Já.
>> Áhorfendur: Svo þú breyta því fyrir hvert einasta hlekkur.
En ef þú vildir bara að gera sem tengjast sjálft, myndir þú gera bara í ID
botni eða eitthvað?
>> JASON Hirschhorn: Svo frábær spurning.
Eins og þú tekið eftir hér, ég breyst nokkuð hluti af CSS sem gildir til
allt sem er að A. Ef ég vildi bara gera það tengil neðst, I
myndi fara til CSS skrá minn og líklega gera bara eins og þú sagðir, hass
botnrýmisins a.
Og það myndi gefa mér allt sem í botni.
>> Eða ég gæti, að öðrum kosti, gefa það a einstakt auðkenni og þá bara gera kjötkássa tengil.
Og sem myndi leyfa mér til að breyta þessu út.
Hins vegar bara doling út auðkenni snögglega er almennt slæm
æfa, vegna þess að þeir ætti að vera einstakt.
Og því meira sem þú ert þá er það getur fengið smá ruglingslegt.
Já.
>> Áhorfendur: Getur þú gefið það sama ID til margra eigenda?
>> JASON Hirschhorn: Tæknilega, já.
Ekkert er að fara að stoppa þig, en þú ætti ekki Þú ættir að gefa það a bekknum.
OK, aðrar spurningar um HTML eða CSS?
>> OK.
Höldum til PHP.
Ó, já.
>> Áhorfendur: Hvað er það um þessar vefsíður sem þýðir að við getum breytt
þá áður en við hressa.
En þegar við hressa það reverts aftur til upphafs HTML?
>> JASON Hirschhorn: Great spurning -
Svo þegar við höfum hlaðið þetta vefsíða, það er HTML.
Og það er JavaScript.
PHP hennar er keyrð til að gefa okkur hvað tegund vefsvæðis sem við sjáum.
Og það er búið sumir HTML, sumir JavaScript, og sumir CSS.
Og það er nú aðgengileg með tölvuna okkar.
>> Og afrit af þeim skrám er vistað staðnum á tölvunni okkar,
um sinn.
Þannig að við getum breytt að heimamenn eintak.
En auðvitað erum við ekki að breyta miðlara afrit.
>> Og þegar við endurhlaða síðunni, við fáum annan miðlara afrit.
Og svo sjáum við hlutina aftur eins og þeir voru.
Ef við gátum, héðan, til að breyta Opinber vefsíða, viljum við hafa a einhver fjöldi
af vandamálum.
>> Áhorfendur: Já, svo við getum lesið og skrifa það eintak.
>> JASON Hirschhorn: Hægri.
Við erum bara að gera staðværar breytingar hér, en aftur, mjög gagnlegt til að kanna,
oftsinnis.
Þegar ég er að skrifa lokaverkefnið mitt, dæmi, ég vil sjá hvernig sumir
website gert eitthvað líta hvernig þeir gerðu.
Ég mun fara í og ​​nota þessa glugganum niður hér, til að líta á það CSS sem þeir gáfu til
það eða hvaða lit þeir valinn eða hvernig þeir fékk það svo að þegar þú sveima
yfir eitthvað, listinn kom niður í fallegu Cascading tísku.
Það er frábær leið til að skoða hvaða önnur vefsíður gera og lán frá þeim.
>> Skulum fara á til PHP.
PHP stendur fyrir, endurkvæma skilningi, PHP Hypertext örgjörvi.
Og PHP, hvað það er að fara að gera er keyrt kóða miðlara megin.
Þannig að við erum aldrei að fara að sjá PHP kóðann.
>> Hins vegar sé það leika fallega með HTML og oft býr
a einhver fjöldi af HTML kóða.
En eins og þú þekki Vandamál Set 7, PHP númerið þitt mun framkvæma,
búa nokkrar HTML, og það er það notandinn mun á endanum að sjá.
>> PHP er ótrúlega svipað C. Hins vegar eru nokkrar
munur, og þessi mismunur eru mikilvæg til að hafa í huga.
Einn munurinn er að breytur í PHP eru lauslega slegið.
Hefur einhver hafa vit hvað það þýðir?
>> Áhorfendur: Engin þörf á að reka hann sjálfur.
Eins og engin þörf á að skrifa í texta.
>> JASON Hirschhorn: Ég myndi ekki nota orð kastað, en já, þarf ekki að lýsa
gerð fyrir tiltekið breytu.
Hvernig staðinn höfum við lýsa yfir breytu?
>> Áhorfendur: Notaðu dollaramerki.
>> JASON Hirschhorn: Notaðu dollaramerki.
Svo er $ x breytilegt.
1 $ er breytilegt.
$ String er breytilegt.
>> Þeir breytur, $ x gæti vera heiltala.
Þá gæti það verið strengur.
Þá gæti það verið eðli.
Það skiptir ekki máli.
>> Einnig The kaldur hlutur óður í PHP er, segjum $ x er strengur einn.
Og $ y er eðli einn.
Þú getur bætt $ x og $ y, og það verður gefa þér 2, hvað þú vilt búast.
Þannig að það eru aðgerðir í PHP.
Því það er lauslega slegið breytur, sumir fólgið steypu er gert fyrir þig
og sumir aðgerðir.
>> Þú getur gert aðgerðir á hlutum af ýmsum gerðum.
En áður, færðu oft villu í C orðatiltæki, þetta er ekki gerð
sem er ætlað að fara hér.
Aðeins hluti af þessu tagi getur farið hér.
Þú ert ekki að fara að fá þessi tegund af villa, almennt, í PHP.
Svo er það einn stór munur - hvernig við tökum breytum.
>> Annað stórt munurinn er sá að PHP kóða er túlkað.
Wheres, C númerið er unnin.
Hvað merkir það?
>> Jæja, fyrir C kóða þú hleypur það í gegnum þýðanda.
Þú bjóst til tvöfaldur skrá.
Og þú hleypur þá tvöfaldur skrá.
Þú hefur hugsað um allar villur áður þú mynda the tvöfaldur skrá.
>> Að sjálfsögðu er það gæti hafa verið Skiptingu galla, þegar þú hleypur á
tvöfaldur skrá.
En það er ekki eins og þú hafir gleymt að fela skilgreiningu á printf eða
þú did ekki nota breytu og bara skapað eyðslusamur breytu.
Eða þú ekki að skilgreina virka frumgerð.
>> Allt sem gerðist áður en þú saman.
Það gaf þér allar villurnar eða slæmt það sem talið gæti gerst.
Og þá, þú hefðir 0 og 1 skrá sem þú hleypur.
PHP kóða virkar ekki svona.
>> Þú ert að fara að skrifa PHP kóðann þinn.
Þá ert þú að fara að vista hana, væntanlega.
Og að minnsta kosti í P-sett 7, ætlar þú að fara að hressa vefur flettitæki, og
þú ert að fara að sjá hvað gerðist.
Þú ert að fara sjá framleiðsla þeirrar PHP kóða.
>> Þú gætir líka séð, efst af síðunni þinni, villu.
Því að þú átt nokkrar villa í PHP þínum.
Þú gætir samt séð restina af vefsíðan er að leita vel.
En einn hluti er rangt, og það er villa í þeim stað.
Og það er vegna þess að hluti af PHP kóða virkar ekki.
>> Reyndar, þegar þú framkvæma, þegar þú fara í eitthvað eins by.php.
Það er að fara að fara í gegnum PHP þinni skrá línu fyrir línu og framkvæma það
Þá og aðeins þá.
Það er ekki að fara að þýða það á undan tíma eða taka saman eitt eintak og þá gefa
sem unnin afrit til allra.
Í hvert sinn, það er að fara að fara í gegnum línu fyrir línu og framkvæma það.
>> Svo sumir línur might vinna og framleiðsla eitthvað rétt.
Og aðrar línur gæti verið brotinn og framleiðsla villa í staðinn.
Svo þegar kembiforrit PHP, höfum við gefið þú a par af gagnlegum hlutum
Til að hjálpa þér kemba, eins sorphaugur virka.
>> En almennt, þú ert að fara að sjá þessar villur.
Og það er hvernig þú ert að fara að veit að þú gerðir eitthvað rangt.
En þú ert bara að fara að sjá villuna þegar þú keyrir í raun kóðann.
>> Annar mikilvægur þáttur í PHP og Vefur þróun er hugmynd af fá
móti pósti.
Getur einhver útskýrt hvað er munurinn milli fá og eftir eru?
Enginn -
já.
>> Áhorfendur: Er ekki einn af þeim láta notandann sjá gögn,
og einn af þeim er það ekki?
>> JASON Hirschhorn: Great.
Já, hefur þú eitthvað til að bæta?
>> Áhorfendur: Ég þunnt staða er Super-global breytu.
>> JASON Hirschhorn: Svo báðir þessir breytur eru gefin til þín.
Þetta eru bara breytur.
Og þú veist að þeir eru breytur, því hérna að ég
nota dollaramerki.
>> Þetta eru breytur gefið til þín frá PHP.
Og þegar þú flytur á milli vefsíðna, þú vilt vista upplýsingar.
Þú vilt sennilega að spara ef notandinn er skráður inn
Það er ekki vistað í FÁ og POST.
Sem er vistað í eitthvað annað, mismunandi breytu.
>> Hver veit hvað breytu sem er vistuð í, eða hvað breytu sem þú notar í
P-Set 7, til að ganga úr skugga um að sem notandinn er skráður inn?
$ _SESSION, Það er einmitt rétt, sennilega mikilvægt að þekkja til
nöfn þessara hluta þú notar oft.
>> Svo þú notar breytu fundur til að vista upplýsingar frá síðu til síðu.
Það er frábær breytu.
Það er til staðar á hverri síðu, kannski eins og alþjóðlega breyta, ef þú vilt að hugsa
um það svona.
>> There ert a par af öðrum breytum sem leyfa þér að flytja upplýsingar
frá síðu til síðu.
Einkum þær sem við munum leggja áherslu á eru GET og POST breytur.
Í PHP þeir líta út eins og $ _GET Og $ _POST.
Og munurinn, sem Marcus bent út, á milli tveggja af þeim er það,
upplýsingar í $ _GET er birtist í vefslóð.
>> Þannig að ef við lítum niður hér, sjáum við tengil á YouTube.
Við sjáum þetta spurningarmerki.
Við sjáum v = og þá sumir gildi.
Aftur á þessa hugmynd af lykilgildi par, sem v er lykillinn.
Og hérna er gildi.
>> Þannig að ef við værum að fara á þessa síðu eða kóðun á þessari síðu, myndum við hafa
breytu sem heitir $ _GET.
Ef við fórum í $ _GET opinn krappi "v" loka krappi, mjög svipað array
táknað með, þetta er hlutdeildarfélag array vegna þess að við erum ekki að nota vísitölur.
Voru með strengi eins og lyklar.
En mjög svipuð hugmynd.
Ef við fórum, vildi fá þetta gildi.
>> Á þessari síðu viljum við vera fær um nota þetta gildi.
Ef við lítum í raun, við skulum fara á YouTube síðu.
Hvaða vídeó ættum við að horfa?
Þetta er fólk Hobbit fans?
>> Áhorfendur: Já.
>> JASON Hirschhorn: Þannig að ég er að afrita URL hlutdeild þeirra og
líma hann í nýjum glugga.
Og nú, ef þú lítur upp hér, þú munt taka eftir því, enn og aftur -
Ég ætla að afrita og líma þetta í gedit, svo við getum séð það stærra.
Þú munt taka eftir því að það hefur þetta spurningarmerki.
Spurningamerkið tilnefnir að allt eftir þetta er að fara að vera
vistuð í the fá breytu.
>> Það hefur þá v, það er það fyrsta takkann og þetta fyrsta gildi.
Merkið er sérstakt.
Merkið er að segja, OK, við lauk fyrsta gildi.
Við erum nú að flytja á til annars lykill gildi par.
Hér er lykillinn heitir lögun, og gildið er youtu.be.
>> Svo ef ég væri erfðaskrá þessa síðu og einhver fór á þessa slóð og ég hafði
kannski watch.php.
Og ég var erfðaskrá þetta.
Og ég gæti notað $ _GET breytu.
Og ég myndi hafa v, og Ég myndi hafa lögun.
>> Og ef ég nota v takkann, ég vildi fá þetta gildi.
Og ef ég gerði $ _GET krappi "lögun" loka krappi, ég vildi fá þetta gildi.
Aftur, er það ekki endilega gilda -
Vitanlega, the YouTube lykla og gildi og fá upplýsingar eigi ekki við um
Vandamál okkar sett 7.
En það eru ákveðin atriði sem við fara í gegnum FÁ í vandamál okkar sett 7.
Og vissulega, þegar þú ferð á vefsíðu eða eru erfðaskrá eigin síðu þína,
$ _GET Mun koma sér vel þegar þinn erfðaskrá.
>> Hvað er ein ástæða til að nota $ _GET þá, ef það tryggir ekki næði?
Þú sérð allar þessar upplýsingar sem er verið að flytja.
Það er allt birt notandanum.
En hvað er ein ástæða sem þú gætir vista eitthvað í $ _GET, sem
öfugt við $ _POST?
Hvers vegna gætir þú vilt gera það?
>> Allt í lagi.
Ég spurði þig í Quiz 1.
Hvað er atvinnumaður á $ _GET?
Hvað er einn atvinnumaður?
Já -
>> Áhorfendur: Það er auðveldara að deila upplýsingum.
>> JASON Hirschhorn: Ég held það er frábært.
Það er auðveldara að deila upplýsingum.
Það er auðveldara til bókamerki.
>> Þú getur bókamerki núna, YouTube.com / horfa? V = eitthvað og fara
við þessi sérstakur vídeó.
Ef YouTube gerði alltaf POST beiðnir til mismunandi síður, á hverjum YouTube URL
væri YouTube.com.
Þú getur ekki bókamerki einn vídeó.
Vegna þess að ef þú segir hluti sem tengjast við einhvern annan, þeir gera ekki
sjálfkrafa færslunúmer breytu þinn.
Þeir eru bara að fá þennan tengil, og hlekkur er það sama fyrir alla.
>> Svo er það einn atvinnumaður.
Það gerir þú til bókamerki þessa upplýsingar eða miðla þessum upplýsingum
eða gera það svolítið meira notendavænt.
Að sjálfsögðu er það er engin næði, þannig að við höfum þessa færslu breytu.
Og eftir upplýsingar eru ekki birtist í vefslóð.
>> Það er ekki einkamál.
En það er varla meira persónulegur.
Og svo þú munt sjá þessa vefslóð hérna, cs50.net.
Hvort sem þú ert skráður inn á website, það er að fara að hafa sömu
URL, cs50.net.
>> Vitanlega, eitthvað er öðruvísi, ef þú ert skráður inn á vefsvæðið.
Þú hefur, einn, sennilega inntak PIN númer.
Og það hefur staðfest að við þjóninn.
Og það er sennilega sparnaður sumir aðrar upplýsingar.
En vefslóðin breytist ekki hjá öllum.
>> Og svo er það raunin þegar eitthvað er sent í pósti.
Slóðin breytist ekki.
Þetta POST upplýsingar eru ekki birtist í vefslóð.
En sumir ástand hefur breyst, og kannski það er einhverjar upplýsingar vistaðar á
POST breytu.
>> Sorry. áður en ég fer inn í SQL, allir spurningar um PHP, einkum
spurningar um hluti sem við vissum ekki að fara yfir þegar þú hefur fundið eða setningafræði eða
rökfræði spurningar um PHP?
OK.
>> Endanleg tungumálið sem þú verður að vera samskipti við þessa viku er
Structured Query Language, SQL, áberandi framhald oft.
Það gerir þér kleift að hafa samskipti við gagnagrunn í formlegt hátt.
Og það spilar mjög vel með PHP.
>> Eins og þú munt sjá í Heimadæmi 7, höfum við gefið þér fall sem kallast fyrirspurn.
Og það tekur SQL streng og keyrir þessi fyrirspurn á gagnagrunninum.
Á árum áður, þú varst ekki gefið þessa aðgerð.
Þú þarft að nota PHP virka til að gera fyrirspurn í gagnagrunninn og stöðva
fyrir villur og þá fá niðurstöður.
>> Og í raun er það ekki erfitt, því aftur, það spilar
mjög vel með PHP.
Og PHP gefur þér fullt af störfum að hafa samskipti við SQL gagnagrunn.
Svo oft, að tveir af þessir fara saman.
Að sjálfsögðu getur þú samskipti við SQL gagnagrunn með hvaða
fjölda annarra tungumála.
En PHP er a mikill einn að velja.
>> A gagnagrunnur -
við munum fara yfir þetta fljótt, vegna þess að þetta er suð orð sem við erum að fara að
byrja að nota oft -
er safn af borðum.
Svo við getum hugsað um það sem Excel skrá.
Excel skrá hefur marga flipa á botni á skjánum.
Hver flipi við munum nú kalla borð, þar borð er safn af línum.
>> Og hvað er röð?
Jæja, röð er að sama í Excel skrá.
Það hefur bara ákveðin gildi fyrir hvert tilteknu sviði eða gefinn dálki.
Það er eins og færsla í töflunni.
Það er námsmaður, sem hefur ID, a sérstakur ID og sérstök nafn og
sérstakur hús.
>> Svo er gagnagrunnur safn af borðum.
Og borðum sjálfir eru fjölda lína eða gögnum.
Það eru einnig, í hvert borð, tilteknum sviðum.
Og það skilgreinir hvað hver skrá er fara að hafa, sviðum kallast stundum
dálkar en almennt kallað sviðum.
>> Í þessu mjög einföld borð, hef ég þrjá sviðum, kenni sviði, notendanafn
sviði, og kjötkássa sviði.
Og ég á þrjú raðir.
Núna eru þeir tóm.
Þeir myndu sennilega ekki vera autt ef þetta væri alvöru gagnasafn minn.
>> Svo ef þú hefur notað Excel, svipuð hugmynd við hvað þú gerir í Excel, þó,
augljóslega, nú erum við að fara að vera fær um að gera miklu öflugri hluti á
Upplýsingarnar sem er geymt hjá okkur.
Þú verður að búa þér einn gagnagrunnur fyrir Heimadæmi 7.
En þú munt vera að búa til margar töflur í gagnagrunninn.
>> Þú munt vera að búa til gagnagrunn eða borð fyrir notendur.
Þú munt einnig vera að búa til borð fyrir sennilega lager viðskipti, til að halda
utan um þá, vegna þess að þú þarft að innleiða sögu lögun.
Báðir þessir töflur verða að hafa mismunandi sviðum.
Til dæmis, í a notandi sviði, að líklega vilja notandanafn og
ID og kjötkássa lykilorð þeirra.
>> Í stokk töflu sem heldur utan um sögu eða sögu borð, þú
sennilega þurfa ekki notandanafn og tætið og ID.
Þú sennilega eini þörf einn af þeim gildi sem er einstakt, til að tengja
það með tilteknu notanda.
>> En þá, sem þú vilt geyma aðrar hluti eins og hvaða tími
var viðskipti gerð.
Hvaða birgðir voru keypt eða selt?
Hversu marga hluti á lager var keypt eða selt?
Hvað var verðið sem Stock var keypt eða selt?
>> Svo aftur, ætlar þú að fara að vera samskipti með gagnagrunna sem er
fara að hafa margar töflur.
Hver tafla er að fara að hafa þess eiga setja af sviðum.
Hins, það verður líklega að vera svipuð sviði í hverri töflu, að
tengist þá við annan.
Venjulega, þetta er ID sviði.
>> Vegna þess að ef sérhver notandi hefur einstakt auðkenni og þú tengja þessi ID með hverjum
viðskipti þessi notandi gerir eða allar sögu sem notanda.
Og þú ert auðkenni notandans.
Hægt er að fá upplýsingar frá hvorri töflunni.
Þú getur fengið notendanafnið, og þú hægt að fá öll viðskipti sín.
>> Einhverjar spurningar um gagnagrunna, eða sérstakar spurningar?
Reyndar, við skulum halda það.
Við munum vera þar í tveimur hliðum.
>> Þannig að það eru fjórar aðgerðir á gagnagrunna sem þú verður að nota í
Heimadæmi 7 og líklegt alltaf vera með.
The fyrstur hlutur þú vilt gera er að setja nýtt met í töflu eða
nýrri röð í töflunni.
Þetta er almenn virka, almenn formi, af því að SQL fyrirspurn.
>> INSERT INTO borðið, hvað dálkar þú vilt setja inn og þá
gildin sem þú ert að fara að vilja að setja inn í þá dálka eða reiti.
Ef þú ert með margar töflur í gagnagrunn eða fleiri gagnagrunna, þú
gætir einnig þurft að tilgreina gagnagrunn og borðið sem þú vilt
að setja hlutina í.
En mjög einfalt, ef þú vilt setja í eitthvað, þú segir, hér eru
sviðum sem ég vil setja inn.
Og hér eru þau gildi.
>> Í sumum borðum, einnig, og þessi notandi borð er gott dæmi.
Sennilega í töflu notanda og líklega í töflunni notenda þíns í P-Set
7, það er ekki bara notandanafn gildi.
Það er ekki bara reiðufé gildi, eða sviði, frekar.
Það er einnig ID sviði.
>> Ég ætla ekki að setja þessi id sviði.
Það er að fara að huga að mig sjálfkrafa, þegar
ný færsla er sett inn.
Svo er það einhver málefni sem þú Hægt er að stilla til að vera sjálfvirk.
>> Kannski þú vilt gefa öllum notendum $ 10.000 í reiðufé the kylfa.
Þannig að ég þarf ekki að setja a tala af peningum hér.
Allt sem ég þarf að setja inn er notandanafn.
Og þá, í ​​reiðufé sviði verður fylltar, og ID sviði mun
vera fylltar.
>> Svo oftsinnis, erum við ekki að setja eitthvað inn í hvert sviði, vegna þess að
hin reitir eru fylltar.
Því það er hvernig við setja upp þeirri töflu.
>> The second hlutur sem þú ert að fara að langar að gera er að eyða skrá.
Eyði eitthvað er mjög einfalt.
Þú gefur í töflunni þar sem þú vilt að eyða eitthvað frá.
Og þú segir, allt í lagi, ég vil eyða skrá sem er með notandanafn Milo.
Eða ég vil eyða öllum færslum sem hafa notendanafn af Milo eða sem voru
viðskipti frá notandi kennitölu 2.
Einhverjar spurningar um þetta tvær tegundir af fyrirspurnum?
>> Áhorfendur: [inaudible].
>> JASON Hirschhorn: Já.
Þannig að ég ætla að nota röð og met jöfnum höndum og sumir
með dálki og sviði.
En ein röð er ein færsla.
Einn dálkur er einn reit, fara aftur á þessa töflu.
>> OK.
The næstur hlutur sem þú ert líklega að fara að gera er að fá sumir
Upplýsingar úr töflunni.
Það er velja fyrirspurn.
Og aftur, hvað borð ég að velja úr?
Og hvað dálkur vil ég að velja, eða Hvaða gildi vil ég að velja og
sem röð?
>> Svo er Select a lítill sérstakur.
Ég segi, allt í lagi, ég vil þessa töflu.
Og þá vil ég dálkinum notandanafn og Ég vil það frá röðinni með 2 fyrir.
Það er ein leið til að gera a velja.
>> Eða ég get sagt, að gefa mér hvert einu notandanafni.
Eða ég get sagt, gefa mér heilt róa frá þessari töflu, þar
er notandanafn 1.
Þannig að það eru nokkrar mismunandi leiðir til að Ekki velja fyrirspurnir, eftir því hvernig
miklar upplýsingar sem þú vilt,
>> Þú getur alltaf bara valið allt frá því að ákveðin borð og þá lykkja
gegnum það, taka út hlutir sem þú vilt.
En hafðu í huga, ef þú ert að velja a einhver fjöldi af hlutur frá borðinu og þú
hafa a raunverulega stór borð, sem mun taka nokkurn tíma, svo best að aðeins velja
hlutir sem þú ert að fara að endar með.
>> Einnig, með því að velja og með allar þessar aðrar SQL skipanir eins vel, ég er
gefa þér ól-bein útgáfa.
En segja, ég er að velja notendur og ég vil að prenta þær út í stafrófsröð,
Ég gat valið alla notendur og þá tegund þá í stafrófsröð í númerið mitt.
>> Eða það er leið til að skrifa velja fyrirspurn, sem velur það í að
stafrófsröð tíska, byggt burt af sérstakra dálka, annaðhvort upp eða
niður á við.
Svo hafa í huga að mikið af því sem þú vil gera má líklega gera í
fyrirspurn í gegnum til viðbótar eigindi.
Svo líta upp þessar fyrirspurnir á netinu eða The annar hlutur sem þú getur gert með þessum
fyrirspurnir til að auka þær.
>> Loks, the síðastur hlutur sem þú vilt gera er ekki að setja eitthvað eða eyða
eitthvað, heldur uppfæra eitthvað.
Og það er gert með uppfærslu fyrirspurn, og aftur, hvað borðið.
Og hvað breyting ég vil gera?
Og sem róður eða taka ekki Ég vil gera þessi breyting?
Einhverjar spurningar um SQL?
>> OK.
Þannig að við höfum um 15 mínútur.
Og þetta er síðasta renna ég hef.
Og vonandi er þetta síðasta renna er góð segue í Heimadæmi,
vegna þess að skilningur þar sem við viljum setja skrár, eyða þeim, skaltu velja
þá, og uppfæra þá mun hjálpa okkur skilja stærri rökfræði og flæði
af Heimadæmi 7.
>> Þannig að ég veit svör við öllu við þessum spurningum.
Ég ætla ekki að segja þér öll svör.
En ef einhver annar vill fram spurningu til hópsins eða
svara til eins af þessum spurningu, getum við nota það sem stökk burt benda til
tala um Heimadæmi.
Eða ef einhver hefur fleiri samheitalyf spurning af Heimadæmi, finnst
frjáls til að spyrja þessi eins og heilbrigður.
Og við getum byrjað þar.
Hafðu í huga að þú vera þögul er að meiða alla.
Já.
>> Áhorfendur: Svo er eina leiðin til að fara framhjá breytur til og frá mismunandi vefur
síður, eða þægilegur hátt, með pósti eða fá?
>> JASON Hirschhorn: Svo, það er já The þægilegur vegur til segja - þegar
einhver fyllir út form -
fá upplýsingar um aðra vefsíðu síðu, nota GET eða POST.
Vegna ramma sem við erum með í þessu Heimadæmi, munt þú taka eftir
þessi, a einhver fjöldi af sinnum, við láta aðra síðu.
við eða við bakið aðra skrá, ekki endilega aðra síðu.
>> Þannig að við fara í breytu.
Og þá, gerir það HTML síðu, nota
upplýsingum frá breytunni.
Sem er ekki tæknilega brottför upplýsingum milli
mismunandi vefsíðum.
Það er brottför upplýsingar milli mismunandi skrár.
>> Og svo við getum notað hvaða breytu til að gera það.
En já, ef við vildum fara upplýsingar frá tiltekinni síðu á
aðra síðu, GET og POST myndi vera leið til að gera þetta.
Aðrar spurningar um vandamálið sett?
>> OK.
Við skulum fara í gegnum, þá er sérstakur hluti af vandamálinu stillt.
Þú ert að fara að þurfa að, á einum stað, sýna eigu einhver er á
á skjánum.
Hvað geri ég meina þegar ég segi eigu, í samhengi við þessu vandamáli sett?
>> Áhorfendur: Það er eins og hlutabréf sem þeir hafa verksvit, margir hlutir sem þeir eiga,
verð, og hversu mikið peningum sem þeir hafa ekki skilið.
>> JASON Hirschhorn: Það hljómar frábærlega.
Svo vil ég að sýna öll hlutabréf þeir eiga fyrir hvert hlutafélag er
Hlutabréf og sennilega hversu mikið það er virði, og þá sérstakt breytu,
hversu mikið fé þeir eiga.
Svo segja ég vil lýsa því.
Við skulum byrja að tala um hvernig ég gæti farið að gera það, hvað töflur ég er
að fara að þurfa að hafa til að að vera fær um að gera það.
Já -
>> Áhorfendur: Jæja notendur, og þá, held ég þú getur gert töflu sem heitir
Hlutabréf eða eitthvað svoleiðis, sem væri hversu margir þeir hafa keypt.
>> JASON Hirschhorn: OK.
Þannig að ég ætla að fara að þurfa töflu sem heitir Notendur, sem heldur utan um
notendanafnið, væntanlega, líklega einhver ID, sennilega lykilorð einstaklings.
Hvað er eitthvað annað sem þú bara sagt það er tengt?
Einhver auk Michael, hvað er eitthvað annað sem er tengt við
hver notandi, einstakt að þeim?
>> Áhorfendur: ID.
>> JASON Hirschhorn: ID -
hvað er einn annar hlutur sem við erum líklega að fara til að vilja
sýna á þessari blaðsíðu?
>> Áhorfendur: nafn þeirra.
>> JASON Hirschhorn: nafn þeirra - hvað er annar hlutur sem tengjast þessu
einkum Heimadæmi?
>> Áhorfendur: Hvað birgðir sem þeir eiga -
>> JASON Hirschhorn: Það eru að fara að vera a einhver fjöldi af hvaða birgðir sem þeir eiga.
Hvað er einn sérstakur gildi þó, að þeir eru að fara að hafa
tengslum við þá?
Hvernig eru þeir að fara að kaupa og selja hlutabréf sín?
>> Áhorfendur: Cash.
>> JASON Hirschhorn: Þeir eru fara að hafa reiðufé.
Svo hver notandi er að fara að hafa eitt gildi fyrir reiðufé.
Og það er að fara að vera einstök fyrir hvern notanda.
Svo í töflunni notanda, sem gerir það vit í að setja í reiðufé.
>> Þú getur að sjálfsögðu búa til annan borð sem hefur notanda auðkenni og þeirra
gildi af peningum.
En það er ekki skynsamleg.
Það er vit í að bara setja allt sem í hverju borði.
>> Þannig að við ætlum að hafa borð með þær upplýsingar.
Og þá, hvað er hin töflu við erum að fara að?
Þú sagðir, a Hlutabréf borð.
Hvað við erum að setja í stofnanna borð?
Einhver, hugmyndir -
>> Áhorfendur: Félagið.
>> JASON Hirschhorn: Við erum að fara að setja í nafni hins
fyrirtæki, svo AAPL fyrir Apple.
Já.
>> Áhorfendur: hversu mörgum hlutum og hversu mikið þeir eru þess virði.
>> JASON Hirschhorn: Hversu margir hlutir, hversu mikið þeir eru þess virði -
hvað er eitthvað annað sem við þurfa í þeirri töflu?
>> Áhorfendur: kenni til vísitölu það.
>> JASON Hirschhorn: A User ID.
Svo í þeirri töflu, við munum sennilega hafa -
skulum segja, ef það er einhver sem á Þrjár birgðir, þrjár raðir, hver með
þessi notandi ID eða notandi þessi einstaklingur er ID, en annað nafn fyrirtæki,
mismunandi fjöldi hluta væntanlega, og annað verð gildi fyrir hvert
af þeim stofnum.
Aftur, hvað ég er að segja núna er ekki endilega framkvæmd,
vegna þess að þú átta sig að það eru nokkrar fleiri Duglegur Leiðir til að framkvæma það.
En þetta er góður staður til að byrja.
>> OK.
Þannig að þeir eru tvær töflur sem við höfum.
Nú viljum við að birta þessa síðu.
Hvað er það fyrsta tegund af fyrirspurn við myndum þurfa að gera.
Á hverri síðu, ráð fyrir að er a notandi er skráður inn, höfum við kenni þeirra.
Svo er það fyrsta gerð af Fyrirspurn þurfum við að gera?
Já.
>> Áhorfendur: notandi ID þeirra.
>> JASON Hirschhorn: Við höfum kenni þeirra, þegar við erum farin að kóðann á
byrjun á síðunni okkar.
Svo er það fyrsta tegund af fyrirspurn vér þarf að gera, gefið ID notanda?
Við fórum yfir fjórum tegundum.
Það er aðeins fjórum möguleg svör.
>> Áhorfendur: Það er að velja skrá.
>> JASON Hirschhorn: A Select -
við viljum velja úr notanda borð til að fá, segjum,
magn þeirra af peningum.
Og við getum prentað magn af reiðufé sem er efst á skjánum.
OK.
Hvað er næsta tegund af Fyrirspurn sem við viljum gera?
>> Við höfum nokkrum öðrum hlutum Við þurfum að sýna.
Þeir eru vistaðar í annað borð.
Svo hvernig eigum við að fara að fá það?
>> Áhorfendur: Þú velur fyrir þá.
>> JASON Hirschhorn: A Select - aftur, það eru aðeins fjórir möguleikar.
Veldu líklega hljómar eins og the réttur einn.
Þannig að við þurfum að gera aðra velja fyrirspurn, aftur að nota þessi aðgangsorð.
Og nú, við viljum að snúa ekki bara einn róður, Bu allar færslur sem passa okkar
viðmið, þar sem notandi ID jafngildir 1.
>> Og þá getum við farið og látið lykkju bara prenta alla þá út á skjánum,
kannski prenta út fyrir að félagið hvert þeirra á skjánum.
Frábært, það hljómar eins og það er sýna safn, ekki mikið meira
flóknara en það.
>> OK, notandi ákveður svo að þeir hafa nóg af peningum afgangs.
Og þeir vilja til að kaupa Fleiri hlutir lager.
Segjum, að þeir eiga nú þegar birgðir þessa fyrirtækis líka.
>> Svo þeir fara að kaupa þína.
Þeir inntak nafni félagsins.
Hvað er fyrirspurn, eftir inntak Nafn félagsins, að þú þarft að
framkvæma næst?
Já.
>> Áhorfendur: Uppfæra.
>> JASON Hirschhorn: Update - og hvað Tafla viltu uppfæra?
>> Áhorfendur: Tafla þeirra byggjast á kennitölu þeirra?
>> JASON Hirschhorn: Svo uppfærðu ekki borð notanda -
svo uppfæra Stocks borð, þar sem notandi ID passar ekki aðeins, en
Kauphöll nafn passar líka.
Þú munt fá sumir gildi.
Og þá munt þú vilt taka þessi gildi og bæta við þó marga fiskistofna þeir
langar að kaupa það.
>> Svo þú vilt ekki að blindni skrifa þetta gildi.
En þú getur í raun að taka þessi fyrstu gildi og bara uppfæra hana.
Þú getur gert eins og plús jafngildir, frekar en bara jafningja.
>> Hvað er eitthvað þó - ef við erum hugsa um þetta og við viljum vera
eins og sterkur eins og hægt er - að við ættum að gera áður en við hlaupum sem uppfæra fyrirspurn?
Þeir vilja til að kaupa fimm ára Apple.
Hver hlutur Apple er 200 $.
>> Áhorfendur: Við ættum að athuga peninga fyrst.
>> JASON Hirschhorn: Við ættum athuga peninga fyrst.
Við ættum að tryggja að þeir hafa nóg.
Hvers konar fyrirspurn getum við keyrt til ganga úr skugga um að þeir hafa nóg af peningum?
>> Áhorfendur: Annar Select.
>> JASON Hirschhorn: A Select -
við að velja miðað kenni þeirra, til að fá gildi þeirra peningum.
Gera sumir fljótur stærðfræði.
Og ef það líður stefna, þeir hafa nóg fé.
Þá getum við keyrt uppfærslu okkar.
Eða kannski, ef ekki, fara við þá.
Við gefa þeim viðvörun.
>> OK.
Segja að þeir gera ekki hafa a fyrirtæki.
Þeir eru að kaupa upp nýtt fyrirtæki.
Þeir eru að kaupa Microsoft.
Hvers konar fyrirspurnir viljum við gera, ef þeir vilja til að kaupa Microsoft?
Og þeir eiga ekki allir Microsoft.
Ekki Manu, einhver annar, hver sem auk Marcus?
Carlos -
>> Áhorfendur: A Select, til að tryggja þeir eiga nógan pening.
>> JASON Hirschhorn: Hljómar vel.
>> Áhorfendur: Og þá setja á [inaudible].
>> JASON Hirschhorn: Einmitt, við erum fara til að vilja setja
í stokk töflunni.
Og við erum að fara að vilja til að setja.
Við getum sett kenni þeirra, heiti félagsins, og hversu marga hluti
þeir vilja til að kaupa.
>> Hvað eru nokkrar aðrar aðgerðir sem eru síður eða virkni sem þú ert
fara til að hrinda í framkvæmd í P-Set 7, að við ættum að fara yfir?
>> Áhorfendur: Reyndar hef ég konar spurning um þetta einn.
Áður en þú birta eigu, ætti þú athugar heimasíðu Yahoo að
Tryggja þarf að hlutabréfaverð hefur ekki breyst?
>> JASON Hirschhorn: Það er hljóð eins og góð hugmynd.
Svo hvað Marcus er að segja er, OK, birgðir verð eru stöðugt að breytast.
Í stokk sem þau eiga borð, okkar borð sem heitir Stocks, gætum við vista
verð á lager sem þeir keyptu það á.
>> En það virðist ekki sem sterkur, vegna þess að verð á hlutabréfum er
stöðugt að fara að breytast.
Svo í raun, sennilega þú þarft ekki til að vista á verð á hlutabréfum.
En í hvert sinn sem þú birtingu þeirra eigu, þú hressa eða uppfæra
verð á lager.
>> Og ef þú ert með - og þú hefur nú þegar.
Ég veit að þú hefur allt leit í Vandamálið setur aftur nú þegar.
Þú hefur áttað sig á að við höfum skrifað sumir númer fyrir þig sem leyfir þér
til að fá verð á hlutabréfum, gefið nafn fyrirtækisins.
>> Svo já, að líklega hljómar svolítið meira traust.
En það borðið er ekki endilega til að vista á verð á hlutabréfum.
OK.
Hvað eru nokkrar aðrar virkni Þú þarf að innleiða í þessari viku sem
við getum talað um?
Mig langar að tala um þá.
>> Hvað viltu tala um?
Það er líklega í þessum sérstakur.
Ég vildi bara að fletta niður til the botn af the sérstakur og spyrja mig fyrsta orðið
þú sérð að er ekki skynsamleg.
Ein önnur virkni -
við skulum tala um einn.
Við munum byrja þar.
>> Áhorfendur: upptökur á sögu.
>> JASON Hirschhorn: Recording sögu, mikill einn.
Svo þú ert að fara að hafa til að halda utan af sögu af viðskiptum.
Svo þú vilt halda utan um hvert tíma þeir kaupa eða selja hlutabréf.
>> Ég keypti lager minn.
Ég sagði bara, gerir það sennilega skynsamlegt að fela í sér Veldu, til að fá þeirra
magn af reiðufé og athuga aftur.
Það er líklega klár þá að fela í sér setja eða að uppfæra, eftir
hvort sem þeir eiga að birgðir.
Ef við viljum líka að halda utan um sögu, hvernig getum við gert það?
Er að fara í stokk borð?
>> Áhorfendur: Nei
>> JASON Hirschhorn: Nei það líklega fer í öðru töflu.
Því segja að þú kaupir 10 Hlutabréf Apple.
Þá þú kaupa annan 10 hluti.
Þú vilt draga sér færslur.
Þeir eru tveir aðskildir viðskiptum.
>> Þannig að við höfum annað borð, A History borð.
Svo aftur, kaupa okkur.
Við framkvæma velurðu og síðan innskot eða uppfærslu.
Hvað gerum við næst?
Hvað er næsta fyrirspurn sem við framkvæmum þegar við erum að kaupa eitthvað?
Við viljum halda utan um sögu.
Já.
>> Áhorfendur: Þú vilt halda utan mistókst viðskipti líka.
>> JASON Hirschhorn: Jæja, áður en við segja hvaða tegund viðskipta,
Hvað viljum við að -
Hvaða tegund af fyrirspurn, Carlos, vildi leyfa okkur að halda utan
af hlutum almennt?
Þú hefur fjóra gátur.
Hver einn gera þú hugsa?
>> Áhorfendur: Uppfærsla.
>> JASON Hirschhorn: Ekki uppfæra.
Hvað er annað giska?
>> Áhorfendur: Val.
>> JASON Hirschhorn: Ef þú vilt halda lag um eitthvað, þú vilt líklega
að skrifa það niður einhversstaðar eða vista hann fyrir síðar.
Þannig að ef ekki uppfært, þá -
>> Áhorfendur: Settu það.
>> JASON Hirschhorn: Insert, þar sem við förum.
Já, svo þú velja the magn af reiðufé sem þeir hafa, hljómar frábærlega.
Þeir hafa ekki nógu fé.
Sem viðskipti eru ekki að fara að vinna.
Nei, þú þarft ekki að halda utan um viðskipti ef það virkar ekki.
Eða þú getur, ef þú vilt að gefa þeim a harður tími.
En þú þarft ekki að.
>> Þá þú bæta eða uppfæra í hlutabréfum borðinu þeirra.
Og nú hefur þú aðra töflunni.
Þú hefur sögu þínar borð eða hvað sem þú vilt kalla það.
Og í þeirri töflu, ætlar þú að fara að setja inn nýja röð.
>> Það er líklega að fara að hafa ID notandans.
Það er líklega að fara að hafa heiti stofnsins.
Það er líklega að fara að hafa kominn tími til að þeir gerðu það.
Og í þessu tilfelli, þú munt sennilega vilt setja inn verð.
Vegna þess að í sögu, þú ert ekki sama hvað núverandi verð er.
Þú sama hvað verðið er þegar þeir keyptu eða selja eitthvað.
>> Svo það hljómar eins og, að innleiða kaupa fullkomlega felur í sér fjölda af mismunandi
SQL fyrirspurnum, en heiðarlega, ekki það mikið númer í heild.
OK.
Og það tekur standa ekki á sögu.
>> Segjum, við viljum sýna sögu okkar.
Við töluðum um að birta eigu okkar.
Hvernig myndum við sýna sögu okkar?
>> Áhorfendur: Væntanlega tímaröð.
>> JASON Hirschhorn: Væntanlega tímaröð -
hvað fyrirspurn heldurðu að við myndum nota?
>> Áhorfendur: A velja.
>> JASON Hirschhorn: A Select -
velja Kannski allt raðir í töflunni sem passa við kenni og þá
birta þær í tímaröð, hljómar vel.
Þurfum við að skrifa kóða til að raða í gegnum þessi listi?
>> Áhorfendur: Nei, vegna þess að þú sagt okkur það er Ascending
og lækkandi hlutur.
>> JASON Hirschhorn: þingi?
>> Áhorfendur: Já.
>> JASON Hirschhorn: Já.
OK, snú ekki í númerið til mín, að handvirkt tegundir í gegnum fyrirspurnum þínum,
til að raða þeim.
Það númer er þegar gefið.
Þú getur skrifað velja fyrirspurn sem skiptir hlutum.
Raða þeim fyrirfram og þá prenta þær út.
Það gerir svo mikið meira vit í að gera það þannig, en í hina áttina.
Já.
>> Áhorfendur: Þurfum að raða þeim fyrirfram?
Þýðir það að þú raða þá í gagnagrunninum?
>> JASON Hirschhorn: The Select fyrirspurn skilar þeim til þín flokkað.
Svo gera það, frekar en bara að hafa þá koma aftur til þín í handahófskenndri röð og
þá raða þeim sjálfur.
Já.
>> Áhorfendur: Er there a vegur til viðurværi það raðað í gagnagrunninum sig, þannig að
þú þarft ekki að raða það í hvert skipti sem þú -
>> Áhorfendur: Getur þú setja það flokkað?
>> JASON Hirschhorn: Spurning -
skiptir það máli að hlutirnir séu raðað í gagnagrunninum?
>> Áhorfendur: Nei
>> JASON Hirschhorn: Jæja, þeir eru raðað.
Þeir eru raðað í tímaröð.
En við skulum gera ráð fyrir að hlutirnir eru flokkuð
tímaröð, frá toppi til botn.
Við erum með Google formi.
Alltaf þegar einhver bregst við Google okkar mynda, bara það fær setja í
neðst á þeirri töflu.
Skiptir það máli að hlutirnir séu raðað ekki tímaröð?
>> Áhorfendur: Ef það er ekki í tímaröð, ertu ekki að flokka það í hvert skipti
þú tekur upplýsingar út.
En ef það er þegar raðað, getur þú ekki ekki að gera það til viðbótar
kalla virka?
>> JASON Hirschhorn: Svo er það reyndar góður punktur.
Fyrir okkur sem forritari, það gæti máli.
Og við gætum vilja til að finna gagnagrunn sem ekki raða hlutum
tímaröð.
Eða setja upp gagnagrunninn okkar, svo það heldur hlutir raðað eftir notandanafn.
>> Svo sem leið, segja, höfum við 1000 notandi auðkenni.
Eða Facebook, höfum við milljónir af notandakennum.
Við viljum ekki borðið okkar að vera bara handahófi eða gagnasafn okkar til að vera af handahófi.
Það væri gaman ef öll notandi auðkenni voru flokkuð.
Svo þá gátum við keyrt tvöfaldur leit á borð okkar og þá bara finna
sérstakur klumpur.
>> Svo já, eftir - ef við minnkaðar upp, við gætum vilja til að finna gagnagrunn
sem hélt hlutir raðað í mismunandi hátt, þannig að þessar fyrirspurnir
myndi taka minni tíma.
Og við fengum ekki að fara í gegnum okkar allt gagnasafn í hvert einasta röð í
gefið borð.
En hversu sem við erum að vinna á, við þarft ekki að hafa áhyggjur óður í gæsla
hlutir raðað.
Við getum gert ráð fyrir að tíminn sem það tekur þessi fyrirspurn að hlaupa er að fara að vera
hverfandi, gefið það við erum að fást við.
En já, frábær hugmynd - eins og við hækka, það gæti skynsamleg að hanna okkar
gagnasafn í a hluti af a annan hátt.
>> Eitt síðasta gagnasafn hönnun sem ég vil að nefna eins vel, vegna þess að þú verður
einkunnagjafar, eða skorað frekar, á hönnun gagnagrunninn.
Við töluðum um þetta.
Cash er einstakur fyrir hvern notanda.
Svo þú hefur fengið töflu sem heitir reiðufé sem hefur kenni þeirra og magn þeirra
reiðufé og þá töflu sem heitir Notendur sem hefur notandi þeirra
ID og notandanafn.
>> Töflunum kortinu á hvert hitt-á-mann.
Það gerir líklega vit fyrir þá að vera eitt borð.
Svo skulum gera ráð að hafa notendur Tafla sem heldur utan um
notendanöfn og reiðufé.
Þú hefur nú til töflu sem hefur að birgðir einstaklingur eigandi.
>> Og einstaklingur gæti átt fleiri en einn lager.
Svo þessir gera kort ekki á hver öðrum einn-á-ón.
Það er ekki skynsamleg að hafa risa borð sem eru 30 færslur sem
allt endurtaka notandanafn, að allir endurtaka lykilorð, sem öll
endurtaka fjölda reiðufé.
En hver hefur kannski mismunandi lager nafn eða verð mismunandi birgðir.
>> Það er ekki skynsamleg að hafa sem margir stór færslur.
Vertu klár um þegar þú býrð þetta gagnagrunna, svo að þú ert ekki að gera
eitthvað kjánalegt eins og þessi, að endurtaka a einhver fjöldi af óþarfa upplýsingum.
>> OK.
Við höfum tvær mínútur eftir.
Fólk er utan spennt að taka þátt okkur eða líklega, væntanlega,
hefja eigin flokkum.
Hefur einhver hefur einhverjar spurningar Áður en við ljúkum upp?
>> OK, þetta var örugglega vindbylur gegnum allt.
Ég afsaka að það þurfti að vera svo fljótur og að við gætum ekki verið eins snertið ekki-á
í þessari viku sem ég hefði viljað hafa verið.
En ef þú hefur einhverjar spurningar um eitthvað sem við fórum yfir eða eitthvað í
þetta vandamál setja -
presuming að þú hafir lesið hana og setja í góð-trú átak -
ekki hika við að sendu mér tölvupóst eða hafa samband við mig.
Ég er meira en fús til að vinna með númerið þitt með þér eða svara einhverju
spurningum sem þú hefur.
>> Hafa í huga að í þessari viku er mikið um þinn tími mun vera eytt að læra
nýr setningafræði og reyna að skilja hvernig á að skrifa SQL fyrirspurnir eða PHP
aðgerðir eða takast á við A MVC ramma.
A einhver fjöldi af þinn tími í þessari viku líklega verður ekki að reyna að reikna út
brjálaður rökfræði sem við erum að biðja þig að gera.
A einhver fjöldi af það fórum bara yfir er tiltölulega einföld.
>> Svo það þýðir ekki að bíða fram á síðustu mínútu.
En það þýðir stilla hvernig þú gera þinn vinna í samræmi við það, til að ganga úr skugga um
þú ert að skilja og læra setningafræði.
Svo þú ert ekki, allt í einu, vitandi nákvæmlega hvað þú vilt gera,
en með enga hugmynd hvernig á að einmitt skrifa það.
OK, ég sé þig í næstu viku.