[Музыка, якая іграе]
АЛЛИСОН Бухгольц-AU: Добра, усе.
Сардэчна запрашаем у профіль.
Такім чынам, наша позва дня на сёння збіраецца над значна больш вэб-Dev рэчы.
Я не ведаю, колькі з Вы бачылі вашыя psets
так як ён быў выпушчаны сёння раніцай.
Я б, як, колькі людзі чыталі спецыфікацыю,
але бачачы, як у вас было ўсё з, як, 07:00, каб глядзець на яго
і гэта панядзелак і Вы, напэўна, быў клас,
Я буду лічыць, што большасць з вас не маюць.
Калі ў вас ёсць, дадатковыя прэстыжнасць.
>> Вы ў асноўным дапамагае рэалізаваць просты вэб
Сервер у C, які з'яўляецца новым PSET, так вы, хлопцы, атрымаеце быць марскіх свінак.
Гэта будзе весела, дзікі тыдні але я думаю, гэта будзе вельмі весела
і гэта будзе сапраўды добры вопыт на самай справе.
Такім чынам, каб падрыхтаваць вас да што, у раздзеле сёння,
мы збіраемся пайсці CHMOD, TCP / IP, і Затым трохі HTML і CSS.
>> У рэшце рэшт, мы будзем на самай справе код да простага вэб-старонкі разам
каб дапамагчы вам, хлопцы, атрымаеце выгляд больш азнаёміліся з гэтым.
І потым, калі вы не падабралі Вашы віктарыны, яны наперадзе,
але я ўпэўнены, што кожны тут мае сваю віктарыну.
А таксама на гэтай ноце, рашэнні не да яшчэ,
але як толькі мы finish-- падабаецца, Апошнія некалькі людзей, якія прымаюць іх quizzes--
яны будуць да.
Калі ў вас ёсць якія-небудзь пытанні тым часам,
не саромейцеся, пішыце мне асабіста.
Я адкажу з вашай асобы пытанні, як я заўсёды раблю.
>> Так на гэтай ноце, CHMOD.
Таму ў асноўным усё, што вы трэба ведаць аб CHMOD
з'яўляецца тое, што ён выкарыстоўваецца для змены правы доступу да файлаў, ці не так?
Так што гэта толькі некаторыя сістэмы завуць яе ў змяніць правы доступу, як тут гаворыцца.
І калі вы калі-небудзь хацелі бачыць якія правы мае файл,
замест таго, каб проста рабіць Ls, вы маглі б зрабіць Ls -l.
л варта доўга.
>> Такім чынам, вы будзеце рабіць доўгія спісы за ўсё, і гэта
дасць вам значна больш падрабязнае Інфармацыя аб кожным з вашых файлаў.
І вы ўбачыце, something-- Я збіраюся прапусціць наперад для second--
але вы ўбачыце нешта падобнае на што верхняя лінія ёсць для кожнага файла.
І мы пойдзем праз што гэта значыць.
>> Так у асноўным, для змены Вашы правы доступу да файлаў,
Вы проста хочаце выкарыстоўваць CHMOD.
Вы можаце думаць пра гэта, як і любы іншы UNIX называюць як Ls або кампакт-дыска ці яшчэ шмат чаго.
Гэта проста нейкая іншым, як выклік.
>> Так мы робім CHMOD, а затым мы будзем ёсць тры лічбы тыпова.
Ёсць пара спосабаў зрабіць гэта, адзін з якіх мы абмяркуем.
Але, як правіла, вы будзеце мець тры лічбы ў дыяпазоне ад 0 да 7 кожны раз.
>> Так што, адно тое, што ёсць тры розных дазволаў
што мы можам даць кожны файл.
І гэта чытаецца, што прадстаўлены г, які будзе мець сэнс
ў трохі; W, які запісу; і выкананы, якая з'яўляецца х.
Я ведаю, што электронная адзін, выкананы, можа быць, не самы сэнс, але мы
ўяўляюць яго з х.
>> І тады адбываецца тое, кожны з іх Таксама мае месца прадстаўленне лікаў.
Таму ў нас ёсць 1, 2, і 4.
І ў асноўным тое, што адбываецца, кожны з гэтых трох лікаў
тут адпавядае іншы набор карыстальнікаў
што гэтыя правы ставяцца да.
>> Такім чынам, вы можаце думаць аб тым, што першы лік адпавядае фактычнаму карыстачу
або ўладальнік файла, другая колькасць будзе адпавядаць групе,
а апошні ставіцца у свеце, ОК?
Так што ж адбываецца памятаць тыя, numbers-- R 4, W = 2,
х 1, ці не так?
This-- калі вы падвесці іх уверх, што дае вам, што першае лік
што мы маглі б уваход у наш CHMOD.
>> Такім чынам, у гэтым выпадку, тое, што б гэты лік можа быць?
Гэта было б 4 плюс 2 плюс 1, якая знаходзіцца ў 7, ці не так?
І ў гэтым выпадку, гэтыя няма нічога,
так што гэта прама тут бы перавесці на CHMOD 700, ОК?
А што, што робіць гэта дае ўсе з гэтых дазволаў у вашай карыстальнікам.
>> Такім чынам, гэта азначае, што нашы карыстачу можа рабіць усё, што яны хочуць.
Яны могуць чытаць гэты файл.
Яны могуць выканаць гэты файл.
Яны могуць запісаць у гэты файл.
Але група і свет, няма Дазволу бы там ні было, добра?
>> Так яшчэ адзін спосаб напісаць што, мы можам зрабіць CHMOD з трох лічбаў, кожная з якіх
адпавядае якую суму або што Пэўная група з'яўляецца, канкрэтных падмноства.
Ці мы можам зрабіць на самай справе іншае.
Ўтрымліваць.
Мы можам нешта зрабіць з гэтым тут.
>> Як многія з вас бачылі прыклад дзе гэта было, як у Chmod плюс х?
Вы бачылі, што ў лекцыі, я думаю?
Так выступае за ўсё.
Гэта азначае даць яго ўсім карыстальнікам, якія я забыўся паставіць тут.
>> Але плюс х, калі мы заўважыць тут, калі мы робім
у chmod-- што група мы казаць аб плюс дазволаў
мы хочам даць ім.
Так што гэта можа быць плюс або мінус.
Плюс дадае дазвол.
Мінус адымае дазвол.
Даволі інтуітыўна, я думаю.
>> Так плюс х азначае CHMOD.
Так змяніць правы ўсіх людзей Калі гэта A-- дазволу дадаць.
І x-- што азначае, што такі дазвол мы прадастаўлення ўсіх.
Чытаць, пісаць, або выканаць?
>> АЎДЫТОРЫЯ: Выканаць.
>> АЛЛИСОН Бухгольц-AU: Выканаць.
Такім чынам, мы даем ўсім карыстальнікам дазвол на выкананне гэтага файла, ОК?
Так што, калі мы хацелі зрабіць што з лікавы форме?
Так што памятаеце з лічбавым, мы хочам тры колькасці.
>> АЎДЫТОРЫЯ: 4.
АЛЛИСОН Бухгольц-AU: Што гэта было?
АЎДЫТОРЫЯ: 4.
АЛЛИСОН Бухгольц-AU: Ня 4.
АЎДЫТОРЫЯ: 0, 0, 4.
АЛЛИСОН Бухгольц-AU: Ну, мы хочам даць яго ўсім карыстальнікам, ці не так?
Такім чынам, мы будзем мець лік у кожным слоце.
Гэта будзе такое ж колькасць у кожным слоце
таму што мы проста хочам даць Кожны выкананыя дазволаў.
Так выкананы роўна 1, але на правільным шляху.
>> Так што, калі мы CHMOD 111, што б быць эквівалентам CHMOD плюс х.
Ці мае гэта сэнс для ўсіх?
Мы збіраемся прайсці праз пара прыкладаў.
>> Так вялікі вынас вось не тут,
але проста азначае даць яго ўсім карыстальнікам.
у, калі вы проста хочаце даць або адняць
спецыяльнага дазволу ад карыстач або ўладальнік.
г з'яўляецца для групы, так што сярэдні разрад.
А потым іншыя, вы можаце думаць аб як свет, то апошняй лічбай.
>> Так з гэтым, мы пойдзем да прыкладу, таму што я адчуваю, што прыклады заўсёды
зрабіць гэтыя рэчы прасцей для разумення.
Так rwx-- мы прайшлі this-- таксама можа быць прадстаўляць як 700.
Вось прыклад, які мы глядзелі на большай частцы малюнка.
Так CHMOD 444 на некаторай файле дасць нейкія дазволу?
Вы былі вельмі блізкія.
АЎДЫТОРЫЯ: Readable для ўсіх.
АЛЛИСОН Бухгольц-AU: Readable.
Так чытаным для ўсіх, ці не так?
І тады тое, што яшчэ адзін спосаб зрабіць гэта?
Калі мы хочам зрабіць CHMOD альбо з R, ці ж-х, плюс і мінусы,
што б што выклік выглядае?
Гэта будзе CHMOD што?
>> АЎДЫТОРЫЯ: плюс т.
>> АЛЛИСОН Бухгольц-AU: плюс г на 5.
ОК, так што гэта тое ж самае, гэта, проста два розных перакладаў
пра тое ж.
Так з гэтым, у нас ёсць гэтыя.
Таму я хачу, каб вы, хлопцы, каб паспрабаваць напісаць такога роду ў іх зваротным шляху.
>> Так з CHMOD 555, што б гэта было падобна?
Ці будзе гэта плюс або U плюс ці яшчэ шмат чаго?
Для і плюс х, дайце мне тры колькасці.
А потым скажыце мне, пра што дазволаў мы на самай справе прадастаўлення і хто?
>> Таму я дам вам, хлопцы два хвілін, каб працаваць над гэтым.
Не саромейцеся казаць адзін з адным.
Для тых з вас, хто прыйшоў у маленькі позна, ёсць цукеркі і футболкі.
Мы тры кашулі злева, і у нас ёсць камплект Кац і ўспышкі зоркаўтварэньня.
Так што не саромейцеся прыйсці захоп некаторыя ў гэтай маленькай інтерлюдія.
>> Акрамя таго, апошні з якіх з'яўляецца хітрым.
Гэта два chmods для апошняга.
На самай справе, дазвольце мне зачыніць гэтую дзверы у той час як вы, хлопцы, працуеце на што.
Candy заўсёды неабходна у панядзелак днём.
>> Такім чынам, CHMOD 555.
Што-іншаму можна было б напісаць, што?
Любыя ідэі?
Так.
>> АЎДЫТОРЫЯ: плюс RX.
>> АЛЛИСОН Бухгольц-AU: г плюс RX.
Вы хочаце, каб патлумачыць, чаму ён быў бы гх ці што?
>> АЎДЫТОРЫЯ: Таму што ў вас ёсць 5, так што гэта 4 плюс 1,
так што чытаў плюс выкананы, і гэта для ўсіх.
АЛЛИСОН Бухгольц-AU: справа.
Так проста, каб паўтарыць, 5 тут мы ведаем, як сума 4 і 1,
таму што кожны нумар у нашай трыо сума дазволаў на гэтай падгрупе,
ці не так?
Альбо карыстальнік, група, ці свет.
Такім чынам, у дадзеным выпадку, мы ведаем, што 5 павінен быць сфарміраваны 4 і 1.
>> І 4 і 1 адпавядаюць чытання і выканання.
Мы даем яго ўсім, так што мы можам зрабіць CHMOD плюс RX.
І відавочна, што мы проста пайшлі праз пытанні там,
так што зараз гэты файл з'яўляецца выкананым і чытэльным для ўсіх.
>> Так што аб другім?
Што можа колькасць для гэтага аднаго будзе?
Любыя ідэі?
Працягвай.
>> АЎДЫТОРЫЯ: 100 [неразборліва].
>> АЛЛИСОН Бухгольц-AU: 100.
Дакладна.
Так што вы хочаце растлумачыць, чаму 100?
АЎДЫТОРЫЯ: Таму што гэта для Карыстальнік, такім чынам, гэта ў першую пазіцыю.
І тады х выкананага 1.
АЛЛИСОН Бухгольц-AU: Цалкам дакладна.
Такім чынам, мы прадастаўленні выкананы Дазволу проста карыстальнікам.
Такім чынам, у гэтым выпадку, гэта будзе 100.
І ў мяне ёсць адказы на ўсе пытанні на наступным слайдзе ў выпадку
Вы пішаце шмат рэчаў ўніз.
>> ОК, так што гэта наступны фактычна зроблена з двума chmods, вы маглі б зрабіць гэта.
Дык хто-небудзь ёсць любая ідэя, як можна
атрымаць CHMOD 640 перапісаныя па-іншаму?
Вы можаце змяніць карыстальніка, а затым Вы можаце змяніць група мая намёк.
>> Так што, калі мы проста мяняецца Карыстальнік, які ў гэтым першы тут,
што можа наш заклік быць?
Так карыстальнік і, ці не так?
Так CHMOD U плюс тое, што?
Mmhmm?
>> АЎДЫТОРЫЯ: RW.
АЛЛИСОН Бухгольц-AU: RW.
Права, для чытання і запісы, таму што чытанне 4, W = 2, тым, сума разам, як 6.
Такім чынам, мы атрымліваем CHMOD ў плюс RW, і мы атрымліваем наш першы 6 там.
>> Такім чынам, каб атрымаць 4, зараз мы хочам, змяніць нашы параметры групы.
Так што мы збіраемся рабіць CHMOD г плюс што?
Што 4?
>> АЎДЫТОРЫЯ: г.
АЛЛИСОН Бухгольц-AU: г.
Дакладна.
Такім чынам, мы даем ўладальніку чытаць і пісаць дазволаў
і мы даем групе Распазнаць Дазволу, якія ў нас ёсць усе тут.
Mmhmm?
>> АЎДЫТОРЫЯ: Калі вы можаце напісаць нешта, гэта азначае, вы можаце запусціць яго?
>> АЛЛИСОН Бухгольц-AU: Вы можаце напісаць у something--
Я не веру, што гэта азначае, што вы можаце выканаць яго.
Прахладны.
Так што ўсё, што мы толькі што прайшоў праз.
Так на гэтай наступнай, гэта толькі збольшага агульныя выпадкі
што вы хочаце захаваць у розум для ваша праблема ўсталяваць.
Яны, як правіла дазволаў што мы хацелі выкарыстаць.
>> Такім чынам, для 711, што дае нам, вядома, карыстальнік
усе дазволы, якія імкнецца асэнсаваць.
А потым гэта выкананыя група ў свеце, які мае сэнс
калі ў вас ёсць каталог, вы хочуць, каб мець магчымасць прайсці ў яго.
Людзі павінны мець доступ.
>> Для любога ня-PHP-файл, які вы збіраецеся выкарыстоўваць 644, які будзе рабіць тое, што?
Што гэта азначае, або тое, што Дазволу ці дае гэта?
Так ўладальнік можа якія?
АЎДЫТОРЫЯ: Чытанне і запіс.
АЛЛИСОН Бухгольц-AU: Чытанне і запіс.
А потым група і іншыя можа проста чытаць, ці не так?
А потым CHMOD 600 для любога PHP файлы, якія вы выкарыстоўваеце,
Ваш гаспадар, зноў жа, можа чытаць і пісаць да іх
але ўсе астатнія толькі збольшага перакрытыя.
>> Так што гэта будзе на самой справе быць больш карысным, калі
Вы атрымліваеце на свой праблемы ўсталяваць на наступным тыдні, дзе
вы на самой справе стварэння вэб-сайта.
Так што, калі вы калі-небудзь сутыкнецеся з нейкія дзіўныя праблемы
дзе ён не загружаецца правільна, можа быць, вам
трэба дадаць выкананы дазвол, ці, можа быць, вам патрэбен чытання
або напісаць дазвол.
Дробязі, якія маюць тэндэнцыю да паездкі людзей ўверх, але гэта накшталт як ісці да
пры запуску PSET на наступным тыдні.
І я хацеў бы даць вам больш намёкі на PSET на гэтым тыдні,
але я да гэтага часу гляджу на яго, так як ён быў выпушчаны сёння раніцай.
Але вы напішыце мне, я буду паглядзеў у яго да таго часу, я адкажу заўтра.
>> Так што цяпер, гэта ўсё добра з CHMOD?
Любыя захоўваюцца пытанні?
Даволі проста.
Проста выгляд адсочвання таго, што чытаць, пісаць і выконваць лічбы
Верагодна, самая складаная частка.
>> Так з TCP / IP, усе гэтыя пратаколы, накшталт як са сваімі структурамі дадзеных
на мінулым тыдні, гэта значна больш, Важна атрымаць від
больш высокі ўзровень інтуіцыі з іх.
Гэта не CS143, куды мы ідзем папрасіць вас рэалізаваць сетку,
так вам будзе добра, калі вы не разумееце,
вашывы пяшчаны з усіх пратаколаў.
Што важна зразумець, накшталт як тое, што яны ўяўляюць
і чаму яны важныя.
>> Так TCP / IP, вядома, гэта Пратакол кіравання перадачай
або інтэрнэт-пратаколу, які з'яўляецца у асноўным проста набор законаў у асноўным
або стандартаў, якія кажуць дадзеныя як з ім трэба звяртацца,
як гэта павінна быць пакетизирован, перадавацца, і атрымаў.
Так што ў прынцыпе, гэтак жа, як гэта кажа тут, павялічвае шанцы
што дадзеныя атрымлівае, дзе Вы хочаце, каб дабрацца да.
>> Я ўпэўнены, што, калі вы, хлопцы, пайшлі Лекцыя або назіраў яго ў Інтэрнэце,
ён has-- я не ведаю калі ён зрабіў гэта ў гэтым годзе,
але я ведаю, у мінулым годзе, ён быў дэма, дзе ён быў намаляваны Робом
і ён разбіць яго на чатыры і паклаў яго ў канвертах
і спрабаваў данесці яго да людзей Сандэрс.
І вы можаце роду думаць пра гэта такім чынам.
Гэта проста набор правілаў, расказаць дадзеныя, як атрымаць дзе-
і дазваляе даведацца, калі вам не хапае звестак,
такім жа чынам, што, калі вы прымаючы некалькі старонак нататак
і вы маркіраваць іх з стар 104, стар 204, і вы вернецеся да вывучэння пазней
і вам не хапае something-- Вы не можаце знайсці старонку 304-- вы ведаеце
што-то не так, таму вам можаце паглядзець вашы нататкі
зноў або папрасіць каго-небудзь адправіць вас Лекцыя адзначае гэты дзень.
Гэтак жа, як з дадзенымі ў Інтэрнэце.
Калі я прашу што-то з нейкага сервера
і яму неабходна будзе адправіць гэта ў некалькі пакетаў,
верагодна, будзе нумарам гэта ў нейкай меры, хай
мне ведаць, колькі я павінен быў атрымаць, і скажыце мне, о, гэта адзін з 10
ці гэта адна з 10000.
Такім чынам, калі я іду, каб сабраць усе часткі разам,
Я ведаю, калі што-то не хапае і я магу папрасіць што зноў.
Ці мае гэта сэнс?
Проста гэта набор правілаў.
На яго аснове, набор правілаў, ОК?
>> Такім чынам, мы таксама казалі Крыху пра партах.
Гэта на самай справе проста стандарт, дазваляе даведацца, які тып дадзеных
перадаецца ў гэтых пакетах.
Калі мы ідзем з нашым канверт прыклад, мы не
ведаю, што гэта карціна Роб там, калі мы не пісаць
на вонкавым боку нашага канверта.
Так парты ў асноўным адно і тое ж.
Гэта проста спосаб высветліць, што тып дадзеных перадаецца.
>> Таму ў нас ёсць усе Найбольш распаўсюджанымі з іх тут.
Так 21-- гэта таксама свайго роду з як добрых рэчаў, каб ведаць.
Гэта свайго роду лёгкі пытанне віктарыны.
Будзьце, як, што ж порт 80 зрабіць?
Ці, што ж порт 443 зрабіць?
Так добрыя рэчы ведаць.
>> Такім чынам, мы маем тут, 21 файлаў Пратакол перадачы, так што проста
правілы, якія вызначаюць перадачу файлаў.
25, што-тое, што мы ўсе выкарыстоўваць занадта шмат, гэта электронная пошта.
53 гэта даменнае імя Сістэма, якая з'яўляецца ў асноўным
проста свайго роду пошуку для IP-адрас даменнага імя.
>> Так што я ўпэўнены, што гэта было згадваецца ў лекцыі, калі вас
перайсці да чаго-то накшталт google.com, ён мае IP-адрас
які звязаны з ім.
Гэта на самай справе не google.com.
І так 53 гэта порт што на самой справе адбываецца
сыход за віду пераводзячы яго у гэтым IP-адрас для вас.
А потым 80 і 443 вельмі распаўсюджаныя.
Вы павінны альбо вэб-старонкі або ў вас ёсць свой бяспечны вэб-старонку,
які шмат вэб-старонак перадачы па гэты дзень.
>> Так што нібыта высокі ўзровень Агляд пратаколу перадачы.
Я не бачу значна больш у глыбіню.
Гэта свайго роду цікавага матэрыялу калі вы зацікаўленыя.
Там ёсць шмат рэсурсаў.
Вікіпедыі на самай справе даволі добры старонка.
Так што я глядзеў на яго проста некаторы час таму,
так што я вельмі рэкамендую гледзячы на ​​яго, калі вы зацікаўлены
або ўзяць 143 у два гады, таму што Я думаю, што гэта раз у два гады.
>> Так, на канец гэтага, мы казаць аб вэб-старонак і HTTP,
што на самой справе наша наступная тэма для сёння, перш чым ісці ў HTML і CSS
і вы можаце кадзіраваць вэб-старонку.
Гэта будзе весела.
Прыйдзецца фатаграфіі трусы і гэта будзе выдатна.
>> Так HTTP, як вы можаце бачыць тут, з'яўляецца адным з выдатных скарачэнняў
на гэтым тыдні, якая з'яўляецца Пратакол перадачы гіпертэксту.
Такім чынам, яшчэ раз, гэта проста іншы набор правілаў,
рэгулюе гіпертэксту перадачы, у гэтым выпадку.
Так лепшы спосаб даведацца аб гэта толькі часткова
каб разбіць яго на гэтыя асобныя словы
таму што ёсць шмат словы на экране з'яўляецца.
>> Такім чынам, мы збіраемся пачаць з гіпертэксту.
Такім чынам, "гіпер", вы можаце думаць аб "Вышэй за", як супер-рэч тыпу.
Так што гэта на самай справе проста тэкст, узяты ў Наступны ўзровень, так што гэта як супер тэксту,
як наступны тэкст.
Так што гэта ў асноўным толькі Тэкст, які дае нам
больш інфармацыі, чым звычайны тэкст робіць, ОК?
>> Так што ў гэтым выпадку тут, гэта гіпертэксту.
Гэта кажа нам пра тое, што ў нас ёсць нейкая сувязь, што мы збіраемся,
які cs50.net, якія Цяпер cs50.harvard.edu.
Гэтыя слайды трохі старыя.
І гэта будзе адлюстроўвацца гэта, як гэта, як гіперспасылка,
а затым сапраўды класны сайт.
>> Так што гэта тэкст, які трохі Трохі сапраўды класных рэчаў у там.
Такім чынам, вы можаце звязаць рэчы, і вы можаце ўстаўляць малюнкі і вы можаце стыль рэчы.
І самае знаёмае справа, што вам Хлопцы, напэўна, з гіпертэксту
гэта мова гіпертэкставай разметкі, HTML, што, вядома, усё ў Інтэрнэце
што мы бачым вакол нас, эксплуатацыю з якой CSS стылю кінутага ў.
>> Але калі хто-то быў сапраўды вялікі з MySpace,
Я ўпэўнены, што вы ўсё б HTML ўвесь час, каб стварыць
гэтыя выдатныя профілі, ці не так?
Я адчуваю, што гэта можа быць састарэлі спасылкі зараз, але ўсё, што.
Проста little-- вы, хлопцы, ня, што нашмат маладзей.
Некаторыя з вас старэйшы за мяне.
MySpace па-ранейшаму справа, калі я быў малады.
Я не настолькі стары.
>> У любым выпадку, HTML проста форма гіпертэксту.
Так гіпертэксту проста Тэкст з дадатковымі функцыямі.
Так пратакол перадачы, верагодна, больш сумніўным, што трэба растлумачыць.
Відавочна, transfer-- толькі перадача дадзеных.
Так як паміж кліентам, як Ваш вэб-брат, і сервер.
Так у асноўным проста спосаб інтэрнэт працуе.
>> Так дакладнай просьбе як яны працуюць, мы
на самай справе адбываецца, каб паглядзець на Прыклад запыту і адказу.
Але, як мы просім Інфармацыя з сервера
і як сервер адказвае на нас што рэгулюе гэты пратакол перадачы.
Бо запыт і адказ ёсць прытрымлівацца гэтым пэўны набор правілаў.
Гэта стандартызаваны такім чынам, што незалежна ад таго, дзе вы выкарыстоўваеце Інтэрнэт,
ён заўсёды працуе так жа, ОК?
>> Зноў жа, пратакол, набор правілаў.
Гэта проста нармальны ўзаемадзеянне такім жа чынам,
што прафесар Malan кажа аб калі хто-то пашырае свае сілы,
Вы ведаеце, што гэта звычайная ветлівасць да дасягнуць тваё, і паціснуць руку.
Гэта пратакол, ці не так?
>> Так я даю некаторы стандартызаваны запыт, які я хачу паціснуць вашу руку,
а ты нейкі стандартызаваная Адказ, які не з'яўляецца ні не, дзякуй
ці вы маглі б паспрабаваць і качаю рука ці, можа быць, вы збіраецеся паспрабаваць
і кулак падняць мяне.
І мы не маем пратакол для гэтага.
Гэта ламае.
Але калі ўсё ідуць і той жа пратакол, вядома,
ён ідзе значна больш плаўна.
Людзі пазнаюць адзін аднаго.
Усе шчаслівыя.
>> Так у свеце Інтэрнэту, усё па той жа rules--
трохі лепш, чым сацыяльных стандартаў.
Але з гэтым, мы будзем глядзець на прыкладзе запыту тут.
Так што гэта крыху Ключавым момантам тут на дне
што кажа вам розныя колеру, што яны павінны мець на ўвазе.
>> Так белы, як ваш метад Запыт і пратакол version--
так просьба метад, версія.
І тады гэта які- Імя поля і значэнне
з гэтай вобласці, якія мы будзем перайсці ў вельмі, вельмі хутка.
Так што гэта прыклад запыту.
Гэта, як я расцякаецца, жадаючы прадставіцца.
>> Гэта тое, што кліент ці тое, што вэб-браўзэр
будзе пасылаць на сервер.
Так што гэта запыт Get, так што просячы што-то ад сервера.
І гэта, вядома, HTTP і гэта версія 1.1.
>> Так як астатняя частка гэта вось тое, што мы называем Загаловак, і яго дадатковая інфармацыя
што дае нам лепшае ўяўленне аб тым, тое, што мы на самай справе просяць,
ці інфармацыя, якія мы хочам даць сервер, які можа мець дачыненьне.
Так User-Agent дае яшчэ трохі Апісанне on-- напрыклад, тут,
завітак / 7.24.0 на самай справе адбываецца, каб сказаць сервер, што мы выкарыстоўваем Google
Chrome, як наш браўзэр.
Так што, калі вы калі-небудзь чулі аб людзі, якія кажуць
аб тым, каб прыкладанне рэагуе ў некалькіх браўзэрах,
гэта тое, што яны будзе выкарыстоўваць, таму што, калі вы
Не ведаю, які браўзэр запыт прыходзіць ад,
Вы не можаце прыстасаваць дадзеныя, што.
Так, у дадзеным выпадку, карыстальнік проста дае гэты выгляд
ідэнтыфікавалай інфармацыі аб тым, што браўзэр
Ваш карыстач у цяперашні час з выкарыстаннем, ОК?
>> Такім чынам у нас таксама ёсць мноства, якое з'яўляецца дзе мы на самай справе жадаючы ісці.
У гэтым выпадку, мы хочам паехаць у apple.com, купіць некаторыя новыя IPADS
або што-то, можа быць, мілы агні на нашых пакоях інтэрната.
І імя значэнне ў канцы проста напаўняльнік, проста агульную справу
для вас, хлопцы, каб убачыць.
Гэта на самай справе не адпавядае ні тут.
>> Такім чынам, вы можаце мець столькі ж ці як мала, як вы хочаце, у кожным канкрэтным выпадку.
Вялікую частку часу, яны не з'яўляюцца абавязковымі.
Гэта проста залежыць ад таго, Вам трэба з браўзэра,
ад вашага карыстальніка ў мэтах правільна даць запыт.
Ці гэта залежыць ад таго, які ваш карыстальнік на самай справе хоча адмовіцца на сервер.
Такім чынам, вы, магчыма, многія, многія з гэтых імёнаў палёў загалоўка
ці вы можаце проста ёсць пара.
Як і ў многіх рэчах Я ўжо казаў, у гэтым раздзеле,
гэта сапраўды залежыць ад кантэксту аб тым, як вы выкарыстоўваеце гэты.
>> Гэтак жа, што мае сэнс для ўсіх?
Гэта проста прыклад таго, Запыт, загалоўкі, яшчэ шмат чаго.
Такім чынам, з гэтым, у нас ёсць некаторыя адказ.
>> Зноў жа, у нас ёсць код стану, пратакол версія, а затым імя поля і палі
шануеце як заўсёды.
Так наш версіі пратаколу і наш код стану 200.
Добра, што азначае, што, так, усё прайшло добра.
Вось тое, што вы хочаце.
>> Тып сервера, змест type-- гэта кажа нам, ОК, вы
збіраецца атрымаць тэкст HTML.
Вось даўжыня яго і вось што рабіць з падключэннем.
Такім чынам, яшчэ раз, у залежнасці на дадзеных, якія вы
просячы, у залежнасці ад таго, што Сервер хоча вярнуцца да вас,
Вы можаце мець некалькі такіх поля Імёны, вы, магчыма, менш.
Цалкам кантэкст залежыць.
>> І наколькі гэты статус Код тут, вядома,
200 з'яўляецца не адзіным Вы маглі б, ці не так?
У нас ёсць шмат кодаў стану.
Хто-небудзь памятае любы з іншыя, што мы, згаданыя ў лекцыі?
Многія з іх пачынаюць з 4.
>> АЎДЫТОРЫЯ: 404.
>> АЛЛИСОН Бухгольц-AU: 404, які з'яўляецца?
>> АЎДЫТОРЫЯ: Файл не знойдзены?
>> АЛЛИСОН Бухгольц-AU: Файл не знойдзены.
Дакладна.
Так што пра 403?
АЎДЫТОРЫЯ: Забаронены.
АЛЛИСОН Бухгольц-AU: Забаронены.
Так што вы думаеце што азначае з chmods?
>> АЎДЫТОРЫЯ: Гэта азначае, што вам няма дазволу, каб прачытаць яго.
>> АЛЛИСОН Бухгольц-AU: Цалкам дакладна.
У нейкай меры, вам не прыйдзецца Дазвол на доступ да яго, ці не так?
Так 404, 403.
Там на самай справе смешна той, які мы заўсёды
ўвесці з кожным годам, што Я павінен быў пакласці тут,
як 413, які з'яўляецца, я чайнік.
Вы можаце Google гэта.
Гэта пацешна, як, што гэта код 413, і гэта я чайнік.
Які я не ведаю, чаму вы б калі-небудзь спатрэбіцца, што ў Інтэрнэце,
але я адцягнуўся.
АЎДЫТОРЫЯ: Можа быць, вы чай гаршчок.
АЛЛИСОН Бухгольц-AU: Можа быць, сервер чайнік.
Хто ведае?
Добра, так што мы збіраемся пераход у рэальным кадавання.
Я адчуваю, што вы, хлопцы, збіраецеся выбрацца адсюль даволі хутка.
>> АЎДЫТОРЫЯ: Чаму яго сказаць "сервер: двойчы?
>> АЛЛИСОН Бухгольц-AU: Хм?
Сервер двойчы?
Гэта добры пытанне.
Я не ўпэўнены.
Я даведаюся і Я вам па электроннай пошце ўсё.
>> ОК, любыя іншыя пытанні, акрамя гэтага?
Добра?
Прахладны.
>> HTML і CSS, і зараз мы дабрацца да ўсіх цікавых дэталяў.
Так як я ўжо казаў, HTML Верагодна, гэта адна з рэчаў,
Вы, хлопцы, лепш за ўсё знаёмыя з.
Таму ў нас ёсць мова разметкі гіпертэксту.
>> Лепшы спосаб даведацца this-- я не ёсць падрыхтаваныя слайды ці нічога
для вас, хлопцы з HTML.
Гэта сапраўды аб вывучэння сінтаксісу.
І калі вы былі ў MySpace дзень, вам прыйдзецца гэта ўніз.
>> Так на самой справе, самая вялікая рэч проста практыкаваць і эксперыментаваць.
Адна з вялікіх рэсурсаў я б Настойліва рэкамендуецца выкарыстоўваць гэта W3Schools.
Так што проста W, 3, а затым школы.
Яны маюць шмат рэсурсы па HTML, на CSS,
і яны на самой справе маюць падзел экрана роду рэчы
дзе яны будуць даваць вам прыклад кода.
Вы можаце гуляць з ім, змяніць яго, а затым націсніце Update,
і гэта пакажу вам, што гэта на самай справе, каб вэб-старонкі.
>> Так што я вельмі рэкамендаваў бы выкарыстанне гэтага.
Гэта вельмі выдатна.
Вы не будзеце атрымліваць SEG няспраўнасцяў тут калі справы ідуць дрэнна.
Калі вам атрымаецца атрымаць SEG віна з HTML,
дайце мне ведаць, таму што я будзе рэальная заінтрыгаваны.
Але гэта сапраўды выдатна, таму што Вы можаце нешта змяніць,
Вы можаце бачыць, што яны абнаўляюцца ў прамым эфіры.
І я думаю, што вы атрымаеце шмат больш інтуітыўным разуменнем HTML
калі вы на самой справе проста правесці некаторыя Час эксперыментаваць з ім.
Дык вось чаму я сказаў, практыка і эксперымент.
>> Google, адсюль на з, верагодна, будзе
адзін з вашых лепшых рэсурсаў і сяброў.
Або Bing-- я працую ў Microsoft, так што, магчыма, я павінен сказаць, Bing.
Але амаль усё, што проста будзе сінтаксіс,
так што разуменне таго, што пазнакі, understanding-- па меншай меры, з CSS--
як змяніць некаторыя атрыбуты.
Гэта будзе супер карысна.
>> Такім чынам, нават пры тым, што мы робім не ёсць нейкія гатовыя рэчы,
у нас ёсць свайго роду некаторых лепшых практык што мы хочам, каб вы, хлопцы, каб паспрабаваць выконваць
по-- дакладней, вы павінны не выконваць да далейшага паведамлення.
Так закрыць усе тэгі.
Спадзяюся, кожны has-- вы ведаеце, што, калі гэта не мае сэнсу цяпер,
Я абяцаю, што гэта будзе мець сэнс калі мы кадавання адкрыць старонку.
Але зачыніць усе тэгі.
Так што, калі вы калі-небудзь некаторыя Загаловак вось кранштэйн,
H1, кранштэйн, пераканайцеся, што кожны раз, калі вы скончыце з гэтым,
зачыніць гэты загаловак.
Пацвердзіць старонку з W3 валідатары.
Калі вы не зачыніце свае пазнакі, Вы можаце атрымаць нечаканае паводзіны.
Гэта будзе сказаць, што ваша старонка з'яўляецца несапраўдным калі вы запусціце яго праз гэты валідатары.
Таму, калі ў doubt-- і асабліва на гэтым тыдні і на наступным тыдні
pset-- такім жа чынам, што мы пытаем выкарыстоўваць праверыць 50 і стыль 50,
Вы маглі б думаць пра гэта як адзін з вашых чэкаў, ОК?
>> Так што, калі ён не праходзіць W3 валідатары.
Гэта тое, што мы будзем састыкаваць вас на.
Ці я кажу вам прама Зараз, я буду док вас на.
Таму пераканайцеся, што ён правярае.
Гэта не цяжка.
Вы проста ўставіць у кодзе і гэта будзе альбо сказаць добрую працу
ці вам не хапае Што такім жа чынам,
што стыль 50 кажа вам дзе вы сапсаваць.
>> А потым адна апошняя рэч гэта вы хочаце, каб аддзяліць
разметка, якая гэта ўсё, што HTML або тэкст, і ваш стыль.
Так мы зробім прыклад гэтага права пасля гэтага.
Так HTML і CSS павінны быць падзеленыя.
І мы збіраемся казаць пра MVC, які з'яўляецца Model View Controller,
Наступны тыдзень.
Вы, хлопцы, павінны, верагодна, даведацца пра тое, што ў лекцыі
заўтра, калі ў вас ўжо даведаўся яго сёння.
>> І гэта толькі часткова парадыгма, што мы, як правіла,
выкарыстоўваць пры стварэнні вэб старонкі, каб аддзяліць рэчы.
Вы можаце думаць пра гэта так жа, што мы, як правіла, асобныя функцыі ў C
дзе мы хэш, каб знайсці рэчы.
Гэта проста спосаб зрабіць вашу жыццё прасцей.
Гэта аддзяляе атрыбуты або код, які вы будзеце выкарыстоўваць зноў і зноў,
але ў гэтым сэнсе, гэта выгляд з ўтрымлівае яго прыгожым і акуратным.
І калі вы хочаце змяніць Адна справа, вы зменіце яго, як толькі
і яна змянілася ўсюды.
Так што гэта больш для вашага лёгкасць і гнуткасць.
>> Так з дапамогай CSS, гэта вельмі падобна на HTML, але замест тэгаў
што я ўжо толькі цяпер, мы выкарыстоўваць тое, што называецца селектары.
І яны ў асноўным толькі збольшага з асацыяваць пэўны тэг
ў HTML з рознымі атрыбутамі.
І калі я кажу атрыбуты, я маю на ўвазе рэчы, як колер шрыфта, стыль шрыфта,
Колер фону, Колер тэксту.
Гэтыя віды рэчаў.
Як, калі ён па цэнтры, калі ён выключаны направа,
калі гэта inverted-- ўсе з гэтых выдатных рэчаў.
Любыя стылістычныя рэчы што вы робіце, каб ваш тэкст,
гэта тое, што я маю на ўвазе з атрыбутамі.
>> А потым дзве асноўныя рэчы, каб ведаць, што selectors-- два галоўным factors--
з'яўляюцца ID, які з'яўляецца унікальным.
Вы можаце выкарыстоўваць толькі тое, што, з аднаго боку.
У адваротным выпадку, гэта будзе крычаць на вас.
І калі мы вызначаем яго у файле CSS, гэта будзе
быць хэш-ID, а затым якія атрыбуты мы хочам.
Я абяцаю, што мы збіраемся прайсці прыкладу.
Гэта зробіць нашмат больш сэнсу.
>> Клас можа ставіцца да некалькіх блоках.
Такім чынам, вы можаце мець свой Першы і трэці пункт
ёсць такі ж атрыбуты, калі Вы звязаць іх з таго ж класа.
І калі мы вызначаем іх у CSS, мы робім клас кропка,
з класам быць усё, што Вы хочаце, каб называць яго імя.
>> Так што я ведаю, што гэта правільна Зараз вельмі абстрактны.
Вось чаму мы збіраемся кода.
Я ведаю, што вы, хлопцы любяць што, і вы ўсё
дапаможа мне, таму што гэта ваш вэб-старонка.
Гэта вэб-старонка нашай кіраўніка, хлопцы.
Так ці ёсць якія-небудзь пытанні, перш чым я выключыць PowerPoint, або што-небудзь
Вы хочаце, каб я пракруткі таму каб перш чым мы пачнем кадаваньне?
>> АЎДЫТОРЫЯ: Калі вы кажаце тэгі матч, Вы маеце на ўвазе селектары або тэгі?
АЛЛИСОН Бухгольц-AU: Вы можаце думаць пра іх як адно і тое ж.
Гэта проста розныя словы.
Я маю на ўвазе, як селектараў.
Але селектары таксама карту з тэгамі.
Такім чынам, вы можаце думаць пра іх як эфектыўна і тое ж.
Я абяцаю, што гэта збіраецца зрабіць больш сэнсу, калі мы кадзіраваць.
Усё, пачынаючы ад PowerPoint або якія-небудзь пытанні
зараз да гэтага мы на самай справе стварыць старонку нашай секцыі ў?
Усе гатовыя?
Прахладны.
>> Таму ў мяне ёсць адзін пачаў.
Дазвольце мне павялічыць шрыфт для вас, хлопцы.
Такім чынам, прама зараз, мы проста павінны голыя косткі вэб-старонкі прама тут.
>> У нас ёсць некаторыя HTML.
У нас ёсць загаловак, які мы см тут як прыклад вэб-старонкі.
Некаторыя назвы, некаторыя шрыфта.
Гэта пазнакі, ОК?
Так што, калі я маю на ўвазе зачыніць свае пазнакі, мы бачым, тут гэта кранштэйны галава ваша стартавая
Тэг, і гэтая дужка / Галава яго закрыцця, ОК?
>> Такім чынам, можна лічыць, што гэта Вашы брекеты ў вашых Калі ўмовы
ці ваш для завес.
Калі ў вас ёсць адзін у пачатку, Вы хочаце адзін у канцы.
Гэта ўсё роўна будзе працаваць вялікую частку часу калі ў вас няма закрытую тэг,
але лепшыя практыкі зачыніць свае пазнакі.
>> Такім чынам, у дадзеным выпадку, давайце зменім гэта.
Мы збіраемся мець раздзел сем.
"Падзел старонкі ў сетцы Інтэрнэт».
Так што я проста хачу, каб гэта змяніць.
>> І калі мы ідзем сюды, і мы reload-- Павінен захаваць і reload--
мы заўважаем, што тут ён змяніў, ці не так?
Прахладны.
Так што гэта мяняе назву.
Гэта якія б у цябе на ўкладцы.
>> Так што гэта свайго роду гледзячы сумна.
Я не ведаю, пра хлопцаў.
Я думаю, што мы хочам нешта яшчэ тут.
>> Такім чынам, што мы можам зрабіць, гэта Загаловак якраз там.
Давайце рабіць нейкія цела.
Такім чынам, мы маем некаторы цела тут.
Я заўсёды так раблю адкрытым і зачыніць тэгі пачаць,
такім жа чынам, што я раблю падцяжкі.
Ах.
Пачакайце, што?
>> АЎДЫТОРЫЯ: [неразборліва].
АЛЛИСОН Бухгольц-AU: Ах.
Вы, хлопцы атрымалі мяне.
Выдатная праца.
Залатая зорка.
>> Такім чынам, у нас ёсць некаторы цела тут.
А цяпер давайце пачнем дадаваць тэкст.
Так у вас ёсць пара адрозніваецца спосабы ўводу тэксту.
У нас ёсць такія рэчы, як загалоўкі.
У нас ёсць толькі звычайны тэкст.
Так што давайце проста пачнем з загалоўка.
На самай справе, калі вы, хлопцы, жадаеце каб падцягнуць W3 школы HTML,
Вы можаце збольшага паглядзець вакол і калі ёсць што-небудзь
Асабліва, што вы хочаце паспрабаваць з гэтай вэб-старонцы, мы можам зрабіць гэта.
Такім чынам, у дадзеным выпадку, давайце проста рабіць некаторыя h1.
Так як H1 з'яўляецца самай высокай загалоўку.
Гэта дасць вам што-то што з'яўляецца вельмі вялікім і тоўстым шрыфтам.
>> І ў гэтым выпадку, тое, што мы хочам у першы тэкст на нашым сайце?
Усё што заўгодна.
Вы, хлопцы, збіраецеся стварыць гэты.
Я проста хачу, каб надрукаваць.
АЎДЫТОРЫЯ: Сардэчна запрашаем.
>> АЛЛИСОН Бухгольц-AU: Сардэчна запрашаем.
Такім чынам, калі мы захаваць яго, і мы перазарадзіць, у нас ёсць выдатны вялікі прыём.
Так, толькі так можна ўбачыць адрозненні, давайце што-то рабіць на H6.
Што мы хочам тут?
Ці не так?
>> ОК, так што проста так вы можаце ўбачыць розніцу.
Так, Sublime.
Так што, калі вы заўважылі, h1, вельмі, вельмі вялікая.
h6, як смелы, але значна менш ,, і ў вас усё ў паміж.
Такім чынам, вы маглі б H2, H3, H4.
І гэта толькі загалоўкі, так што калі вы спрабуеце
стварыць вэб-старонку, якая ёсць розныя секцыі,
можа быць, вы хочаце выкарыстоўваць Загалоўкі ў дзе-то там.
>> Прахладны.
Так мы дадамо яшчэ трохі рэчы ў нашым арганізме.
Я бачу, што гэта будзе свайго роду крута, калі б мы мелі карціну.
Я адчуваю, што кожны можа выкарыстаць, можа быць, мілы зайчык карціна маюць рацыю зараз,
так што мы збіраемся знайсці трусік карціна ў першую чаргу.
>> Я не ведаю, калі вы, хлопцы, ёсць якія-небудзь Перавагі па якой мы хочам.
Ці ёсць у вас нейкія перавагі?
Гэта адзін тут?
Ўніз
Добра.
Гэта адзін гэта.
Добры выбар.
>> Такім чынам, мы збіраемся, каб паглядзець наш імідж.
Паглядзіце на гэта.
Паглядзіце на гэтую чароўныя рэчы.
Як ты мог быць сумным у панядзелак з гэтым?
>> Так мы толькі збіраемся скапіяваць URL малюнка.
І тое, што мы хочам зрабіць, гэта, давайце проста у нас ёсць некаторыя р для пункта.
Мы збіраемся сказаць "Паглядзіце паглядзець на мілы зайчык.
d'Awwww. "
Я люблю сваіх зайчыкаў.
У мяне ёсць трусік дома.
Я сумую па сваёй труса.
Так што мы збіраемся do-- Я не ведаю, калі вы, хлопцы, жадаеце
у Google this-- але з HTML, як Вы маглі б ўключаць у сябе малюнак?
Літаральна, калі вы Google "Уключаюць малюнка HTML,"
Чаму б вам не хлопцы кажуць мне што гэты тэг павінен быць?
>> АЎДЫТОРЫЯ: IMG source--
>> АЛЛИСОН Бухгольц-AU: IMG source--
АЎДЫТОРЫЯ: --equals--
АЛЛИСОН Бухгольц-AU: --equals--
АЎДЫТОРЫЯ: --quote-- так.
АЛЛИСОН Бухгольц-AU: Выдатна.
Выдатны.
Глядзіце, пакаленне MySpace, ці не так?
Аўдыторыя: Neopets.
АЛЛИСОН Бухгольц-AU: Neopets.
О, добра.
Вау.
Гэта быў вар'ят.
Добра.
>> Таму пераканайцеся, што я атрымліваю гэта права.
Прахладны.
Такім чынам, гэта павінна быць тут.
І потым, калі мы перазагрузіць, у нас ёсць труса на старонцы Хіба гэта не цудоўна?
>> Гэта так міла.
Вы выбралі выдатны, вялікі фота.
Я капаць яго.
>> Такім чынам, у нас ёсць гэты цудоўны зайчык цяпер.
Мы змаглі дадаць Малюнак, як і што.
Так у асноўным, калі ёсць якая-небудзь малюнак Вы хочаце дадаць на свой вэб-старонцы,
Вы можаце дадаць яго гэтак жа, як гэта.
Іншая справа, калі б Вы малюнак захоўваецца
ў той жа тэчцы, гэты файл, вы можаце проста
напісаць усё, што імя гэтага вобразу гэта замест таго, вэб-спасылкі.
>> Гэта будзе па-ранейшаму быць у двукоссі.
Гэта будзе проста, як калі б мы назвалі this--
калі гэтая карціна была выратавана у тэчцы з гэтай HTML-файла
што я рэдагавання і яго называлі bunny.jpg.
Мы маглі б таксама зрабіць гэта і гэта будзе адлюстроўвацца.
Тым не менш, у мяне няма ў гэтым захоўваюцца ў файл, і я хачу, каб трымаць труса,
таму мы збіраемся працягваць спасылку.
>> АЎДЫТОРЫЯ: Што такое rabbit.org?
>> АЛЛИСОН Бухгольц-AU: rabbit.org.
Гэта appropriate-- глядзець, вы можаце прыняць яго.
Прыняцце.
bunny.jpg.
Я хачу, каб прыняць гэты трусік.
О, Божа, гэта так міла.
>> Такім чынам, мы дадалі загалоўкі.
Мы дадалі карціну.
Відавочна, мы дадалі нейкі тэкст тут, ці не так?
Калі б мы хацелі дадаць сябра тэксты, мы пайшлі б, як гэта.
Так што гэта яшчэ адзін пункт.
>> І мы кажам, "гэта яшчэ адзін пункт."
Акрамя таго, я жудасна арфаграфіі, так што я, магчыма, памылкі друку рэчы.
Проста FYI.
>> Таму ў нас ёсць яшчэ адзін пункт тут, ці не так?
Так, можа быць, вы хочаце нешта зрабіць трохі больш цікавым, чым проста
ёсць усе вашыя тэксты, як правільна выраўнаваны.
Можа быць, вы хочаце, каб засяродзіць свой тэкст, ОК?
>> Так што, калі хто-небудзь хоча выкарыстоўваць тыя зручныя кампутары перад вамі
і скажыце мне, як ты збіраецца да цэнтра гэты тэкст,
>> АЎДЫТОРЫЯ: р выраўнаваць.
>> АЛЛИСОН Бухгольц-AU: Так р выраўноўванне роўна "цэнтр".
Ён забівае яго, хлопцы.
Y'all трэба актывізаваць.
І ў нас ёсць "Гэта цэнтру."
А зараз мы што-то па цэнтры.
>> Такім жа чынам, калі вы хачу яго выраўноўванне па левым краі,
вы маглі б зрабіць выраўноўвання, роўных левая, выраўноўванне роўная правай.
Усяго да вас.
Калі б я зрабіў тут, то гэта павінны: цяпер ён па правым краі.
>> АЎДЫТОРЫЯ: Элісан?
Да крыніцы малюнка, таму не з'яўляецца ёсць блізка ад крыніцы малюнка?
АЛЛИСОН Бухгольц-AU: Выбачайце.
Гэта павінна быць адным там цяпер вы добра.
Цяпер мы добра.
АЎДЫТОРЫЯ: У вас няма каб закрыць яго там, ці не?
АЛЛИСОН Бухгольц-AU: Ну, так IMG Крыніца, на гэты раз просто-- з выявай,
гэта толькі што бачылі, як адзін з элементаў, у той час як калі вы заўважылі на ўсю іх,
у нас ёсць некаторыя тэг затым інфармацыя, што яна ставіцца да, а затым які зачыняе тэга.
Але з малюнка, усё ў толькі выгляд самадастатковым.
Прахладны.
Так вы, хлопцы, ведаеце, як стварыць Загаловак, вы ведаеце, як ўводзіць тэкст,
Вы ведаеце, як змясціць малюнак у цяперашні час, можна выраўнаваць рэчы.
>> Іншая справа, што вам магчыма, захочаце, каб мець магчымасць рабіць
гэта, каб стварыць спіс у CS-- мы выгляд ўдаючыся ў PSET на наступным тыдні.
Матэрыял, які мы як правіла, вучаць на гэтым тыдні
ідзе сапраўды добра з PSET на наступным тыдні, так што мы
выгляд змешвання, перакрыцці рэчы тут.
Але гэта будзе карысна для наступнага тыдня.
>> Так што, калі мы хацелі стварыць некаторыя Спіс, як мы маглі б гэта зрабіць?
Вы не можаце адказаць на гэты раз.
Хто-то яшчэ павінен.
Гэта не цяжка, хлопцы, абяцаю.
Google "неўпарадкаваных спіс HTML."
Што гэта было?
>> АЎДЫТОРЫЯ: [неразборліва].
АЛЛИСОН Бухгольц-AU: справа.
Так што мы хочам замовіць або неўпарадкаваных?
Давайце зробім гэта неўпарадкаванай.
Такім чынам, мы маем некаторую UL, які выступае за неўпарадкаваных спісамі.
І што ж мы маем для кожнага элемента?
Ці мае ён неабходны свой тэг?
Ці можам мы проста пачаць пісаць рэчы?
>> АЎДЫТОРЫЯ: літый.
>> АЛЛИСОН Бухгольц-AU: літый.
Так што наш спіс будзе?
Што мы хочам тут?
Мы проста робім імёны.
Проста рабіць Якава.
>> АЎДЫТОРЫЯ: Трус прадукты.
>> АЛЛИСОН Бухгольц-AU: Трус прадукты.
ОК, я хацеў гэтага.
Трусік прадукты.
>> Такім чынам, у нас ёсць моркву.
Мне падабаецца гэтая труса тэму.
Я капаць гэта шмат.
АЎДЫТОРЫЯ: На самай справе, я думаў, што Якаў будзе нармальна.
АЛЛИСОН Бухгольц-AU: Якаў?
Джейкоб труса ежы.
Калі вы ўбачылі Якава Фота з офісных гадзін,
Вы, магчыма, думалі, што ён атрымаў напаў забойца труса.
>> АЎДЫТОРЫЯ: у мяне ёсць трусік цяпер.
У мяне ёсць забойца труса цяпер.
>> АЛЛИСОН Бухгольц-AU: Ты здзекуешся з мяне?
>> АЎДЫТОРЫЯ: Я прынясу яго ў наступным раздзеле.
У мяне ёсць яго.
>> АЛЛИСОН Бухгольц-AU: Гэта смешна.
Так ці інакш.
>> АЎДЫТОРЫЯ: [неразборліва]
>> АЎДЫТОРЫЯ: Так, мой суправаджалы ёсць труса, а таксама.
>> АЛЛИСОН Бухгольц-AU: Я хачу труса.
Добра, хто прыносіць рэальную труса да Наступны раздзел, агульная колькасць ачкоў дамавіка.
АЎДЫТОРЫЯ: [неразборліва]
АЎДЫТОРЫЯ: О, гэта не рэальна.
Гэта пудзіла труса.
>> АЛЛИСОН Бухгольц-AU: Аб так, мы можам закрыць гэтыя.
Выглядае рады.
АЎДЫТОРЫЯ: Ці значыць гэта на самай справе мае значэнне?
АЛЛИСОН Бухгольц-AU: Гэта не так.
З большасцю з гэтых рэчаў, Вы не зачыніць тэг,
99% часу нічога дрэннага адбываецца каб гэта адбылося, але гэта добры стыль, занадта.
Так Якава.
І ў нас ёсць салата.
АЎДЫТОРЫЯ: Для спасылкі, гэта сапраўды важна.
АЛЛИСОН Бухгольц-AU: Хм?
АЎДЫТОРЫЯ: Для гіперспасылак.
АЛЛИСОН Бухгольц-AU: Для гіперспасылак.
Так, гіперспасылкі трэба.
Такім чынам, давайце паглядзім, тут.
І ў нас ёсць закрыццё нашым спісе.
І мы глядзім на што.
Мы all-- Якава, прама там.
Трусік ежы.
Нагадвае мне пра Bunnicula.
>> АЎДЫТОРЫЯ: [неразборліва]
АЛЛИСОН Бухгольц-AU: Я нясу таму ўсе сёння спасылкі старыя школьныя,
ці не так?
Проста ўсе старыя школьныя спасылкі.
Калі прынеслі як Gogurts або што-то для закускі.
>> АЎДЫТОРЫЯ: Ці фантануе свідравіны.
АЛЛИСОН Бухгольц-AU: О.
Добра.
Я буду бачыць, калі я магу адсочваць ўніз фантанаў на наступны тыдзень.
Я думаю, што я магу гэта зрабіць.
Я думаю, што мы, магчыма, некаторыя ў офісе.
>> Такім чынам, мы разгледзелі шмат розных рэчы, якія можна зрабіць з HTML, праўда?
І, як вы, верагодна, можа бачыць, што гэта nothing--, спадзяюся, не занадта intim--
калі гэта так, я не маю на ўвазе прынізіць нікога.
Калі ў вас узніклі праблемы, калі ласка, прыходзьце пагаварыць са мной.
>> Але большасць гэта проста гледзячы на ​​сінтаксіс, ці не так?
Калі вы хочаце неўпарадкаваных спіс, калі вы хочаце якой-то спіс,
калі вы хочаце, каб выраўнаваць што-небудзь ці Фармат-то, гэта ўсё аб проста
выгляд гледзячы Сінтаксіс HTML, праўда?
І адна рэч, якая даволі халаднавата фактычна
гэта калі вы ідзяце to-- давайце паглядзім, што добры сайт, які нам падабаецца?
Любы, ёсць якія-небудзь любімыя вэб-сайты што ўсё ў парадку, каб выклікаць на сайце?
Вы ведаеце, што, давайце проста рабіць CS50.
Гэта добры і бяспечны, ці не так?
>> Такім чынам, CS50 тут.
О, глядзіце, ёсць раздзел прама цяпер.
Калі Вам падабаецца, як ён выглядае.
>> АЎДЫТОРЫЯ: [неразборліва].
АЛЛИСОН Бухгольц-AU: Мы не збіраюся зрабіць мета раздзел, хлопцы.
Гэта не адбываецца.
Было б выдатна, але мы не збіраемся гэта рабіць.
>> Дык што ж вы маглі рабіць, калі Вам падабаецца, як
Гэта працуе, вы можаце заўсёды мае рацыю націсніце на любы вэб-старонцы, які вам падабаецца
і вы можаце зрабіць View Page Source.
Гэта будзе выхоўваць ўсю HTML.
І гэта на самай справе вельмі добра спосаб стылізаваць свой уласны вэб-старонкі.
Перайсці на вэб-старонку, якая вам вельмі падабаецца, і глядзець на HTML
і высветліць, як яны гэта рабілі.
>> І літаральна, да таго часу, як вы прывесці рэчы,
да таго часу, пакуль вы не проста крадзеж з людзей, гэта нармальна.
Спецыяльна для CS50 [? фінансавання?], мы
выгляд чакае вас, каб атрымаць натхненне ад іншых вэб-сайтах.
Так што не саромейцеся.
Паглядзіце праз вэб-сайты, якія Вы думаеце, сапраўды даволі
і высветліць, як яны выкарыстоўваюць HTML і CSS, каб зрабіць гэтыя рэчы.
>> Такім чынам, як вы бачыце тут, ёсць, відавочна, як спасылкі і ў нас ёсць клас тут.
У нас ёсць спасылка тут.
У нас ёсць спіс.
Мы, верагодна, некаторыя Фатаграфіі ў дзе-то тут.
>> У нас ёсць які-небудзь класны стыль тут.
Гэта наступная рэч мы збіраемся зрабіць.
Так стыль, калі вы бачыце гэтыя стыль дужкі, гэта CSS у асноўным.
Бэн, ты ёсць пытанне?
>> АЎДЫТОРЫЯ: Што такое DIV?
>> АЛЛИСОН Бухгольц-AU: DIV проста A-- што DIV?
АЎДЫТОРЫЯ: Аддзел.
АЛЛИСОН Бухгольц-AU: Аддзел.
Так, гэта так жа, як падзелу розных элементаў.
Такім чынам, вось што мы збіраюся ісці ў наступны.
Так што гэта не можа быць лепшым стыль, таму што, калі вы заўважылі,
у нас ёсць HTML і стыль у той жа старонцы, і мы на самай справе хочам, каб аддзяліць тых ,,
Добра?
І на самой справе, хай мяне адкрыць свой правільны
так як гэта, як мяркуецца, PDF, так што мы павінны style.css.
>> Так што мы можам зрабіць вось гэта класныя рэчы, як нейкі знікаюць
і мы маглі б паспрабаваць зрабіць гэта, але я адчуваю, як я б беспарадак, які на ляту,
Таму я заклікаю вас, хлопцы ў пайсці паспрабаваць што самастойна,
але я не збіраюся рабіць гэта прама цяпер.
Так што, калі вы, хлопцы, памятайце, калі вы калі-небудзь хіт праблемы набору,
што-то налятае ў з боку.
Гэта звязана з знікаць і пераход і яшчэ шмат чаго.
>> АЎДЫТОРЫЯ: І гэта ўсё, CSS і HTML?
>> АЛЛИСОН Бухгольц-AU: Усе CSS і HTML.
Так.
Такім чынам, вы можаце зрабіць шмат сапраўды класныя рэчы з CSS і HTML.
Так што з нашай дзіўным трусік вэб-старонка тут, мы
збіраюцца зрабіць трохі Трохі табліц стыляў з ёй.
>> Так што, калі вы калі-небудзь стыль ліст, які мы маем тут,
Вы можаце проста патэлефанаваць style.css.
Вы можаце назваць гэта, што вы хочаце.
Важна тое, што мы збіраемся каб спасылацца на яго ў нашай web.html тут.
>> Так што мы збіраемся зрабіць, гэта we-- так што я не беспарадак гэты up--
мы збіраемся звязаць гэтыя два файла разам.
Такім чынам, у адной і той жа way-- я збіраюся правесці аналогію з C тут.
Такім жа чынам, што, калі вы маеце некаторыя library-- і ў нас ёсць cs50.h--
наш кампілятар звязвае яго.
Гэта проста відавочнае спасылка з нашага боку.
Такім чынам, у адной і той жа спосабам, што мы робім Хэш ўключаць якой-небудзь файл, тое, што
Я збіраюся напісаць проста HTML / CSS эквівалент, што.
>> Мы проста кажу, добра, гэтую вэб-старонку збіраецца выкарыстоўваць гэтую табліцу стыляў, ОК?
Таму ў нас ёсць спасылка отн роўную стыляў.
А то ў нас тыпу, CSS.
А потым HREF роўна.
>> Добра.
Так што ўсё гэта зрабіў тут вы можаце думаць пра гэта як адно і тое ж
як хэш ўключаюць.
Відавочна, што гэта выглядае крыху больш складаней, але ва ўсіх выпадках,
гэта фактычна тое ж самае, што.
Так што гэта толькі некаторыя звязванне стыляў, гэта тыпу тэкставага / CSS,
і імя яму гэта style.css.
>> Што важна ведаць у тым, што вэб-старонкі
што я працую прама now-- web.html і style.css-- знаходзяцца ў той жа тэчцы.
Таму што ў розных папках, Вы павінны даць фактычную корань
каб ён ці шлях да яго.
Але ў дадзеным выпадку, мы трымаем яго супер проста, і гэта будзе тут.
Так што, калі мы гэта зробім, у мяне ёсць некаторыя рэчы ўжо стаялі ў чарзе тут.
>> Такім чынам, мы маем некаторы цела, якое ідзе мець наш колер фону, які
Прама цяпер светла-блакітнага колеру.
Мы можам змяніць яго, калі мы хочам, але калі я правільна памятаю гэта,
ён павінен проста змяніць яго на светла-блакітны.
І цяпер у нас ёсць светла-блакітны фон.
І мы павінны былі here-- можа хто-небудзь памятае які з іх хэш ID ці клас?
>> АЎДЫТОРЫЯ: ID.
>> АЛЛИСОН Бухгольц-AU: ID.
Прахладны.
Так што мы хочам зрабіць, гэта які з гэтых шрыфтоў
або which-- мы хочам "Паглядзіце на мілы зайчык "будзе фіялетавы?
Я думаю, што мы хочам, каб быць фіялетавы.
Я даволі ўніз з, што, будучы фіялетавы.
>> Так што вы робіце гэта вы робіце ID equals-- ў гэтым выпадку
Я сказаў, што, сімпатычны колер тут.
Мы перазагрузіць.
Раптам, гэта фіялетавы.
Такім чынам, з ID, памятаю ён павінен быць унікальным,
так што я ніколі не павінна быць з дапамогай гэта ID нідзе.
Але з класа, як у нас тут з сімпатычнай шрыфтам,
Я павінен быць у стане выкарыстаць што заўгодна, я хачу.
>> Так давайце зробім гэты тут.
Такім чынам, мы можам сказаць, клас роўны сімпатычную шрыфт.
І калі мы паглядзім цяпер, у нас ёсць гэта крута даволі шрыфта тут.
Таму, магчыма, што я хачу зрабіць, і іншае.
ОК, я на самой справе не ведаю, калі гэта будзе працаваць, але я хачу паспрабаваць яго.
І гэта, як вы даведаецеся CSS і HTML.
Ты як, вы ведаеце, што, я хачу паспрабаваць гэта.
Я не ўпэўнены, калі гэта будзе працаваць.
Давайце паглядзім, ці працуе ён.
>> І глядзець на гэта.
Зараз гэта ў фіялетавы і гэта даволі шрыфта.
Такім чынам, у вас ёсць усе гэтыя розныя рэчы, якія можна зрабіць.
У вас ёсць пытанне?
>> АЎДЫТОРЫЯ: Так.
Ну, проста падабаюцца колеру Вы карыстаецеся словы.
Ці ёсць спосаб зрабіць колеру з шаснаццатковай RGB?
АЛЛИСОН Бухгольц-AU: Вы таксама можаце рабіць гэта з шаснаццатковым, я лічу.
Так.
Але гэта збольшага добра, калі вам не хачу, каб шукаць іх.
Вы можаце проста пахадзіць, фіялетавы або сіні.
АЎДЫТОРЫЯ: Будзем спадзявацца, яны ведаю, што гэта значыць.
АЛЛИСОН Бухгольц-AU: справа.
Так давайце зробім гэта чытанне або Шартрэз.
Чаму б вам калі-небудзь выбраць Шартрэз?
Гэта цікавы колер.
>> Такім чынам, відавочна, што мы можам бачыць мы можа нешта змяніць, аднак мы хочам.
Калі вы хацелі create-- скажам мы хацелі стварыць яшчэ адзін клас.
Што можа вы, хлопцы, жадаеце змяніць?
Калі вы спыняецеся W3Schools ' CSS дакументацыі,
Я пакідаю слова да вас, хлопцы.
Мы можам паспрабаваць зрабіць што-то прахалоднае з гэта ў апошнія пару хвілін.
Таму што я накшталт даў вам Crash Course на шмат класных рэчаў
што вы можаце зрабіць.
Але, у рэшце рэшт, як я ўжо сказаў, калі вас проста эксперымент, вы даведаецеся шмат.
>> АЎДЫТОРЫЯ: А вы паглядзіце на гэты шрыфт?
>> АЛЛИСОН Бухгольц-AU: Так, Я паглядзеў, што шрыфт.
Так як у літаральным сэнсе, я пайшоў to-- што ж мне рабіць?
Я зрабіў спіс шрыфтоў CSS, і Затым я зрабіў стэк шрыфта,
і тады я быў бы, паглядзець, тут усе класныя шрыфты, якія можна зрабіць.
І там быў адзін, так Я скапіяваў яго на мой буфер абмену.
І тады я падумала: Добра, прахалодна, там мы ідзем.
Усё зроблена.
>> АЎДЫТОРЫЯ: Так вы павінны пераканацца, што CSS ведае, што гэты шрыфт.
>> АЛЛИСОН Бухгольц-AU: Так.
>> АЎДЫТОРЫЯ: Што гэта сказаць у канцы?
Курсіў?
>> АЛЛИСОН Бухгольц-AU: Курсіў.
Так.
>> АЎДЫТОРЫЯ: фонавы малюнак.
>> АЛЛИСОН Бухгольц-AU: фонавы малюнак.
Добра.
Такім чынам, вы хочаце сказаць мне, як гэта зрабіць.
Я пакідаю гэта вам.
Я проста набраўшы тут цяпер.
Кола знаходзіцца ў вашых руках.
>> АЎДЫТОРЫЯ: ОК
>> АЛЛИСОН Бухгольц-AU: ОК.
Што я раблю?
>> АЎДЫТОРЫЯ: Doing-- Я ведаю, што прыходзіць пасля фігурнай дужкі.
АЛЛИСОН Бухгольц-AU: ОК.
Так, верагодна, у целе, я было б выказаць здагадку, таму што мы
рабіць з фонавым малюнкам.
>> АЎДЫТОРЫЯ: Так, давайце зробім гэта.
>> АЛЛИСОН Бухгольц-AU: ОК.
АЎДЫТОРЫЯ: ОК, так фон тоўстай кішкі, і тады мы
патрэбен URL-адрас гэтага малюнка.
Можа быць, псеўда-код, што на дадзены момант, магчыма.
>> АЛЛИСОН Бухгольц-AU: Што Вы б хацелі мяне to--
Аўдыторыя: Я маю на ўвазе, як GIF.
АЛЛИСОН Бухгольц-AU: GIF?
Гэта будзе цікава.
Добра, што я звяртаючыся да дапамогі тут?
>> АЎДЫТОРЫЯ: Не, гэта ваш выбар.
>> АЛЛИСОН Бухгольц-AU: Чаму ня we-- калі гэта трус,
Я адчуваю, што мы павінны мець добры травяны газон ці нешта.
>> АЎДЫТОРЫЯ: Луг.
Луг.
>> АЛЛИСОН Бухгольц-AU: луг?
Добра.
АЎДЫТОРЫЯ: Ці Рэйчел Мэддоу.
АЛЛИСОН Бухгольц-AU: Гэта выглядае даволі.
О, гэта маленькі, хоць.
Нам патрэбен добры памер.
Паглядзім.
О, глядзіце.
Гэта даволі луг.
Вы ведаеце, што, мне падабаецца гэты.
Давайце скапіяваць гэты.
>> АЎДЫТОРЫЯ: ОК, так што я думаю, што гэта URL, адкрытыя дужкі.
>> АЛЛИСОН Бухгольц-AU: ОК, URL.
>> АЎДЫТОРЫЯ: Тады адрас.
>> АЛЛИСОН Бухгольц-AU: ОК.
Гэта ўсё, што нам трэба?
>> АЎДЫТОРЫЯ: Зачыніць дужкі кропка з коскі, а затым прастору, фон злучок
Мацаванне тоўстай кішкі фіксуецца, і фігурная дужка.
>> АЛЛИСОН Бухгольц-AU: ОК.
Давайце паглядзім, што працуе.
Гэта будзе выдатна, калі ён робіць.
Я рэальны рады тут.
Гэта не спрацавала.
Цікава, чаму.
АЎДЫТОРЫЯ: Можа URL павінен быць у двукоссі.
АЛЛИСОН Бухгольц-AU: Можа быць.
І гэта, як мы даведаемся, хлопцы.
>> АЎДЫТОРЫЯ: Ці можам мы мець фон колер і фон малюнка?
>> АЎДЫТОРЫЯ: Не.
Адзін замяняе іншы.
>> АЛЛИСОН Бухгольц-AU: Я не ведаю.
Паглядзім.
Давайце праверым яго і паглядзець.
>> АЎДЫТОРЫЯ: Ну, можа быць, так.
[Устаўляючы ГАЛАСЫ]
>> АЛЛИСОН Бухгольц-AU: ОК, гэта obviously-- я [неразборліва] тут.
Так ОК.
АЎДЫТОРЫЯ: прыхільнасць фону.
АЛЛИСОН Бухгольц-AU: Ах.
>> АЎДЫТОРЫЯ: ОК, я не ведаю.
АЛЛИСОН Бухгольц-AU: Гэта Падобна на тое, ён павінен працаваць.
Вы ўпэўненыя, што гэта двукроп'е пасля URL?
>> АЎДЫТОРЫЯ: Не, гэта кропка з коскі.
АЛЛИСОН Бухгольц-AU: Гэта кропка з коскі.
АЎДЫТОРЫЯ: Я казаў, двукроп'е?
АЛЛИСОН Бухгольц-AU: Вы сказалі, што двукроп'е.
АЎДЫТОРЫЯ: О, няма.
АЛЛИСОН Бухгольц-AU: Там вы ідзяце.
АЎДЫТОРЫЯ: Ой, пачакайце, зараз мы не можам чытаць тэкст.
АЛЛИСОН Бухгольц-AU: Цяпер вы не можаце прачытаць тэкст,
але ў нас ёсць фонавы малюнак.
Mmhmm?
>> АЎДЫТОРЫЯ: Ці мае HTML падтрымка дынамічнага кантэнту?
Маўляў, не маглі б вы змяніць памер гэтую карціну у залежнасці ад памеру акна,
ці ў тым, што ў CSS--
>> АЛЛИСОН Бухгольц-AU: Так CSS павінен зрабіць гэта.
Так што, калі вы, хлопцы, зацікаўлены ў вывучэнні перадавых CSS,
Шукаю сумеснага выкладання семінар па CSS на сёмым.
І я абяцаю, што гэта будзе значна больш падрабязна
і рабіць яшчэ халаднавата рэчы ў гэтым раздзеле.
І мой са-настаўнік, як Агульная пярэдняя частка майстар вэб DEV.
Дык гэта будзе выдатна, калі вы хочаце каб даведацца аб усіх цікавых рэчаў
што CSS можа зрабіць.
>> Але тое, што мы маем тут з на яго фоне прыхільнасць
fixed-- так гэта некаторая фіксаваная размер-- але вы можаце dynamically--
калі вы калі-небудзь бачыць вэб-старонкі, як большасць добрых вэб-старонак будзе рабіць,
пры рэгуляванні Памер вашага браўзэра,
гэта настройвае фон ці колькі паказвае або перафарматуе рэчы, ці не так?
Так што тое, што мы называем адноснае пазіцыянаванне.
>> І CSS сапраўды можа захапіць, наколькі вялікая ваша Шырыня браўзэр або як высокі гэта,
і вы можаце змясціць рэчы у адпаведнасці з адноснымі памерамі
у параўнанні з абсалютнымі памерамі.
І гэта, відавочна, больш прасунуты CSS, але гэта тое, што вы можаце зрабіць.
Калі вы хочаце даведацца, больш, прыйсці на мой семінар.
>> Так што тое, што вы можаце зрабіць.
І CSS можа на самай справе do-- CSS і JavaScript,
якія мы атрымаем у наступным week-- можа дазволіць вам дынамічна змяняць
старонкі без неабходнасці перазагрузіць іх ўвесь час.
І вы зможаце зрабіць некаторыя даволі цікавы матэрыял.
>> Так ёсць яшчэ адна рэч, што вы, хлопцы, можаце зрабіць
або ўсё, што вы хочаце вывучыць?
У нас ёсць 10 хвілін у запасе.
Мы таксама можам сысці раней, але калі Вы хочаце, каб зрабіць некаторыя больш вэб рэчы,
мы можам, але я не збіраюся прымусіць вас.
Але мы можам таксама проста з'есці цукерку.
АЎДЫТОРЫЯ: Вылучыце тэкст белы, так што вы можаце прачытаць яго.
АЛЛИСОН Бухгольц-AU: ОК.
Такім чынам, у дадзеным выпадку, мы хочам крыху с.
АЎДЫТОРЫЯ: Ці павінны мы зрабіць гэта ў Цела так гэта распаўсюджваецца на ўсю старонку?
АЛЛИСОН Бухгольц-AU: Так, мы можам на самай справе.
Гэта добрая ідэя.
Такім чынам, мы have-- зрабіць вас ведаю, што мы павінны быць?
Я не ведаю, ці можам мы зрабіць колер тэксту.
Я збіраюся паспрабаваць і стварыць яшчэ адзін клас тут.
>> АЎДЫТОРЫЯ: Як вы атрымліваеце так што ён мае прапановы?
АЛЛИСОН Бухгольц-AU: Так калі вы, хлопцы зацікаўлены,
гэта яшчэ адзін тэкст рэдактар ​​называецца Sublime.
Вы павінны быць у стане ўсталяваць яго на свой прыбор.
Часам гэта становіцца крыху больш складана.
Калі вы хочаце дапамагчы з гэтым, Я вельмі шчаслівы дапамагчы вам
з ім, таму што Gedit вялікі і гэта выдатна, таму што вы можаце скампіляваць яго
на дне, але я сапраўды як Sublime, таму што гэта даволі
і гэта рабіць тое, як аўтазапаўненне.
>> Такім чынам, вы можаце вызначана не саромейцеся дайце мне ведаць, калі вы хочаце, каб зрабіць гэта.
Калі вы толькі што Google "Sublime Тэкст ", гэта, як правіла,
змяшчае інструкцыі аб тым, як усталяваць на розных аперацыйных сістэмах.
Гэта сапраўды выдатна, я думаю, на мой погляд.
Так стар.
Я думаю, што я магу проста зрабіць text-- або мы можам толькі зрабіць колер "белы".
Там.
>> Так што я зрабіў тут тое, што я не зьмяняць увесь тэкст.
Але р тут проста тэг, які ў нас ёсць, праўда?
Гэты пункт тэг.
Так што я проста стварыў элемент CSS, што сказаў, добра, што нешта з гэтым тэгам
р, зрабіць колер белы.
>> Так што, калі вы заўважылі, ён зрабіў гэта белы, і гэта белае.
Гэта не зрабіць наш спіс белы, таму што гэта не звязана з гэтым.
Вы можаце прайсці і вы маглі say--
>> АЎДЫТОРЫЯ: У колер фону.
>> АЛЛИСОН Бухгольц-AU: Колер фону?
>> АЎДЫТОРЫЯ: фон для трубы ў колер, дзе вы паклалі р тэг.
>> АЛЛИСОН Бухгольц-AU: ОК.
Вы хочаце, каб гэта белае?
АЎДЫТОРЫЯ: Mmhmm.
АЛЛИСОН Бухгольц-AU: ОК.
Там вы ідзяце.
АЎДЫТОРЫЯ: Гэта дзіўна.
АЛЛИСОН Бухгольц-AU: Даволі прахалодна, ці не так?
Так што, калі вам проста важдацца, Вы збіраецеся вучыцца шмат.
І гэта можа быць даволі халаднавата.
Я думаю, што гэта, безумоўна, больш прыемна, чым часам
таму што вы не павінны чакаць для вашай праграмы для кампіляцыі.
Вы можаце проста націснуць Абнавіць і вы, як, ой, глядзіце,
ён працаваў, або о, я верагодна, адсутнічае нешта.
І гэта тое, што на самой справе крута пра гэта наступнай частцы класа,
гэта вызначана, я думаю, лягчэй праверыць
як вы ідзяце па шляху ў параўнанні з таго, каб напісаць гэтыя доўгія праграмы
і жадаючы і маліцца што ён працуе ў канцы.
>> Так з гэтым, я думаю, Вы, хлопцы, усё, здаецца, добра.
Калі ў вас ёсць якія-небудзь пытанні, як заўсёды, прыйшоў пагаварыць са мной, пойдзем, дайце мне ведаць.
Я зараз па-за на працягу наступных 15 хвілін
калі вы хочаце, каб пагаварыць пра што-небудзь, і ўсё.
>> Так што я спадзяюся, што вы guys-- поспехі з гэтым PSET.
Тэрмін пятніца ў апоўдні таму што ён быў выпушчаны ў канцы.
Так што я, верагодна, будзе бачыць шмат з вас, хлопцы, у чацвер,
але, спадзяюся, не.
Можа быць, вы будзеце мець гэта робіцца тады.
Я быў бы супер ганарыцца.
>> Але калі не, я буду вас бачыць чацвер.
Вы таксама можаце выкарыстоўваць пазней даты, якія распаўсюджвае яго на суботу апоўдні.
Але я don't-- так?
>> АЎДЫТОРЫЯ: Дзень усіх Святых.
>> АЛЛИСОН Бухгольц-AU: Гэта Дзень усіх Святых, А і В,
Я не думаю, што будзе быць працоўныя гадзіны ў пятніцу.
Так сапраўды паспрабаваць і зрабіць гэта з дапамогай Пятніца, так што мы ўсе можам святкаваць
Hallow выходныя.
Добра, я буду бачыць вас, хлопцы на наступным тыдні.