[Musika sa pag-play]
Allison BUCHHOLTZ-AU: Ang lahat ng mga karapatan, sa lahat.
Maligayang pagbabalik sa seksyon.
Kaya aming mga agenda para sa araw ay pagpunta sa paglipas ng higit pang web dev bagay-bagay.
Hindi ko alam kung gaano karami sa na nakita mo ang iyong psets
dahil ito ay inilabas mas maaga umaga na ito.
Gagawin ko ng kung gaano karaming mga tao na basahin ang spec,
ngunit nakakakita ng kung paano nagkaroon ka ng lahat ng, tulad ng, pitong oras upang tingnan ito
at ito ay isang Lunes at Malamang na nagkaroon ka ng klase,
Pupunta ako sa ipinapalagay na karamihan ng mayroon ka ay hindi.
Kung mayroon kang, labis na paggalang.
>> Talaga ka pagtulong ipatupad ang isang simpleng web
server sa C, na kung saan ay isang bagong tatak ng pset, kaya mo guys makakuha upang maging Guinea Pig.
Ito ay magiging isang masaya, ligaw na linggo, ngunit sa palagay ko makikita itong maging ng maraming masaya
at makikita itong maging isang tunay na mahusay na karanasan talaga.
Kaya upang maghanda sa iyo para sa na, sa seksyon ngayon,
kami ay pagpunta sa pumunta chmod, TCP / IP, at pagkatapos ng kaunting HTML at CSS.
>> Sa dulo, ipapakita namin ang aktwal na code up ng isang simpleng web page nang magkasama
upang matulungan kang guys uri ng makakuha ng higit pa familiarized may iyon.
At pagkatapos ay kung hindi mo pa kinuha ang ang iyong maikling pagsusulit, sila ay nasa harap,
ngunit ako medyo sigurado lahat ng tao dito ay ang kanilang mga pagsusulit.
At din sa na tala, solusyon ay hindi up pa,
ngunit sa lalong madaling finish-- naming i, ang nakalipas na ilang mga tao pagkuha ng kanilang mga quizzes--
sila ay magiging up.
Kung mayroon kang anumang mga katanungan sa habang panahon,
huwag mag-atubiling mag-email sa akin personal.
Ako ay tumugon sa iyong mga indibidwal na mga tanong, gaya ng lagi kong gawin.
>> Kaya sa na tala, chmod.
Kaya talaga lahat mo Kailangan malaman tungkol sa chmod
ay na ito ay ginagamit upang baguhin mga pahintulot ng file, i-right?
Kaya tumawag ito ng ilang mga sistema lamang baguhin ang mga pahintulot, tulad ng sinasabi nito dito.
At kung gusto mo man makita kung ano ang mga pahintulot ng file ay,
sa halip ng paggawa lamang l, maaari mong gawin l -l.
l ay kumakatawan sa haba.
>> Kaya makikita mo gawin mahaba ang listahan ng lahat ng bagay, at
ay magbibigay sa iyo magkano ang mas detalyadong impormasyon tungkol sa bawat isa sa iyong mga file.
At makikita mo ang something-- ako pagpunta sa lumaktaw para sa isang second--
ngunit makikita mo ang isang bagay na katulad na tuktok linya doon para sa bawat file.
At kami pumunta sa pamamagitan ng kung ano ang ibig sabihin nito ay.
>> Kaya talaga, upang baguhin ang iyong mga pahintulot ng file,
gusto mo lamang gamitin ang chmod.
Maaari mong isipin na ito bilang anumang iba pang UNIX tumawag tulad ng l o cd o watnat.
Ito ay lamang ang uri ng isa pang tulad ng tawag.
>> Kaya ang ginagawa namin chmod at pagkatapos kami ay may tatlong digit karaniwang.
May ilang mga paraan upang gawin ito, ang isa na ipagpapatuloy namin sa paglipas.
Ngunit karaniwan, magkakaroon ka ng tatlong digit na nagmumula 0-7 sa bawat oras.
>> Kaya ang isang bagay ay na mayroong mga tatlong iba't ibang mga pahintulot
maaari naming bigyan ang bawat file.
At ito ay nababasa, na kinakatawan ng r, na magkaroon ng kahulugan
sa ilang sandali; w, na writable; at executable, na kung saan ay x.
Alam ko na ang e isa, executable, Hindi siguro pinakamakabuluhan, ngunit namin
kumakatawan ito sa x.
>> At pagkatapos ay kung ano ang mangyayari ay bawat isa sa mga Mayroon din ang bilang na pangangatawan.
Kaya mayroon kaming 1, 2, at 4.
At talaga kung ano ang mangyayari ay bawat isa sa mga tatlong numero
dito ay kumakatawan sa isang iba't ibang hanay ng mga gumagamit
na mga pahintulot tumutukoy sa.
>> Kaya maaari mong isipin na ang unang bilang tumutugon sa aktwal na user
o ang may-ari ng file, ang pangalawang numero ay tumutugma sa mga pangkat,
at ang huli ay tumutukoy sa buong mundo, ang OK?
Kaya kung ano ang mangyayari ay matandaan mga numbers-- r ay 4, w ay 2,
x ay 1, ang tama?
This-- kung sabihin sa ilang mo ang mga up, na nagbibigay sa iyo na unang numero
na maaari naming input sa aming chmod.
>> Kaya sa kasong ito, kung ano ang ay magiging ang numerong ito?
Gusto ito ay 4 plus 2 plus 1, na kung saan ay 7, i-right?
At sa kasong ito, ang mga walang anuman,
kaya ito dito mismo gagawin isalin sa chmod 700, OK?
At kung ano na ang ginagawa ito ay nagbibigay sa lahat ng mga pahintulot na ito sa iyong mga user.
>> Kaya ito ay nangangahulugan na ang aming mga gumagamit Maaari gawin kung ano ang kanilang nais.
Maaari nilang mabasa ang file na ito.
Maaari silang magsagawa ng file na ito.
Maaari silang sumulat sa file na ito.
Ngunit group at sa buong mundo, walang mga pahintulot sa kung ano pa man, OK?
>> Kaya isa pang paraan upang isulat iyon, maaari naming gawin chmod ng tatlong digit, ang bawat isa
tumutugon sa anumang ang kabuuan o na tiyak na pangkat ay, tukoy na subset.
O maaari naming gawin aktwal isa pang bagay.
Sandali.
Maaari naming gawin ang isang bagay sa mga dito.
>> Paano marami sa inyo nakita ang isang halimbawa kung saan ito ay katulad ng sa chmod ng plus x?
Makita mo ba na sa aralin, ako sa tingin?
Kaya ang ibig sabihin ay para sa lahat.
Ang ibig sabihin nito ibigay ito sa lahat ng mga gumagamit, na Nakalimutan ko ang upang ilagay dito.
>> Ngunit ng plus x, kung namin mapansin dito, kung ang ginagawa namin
sa chmod-- kung ano ang pangkat na kami ay pinag-uusapan kasama ang mga pahintulot
nais naming bigyan ang mga ito.
Kaya ito ay maaaring maging isang plus o ng minus.
Dagdag pa nagdaragdag ng pahintulot.
Minus tumatagal ang layo ng pahintulot.
Medyo madaling maunawaan, sa tingin ko.
>> Kaya plus x nangangahulugan chmod.
Kaya baguhin ang mga pahintulot ng lahat ng mga tao kung ito ay isang a-- pahintulot add.
At x-- na nangangahulugan kung ano ang pahintulot ay namin ang pagbibigay sa lahat.
Magbasa, magsulat, o isagawa?
>> Madla: Ipatupad.
>> Allison BUCHHOLTZ-AU: Ipatupad.
Kaya binibigyan ka namin ang lahat ng mga gumagamit pahintulot upang maisagawa ang file na ito, OK?
Kaya kung ano kung gusto naming gawin na may mga numeric na form?
Kaya tandaan may mga numeric, Gusto namin ang tatlong numero.
>> Madla: 4.
Allison BUCHHOLTZ-AU: Ano iyon?
Madla: 4.
Allison BUCHHOLTZ-AU: Hindi 4.
Madla: 0, 0, 4.
Allison BUCHHOLTZ-AU: Well, nais naming upang ibigay ito sa lahat ng mga gumagamit, i-right?
Kaya kami ay pagpunta sa may isang numero sa bawat puwang.
Na pupuntahan maging ang parehong bilang sa bawat puwang
dahil gusto lang namin na bigyan lahat executable pahintulot.
Kaya executable ay 1, ngunit sa kanan track.
>> Kaya kung namin ginawa chmod 111 na gagawin maging ang katumbas ng chmod ng plus x.
Ay na magkaroon ng kahulugan sa lahat?
Kami ay pagpunta sa pumunta sa pamamagitan ng isang pares ng mga halimbawa.
>> Kaya ang malaking takeaway dito ay isang hindi sa dito,
ngunit lamang ay nangangahulugan ibigay ito sa lahat ng mga gumagamit.
u ay kung gusto mo lang upang bigyan o tumagal ang layo ng
isang tukoy na pahintulot mula sa ang user o ang may-ari.
g ay para sa pangkat, upang ang gitnang digit.
At pagkatapos ay iba maaari mong isipin bilang sa mundo, na huling digit.
>> Kaya sa na, magpapadala kami pumunta sa isang halimbawa, dahil nararamdaman kong halimbawa palagi
gawing mas madali ang mga bagay na ito upang maunawaan.
Kaya rwx-- namin nagpunta sa pamamagitan ng this-- maaari ring maging kinakatawan bilang 700.
Iyan ang halimbawa namin ay tumingin sa higit pa sa mga larawan.
Kaya chmod 444 sa ilang mga file Ito ay magbibigay sa kung ano ang mga pahintulot?
Ikaw ay talagang malapit.
Madla: nababasa sa lahat.
Allison BUCHHOLTZ-AU: nababasa.
Kaya nababasa sa lahat ng tao, tama?
At pagkatapos ay kung ano ang isa pang paraan upang gawin iyon?
Kung gusto naming gawin chmod na may alinman sa r o w, at ng at minuses,
kung ano ang magiging hitsura ng tawag na iyon tulad?
Ito ay chmod ano?
>> Madla: plus r.
>> Allison BUCHHOLTZ-AU: plus r sa 5.
OK, sa gayon ito ay kapareho ng ito, iba't-ibang mga pagsasalin dalawang lamang
ng parehong bagay.
Kaya may mga iyon, mayroon kaming mga ito.
Kaya gusto ko sa iyo guys upang subukan at sumulat mga uri ng sa kanilang tapat na paraan.
>> Kaya sa chmod 555, kung ano ang magiging tulad?
Gusto ito ng plus o u plus o watnat?
Para sa u plus x, bigyan mo ako ng tatlong numero.
At pagkatapos ay sabihin sa akin tungkol sa kung ano ang mga pahintulot talaga kami sa pagbibigay at sa kung sino?
>> Kaya Bibigyan kita ng dalawang guys minuto upang gumana sa na.
Huwag mag-atubiling makipag-usap sa isa't isa.
Para sa mga ng sa iyo kung sino ang dumating sa isang maliit na late, may candy at mga kamiseta.
Kami ay tatlong mga kamiseta sa kaliwa, at mayroon kaming Kit Kats at Starbursts.
Kaya huwag mag-atubili na dumating mang-agaw ilan sa maliit na patlang.
>> Gayundin, ang huli ay nakakalito.
Ito ay dalawang chmods para sa huling isa.
Sa totoo lang, hayaan mo akong isara na pinto habang guys ay nagtatrabaho sa na.
Kendi palaging kinakailangan sa hapon Lunes.
>> OK, kaya chmod 555.
Ano ang isa pang paraan na maaari kaming isulat iyon?
Ang anumang mga ideya?
Oo.
>> Madla: plus Rx.
>> Allison BUCHHOLTZ-AU: r plus Rx.
Gusto mo upang ipaliwanag kung bakit nais ito Rx?
>> Madla: Dahil mayroon kang 5, sa gayon na 4 plus 1,
kaya na basahin ang plus executable, at ito ay para sa lahat.
Allison BUCHHOLTZ-AU: I-right.
Kaya lang mag-ulit, 5 dito alam namin bilang ang kabuuan ng 4 at 1,
dahil ang bawat numero sa aming trio ay ang kabuuan ng mga pahintulot para sa na subset,
tama?
Alinman sa user, ang group, o sa buong mundo.
Kaya sa kasong ito, alam namin na 5 ay dapat na nabuo sa pamamagitan ng 4 at 1.
>> At 4 at 1 tumutugma sa nababasa at executable.
Na nagbibigay kami ng mga ito sa lahat, upang maaari naming gawin chmod ng plus Rx.
At malinaw naman, nagpunta kami lamang sa pamamagitan ng mga tanong doon,
kaya ngayon ang file na ito ay executable at nababasa sa lahat.
>> Kaya kung ano ang tungkol sa pangalawang isa?
Kung ano ang maaaring ang bilang para sa isa na maging?
Ang anumang mga ideya?
Sige.
>> Madla: 100 [hindi marinig].
>> Allison BUCHHOLTZ-AU: 100.
Mismong.
Kaya nais mong ipaliwanag kung bakit 100?
Madla: Dahil ito ay para sa gumagamit, kaya sa unang posisyon.
At pagkatapos ay x executable ay 1.
Allison BUCHHOLTZ-AU: Eksaktong.
Kaya binibigyan namin executable mga pahintulot upang lamang user.
Kaya sa kasong ito, magiging 100.
At Mayroon akong lahat ng mga sagot hanggang sa susunod na slide sa kasong
sumusulat ka ng maraming mga bagay pababa.
>> OK, kaya ang susunod na isa ay talagang tapos na may dalawang chmods, maaari mong gawin ito.
Kaya mayroon sinuman kung paano maaari kang anumang mga ideya
makakuha ng chmod 640 rewritten sa ibang paraan?
Maaari mong baguhin ang una at pagkatapos ay ang user maaari mong baguhin ang pangkat ay aking pahiwatig.
>> Kaya kung saan namin lamang sa pagbabago ng ng gumagamit, na kung saan ay ang unang isa dito,
kung ano ang maaaring maging ang aming mga tawag?
Kaya gumagamit ay u, tama?
Kaya chmod u plus kung ano?
Mmhmm?
>> Madla: RW.
Allison BUCHHOLTZ-AU: RW.
I-right, para basahin at isulat, dahil nabasa na 4, w ay 2, ang mga kabuuan nang sama-sama bilang 6.
Kaya makuha namin chmod u plus RW, at makakuha ng namin ang aming mga unang 6 doon.
>> Kaya pagkatapos na makuha ang 4, nais naming ngayon upang baguhin ang aming mga setting ng pangkat.
Kaya kami ay pagpunta sa gawin chmod g plus kung ano?
Ano ang isang 4?
>> Madla: r.
Allison BUCHHOLTZ-AU: r.
Eksaktong.
Kaya kami ay nagbibigay ng may-ari basahin at isulat ang mga pahintulot
at kami ay nagbibigay ng nabasa na pangkat mga pahintulot, na magkaroon ng hanggang ang lahat ng namin dito.
Mmhmm?
>> Madla: Kung maaari mong magsulat ng isang bagay, aabutin magpahiwatig maaari mo itong isagawa?
>> Allison BUCHHOLTZ-AU: mo maaaring sumulat sa something--
Hindi ko naniniwala na ito nagpapahiwatig maaari mo itong maisagawa.
Ayos.
Kaya na ang lahat na nagpunta kami sa pamamagitan lamang.
Kaya sa susunod na isa, ito ay lamang uri ng mga karaniwang mga kaso
na nais mong panatilihin sa ayos lang para itakda ang iyong problema.
Ang mga ito ay karaniwang ang mga pahintulot na nais ka naming gamitin.
>> Kaya para sa 711, na nagbibigay sa amin, siyempre, gumagamit
lahat ng mga pahintulot, na ay may gawi na magkaroon ng kahulugan.
At pagkatapos ito ay executable sa pamamagitan ng pangkat sa mundo, na saysay
kung mayroon kang ilang mga direktoryo, mo Nais na magawang tawirin ito.
Ang mga taong kailangan ng access.
>> Para sa anumang mga file na hindi pang-PHP, na iyong pupuntahan gamitin ang 644, na maaaring gawin kung ano?
Ano ang ibig na nagpapahiwatig, o kung ano ang mga pahintulot ay na bigyan?
Kaya ang may-ari maaari ano?
Madla: Basahin at isulat.
Allison BUCHHOLTZ-AU: Basahin at isulat.
At pagkatapos group at iba pa Maaari lamang basahin, i-right?
At pagkatapos ay chmod 600 para sa anumang PHP file na gamitin mo,
ang iyong mga may-ari, muli, maaari magbasa at magsulat dito
ngunit ang iba ay uri ng block lamang off.
>> Kaya na ito ay talagang maging mas kapaki-pakinabang kapag
nakarating ka na sa iyong problema -set sa susunod na linggo kung saan
aktwal na pagbuo ng website.
Kaya kung sakaling magkatagpo anumang kakaibang mga problema
kung saan hindi ito sa paglo-load nang maayos, siguro sa iyo
kailangan upang magdagdag ng isang executable pahintulot, o siguro kailangan mo ng nabasa na
o magsulat ng pahintulot.
Little mga bagay na may posibilidad na trip mga tao up, ngunit uri ng tulad ng go-to
kapag sinimulan mo ang pset susunod na linggo.
At Gusto ko makapagbigay ng higit pang mo pahiwatig sa pset na ito linggong,
ngunit mayroon akong pa upang tumingin sa ito mula noong ito ay inilabas na ito umaga.
Ngunit mo ako ng email, ay magkakaroon Tiningnan ko sa ito sa oras na tumugon ako bukas.
>> Kaya ngayon, ay maganda sa chmod sa lahat?
Anumang matagal katanungan?
Medyo simple.
Lamang uri ng pagsubaybay sa kung ano ang magbasa, magsulat, at magsagawa ng mga numero
Marahil ang hardest bahagi.
>> Kaya sa TCP / IP, ang lahat ng mga protocol, uri ng tulad ng sa iyong mga istraktura ng data
noong nakaraang linggo, ito ay mas Mahalagang uri ng makakuha ng
isang mas mataas na antas ng Swersey sa kanila.
Ito ay hindi CS143 kung saan kami pupuntahan sa hihilingin sa iyo na ipatupad ang isang network,
kaya magagawa mong fine kung hindi mo naiintindihan
ang kutuhin magaspang ng lahat ng mga protocol.
Upang maunawaan kung ano ang mahalaga ay uri ng tulad ng kung ano ang kanilang kinakatawan
at kung bakit ang mga ito ay mahalaga.
>> Kaya TCP / IP, siyempre, ito ay ang Transmission Control Protocol
o Internet Protocol, na isang set talaga lamang ng mga batas talaga
o pamantayan na sabihin sa data kung paano dapat pangasiwaan ito,
kung paano dapat itong packetized, ipinadala, at natanggap.
Kaya ito talaga, tulad ng ito Sinasabi dito, pinatataas ang mga pagkakataon
ang data na iyon kung saan ay makakakuha ng gusto mo upang makapunta sa.
>> Ako sigurado kung ikaw guys napunta sa mga panayam o napanood na ito sa online,
has-- siya Hindi ko alam kung ginawa niya ito sa taong ito,
ngunit alam ko noong nakaraang taon, nagkaroon siya ng demo kung saan siya ay nagkaroon ng isang larawan ng Rob
at hinati niya ito hanggang sa apat at ilagay ito sa envelopes
at sinubukan upang makakuha ng mga ito sa buong Sanders.
At maaari mong uri ng isipin na ito na paraan.
Ito ay isang hanay lamang ng mga panuntunan na sabihin ng data kung paano makakuha ng isang lugar na naa
at ipinapaalam sa iyo kung kulang ka ng mga data,
sa parehong paraan na kung ikaw ay pagkuha ng maraming mga pahina ng mga tala
at lagyan ng label mo ang mga ito sa pahina 104, pahina 204, at pumunta ka pabalik upang pag-aralan sa ibang pagkakataon
at kulang ka ng mga something-- hindi mo mahanap ang pahina 304-- alam mo
isang bagay ang mali, kaya mo Maaari tumingin sa iyong mga tala
muli o hilingin sa isang tao upang muling ipadala mo ang aralin mga tala mula sa araw na iyon.
Ang parehong paraan na may data sa internet.
Kapag ako ay humihingi ng isang bagay mula sa ilang server
at kailangan nito upang magpadala ng ito sa maramihang mga packet,
marahil pagpunta sa numero ng ito sa ilang mga paraan, sabihin
-alam sa akin kung gaano karaming mga dapat kong natanggap, at sabihin sa akin, oh, ito ay isa sa 10
o ito ay isa sa 10,000.
Sa ganoong paraan kapag pumunta ako sa buuing muli lahat ng mga piraso magkasama,
Alam ko kung may isang bagay kulang at ko muli humingi iyon.
Ay na magkaroon ng kahulugan?
Isang hanay lamang ng mga panuntunan.
Sa batayan nito, magtakda ng mga panuntunan, OK?
>> Kaya usapan din kami ng isang Medyo tungkol sa port.
Ito ay talagang isang karaniwang lamang na Hinahayaan ka ng kung ano ang uri ng data
ay ipinadala sa mga packet.
Kung pumunta kami sa aming mga sobre Halimbawa, hindi namin
malaman na ito ay isang larawan ng Rob doon maliban kung sumulat namin ito
sa labas ng aming mga sobre.
Kaya port ay isa lamang ang parehong bagay.
Ito ay lamang ng isang paraan upang malaman kung ano uri ng data ay ipinadala.
>> Kaya mayroon kaming ang lahat ng mga pinaka-karaniwang mga dito.
Kaya 21-- mga ito ay mga uri din tulad ng mahusay na mga bagay upang malaman.
Ito ay uri ng isang madaling tanong pagsusulit.
Mag-tulad ng, ano ang port 80 gawin?
O, ano ang port 443 gawin?
Kaya mahusay na mga bagay upang malaman.
>> Kaya mayroon kaming dito, 21 ay file transfer protocol, kaya lamang
ang mga patakaran na namamahala sa paglilipat ng file.
25, isang bagay na namin ang lahat ng gamitin ngayon ng masyadong maraming, ay email.
53 ay ang pangalan ng domain system, na kung saan ay isa lamang
lamang uri ng ng lookup para sa IP address ng isang pangalan ng domain.
>> Kaya ako medyo bang ito ay nabanggit sa aralin, kung
pumunta sa isang bagay tulad ng google.com, ito ay isang IP address
na nauugnay dito.
Ito ay hindi tunay na google.com.
At kaya 53 ay ang port na aktwal na tumatagal
pag-aalaga ng uri ng nagta-translate ito sa na IP address para sa iyo.
At pagkatapos ay 80 at 443 ay napakakaraniwan.
Mong alinman sa magkaroon ng iyong web page o mayroon kang ang iyong mga secure na web page,
kung saan ng maraming mga pahina ng web ay paglilipat ng mahigit sa ngayon.
>> Kaya na uri ng mataas na antas ng Pangkalahatang-ideya ng transfer protocol.
Hindi ako nakakakita ng mas malalalim na.
Ito ay uri ng mga cool na bagay kung interesado ka.
Mayroong maraming mga mapagkukunan.
Wikipedia talaga isang mahusay na pahina.
Kaya ako ay naghahanap sa ito lamang kanina,
kaya mataas ko inirerekumenda ng pagtingin sa ito kung interesado ka
o kumuha ng 143 sa loob ng dalawang taon dahil Sa tingin ko ito sa bawat iba pang mga taon.
>> Kaya sa katapusan ng ito, hindi kami pinag-uusapan ng mga web page at HTTP,
na kung saan ay aktwal na ang aming susunod na paksa para sa ngayon bago tayo pumunta sa HTML at CSS
at maaari mong aktwal na code up ng isang web page.
Makikita itong maging masaya.
Magkakaroon kami ng mga larawan ng Bunnies at makikita ito maging mahusay.
>> Kaya HTTP, tulad ng maaari mong makita dito, ay isa sa mga kaibig-ibig acronym
para sa linggong ito, na Hypertext Transfer protocol.
Kaya muli, ito lamang isa pang hanay ng mga panuntunan na
namamahala ng hypertext maglipat, sa kasong ito.
Kaya pinakamahusay na paraan upang malaman ang tungkol na ito ay lamang uri ng
masira ito down sa ang mga indibidwal na mga salita
dahil mayroong maraming mga salita sa screen doon.
>> Kaya kami ay pagpunta sa magsimula sa hypertext.
Kaya "hyper," maaari mong isipin "Sa itaas," tulad ng napakabilis na uri ng bagay.
Kaya ito ay talagang lamang ang teksto dadalhin sa susunod na antas, kaya tulad ng sobrang teksto,
tulad ng susunod na teksto.
Kaya ito ay isa lamang lamang teksto na nagbibigay sa amin
sa higit pang impormasyon sa normal na teksto ang, OK?
>> Kaya sa kasong ito dito, ito ay hypertext.
Sinasabi nito sa atin na mayroon kami ang ilang mga link na aming pagpunta sa,
na kung saan ay cs50.net, na ngayon ay cs50.harvard.edu.
Ang mga slide ay isang maliit na gulang.
At ito ang nangyayari upang ipakita ang ito bilang na ito, bilang isang hyperlink,
at pagkatapos ay isang talagang cool na website.
>> Kaya teksto, na isang maliit kaunting talagang cool na mga bagay sa doon.
Kaya maaari mong iugnay ang mga bagay at maaari mong magpasok ng mga imahe at maaari kang istilong bagay.
At ang pinaka-pamilyar na bagay na guys malamang na mayroon na may hypertext
ay Hypertext Markup Language, HTML, na siyempre ay ang lahat ng web
na nakikita namin sa paligid sa amin, binigyan may ilang mga estilo ng CSS itinapon sa.
>> Ngunit kung ang sinuman ay talagang malaki sa MySpace,
Ako ba mo ang lahat ng gamit na HTML sa lahat ng oras upang lumikha ng
mga perpektong mga profile, i-right?
Pakiramdam ko ay tulad na maaaring maging isang hindi napapanahong reference ngayon, ngunit ang kahit anong.
Isang little-- lang sa iyo guys ay hindi na magkano ang mas bata.
Ang ilan sa iyo ay mas luma kaysa sa akin.
MySpace ay pa rin ng isang bagay kapag ako ay bata pa.
Hindi ako na gulang.
>> Pa rin, HTML isang form lamang ng hypertext.
Kaya hypertext lamang teksto na may idinagdag na mga tampok.
Kaya transfer protocol ay marahil mas iffy bagay upang ipaliwanag.
Malinaw, transfer-- maglipat lang ng data.
Kaya alinman sa pagitan ng mga client, tulad ng iyong web kapatid na lalaki, at isang server.
Kaya talaga lang ang paraan kung paano gumagana ang internet.
>> Kaya ang eksaktong kahilingan ng kung paano ang mga trabaho, kami ay
talagang pagpunta sa tumingin sa isang Halimbawa kahilingan at tugon.
Ngunit kung paano namin humiling impormasyon mula sa isang server
at kung paano tutugon ang server sa amin ay kung ano ang namamahala ito transfer protocol.
Kaya ang kahilingan at ang tugon ay may upang sundin ang mga tiyak na hanay ng mga panuntunan.
Ito ay Standardized nang sa gayon ay hindi mahalaga kung saan gumagamit ka ng internet,
ito palaging gumagana sa parehong, OK?
>> Muli, protocol, magtakda ng mga panuntunan.
Ito ay lamang ng isang normal na pakikipag-ugnayan sa parehong paraan
na Propesor Malan uusap tungkol sa kapag ang isang tao ay umaabot sa kanilang mga kamay,
alam sa iyo na ito ay karaniwang paggalang sa mga maabot sa iyo out at iling ang kanilang mga kamay.
Iyon ang isang protocol, tama?
>> Kaya ako magbibigay sa ilang mga standardized na kahilingan, na gusto kong i-iling ang iyong mga kamay,
at bigyan ng kaunting standardized tugon, na kung saan ay alinman sa hindi salamat
o maaari mong subukan at kalugin ang aking kamay o marahil ka ng pagpunta sa subukan
at kamao paga sa akin.
At wala kaming isang protocol para sa iyon.
Ito Pinaghihiwa-hiwalay.
Ngunit kung sumusunod sa lahat ng parehong protocol, siyempre,
mangyaring hindi ito mas tuluy-tuloy.
Ang mga tao na makilala ang bawat isa.
Ang bawat tao'y ay masaya.
>> Kaya sa mundo ng web, lahat ng tao ay sumusunod sa parehong rules--
bahagyang mas mahusay kaysa sa mga social na pamantayan.
Ngunit sa iyon, titingnan namin ang isang halimbawa ng kahilingan dito.
Kaya mayroong maliit na ito key dito sa ibaba
na nagsasabi sa iyo ang iba't ibang kulay, kung ano ang kanilang dapat sabihin.
>> Kaya puti tulad ng iyong paraan ng kahilingan at protocol version--
kaya kahilingan paraan, bersyon.
At pagkatapos na ito ay ilang pangalan ng field at ang halaga
ng patlang na iyon, na kung saan kami ay pumunta sa napaka, napaka ilang sandali.
Kaya ito ay isang halimbawa kahilingan.
Ito ay tulad ng sa akin pagpapalawig out, kinakapos upang ipakilala ang sarili ko.
>> Ito ay kung ano ang client o kung ano ang iyong web browser
Gusto nagpapadala sa iyong server.
Kaya ito ay isang kahilingan get, kaya na nagtatanong ng isang bagay mula sa server.
At, siyempre, HTTP at ito ay bersyon 1.1.
>> Kaya ang natitirang bahagi ng ito dito ay ang tinatawag naming ang header, at dagdag na impormasyon nito
na nagbibigay sa amin ng isang mas mahusay na ideya kung ano ang talagang hinihingi namin para sa,
o impormasyon na nais naming bigyan ang ang server na maaaring may kinalaman.
Kaya ay nagbibigay sa User-Agent ilang higit pang paglalarawan on-- halimbawa, narito,
mabaluktot / 7.24.0 ay aktwal na pagpunta upang sabihin sa ang server na ginagamit namin Google
Chrome ng aming browser.
Kaya kung sakaling marinig tungkol sa mga tao na makipag-usap
tungkol sa paggawa ng may magaang kalooban ng app sa maraming mga browser,
ito ay isang bagay na kanilang maaaring gamitin dahil kung
hindi alam kung ano browser ang kahilingan ay nagmumula,
hindi mo maaaring maiangkop ang data na iyon.
Kaya sa kasong ito, ang user ay nagbibigay sa lamang uri na ito
ng nakakapagpakilalang impormasyon tungkol sa kung ano browser
ang iyong mga user ay kasalukuyang gumagamit, OK?
>> Kaya pagkatapos ay mayroon rin kaming host, na kung saan ay kung saan talaga kami kinakapos upang pumunta sa.
Sa kasong ito, nais naming pumunta sa apple.com, bumili ng ilang mga cool na bagong iPad
o ang isang bagay, siguro maganda mga ilaw sa aming dorm room.
At halaga ng pangalan sa dulo lamang isang pamasak, isang pangkalahatang bagay
para sa iyo guys upang makita.
Hindi tunay tumutugma sa anuman dito.
>> Kaya maaari kang magkaroon ng hanggang sa o bilang kaunti ayon sa gusto mo sa bawat kaso.
Karamihan ng panahon, ang mga ito ay opsyonal.
Depende lang ito sa kung anong kailangan mo mula sa browser,
mula sa iyong mga gumagamit upang maayos na bigyan ang kahilingan.
O kaya ito ay depende sa kung ano ang iyong user talaga ay nais na magbigay ng hanggang sa server.
Kaya maaaring mayroon kang maraming, maraming ng mga pangalan ng field ng header
o maaaring mayroon ka lamang ng ilang.
Tulad ng sa gayon maraming bagay Na sinabi ko sa seksyong ito,
ito ay talagang depende sa konteksto ng kung paano mo ginagamit ito.
>> Kaya ang ginagawa na may katuturan sa lahat?
Ito ay lamang ng isang halimbawa ng isang kahilingan, header, watnat.
OK, kaya sa na, mayroon kaming ilang mga tugon.
>> Muli, mayroon namin ang aming code ng katayuan, protocol bersyon, at pagkatapos ay patlang ng pangalan at field
Pinahahalagahan tulad ng nakasanayan.
Kaya aming bersyon ng protocol at ang aming code ng katayuan ay 200.
OK, na nangangahulugan na, oo, nagpunta ang lahat ng bagay na rin.
Narito kung ano ang gusto mo.
>> Ang uri ng server, ang nilalaman type-- ito ay nagsasabi sa amin, OK, ikaw ay
pagpunta upang makakuha ng ilang teksto HTML.
Narito ang haba nito at narito ano ang dapat mong gawin sa koneksyon.
OK, kaya muli, depende sa data ikaw ay
humihingi, depende sa kung ano ang Nais ng server upang ibalik sa iyo,
Maaaring mayroon kang higit pa sa mga field mga pangalan, maaaring mayroon kang mas.
Ganap konteksto umaasa.
>> At kung ang ang katayuang ito code dito, siyempre,
200 ay hindi ang isa lamang maaari kang magkaroon ng, tama?
Mayroon kaming napakaraming mga code ng katayuan.
Sinuman matandaan ang alinman sa mga iba na aming nabanggit sa aralin?
Marami sa mga ito magsimula sa 4.
>> Madla: 404.
>> Allison BUCHHOLTZ-AU: 404, na kung saan ay?
>> Madla: Hindi natagpuan ang file?
>> Allison BUCHHOLTZ-AU: Hindi natagpuan ang file.
Mismong.
Kaya kung ano ang tungkol sa 403?
Madla: Forbidden.
Allison BUCHHOLTZ-AU: Forbidden.
Kaya kung ano ang iyong palagay Nangangahulugan iyon na may chmods?
>> Madla: Ito ay nangangahulugan na sa iyo wala kang pahintulot na basahin ito.
>> Allison BUCHHOLTZ-AU: Eksaktong.
Sa ilang mga paraan, hindi mo kailangang pahintulot na i-access ito, i-right?
Kaya 404, 403.
Mayroong isang talagang nakakatawa isa na palagi kaming
ipakilala sa bawat taon na Dapat na maglagay ako dito,
tulad ng 413, na kung saan ay Isa akong tsarera.
Maaari mong google ito.
Ito ay tulad ng nakakatawang, na code 413 at ito ay Isa akong tsarera.
Aling Hindi ko alam kung bakit gagawin mo kailanman kailangan na sa internet,
ngunit lumihis sa pinag-uusapan ko.
Madla: Siguro ikaw ay isang kagamitan sa pagtimpla ng palayok.
Allison BUCHHOLTZ-AU: Baka ang server ay isang kagamitan sa pagtimpla ng palayok.
Sino ang nakakaalam?
Ang lahat ng mga karapatan, kaya kami ay tungkol sa lumipat sa tunay na coding.
Nararamdaman ko na tulad mo guys ay pumunta sa mawalan ng dito medyo mabilis.
>> Madla: Bakit ito gumagana sabihin ang "server: dalawang beses?
>> Allison BUCHHOLTZ-AU: Hm?
Server ng dalawang beses?
Iyon ay isang mahusay na tanong.
Hindi ako sigurado.
Ako malaman at Ako ay mo ang lahat ng email.
>> OK, ang anumang iba pang mga tanong bukod sa iyon?
Magandang?
Ayos.
>> HTML at CSS, at ngayon kami makapunta sa lahat ng kasiyahan bahagi.
Kaya bilang ko nabanggit bago, HTML Marahil ang isa sa mga bagay
ka guys ay pinaka-pamilyar sa.
Kaya mayroon kaming Hypertext Markup Language.
>> Ang pinakamahusay na paraan upang malaman ang this-- gagawin ko hindi mayroon kang anumang naghanda ng mga slide o anumang bagay
para sa iyo guys sa HTML.
Ito ay talagang tungkol sa pag-aaral ng syntax.
At kung ikaw ay sa MySpace araw, magkakaroon ka ng ito pababa.
>> Kaya talaga, ang pinakamalaking bagay ay lamang sa pagsasanay at eksperimento.
Ang isa sa mga mahusay na mapagkukunan ng gagawin ko lubos na inirerekomenda ang paggamit ay W3Schools.
Kaya lang W, 3, at pagkatapos ay i-Paaralan.
Ang mga ito ay may maraming mga mga mapagkukunan sa HTML, sa CSS,
at aktwal na sila ay may split screen uri ng bagay
kung saan ang mga ito ay magbibigay sa iyo ng halimbawang code.
Maaari mong magbiyolin na may ito, baguhin ito, at pindutin Update,
at makikita ito ipakita sa iyo kung ano ito talaga gumagana sa web page.
>> Kaya ako ay lubos na inirerekomenda ang paggamit na iyon.
Ito ay medyo cool.
Hindi ka makakakuha ng seg pagkakamali dito kapag bagay magkamali.
Kung pinamamahalaan mo upang makakuha ng isang seg kasalanan sa HTML,
huwag ipaalam sa akin dahil ako pagpunta sa ay tunay intrigued.
Ngunit ito ay talagang cool na dahil maaari mong baguhin ang mga bagay,
Maaari mong makita ang mga ito na-update live.
At sa tingin ko makakakuha ka ng isang mas mas intuitive na kaalaman sa HTML
kung aktwal mong gastusin lamang ng ilang oras-eksperimento sa ito.
Kaya na ang dahilan kung bakit sinabi ko, kasanayan at eksperimento.
>> Google, mula dito sa out, ay malamang na maging
ang isa sa iyong pinakamahusay na mga mapagkukunan at mga kaibigan.
O Bing-- ako nagtatrabaho sa Microsoft, kaya siguro ang dapat kong sabihin Bing.
Pero halos kahit ano ay lamang ng pagpunta sa maging syntax,
kaya pag-unawa kung ano ang mga tag ay, understanding-- ng hindi bababa sa CSS--
kung paano baguhin ang ilang mga katangian.
Ito ay sobrang kapaki-pakinabang.
>> Kaya kahit na hindi namin mayroon kang anumang mga inihandang mga bagay,
kailangang namin uri ng ilang mga pinakamahusay na kasanayan na gusto namin sa iyo guys upang subukan at sumunod
by-- o sa halip, dapat mong sumunod sa hanggang sa susunod na abiso.
Kaya isara ang lahat ng iyong mga tag.
Sana lahat has-- alam mo kung ano, kung ito ay hindi magkaroon ng kahulugan ngayon,
Nangangako ako ay itong magkaroon ng kahulugan kapag kami coding ang pahina.
Ngunit isara ang lahat ng iyong mga tag.
Kaya kung sakaling mayroon kang ilang mga header na bracket,
H1, bracket, tiyakin na sa tuwing tapos ka na sa na,
isasara mo ang header na iyon.
Patunayan ang iyong pahina sa W3 Validator.
Kung hindi mo isara ang iyong mga tag, maaari kang makakuha ng mga hindi inaasahang pag-uugali.
Ito sabihin na ang iyong pahina ay hindi wasto kung patatakbuhin mo sa pamamagitan ng validator.
Kaya kapag nasa doubt-- at lalo na sa linggong ito at susunod na linggo
pset-- sa parehong paraan na aming hinihiling mong gamitin ang check 50 at estilo 50,
maaari mong isipin na ito bilang isa sa iyong mga pagsusuri, OK?
>> Kaya kung hindi ito pumasa sa W3 Validator.
Iyon ay isang bagay na kami ay i-dock ka.
O kaya naman ako na nagsasabi sa iyo karapatan ngayon, ako ay i-dock ka.
Kaya't tiyaking ito napatunayan.
Ito ay hindi mahirap.
Ilagay mo lang sa iyong code at ito makikita alinman sabihin magaling
o nawawala isang bagay sa parehong paraan
ay nagsasabi sa iyo na style 50 kung saan ka panggugulo up.
>> At pagkatapos ay isang huling bagay ay gusto mong ihiwalay
ang iyong mga markup, na ang lahat ng mga HTML na o ang iyong teksto, at ang iyong mga estilo.
Kaya makikita natin ang isang halimbawa ng karapatang iyon pagkatapos na ito.
Kaya dapat maging hiwalay na HTML at CSS.
At kami ay pagpunta sa ay pakikipag-usap tungkol sa MVC, na Modelo Tingnan ang Kontroler,
susunod na linggo.
Ikaw guys dapat marahil alamin ang tungkol sa na sa panayam
bukas kung mayroon kang na natutunan ito ngayon.
>> At ito ay lamang uri ng isang tularan na kami ay may gawi
upang gamitin kapag lumilikha ng web mga pahina upang paghiwalayin ang mga bagay out.
Maaari mong isipin na ito sa parehong paraan na may posibilidad naming hiwalay na function sa C
kung saan hash namin upang mahanap ang mga bagay.
Ito ay isang paraan lamang upang gawing mas madali ang iyong buhay.
Ito ay hinihiwalay katangian o code na Gusto gumagamit ka ng paulit-ulit,
ngunit sa ganitong paraan, ito uri ng iniingatan nito ang maganda at malinis at maayos.
At kung gusto mong baguhin isang bagay, baguhin mo ito nang isang beses
at ito ang nagbago sa lahat ng dako iba pa.
Kaya ito ay higit pa para sa iyong luwag at kakayahang umangkop.
>> Kaya gamit ang CSS, ito ay katulad na katulad sa HTML, ngunit sa halip ng mga tag
na nabanggit ko lang ngayon, namin gamitin kung ano ang tinatawag na tagapili.
At sila ay isa lamang lamang uri ng iugnay ang isang tiyak na tag
sa HTML na may iba't ibang mga katangian.
At kapag sinabi ko katangian, ibig kong sabihin mga bagay tulad ng kulay ng font, estilo ng font,
ang kulay ng background, ang kulay ng iyong teksto.
Ang mga uri ng mga bagay.
Tulad ng kung ito ay nakasentro, kung ito ay off sa kanan,
kung ito ay inverted-- lahat ng mga cool na bagay.
Ang anumang pangkakanyahan bagay na gawin mo sa iyong teksto,
ito ay kung ano ang aking ibig sabihin na may mga katangian.
>> At pagkatapos ay dalawang pangunahing mga bagay upang malaman ay ang selectors-- dalawang mga pangunahing factors--
mga ID, na kung saan ay natatangi.
Maaari mo lamang gamitin na para sa isang bagay.
Kung hindi man, ito ay pagpunta sa sumigaw sa iyo.
At kapag tinutukoy namin sa isang CSS file, ito
maging hash ID at pagkatapos ay kung ano ang mga katangian na nais namin.
Nangangako ako kami ng pagpunta sa pumunta sa pamamagitan ng isang halimbawa.
Ito gumawa ng maraming higit pang mga kahulugan.
>> Class ay maaaring sumangguni sa maraming mga block.
Kaya maaari kang magkaroon ng iyong una at ikatlong talata
magkaroon ng parehong uri ng mga katangian kung -ugnay ka sa kanila gamit ang parehong klase.
At kapag tinutukoy namin ang mga ito sa CSS, mayroon kaming isang tuldok klase,
may klase pagiging anumang gusto mo ito na may pangalang.
>> Kaya Alam ko na ito ay tama ngayon napaka abstract.
Iyon ang dahilan kung bakit kami ng pagpunta sa code.
Alam ko ka guys pag-ibig iyon, at ang lahat ng mga
pagpunta sa makakatulong sa akin dahil ito ay ang iyong web page.
Ito ay ang web page aming seksyon, na guys.
Kaya ay mayroong anumang mga katanungan bago ako i-off ang PowerPoint, o anumang bagay
Gusto mo sa akin upang mag-scroll pabalik sa bago namin simulang coding?
>> Madla: Kapag sinabi mo ang pagtutugma ng mga tag, ang ibig mong sabihin tagapili o tag?
Allison BUCHHOLTZ-AU: Maaari mo palagay sa kanila ng parehong bagay.
Iba ito lamang ang mga salita.
Ibig kong sabihin, tulad ng tagapili.
Ngunit tagapili ring i-map sa mga tag.
Kaya maaari mong isipin ang mga ito bilang epektibo ang parehong bagay.
Ipinapangako ko ito ang nangyayari upang gawing higit pang kahulugan kapag code namin.
Anumang bagay mula sa PowerPoint o anumang mga katanungan
ngayon bago namin talaga lumikha ng pahina ng aming seksyon ng?
Ang bawat tao'y handa?
Ayos.
>> Kaya Mayroon akong isa makapagsimula.
Hayaan akong taasan ang font para sa iyo guys.
OK, kaya sa ngayon, mayroon kaming lamang walang kalaman-laman na web page buto dito mismo.
>> Mayroon kaming ilang mga HTML.
Mayroon kaming ilang mga header, na namin makikita dito bilang halimbawa web page.
Ang ilang mga pamagat, ang ilang mga font.
Ito ang mga tag, OK?
Kaya kapag ibig kong sabihin isara ang iyong mga tag, tingnan ang aming dito ang bracket ulo ay iyong pambungad na
tag, at ito bracket / Head Magsasara na ito, OK?
>> Kaya maaari mong isipin na ito bilang ang iyong brace sa iyong mga kondisyon kung
o ang iyong para sa loop.
Kung mayroon kang isa sa simula, gusto mo ang isa sa dulo.
Ito ay pa rin gumagana sa karamihan ng mga oras kung hindi mo magkaroon ng isang closed tag,
ngunit pinakamahusay na kasanayan ay isara ang iyong mga tag.
>> Kaya sa kasong ito, ay baguhin ito ipaalam.
Kami ay pagpunta sa may seksyon ng pitong.
"Seksyon Webpage."
Kaya ako lamang ang pagpunta upang baguhin ito.
>> At kung pumunta sa paglipas kami dito at kami reload-- gotta i-save at reload--
napansin namin na dito Binago ito, i-right?
Ayos.
Kaya ito ang mga pagbabago sa pamagat.
Ito ay ang anumang sa iyong mga tab.
>> Kaya ito ay uri ng naghahanap ng uri ng mayamot.
Hindi ko alam tungkol sa guys.
Sa tingin ko gusto naming ibang bagay dito.
>> Kaya kung ano ang maaari naming gawin ay ang header ay may lamang.
Gawin ang ilang mga uri ng katawan Hayaan.
Kaya mayroon kaming ilang mga katawan dito.
Palagi kong gawin bukas at isara ang aking mga tag upang simulan,
sa parehong paraan na gagawin ko brace.
Ah.
Maghintay, ano?
>> Madla: [hindi marinig].
Allison BUCHHOLTZ-AU: Ah.
Ikaw guys Nakakuha ako.
Mahusay.
Gold bituin.
>> OK, kaya mayroon kaming ilang mga katawan dito.
At simulan ang pagdaragdag ng ilang teksto na ngayon hayaan.
Kaya mayroon kang dalawang magkaibang mga pagpipilian para sa pagdaragdag ng teksto.
Mayroon kaming mga bagay tulad ng mga header.
Mayroon kaming lamang sa normal na teksto.
Kaya ipaalam sa magsimula lamang na may isang header.
Sa totoo lang, kung gusto mong guys upang makuha ang HTML School ng W3,
maaari mong uri ng tumingin sa paligid at kung mayroong anumang bagay
Partikular na nais mong subukan ang gamit ang web page, maaari naming gawin iyon.
Gawin na lamang ng ilang h1 Kaya sa kasong ito, sabihin.
Kaya h1 ay tulad ng pinakamataas na header.
Ito ay magbibigay sa iyo ng isang bagay ito ay isang malaki at naka-bold.
>> At sa kasong ito, kung ano ang gusto namin para sa unang teksto sa aming web page?
Kahit ano.
Ikaw guys ay pagpunta upang lumikha ng ito.
Lamang ako ng pagpunta sa i-type.
Madla: Maligayang pagdating.
>> Allison BUCHHOLTZ-AU: Maligayang pagdating.
OK, kaya kung i-save namin ito at i-reload namin, mayroon kaming isang mahusay na malaki maligayang pagdating.
Kaya lang nang sa gayon maaari mong makita ang pagkakaiba, gawin ang isang bagay sa H6 ipaalam.
Ano ang gusto namin dito mismo?
Mag-right?
>> OK, kaya lamang upang maaari kang mag makita ang pagkakaiba.
Oo, kahanga-hanga.
Kaya kung napansin mo, h1, napaka, napakalaking.
h6, tulad ng naka-bold, ngunit mas maliit, at mayroon kang lahat ng bagay sa pagitan.
Kaya maaari kang magkaroon ng h2, h3, h4.
At ang mga ito ay lamang ang mga header, kaya kung sinusubukan mong
upang lumikha ng isang web page na May iba't ibang mga seksyon,
siguro na gusto mong gamitin mga header sa may lugar.
>> Ayos.
Kaya gagamitin namin magdagdag ng ilang higit pa bagay sa ating katawan.
Nakikita ko na magiging uri mga astig na kung nagkaroon kami ng larawan.
Nararamdaman kong maaaring gamitin ng lahat ng tao siguro isang cute na kuneho larawan karapatan tungkol sa ngayon,
kaya kami ay pagpunta upang mahanap ang isang kuneho unang larawan.
>> Hindi ko alam kung guys ay may anumang Mga kagustuhan sa kung alin ang gusto naming.
Mayroon ba kayong mga kagustuhan?
Isa ito dito?
Pababa.
OK.
Isa na ito ay.
Magandang pagpipilian.
>> OK, kaya kami ay pagpunta upang tingnan ang aming mga larawan.
Tumingin sa iyon.
Tumingin sa kaibig-ibig na bagay.
Paano mong maging malungkot sa Lunes na may ito?
>> Kaya kami lamang ang pagpunta upang kopyahin ang URL ng larawan.
At kung ano ang gusto naming gawin ay, sabihin lamang sabihin nating mayroon kami ng ilang p para sa talata.
Kami ay pagpunta sa sabihin ang "Hanapin tumingin sa cute na kuneho.
d'awwww. "
Gustung-gusto ko ang aking Bunnies.
Mayroon akong kuneho sa bahay.
Hinahanap-hanap ko ang aking kuneho.
Kaya kung ano ang namin ang pagpunta sa do-- Hindi ko alam kung gusto mong guys
sa google this-- ngunit sa HTML, kung paano maaaring isama mo ang isang larawan?
Literal, kung google "Isama ang HTML imahe,"
bakit hindi mo guys sabihin sa akin kung ano ang dapat na ang tag na ito?
>> Madla: img source--
>> Allison BUCHHOLTZ-AU: img source--
Madla: --equals--
Allison BUCHHOLTZ-AU: --equals--
Madla: --quote-- oo.
Allison BUCHHOLTZ-AU: Perpekto.
Kaibig-ibig.
Tingnan, pagbuo ng MySpace, tama?
Madla: Neopets.
Allison BUCHHOLTZ-AU: Neopets.
Oh, ang OK.
Wow.
Naging baliw.
OK.
>> Kaya tiyaking nakakatanggap ako ng karapatang ito.
Ayos.
Kaya ito ay dapat na naririto.
At pagkatapos ay kung i-reload namin, mayroon kaming kuneho sa pahina kaibig-ibig Ay hindi ito?
>> Ito ay upang nakatutuwa.
Pinili mo ang isang mahusay, mahusay na larawan.
Ako paghuhukay ito.
>> OK, kaya kami ay may ito kaibig-ibig kuneho ngayon.
Nagawa naming upang magdagdag ng isang imahe, tulad ng iyon.
Kaya isa lamang kung mayroong anumang larawan na gusto mong idagdag sa iyong web page,
maaari mo itong idagdag ganito lamang.
Isa pang bagay ay magiging kung mo na ang mga imahe na naka-imbak
sa parehong folder bilang ang file na ito, maaari mo lamang
isulat ang anumang mga pangalan ng na imahe ay sa halip ng pagkakaroon ng isang web link.
>> Ito ay dapat nasa mga panipi pa rin.
Ito ay magiging tulad kung kami ay may pangalang this--
kung ang larawang ito ay nai-save sa folder sa file na HTML
na ako sa pag-edit at ito ay tinawag bunny.jpg.
Maaari rin kaming gawin iyon at gusto itong lumabas.
Gayunpaman, hindi ko magkaroon ang naka-save sa ang file at nais kong panatilihin ang kuneho,
kaya kami ay pagpunta upang panatilihin ang mga link.
>> Madla: Ano ang rabbit.org?
>> Allison BUCHHOLTZ-AU: rabbit.org.
Ito ay isang appropriate-- tumingin, maaari mo itong magpatibay.
Pag-ampon.
bunny.jpg.
Gusto kong magpatibay ito kuneho.
Oh, diyos, ito ay kaya maganda.
>> OK, kaya nagdagdag kami ng mga header.
Nagdagdag kami ng isang larawan.
Malinaw, nagdagdag kami ilang teksto dito, tama?
Kung gusto naming magdagdag ng iba pang mga teksto, nais naming tulad nito.
Kaya ito ay isa pang talata.
>> At sinasabi namin sa "ito ay isa pang talata."
Gayundin, ako ay isang kakila-kilabot speller, kaya maaaring ko bumaybay nang pamali bagay.
Para sa iyong impormasyon lamang.
>> Kaya mayroon kaming isa pang talata dito, tama?
Kaya marahil gusto mong gawin ang isang bagay mas kawili-wiling pa sa isang maliit na
ang lahat ng iyong teksto, tulad ng karapatan nakahanay.
Siguro gusto mong upang igitna ang iyong teksto, OK?
>> Kaya kapag ang isang tao ay nais na gumamit ng mga madaling magamit na mga computer sa harap ng sa iyo
at sabihin sa akin kung paano ikaw ay pagpunta sa igitna ang tekstong ito,
>> Madla: Ihanay sa p.
>> Allison BUCHHOLTZ-AU: Kaya ay katumbas ng Ihanay p "center."
Siya'y pagpatay ito, guys.
Kailangan Y'all sa hakbang up.
At mayroon kaming "Ito ay nakasentro."
At ngayon ng isang bagay na namin ang nakasentro.
>> Sa parehong paraan, kung Gusto ito hinayaang nakahanay,
maaari mong gawin Ihanay equals kaliwang, Ihanay katumbas ng karapatan.
Ganap na nakasalalay sa iyo.
Kung ginawa ko dito mismo, pagkatapos ito should-- ngayon ito kanan nakahanay.
>> Madla: Allison?
Sa pamamagitan ng pinagmulan ng larawan, bakit hindi Mayroon bang malapit ng source img?
Allison BUCHHOLTZ-AU: Paumanhin.
Isa ito ay dapat na Mayroon Ngayon ay handa ka mabuti.
Ngayon kami ay mabuti.
Madla: Hindi Mayroon kayong upang isara ang doon, o hindi?
Allison BUCHHOLTZ-AU: Well, kaya img pinagmulan, ang isang ito ay just-- na may larawan,
lamang ito ay itinuturing na isang elemento, samantalang ang kung napansin mo para sa natitirang bahagi ng mga ito,
mayroon kaming ilang mga tag pagkatapos ay i-impormasyon na ito ay hinggil sa at pagkatapos ng pansarang tag.
Ngunit may larawan, ang lahat ng lamang uri ng mga self-contained.
Ayos.
Kaya mo guys malaman kung paano lumikha ng isang header, alam mo kung paano i-input ng teksto,
alam mo kung paano maglagay ng isang imahe sa ngayon, maaari mong align bagay.
>> Isa pang bagay na Maaaring gusto upang magawa
ay ang lumikha ng isang listahan sa CS-- kami uri ng pagpunta sa pset susunod na linggo.
Ang mga bagay-bagay na aming Karaniwang magturo sa linggong ito
mangyaring hindi talagang maayos sa pset sa susunod na linggo, kaya kami ay
uri ng paghahalo, nagpapang-abot na mga bagay dito.
Ngunit ito ay maging kapaki-pakinabang para sa susunod na linggo.
>> Kaya kung gusto naming gumawa ng ilang mga listahan, kung paano maaaring gawin namin iyon?
Hindi mo masagot ngayon.
May iba ay sa.
Ito ay hindi mahirap, guys, nangangako.
Google "unordered listahan ng HTML."
Ano iyon?
>> Madla: [hindi marinig].
Allison BUCHHOLTZ-AU: I-right.
Kaya huwag namin nais na-order o unordered?
Ay gawin ang isang unordered Hayaan.
Kaya mayroon kaming ilang mga ul, na ang ibig sabihin ay Unordered List.
At ano ang mayroon kami para sa bawat elemento?
Gumagana ba kailangan nito ng sarili nitong tag na ito?
Masimulan lang namin sa pagsusulat ng mga bagay?
>> Madla: li.
>> Allison BUCHHOLTZ-AU: li.
Kaya kung ano ang aming listahan ng pagpunta sa maging?
Ano ang gusto namin dito?
Lamang gawin namin mga pangalan.
Gawin lamang Jacob.
>> Madla: Kuneho pagkain.
>> Allison BUCHHOLTZ-AU: Kuneho pagkain.
OK na nais ko ito.
Kuneho pagkain.
>> OK, kaya kami ay may karot.
Gusto ko ito tema kuneho.
Ako paghuhukay ito ng maraming.
Madla: Sa totoo lang, naisip ko na Jacob ay magiging isang legit.
Allison BUCHHOLTZ-AU: Jacob?
Jacob ay kuneho pagkain.
Kung nakita mong ni Jacob larawan mula sa oras ng opisina,
maaaring naisip mo siya Nakakuha inaatake ng isang nakamamatay na kuneho.
>> Madla: Mayroon akong kuneho ngayon.
Mayroon akong killer kuneho ngayon.
>> Allison BUCHHOLTZ-AU: Sigurado ka sa akin kidding?
>> Madla: Makikita ko dalhin ito sa susunod na seksyon.
Mayroon akong ito.
>> Allison BUCHHOLTZ-AU: Ito ay katawa-tawa.
Pa Rin.
>> Madla: [hindi marinig]
>> Madla: Oo, ang aking Proctor May pati na rin ng kuneho.
>> Allison BUCHHOLTZ-AU: Gusto ko ng kuneho.
OK, kung sinuman ang nagdadala ng tunay na kuneho sa sa susunod na seksyon, ang kabuuang puntos brownie.
Madla: [hindi marinig]
Madla: Oh, ito ay hindi real.
Ito ay isang pinalamanan kuneho.
>> Allison BUCHHOLTZ-AU: Oh oo, maaari naming isara ang mga ito.
Mukhang Rad.
Madla: talaga ba ito mahalaga?
Allison BUCHHOLTZ-AU: Ito ay hindi.
Sa karamihan ng mga bagay na ito, hindi mo isara ang tag,
99% ng oras walang masamang nangyayari mangyari, ngunit ito ay mahusay na estilo, masyadong.
Kaya Jacob.
At mayroon kaming litsugas.
Madla: Para sa mga link, talaga mahalaga.
Allison BUCHHOLTZ-AU: Hm?
Madla: Para sa mga hyperlink.
Allison BUCHHOLTZ-AU: Para sa mga hyperlink.
Oo, kailangan ang mga hyperlink ito.
OK, tingnan dito upang ipaalam.
At mayroon kaming mga malapit sa aming listahan.
At tinitingnan namin ang iyon.
Na all-- namin Jacob, doon.
Kuneho pagkain.
Reminds sa akin ng Bunnicula.
>> Madla: [hindi marinig]
Allison BUCHHOLTZ-AU: ako nagdadala sa likod ang lahat ng mga lumang mga sanggunian ng paaralan ngayon,
Hindi ko?
Lang lahat ang lumang mga sanggunian ng paaralan.
Dapat ay dinala tulad ng Gogurts o isang bagay na para sa meryenda.
>> Madla: O Gushers.
Allison BUCHHOLTZ-AU: Oh.
OK.
Kukunin ko makita kung ang maaari kong subaybayan down na Gushers para sa susunod na linggo.
Sa tingin ko ang maaari kong gawin iyon.
Sa tingin ko na maaaring mayroon kami ilan sa opisina.
>> OK, kaya sakop kami ng maraming iba't ibang mga bagay na maaari mong gawin sa HTML, tama?
At bilang maaari mong malamang na makita ito, nothing-- sana, hindi masyadong intim--
kung ito ay, hindi ko ibig sabihin upang maliitin ang sinuman.
Kung nagkakaroon ka ng problema, mangyaring makipag-usap sa akin.
>> Ngunit higit sa ito ay lamang ng pagtingin sa mga syntax, tama?
Kung gusto mo ang isang unordered listahan, kung nais mo ang ilang mga uri ng mga listahan,
kung gusto mong i-align ng isang bagay o format ang isang bagay, ang lahat ay tungkol lamang
uri ng hinahanap ang syntax para sa HTML, tama?
At isang bagay na medyo cool talaga
ay kung pumunta ka to-- tingnan natin, kung ano ang gandang website na gusto naming?
Sinuman ay may anumang mga paboritong website na OK upang ilabas ang online?
Alam mo kung ano, hayaan gawin ni lamang CS50.
Iyon ang maganda at safe, tama?
>> OK, kaya CS50 dito.
Oh hitsura, mayroong isang seksyon ngayon.
Kung gusto mo ang hitsura nito.
>> Madla: [hindi marinig].
Allison BUCHHOLTZ-AU: Hindi namin pagpunta sa gawin meta seksyon, guys.
Hindi ito nangyayari.
Ito ay cool, ngunit Hindi namin pagpunta sa gawin ito.
>> Kaya kung ano ang ginagawa ng dati mo gawin kung gusto mo ang paraan
ito gumagana ay maaari ka laging tama mag-click sa anumang web page na gusto mo
at maaari mong gawin Tingnan ang Pinagmulan ng Pahina.
Ito ay ilabas ang lahat ng mga HTML.
At ito ay tunay na isang talagang magandang paraan upang estilo ng iyong sariling mga web page.
Pumunta sa isang web page na iyong talagang gusto at tumingin sa HTML
at malaman kung paano nila ginawa ito.
>> At literal, hangga't bilang sipiin ka ng mga bagay,
hangga't ikaw ay hindi lamang ang pagnanakaw mula sa mga tao, ito ay OK.
Lalo na para sa CS50 [? tustusan?], kami ay
uri ng inaasahan mo upang makakuha ng inspirasyon mula sa ibang mga website.
Kaya huwag mag-atubiling.
Tumingin sa mga website na sa tingin mo ay talagang kaakit-akit
at malaman kung paano sila ginagamit HTML at CSS upang gawin ang mga bagay.
>> Kaya bilang na iyong nakikita dito, may malinaw naman tulad ng mga link at mayroon kaming isang klase dito.
Mayroon kaming link dito.
Mayroon kaming isang listahan.
Malamang mayroon kaming ilang mga mga larawan sa isang lugar dito.
>> Mayroon kaming ilang mga magandang istilong dito.
Ito ay ang susunod na bagay kami ay pagpunta sa gawin.
Kaya style, tuwing makikita mo ang mga style bracket, ito ay CSS talaga.
Ben, ay may tanong ka?
>> Madla: Ano ang div?
>> Allison BUCHHOLTZ-AU: div ay a-- lamang kung ano ang div?
Madla: Division.
Allison BUCHHOLTZ-AU: Division.
Oo, ito ay tulad ng naghihiwalay sa iba't ibang mga elemento.
OK, kaya dito ay kung ano ang hindi namin pagpunta upang pumunta sa susunod.
Kaya ito ay maaaring hindi ang pinakamahusay na style dahil, kung napansin mo
mayroon kaming HTML at estilo sa parehong pahina, at talaga namin nais upang paghiwalayin ang mga,
OK?
At talagang, ipaalam sa akin buksan ang aking mga karapatan ng isa
dahil ito ay dapat na maging ang PDF, kaya kami ay style.css.
>> Kaya kung ano ang maaari naming gawin dito ay mga mga cool na bagay tulad ng ilang fade
at maaari naming subukan at gawin iyon, subalit nararamdaman ko tulad ng gagawin ko gulo na hanggang sa mabilisang,
kaya hinihikayat kitang guys sa pumunta subukan na ito sa iyong sariling,
ngunit hindi ako pagpunta sa gawin ito ngayon.
Kaya kung guys, tandaan, kung pindutin mo ang hanay ng problema,
isang bagay swoops sa mula sa gilid.
Mayroon itong gawin sa fade sa at ang paglipat at watnat.
>> Madla: At na ang lahat ng CSS at HTML?
>> Allison BUCHHOLTZ-AU: Lahat ng CSS at HTML.
Oo.
Kaya maaari mong gawin ng maraming talaga cool na bagay sa CSS at HTML.
Kaya sa aming mga kahanga-hangang dito kuneho web page, namin
ay pagpunta sa gawin ng kaunti kaunting CSS estilo sa mga ito.
>> Kaya kung sakaling mayroon kang isang estilo sheet, na kung saan mayroon kaming dito,
maaari kang tumawag lamang style.css.
Maaari mo itong tumawag sa anumang gusto mo.
Kung ano ang mahalaga ay na kami ay pagpunta na banggitin ang mga ito sa aming web.html dito.
>> Kaya kung ano ang namin ang pagpunta sa gawin ay we-- kaya gagawin ko hindi gulo ito up--
pupunta kami mag-link ang dalawang mga file nang sabay.
Kaya sa parehong way-- ako pupunta upang maglabas ng pagkakatulad sa C dito.
Sa parehong paraan na kung mayroon kang ilang library-- at mayroon kaming cs50.h--
ang aming mga compiler nagli-link dito.
Ito ay lamang ng isang tahasang link sa aming bahagi.
Kaya sa parehong paraan na ginagawa namin hash isama ang ilang mga file, kung ano ang
Ako tungkol sa upang magsulat ay lamang ang HTML / CSS katumbas ng iyon.
>> Ang sinasabi lang namin, OK, ang web page Mawawala upang magamit ang stylesheet, OK?
Kaya mayroon kaming link na rel katumbas ng stylesheet.
At pagkatapos ay mayroon kaming uri, css.
At pagkatapos ay href katumbas.
>> OK.
Kaya ang lahat ng ito ginawa dito ay maaari mo isipin na ito bilang ang parehong bagay
bilang isang hash isama.
Malinaw na mukha itong isang kaunti pa kumplikado, ngunit sa lahat ng kaso,
ito ay epektibo ang parehong bagay.
Kaya ito ay ilan lang sa pag-link ng isang style sheet, ito ay ang uri ng text / css,
at ang pangalan ng ito ay style.css.
>> Ano ang Mahalagang malaman ay ang web page
na ako gumagana nang tama ang now-- web.html at style.css-- ay sa parehong folder.
Dahil sa iba't ibang mga folder, Kailangan mong bigyan ang aktwal na ugat
dito o sa landas dito.
Ngunit sa kasong ito, Pinananatili namin ito sobrang simple at ito ay magiging dito.
Kaya kung gagawin namin na, mayroon akong ilang mga mga bagay na naka-queue up dito.
>> Kaya mayroon kaming ilang mga katawan, na kung saan ay pagpunta na magkaroon ng aming mga kulay ng background, na
ngayon ay mapusyaw na asul.
Maaari naming baguhin ito kung gusto namin, ngunit kung natatandaan ko na ito ng tama,
dapat itong baguhin lamang ito sa mapusyaw na asul.
At ngayon kami ay may isang mapusyaw na asul na background.
At namin ay may maaari here-- sinuman tandaan kung saan ang isa ay hash ID o klase?
>> Madla: ID.
>> Allison BUCHHOLTZ-AU: ID.
Ayos.
Kaya kung ano ang gusto naming gawin ay kung alin sa mga font
o which-- ang gusto naming "Tumingin sa ang cute na kuneho "upang maging purple?
Sa tingin ko gusto namin na maging mga lilang.
Ako ay medyo pababa gamit na pagiging marangal.
>> Kaya ang ginagawa mo ay ginagawa mo ID equals-- sa kasong ito
Sinabi ko, kung ano ang, kaakit-akit na kulay dito.
-Reload namin.
Lahat ng isang biglaang, ito ay mga lilang.
OK, kaya may ID, alalahanin kailangan nito upang maging natatangi,
kaya hindi ko dapat na gamit ang ID na ito kahit saan pa.
Ngunit sa klase, pati na mayroon kami dito sa isang kaakit-akit font,
Dapat ko magagawang gamitin na kahit saan nais na ako.
>> Kaya ipaalam gawin natin ang isa dito.
Upang maaari naming sabihin klase ay katumbas ng magandang font.
At kung tinitingnan namin ngayon, mayroon kaming ang cool na medyo font dito.
Kaya siguro gusto kong gawin pareho.
OK, talagang hindi ko alam kung ito pagpunta sa gumana ngunit gusto kong subukan ito.
At ito ay kung paano ka matuto CSS at HTML.
Ikaw ay tulad ng, alam mo ano, gusto kong subukan ito.
Hindi ako sigurado kung ito ay pagpunta sa gumana.
Tingnan natin kung ito gumagana Hayaan.
>> At tumingin sa iyon.
Ngayon, sa mga lilang at ito ay isang magandang font.
OK, kaya mayroon ka ng lahat ng mga iba't ibang bagay na maaari mong gawin.
Mayroon ka bang katanungan?
>> Madla: Oo.
Well, gusto lamang ang mga kulay gumagamit ka ng mga salita.
Mayroon bang paraan upang gawin ang mga kulay sa hexadecimal RGB?
Allison BUCHHOLTZ-AU: maaari ka ring gawin ito sa hexidecimal, naniniwala ako.
Oo.
Ngunit ito ay uri ng magaling kung ayaw mong hanapin ang mga ito.
Maaari mong lamang na tulad ng, mga lilang o asul.
Madla: Umaasa sa mga ito Hayaan kung ano ang ibig sabihin nito ay.
Allison BUCHHOLTZ-AU: I-right.
Kaya ipaalam gumawa ng ito nabasa o chartreuse.
Bakit ba pinili mo chartreuse?
Ito ay isang kawili-wiling kulay.
>> OK, kaya malinaw naman maaari naming makita namin Maaaring baguhin ng mga bagay gayunpaman namin gusto.
Kung nais mong create-- sabihin nating gusto naming lumikha ng isa pang klase.
Ano ang maaaring gusto mong guys upang baguhin?
Kung hilahin mo up W3Schools ' Dokumentasyon ng CSS,
Umalis ako sa sahig sa iyo guys.
Maaari naming subukan at gawin ang isang bagay cool na may ito sa huling ilang minuto.
Dahil ang uri ng ko na ibinigay sa iyo ng Siyempre crash sa ng maraming cool na mga bagay
na maaari mong gawin.
Ngunit sa dulo, tulad ng sinabi ko, kung eksperimento lang, makakakita ka ng maraming matuto.
>> Madla: tumingin ka ba up ng font na?
>> Allison BUCHHOLTZ-AU: Oo, Ako ay tumingin up ng font na iyon.
Kaya tulad ng literal, ako nagpunta to-- kung ano ang gagawin ko?
Ginawa ko ang CSS listahan ng font, at pagkatapos ay ginawa ko stack ng font,
at pagkatapos ay ako ay tulad ng, tumingin, narito ang lahat ng mga cool na font na maaari mong gawin.
At nagkaroon ng isang ito, kaya Kinopya ko ito sa aking clipboard.
At pagkatapos ay ako tulad noon, OK, cool na, may pumunta namin.
Tapos na ang lahat.
>> Madla: Kaya mo na kailangang tiyakin alam na CSS kung ano ang font na.
>> Allison BUCHHOLTZ-AU: Oo.
>> Madla: Ano ang sinasabi sa dulo?
Kursiba?
>> Allison BUCHHOLTZ-AU: kursiba.
Oo.
>> Madla: Imahe ng background.
>> Allison BUCHHOLTZ-AU: Imahe ng background.
OK.
Kaya nais mong sabihin sa akin kung paano gawin ito.
Iwan ko ito sa iyo.
Ako mag-type dito ngayon lang.
Gulong ay nasa iyong mga kamay.
>> Madla: OK
>> Allison BUCHHOLTZ-AU: OK.
Ano ang aking ginagawa?
>> Madla: Doing-- Alam ko kung ano ang nauuna matapos ang kulot suhay.
Allison BUCHHOLTZ-AU: OK.
Kaya marahil sa katawan, ako Gusto ipinapalagay, dahil kami
ginagawa sa imahe sa background.
>> Madla: Oo, ni gawin na ipaalam.
>> Allison BUCHHOLTZ-AU: OK.
Madla: OK, kaya background tutuldok, at pagkatapos ay namin
Kailangan ang isang URL address ng imaheng iyon.
Siguro palsipikado-code na sa ngayon, marahil.
>> Allison BUCHHOLTZ-AU: Ano ang Gusto mo bang ako to--
Madla: ako nag-iisip na tulad ng isang GIF.
Allison BUCHHOLTZ-AU: Ang isang GIF?
Na magiging kawili-wili.
OK, kung ano ako sa Pag-Google dito?
>> Madla: Hindi, na iyong pinili.
>> Allison BUCHHOLTZ-AU: Bakit huwag we-- kung ito ay isang kuneho,
Pakiramdam ko ay tulad ng dapat naming magkaroon ng isang magaling madilaw damuhan o isang bagay.
>> Madla: Meadow.
Ang isang halaman.
>> Allison BUCHHOLTZ-AU: Isang halaman?
OK.
Madla: O Rachel Maddow.
Allison BUCHHOLTZ-AU: Isa na ito ang hitsura ng kaakit-akit.
Oh, na napakaliit, bagaman.
Kailangan namin ng isang mahusay na imahe laki.
Tingnan natin Hayaan.
Oh, hanapin.
Iyon ay isang magandang halaman.
Alam mo kung ano, gusto ko ang isang ito.
Kopyahin ang isang ito Hayaan.
>> Madla: OK, kaya tingin ko ito ang URL, bukas panaklong.
>> Allison BUCHHOLTZ-AU: OK, URL.
>> Madla: Pagkatapos ng address.
>> Allison BUCHHOLTZ-AU: OK.
Iyan ba ang lahat ng namin?
>> Madla: Isara ang mga panaklong semicolon, at pagkatapos espasyo, background gitling
tutuldok maayos ang attachment, at kulot suhay.
>> Allison BUCHHOLTZ-AU: OK.
Tingnan natin kung na gumagana Hayaan.
Ito ay magiging medyo cool kung ginagawa nito.
Ako ay tunay na nasasabik dito mismo.
Hindi ito gumana.
Siguro kung bakit.
Madla: Siguro ang URL ay dapat sa pagbanggit.
Allison BUCHHOLTZ-AU: Baka.
At ito ay kung paano namin matuto, guys.
>> Madla: Maaari ba kaming background kulay at larawan sa background?
>> Madla: Hindi.
Isa supersedes sa iba pa.
>> Allison BUCHHOLTZ-AU: dunno ko.
Tingnan natin Hayaan.
Tingnan natin ito out at makita Hayaan.
>> Madla: Oh, siguro, oo.
[INTERPOSING boses]
>> Allison BUCHHOLTZ-AU: OK, na ito ay obviously-- ko [hindi marinig] dito.
Kaya ang OK.
Madla: attachment ng background.
Allison BUCHHOLTZ-AU: Ah.
>> Madla: OK, hindi ko alam.
Allison BUCHHOLTZ-AU: Ito Mukhang ito ay gagana.
Sigurado ka bang ito tutuldok pagkatapos ng URL?
>> Madla: Hindi, ito ay semicolon.
Allison BUCHHOLTZ-AU: Ito ay semicolon.
Madla: sabihin ba akong tutuldok?
Allison BUCHHOLTZ-AU: Sinabi mo ng tutuldok.
Madla: Ay naku.
Allison BUCHHOLTZ-AU: Mayroon kang pumunta.
Madla: Oh, maghintay, ngayon Hindi namin mabasa ang teksto.
Allison BUCHHOLTZ-AU: Ngayon hindi mo maaaring basahin ang teksto,
ngunit mayroon kaming ang larawan sa background.
Mmhmm?
>> Madla: ba ng HTML sumusuporta sa dynamic na nilalaman?
Tulad ng, maaari mong baguhin ang laki na larawan depende sa laki ng window,
o na ang isang CSS--
>> Allison BUCHHOLTZ-AU: Kaya may gawin na CSS.
Kaya kung guys ay interesado sa pag-aaral ng mga advanced na CSS,
Ako co-pagtuturo ng pantas-aral sa CSS sa ika-7.
At ipinapangako ng ako'y ito maging mas malalalim
at makagawa ng higit pa cool na bagay sa seksyong ito.
At ang aking mga co-guro ay tulad ng kabuuang front end web dev master.
Kaya ito ay magiging medyo cool kung nais mong upang matuto nang higit pa tungkol sa lahat ng mga cool na bagay
magagawa na CSS.
>> Ngunit kung ano ang mayroon kaming dito sa ang kanyang attachment sa background
fixed-- kaya ilang mga nakapirming size-- ngunit maaari mong aktwal na dynamically--
kung sakaling makita mo ang mga web page, tulad ng pinaka-mahusay na mga web page ay gawin,
kapag inaayos mo ang laki ng iyong browser,
ito inaayos ng background o kung magkano ay nagpapakita o reformats bagay, tama?
Kaya na kung ano ang tinatawag naming kamag-anak pagpoposisyon.
>> At CSS ay maaaring aktwal na-grab kung gaano kalaki ang iyong Lapad ng browser o kung gaano kataas ito ay,
at maaari mong iposisyon ang mga bagay ayon sa mga kamag-anak na laki
kumpara sa ganap na laki.
At na malinaw naman higit na advanced CSS, ngunit iyon ay isang bagay na maaari mong gawin.
Kung gusto mong matuto nang higit pa, dumating sa aking seminar.
>> Kaya na ay isang bagay na maaari mong gawin.
At CSS maaari talaga do-- CSS at JavaScript,
na makikita namin sa susunod na week-- Maaaring payagan pabago-bago mong baguhin
mga pahina nang hindi na kinakailangang -reload ang mga ito sa lahat ng oras.
At makakuha ng mong gawin ang ilang mga medyo cool na bagay.
>> Kaya mayroong isa pang bagay na maaaring gusto mo guys gawin
o anumang bagay na gusto mong tuklasin?
Mayroon kaming 10 minuto ang natitira.
Pwede rin kaming mag-iwan nang maaga, ngunit kung Gusto mo bang gawin ang ilang higit pang mga bagay-bagay sa web,
makakaya namin, ngunit hindi ako pagpunta upang pilitin mong i-.
Ngunit maaari rin kaming kumain lamang kendi.
Madla: I-highlight ang teksto puti upang mabasa mo ito.
Allison BUCHHOLTZ-AU: OK.
Kaya sa kasong ito, nais namin ang ilang p.
Madla: Dapat gawin namin ito sa katawan kaya Nalalapat ito sa buong pahina?
Allison BUCHHOLTZ-AU: Oo, maaari naming aktwal na.
Iyon ay isang magandang ideya.
Kaya have-- namin gawin mo malaman kung ano ang dapat naming maging?
Hindi ko alam kung magagawa natin ang kulay ng teksto.
Ako ay pagpunta sa subukan at lumikha ng isa pang klase dito.
>> Madla: Paano ka makakakuha ng kaya na may mga mungkahi ito?
Allison BUCHHOLTZ-AU: Kaya kung ka guys ay interesado,
ito ay isa pang teksto editor na tinatawag na kahanga-hanga.
Dapat mo magagawang i-install ito sa iyong appliance.
Minsan ito ay makakakuha ng isang maliit na nakakalito.
Kung gusto mo ng tulong sa na, Ako ay sobrang masaya na tulungan kang
kasama nito, dahil gedit ay mahusay at ito ay kahanga-hangang dahil maaari mo itong compile
sa ibaba, ngunit ko talaga tulad ng kahanga-hanga dahil ito ay medyo
at ito ay gumawa ng mga bagay katulad ng auto-complete.
>> Kaya maaari mong Talagang huwag mag-atubiling ipaalam sa akin kung gusto mong gawin iyon.
Kung google mo lang ang "kahanga-hanga teksto, "ito ay karaniwang
May mga tagubilin kung paano i-install sa iba't-ibang mga operating system.
Ito ay talagang cool, ako Sa tingin, sa aking opinyon.
Kaya p.
Sa tingin ko ang maaari kong gawin lamang text-- o maaari naming lamang gawin kulay ay "puti."
Mayroon.
>> Kaya kung ano ang ginawa ko dito ay na ako Hindi baguhin ang lahat ng teksto.
Ngunit p dito lamang tag na mayroon kami, tama?
Talataang ito tag.
Kaya lang Lumikha ako ng elemento ng CSS na sinabi, OK, kahit ano na may ganitong tag
p, gumawa ng puti ang kulay.
>> Kaya kung napansin mo, ginawa ito ang puti at ang puti.
Hindi nito gumawa ng aming listahan puting dahil hindi ito nauugnay sa iyon.
Maaari kang pumunta sa pamamagitan ng at maaari mong say--
>> Madla: Gumawa ng kulay ng background.
>> Allison BUCHHOLTZ-AU: ang kulay ng background?
>> Madla: Background sa pipe sa Kulay ng kung saan inilagay mo ang p tag.
>> Allison BUCHHOLTZ-AU: OK.
Gusto mo itong puti?
Madla: Mmhmm.
Allison BUCHHOLTZ-AU: OK.
Mayroon kang pumunta.
Madla: Iyon ay kakaiba.
Allison BUCHHOLTZ-AU: Medyo cool, tama?
Kaya kung gulo lang sa paligid, na iyong pupuntahan upang matuto ng maraming.
At ito ay maaaring maging medyo cool.
Sa tingin ko ito ay talagang higit pa gratifying kaysa sa kung minsan
dahil hindi mo na kailangang maghintay para sa iyong programa upang ipunin.
Maaari mo lang pindutin ang I-refresh at ikaw ay tulad ng, oh, tumingin,
ito ay nagtrabaho, o oh, ako Marahil nawawalang isang bagay.
At iyon ang isang bagay na talagang cool na tungkol sa susunod na bahagi ng klase,
ay ito ay talagang, ako Mag-isip, mas madaling mag-check
bilang pumunta ka sa kahabaan ng paraan kumpara pagkakaroon na magsulat ng mga mahabang programa
at nagnanais at nagdarasal na ito ay gumagana sa dulo.
>> Kaya may mga iyon, sa palagay ko mo guys lahat mukhang mabuti.
Kung mayroon kang anumang mga katanungan, gaya ng lagi, ay makipag-usap sa akin, ay ipaalam sa akin.
Ako ay magiging karapatan sa labas sa susunod na 15 minuto
kung gusto mong makipag-chat tungkol sa kahit ano at lahat ng bagay.
>> Kaya Umaasa ako guys-- mo good luck sa pset.
Ang deadline ay Biyernes sa tanghali dahil ito ay inilabas huli na.
Kaya ako ay marahil ang dapat makita Marami ka guys sa Huwebes,
ngunit sana ay hindi.
Siguro magkakaroon ka ito nagagawa sa pamamagitan ng pagkatapos.
Gusto ko maging sobrang mapagmataas.
>> Ngunit kung hindi, ako ay iyong nakikita Huwebes.
Maaari mo ring gamitin ng late petsa, na ay umaabot ito hanggang Sabado sa tanghali.
Ngunit don't-- ko huh?
>> Madla: Halloween.
>> Allison BUCHHOLTZ-AU: Ito ay Halloween, isang, at b,
Hindi sa tingin ko habilin doon maging opisina na oras sa Biyernes.
Kaya talagang huwag subukan at makakuha ng ito tapos na sa pamamagitan ng Biyernes upang maaari naming ang lahat ng ipagdiwang
Pabanalin pagtatapos ng linggo.
Ang lahat ng mga karapatan, kukunin ko na nakikita mo guys sa susunod na linggo.