[Мусиц плаиинг]
АЛЛИСОН Буцххолтз-АУ: У реду, сви.
Добро дошли назад у одељак.
Дакле, наша агенда за данас иде преко много више веб дев ствари.
Ја не знам колико Ви сте видели своје псетс
јер је пуштен јутрос.
Ја бих као колико људи су прочитали спецификацију,
али пошто си ми је све о, као, седам сати да погледам
и то је у понедељак и вероватно сте имали Цласс,
Ја ћу претпоставити да већина вас нису.
Ако имате, додатне похвале.
>> Ти си у основи помаже спроведе једноставан веб
сервер у Ц, што је потпуно нови псет, тако сте добили да буде замораца.
То ће бити забавно, дивља недеље, али мислим да ће бити забавно
и то ће бити стварно добро искуство у ствари.
Тако да вас припреми за да, у одељку данас,
ћемо ићи цхмод, ТЦП / ИП, и онда мало ХТМЛ и ЦСС.
>> На крају, ми заправо ћу код до једноставног веб страници заједно
да вам помогнем некако се више упознати са тим.
А онда, ако нисте покупили тестовима, они су испред,
али сам прилично сигуран сви Овде има свој квиз.
И на тој белешци, решења нису се још увек,
али чим смо финисх-- желели, Последњих неколико људи који узимају своје куиззес--
они ће бити горе.
Уколико имате било каквих питања У међувремену,
слободно лично ме емаил.
Ја ћу одговорити са вашим појединца питања, као и увек.
>> Дакле, ту поруку, цхмод.
Дакле, у основи све вас треба да знају о цхмод
је да се користи да се промени фајл дозволе, зар не?
Дакле, то је само неки системи га је назвати променити дозволе, као што овде пише.
И ако икада желите да видите Дозволе шта је фајл,
уместо да ради ЛС, можете да урадите лс -л.
Л стоји дуго.
>> Тако да ћу дуге листе свега, и
ће вам дати много детаљнији информације о сваком од ваших фајлова.
И видећете нешто-- сам ће прескочити на секунду--
али видећете нешто слично да врх линија има за сваку датотеку.
А ми ћемо проћи кроз шта то значи.
>> Дакле, у основи, да се промени Ваше дозволе Филе,
само желите да користите цхмод.
Можете мислити о томе као и сваки други УНИКС зову као лс или ЦД или ситница.
То је некако као другог позива.
>> Дакле, радимо цхмод а онда ћемо Имам три цифре типично.
Постоји неколико начина да се ураде то, од којих је један идемо преко.
Али обично, имаћете три цифре у распону од 0 до 7 сваки пут.
>> Дакле, једна ствар је да постоје три различите дозволе
да можемо дати сваку датотеку.
И то је читљив, што је заступа Р, што ће смисла
у мало; в, што је упис; и извршна, која је к.
Знам да је један Е, извршна, Можда није најбољи осећај, али ми
представљају га к.
>> И шта се онда дешава се сваки од њих такође имају заступљеност број.
Дакле, имамо 1, 2, и 4.
А у суштини оно што се дешава је сваки од ова три броја
Овде одговара другачији скуп корисника
да су те дозволе односе на.
>> Тако да можете мислити о томе прво број одговара стварном корисник
или власник датотеке, други број ће одговара групи,
а последњи се односи у свету, у реду?
Дакле, оно што се дешава је сећам они нумберс-- р је 4, в је 2,
к је 1, зар не?
Ово-- ако се резимирамо ово горе, који вам даје тај први број
да смо можда улаз у нашем цхмод.
>> Дакле, у овом случају, оно би тај број био?
То би било 4 плус 2 плус 1, што је 7, зар не?
И у овом случају, ови немају ништа,
Дакле, ово овде би преведете на цхмод 700, у реду?
А шта да ради је то све даје ових дозволе за вашег корисника.
>> Дакле, ово значи да наш корисник могу да раде шта хоће.
Они могу да читају ову слику.
Они могу извршити ову слику.
Они могу да пишу на ову датотеку.
Али група и свет, не дозволе разлога, у реду?
>> Дакле, још један начин да се напише да, можемо учинити цхмод три цифре, од којих
одговара било суму или да специфична група је, специфична подскуп.
Или можемо да урадимо у ствари нешто друго.
Сачекај.
Можемо да урадимо нешто са овим овде.
>> Колико сте видели пример где је као да се цхмод а Плус Кс?
Да ли сте видели да је у предавању, ја мислим?
Дакле, стоји за све.
То значи дати га свим корисницима, које сам заборавио да овде ставити.
>> Али Плус Кс, ако приметити овде, ако то урадимо
да цхмод-- оно групи смо говоримо о плус дозволе
желимо да им дамо.
Дакле, ово може бити плус или минус.
Плус додаје дозволу.
Минус уклања дозволу.
Прилично једноставно, мислим.
>> Дакле, Плус Кс значи цхмод.
Дакле, промените дозволе свих људи Ако је ово А-- дајете.
А то значи шта к-- дозволу смо давање свима.
Читати, писати, или извршити?
>> ПУБЛИКА: Изврши.
>> АЛЛИСОН Буцххолтз-АУ: Изврши.
Тако да дају све кориснике дозволу да изврши ову датотеку, у реду?
Па шта ако смо хтели да урадимо да са нумеричком облику?
Дакле, запамтите са нумеричком, желимо три броја.
>> ПУБЛИКА: 4.
АЛЛИСОН Буцххолтз-АУ: Шта је то?
ПУБЛИКА: 4.
АЛЛИСОН Буцххолтз-АУ: Не 4.
ПУБЛИКА: 0, 0, 4.
АЛЛИСОН Буцххолтз-АУ: Па, ми желимо да га дам за све кориснике, зар не?
Тако да ћемо имати број у сваком слоту.
То ће бити исти број у свакој слот
јер ми само желимо да дам свако извршне дозволе.
Дакле, извршна је 1, али на правом путу.
>> Дакле, ако нисмо цхмод 111 да би бити еквивалент цхмод а Плус Кс.
Да ли то има смисла за све?
Ми ћемо проћи пар примера.
>> Тако великом понети Овде је није овде,
већ само значи дати га свим корисницима.
У је, ако само желите да дају или одузму
посебну дозволу од корисник или власник.
г је за групу, тако да је средњи цифре.
А онда други можете мислити о као свету, да последњу цифру.
>> Дакле са тим, идемо на пример, јер се осећам као примере увек
да те ствари лакше разумети.
Дакле рвк-- смо кроз ово такође може да буде представља као 700.
То је примјер смо погледали у више слике.
Дакле, цхмод 444 на некој датотеци би дати оно дозволе?
Били сте јако блиски.
ПУБЛИКА: читљива свима.
АЛЛИСОН Буцххолтз-АУ: читљиви.
Дакле, читљив свима, зар не?
И онда шта је још један начин да то урадите?
Ако желимо да урадимо са цхмод било Р је или В је, плус и минус,
шта би тај позив изгледати?
Било би цхмод шта?
>> ПУБЛИКА: Плус р.
>> АЛЛИСОН Буцххолтз-АУ: Плус р на 5.
У реду, тако да је ово исто као ово, само два различита превода
исте ствари.
Дакле са тим, имамо ово.
Дакле, желим да ви покушате да пишем овакви у своју супротност начин.
>> Тако је и са цхмод 555, шта би то било?
Да ли би било плус или у плус или ситница?
Фор у Плус Кс, дај ми три броја.
И онда ми рећи шта пермиссионс Ми смо у ствари давање и коме?
>> Па ћу вам дам два минута да раде на томе.
Слободно да разговарају једни са другима.
За оне од вас који су дошли у мало касно, постоји слаткиш и мајице.
Имамо три кошуље лево, и имамо Кит Катс и Старбурстс.
Дакле, слободно се граб неки у овом малом предах.
>> Исто тако, последњи је лукав.
То су два цхмодс за последњи.
Заправо, дозволите ми да затворим врата док ви радите на томе.
Цанди је увек потребно на понедељак после подне.
>> У реду, тако да цхмод 555.
Који је други начин да то написао?
Било који идеја?
Да.
>> ПУБЛИКА: Плус рк.
>> АЛЛИСОН Буцххолтз-АУ: Р Плус рк.
Да ли желите да објасните зашто би било то рк?
>> ПУБЛИКА: Зато што имате 5, тако да је 4 плус 1,
тако да је прочитао Плус извршна, а то је за све.
АЛЛИСОН Буцххолтз-АУ: Добро.
Само да поновим, 5 Овде знамо као збир 4 и 1,
јер је сваки број у нашој трио је Збир дозволе за тај подскуп,
зар не?
Или корисник, група, или свет.
Дакле, у овом случају, знамо да је 5 мора бити формирају 4 и 1.
>> И 4, и 1 одговарају читљив и извршна.
Ми га дају свима, тако да можемо да урадимо цхмод а плус рк.
И очигледно, само смо ишли кроз питања тамо,
па сада овај фајл је извршна и читљив свима.
>> Дакле, шта је са другом?
Шта би за тај број бити?
Било који идеја?
Само напред.
>> ПУБЛИКА: 100 [неразумљиво].
>> АЛЛИСОН Буцххолтз-АУ: 100.
Екацтли.
Дакле, да ли желите да се објасни зашто 100?
ПУБЛИКА: Зато што је за корисник, тако да је на првом мјесту.
А онда к извршна је 1.
АЛЛИСОН Буцххолтз-АУ: Тачно.
Тако да се давање извршна Дозволе за обичног корисника.
Дакле, у овом случају, било би 100.
И ја имам све одговоре се на следећем слајду у случају
пишеш много ствари доле.
>> У реду, тако да следећи заправо врши са два цхмодс, можете то урадити.
Дакле, да ли неко има било који идеја како можете
гет цхмод 640 преписивати на други начин?
Прво и онда може да промени корисничку можете да промените група је моја сугестија.
>> Дакле, ако смо само мењају корисник, који је овде ова прва,
Шта би могло бити наш позив?
Тако да корисник у је, зар не?
Тако да у цхмод Плус шта?
Ммхмм?
>> ПУБЛИКА: РВ.
АЛЛИСОН Буцххолтз-АУ: РВ.
У праву, за читање и писање, јер прочитане је 4, в је 2, оне сума заједно као 6.
Тако смо добили цхмод У Плус РВ, и ми добијемо првих 6 тамо.
>> Онда би добили 4, сада желимо да променимо подешавања групе.
Дакле, идемо да радимо цхмод г плус шта?
Шта је 4?
>> ПУБЛИКА: р.
АЛЛИСОН Буцххолтз-АУ: р.
Прецизно.
Дакле, дајемо власника читају и пишу дозволе
а ми дајемо групи читање дозволе, које смо сви овде.
Ммхмм?
>> ПУБЛИКА: Ако можете написати нешто, то значи можете га убију?
>> АЛЛИСОН Буцххолтз-АУ: си могу да пишу нешто--
Ја не верујем да је то подразумева можете извршити.
Цоол.
Дакле, то је све што смо управо прошли.
Дакле, на овај следећи, то је некако заједнички предмети
које желите да задржите у уму сет твој проблем.
То су обично дозволе да волимо да користите.
>> Дакле, за 711, што даје нас, наравно, упутство за
Све дозволе, које тежи да има смисла.
А онда је извршна по група у свету, која има смисла
ако имате неки директоријум, желе да буду у стању да прелазе у њу.
Људи треба да имају приступ.
>> За било не-ПХП датотеци, идеш да користе 644, који би шта?
Шта то значи, или шта Дозволе то даје?
Тако да власник може шта?
ПУБЛИКА: Читање и писање.
АЛЛИСОН Буцххолтз-АУ: Читање и писање.
И онда група и други могу само прочитати, зар не?
И онда цхмод 600 за било ПХП датотеке које користите,
Ваша власник, опет, може читају и пишу на њега
али сви остали некако блокиран.
>> Дакле, ово ће заправо бити корисно када
дођете до вашег проблема сет следеће недеље, где
Ви у ствари гради сајт.
Дакле, ако сте икада наићи на непознатим проблеми
где је не учитавају правилно, можда си
Потребно је да додате извршног дозвола, или можда вам је потребан читање
или писати дозволу.
Мале ствари које имају тенденцију да прекине људе се, али то је нешто као Го-на
када почнете да следеће недеље псет.
И ја бих ти дао више савети о овонедељном псет,
али тек треба да погледам од је пуштен јутрос.
Али ти ме емаил, ја ћу сам погледао на њега у време када сам одговорити сутра.
>> Дакле, сада је свако добар са цхмод?
Има ли још увијек присутна питања?
Прилично јасно.
Некако праћење онога читају, пишу, и извршава бројеви су
је вероватно најтежи део.
>> Тако је и са ТЦП / ИП, свих ових протокола, нешто као са својим структурама података
прошле недеље, то је много више важно да некако се
виши ниво интуиција њих.
Ово није ЦС143 куда идемо да вас замолим да спроведе мрежу,
тако да ће бити добро ако Ви не разумете
Нитти Гритти свих протокола.
Оно што је важно разумети је нешто као што они представљају
и зашто су важни.
>> Дакле, ТЦП / ИП, наравно, то је Трансмиссион Цонтрол Протоцол
или Интернет протокол, који је у основи само сет закона у основи
или стандарди који рећи податке Како треба да се рукује,
Како треба да се пацкетизед, преноси, и добио.
Тако да у основи, баш као што каже овде, повећава шансе
да су подаци добије где желите да дођете до.
>> Ја сам сигуран да сте отишли ​​у предавање или гледао га на мрежи,
Он хас-- Не знам ако је то урадио ове године,
али знам прошле године, имао демо где је имао слику Роб
и он је подељен на четири и ставио га у ковертама
и покушао да га добијете преко Сандерс.
И можете некако мислите о томе на тај начин.
То је само скуп правила која реци података како да се негде
и омогућава вам да знате да вам недостају подаци,
на исти начин на који, ако сте узимање више страница бележака
и да их обележите са стране 104, страница 204, а ви вратите да студирате касније
а ви нешто-- недостају не можете да пронађете страницу 304-- знате
нешто није у реду, ти тако Можете погледати кроз ваше белешке
поново или замолите некога да вам поново пошаље Лецтуре Нотес од тог дана.
На исти начин са подацима на интернету.
Ако тражим нешто од неког сервера
и треба да пошаље је у више пакета,
Вероватно ће се број она на неки начин, нека
ме колико сам требало да добије, и реци ми, ох, ово је један од 10
или је ово један од 10.000.
На тај начин, када одем у састави Све коцкице,
Ја знам да нешто недостаје и ја могу да тражим да поново.
Да ли то има смисла?
Само скуп правила.
У основи, скуп правила, у реду?
>> Тако да смо разговарали мало о лукама.
То је заиста само стандард који вам омогућава да знате шта тип података
се преноси у овим пакетима.
Ако идемо са нашим коверат пример, ми не радимо
Знам да је то слика Роб тамо, осим ако ми то написати
на спољњој нашег коверте.
Дакле, портови су у основи иста ствар.
То је само начин да се схвати шта врста података се преноси.
>> Дакле, имамо све најуобичајенијих овде.
Дакле, то су такође 21-- љубазни од добрих ствари као да зна.
То је нека врста квиза лако питање.
Будите као, шта Порт 80 уради?
Или, шта лука 443 уради?
Тако добре ствари знати.
>> Дакле, овде имамо, 21 је Филе Трансфер Протоцол, па само
правила која регулишу пренос података.
25, нешто што смо сви користите превише, је е-маил.
53 је назив домена систем, који је у основи
некако лоокуп за ИП адреса имена домена.
>> Тако да сам сигуран да је то помиње у предавању, ако вас
идите на нешто слично гоогле.цом, има ИП адресу
који је повезан са њим.
То није стварно гоогле.цом.
И тако 53 је лука то заправо узима
брига о врсти превођења у ту ИП адресу за вас.
И онда 80 и 443 су веома честе.
Ви или имате своју веб страницу или имате своју сигурну веб странице,
који много веб страница су преношење преко до сада.
>> Дакле, то је мало висок ниво Преглед Трансфер Протоцол.
Ја не видим много више у дубину.
То је кул ствари ако си заинтересован.
Има доста ресурса.
Википедија је заправо прилично добро страна.
Тако да сам је гледао у њега Пре само мало,
тако да врло бих препоручио гледајући у њу, ако сте заинтересовани
или да 143 за две године, јер Мислим да је сваке друге године.
>> Дакле, на крају ове, ми смо говоримо о веб страницама и ХТТП,
која је у ствари наша следећа тема Данас пре него што пређемо на ХТМЛ и ЦСС
а заправо да кодира до веб странице.
Биће забавно.
Имаћемо слике зеке и биће супер.
>> Дакле ХТТП, као што можете видети овде, је један од дивне акронима
за ову недељу, која је Хипертект Трансфер Протоцол.
Дакле, опет, то је само Други сет правила која
уређује хипертекст пренесе, у овом случају.
Дакле, најбољи начин да се научи о овоме се некако
да га разбити у те појединачне речи
јер има доста речи на екрану тамо.
>> Дакле, ми ћемо почети са хипертекст.
Дакле "хипер", можете мислити о "Изнад", као супер ствар типа.
Дакле, то је само текст преузет у Следећи ниво, тако да је као супер текст,
као следећег текста.
Дакле, то је у основи само текст који нам даје
више информација од Нормално текст не, у реду?
>> Дакле, у овом случају овде, ово је хипертекст.
То нам говори да имамо неки линк који ћемо,
која је цс50.нет, која је сада цс50.харвард.еду.
Ови слајдови су мало стари.
И то ће се приказати га као ово, као хипервеза,
а онда стварно кул сајт.
>> Тако да је текст, који је мало Мало стварно кул ствари тамо.
Тако да можете да повежете ствари и можете убаците слике и можете обликовати ствари.
А најпознатији ствар која вас момци вероватно имају са хипертекст
је ХиперТект Маркуп Лангуаге, ХТМЛ, који је, наравно, цео веб
да видимо око нас, готово са неким ЦСС стилом бачена у.
>> Али ако је неко био стварно велико са МиСпаце,
Сигуран сам да сте сви Полован ХТМЛ све време да створи
те Перфецт профили, зар не?
Осећам се као да може бити застарео Референце сада, али шта год.
Само мало момци нису толико млађи.
Неки од вас су старији од мене.
МиСпаце је и даље ствар кад сам био млад.
Нисам толико стара.
>> У сваком случају, само ХТМЛ облик хипертекст.
Дакле, хипертекст је само текст са додатним функцијама.
Дакле, Трансфер Протоцол је вероватно више одвратно ствар да објасним.
Очигледно, трансфер-- само пренос података.
Дакле, или између клијента, као и ваш веб брат, и сервер.
Дакле, у основи само начин интернет функционише.
>> Дакле, тачан захтев Како ови раде, ми смо
стварно ћемо да погледамо Пример захтев и одговор.
Али како ми захтевамо информације са сервера
и како сервер одговара нама је шта је ово Трансфер Протоцол управља.
Дакле, захтев и одговор имају пратити ових специфичних скуп правила.
То је стандардизован, тако да без обзира на где користите интернет,
увек ради исто, у реду?
>> Опет, протокол, поставите правила.
То је само нормална интеракција на исти начин
да је професор Малан говори о ако неко проширује своју руку,
Ви знате да је то уобичајено за љубазност до твоје напоље и тресу руке.
То је протокол, зар не?
>> Тако да сам дао неке стандардизоване захтев, која је Желим да се рукујем са вама,
и дајете неке стандардизоване одговор, који је или не хвала
или можете да покушате и протресе Ми рука или можда ћеш пробати
и песница ме ударити.
А ми немамо протокол за то.
Се поквари.
Али, ако сви следи исти протокол, наравно,
то иде много неприметно.
Људи упознају једни друге.
Сви су срећни.
>> Дакле, у свету веб, свако следи исти Правила--
нешто боље од друштвеног стандарда.
Али са тим, видећемо један пример захтев овде.
Тако да је ова мала Кључ на дну
То вам говори различите боје, оно што би требало да значи.
>> Дакле, бело је као и твоја метода Захтев и протокол версион--
тако захтев метод, верзија.
И онда је ово нека име поље и вредности
на том пољу, које ћемо иду у веома, веома брзо.
Дакле, ово је пример захтев.
То је као да ја досеже, желећи да се представим.
>> То је оно што клијент или шта је ваш веб прегледач
би слање на ваш сервер.
Дакле, ово је захтев Гет, тако да је тражећи нешто од сервера.
И то је, наравно, ХТТП и то је верзија 1.1.
>> Тако да остатак ово је оно што ми зовемо заглавље, и њена додатна информација
То нам даје бољу идеју оно што у ствари тражимо,
или информације које желимо да дам сервер који може бити релевантна.
Дакле, Усер-Агент даје још мало Опис ајде-- на пример, овде,
цурл / 7.24.0 је заправо ће рећи сервер који се користи Гоогле
Цхроме као наш бровсер.
Дакле, ако сте икада чули о људима који причају
о изради апликација реагује на више прегледачима,
Ово је нешто што су они би зато користите ако сте
Не знам шта Бровсер захтев долази из,
Ви не можете прилагодити податке на то.
Дакле, у овом случају, корисник је само даје ту врсту
од идентификовања информација шта Бровсер
Ваша корисник тренутно користи, у реду?
>> Па онда имамо и домаћин, који је где смо заправо желе да иду у.
У овом случају, желимо да идемо у аппле.цом, купити нове цоол иПадс
или нешто, можда Цуте светла на нашим студентским домовима.
И име вредност на крају је само Филлер, само општа ствар
за вас да видим.
Она не зна заправо одговарају на све овде.
>> Тако да можете имати толико или мало колико желите у сваком случају.
Већину времена, они нису обавезни.
То зависи од тога шта Потребан вам је од претраживача,
из корисник ради правилно дати захтев.
Или то зависи од тога шта корисник заправо жели да одустане на сервер.
Дакле, можете имати много, много од ових имена зачеље
или само можда има пар.
Као и са толико много ствари Ја сам рекао у овом делу,
то заиста зависи од контекста како користите ово.
>> Да ли то има смисла за све?
Ово је само пример захтев, заглавља, ситница.
У реду, тако са тим, имамо мало одговора.
>> Опет, имамо стање код, протокол верзија, а затим поље Име и поља
вреднују као и увек.
Дакле, наше верзије протокола и наш статус код 200.
У реду, што значи да, Да, све је добро.
Ево шта желиш.
>> Тип сервера, садржај тип-- то нам говори, у реду, ти си
ће добити неки текст ХТМЛ.
Овде је дужина тога и овде је Шта треба урадити са везом.
У реду, тако да опет, у зависности на основу података које ћете
тражећи, зависно од тога шта Сервер жели да се врати у теби,
можете имати више од ових поља имена, можда ћете имати мање.
Потпуно контекст зависни.
>> А што се тиче тог статуса цоде хере, наравно,
200 није једини могао си, зар не?
Имамо пуно статус кодовима.
Да ли се ико сећа било који други да се помињу у предавању?
Многи од њих почињу са 4.
>> ПУБЛИКА: 404.
>> АЛЛИСОН Буцххолтз-АУ: 404, што је?
>> ПУБЛИКА: Филе нот фоунд?
>> АЛЛИСОН Буцххолтз-АУ: Филе нот фоунд.
Екацтли.
Дакле, шта је са 403?
ПУБЛИКА: Форбидден.
АЛЛИСОН Буцххолтз-АУ: Форбидден.
Дакле, шта мислиш то значи са цхмодс?
>> ПУБЛИКА: То значи да немају дозволу да га прочита.
>> АЛЛИСОН Буцххолтз-АУ: Тачно.
На неки начин, ви немате дозволу да јој приступе, зар не?
Дакле 404, 403.
Постоји јако смешно онај који увек
увести сваке године да Требао сам ставио овде,
као 413, који је сам чајник.
Можете гоогле ово.
То је смешно као, то је шифра 413 и то је сам чајник.
Који не знам зашто би икада требати да на интернету,
али ја одступити.
ПУБЛИКА: Можда си чајник.
АЛЛИСОН Буцххолтз-АУ: Можда сервер чајник.
Ко зна?
У реду, тако да ћемо да транзицију у реалном кодирање.
Осећам се као да ви ће одавде врло брзо.
>> ПУБЛИКА: Зашто га не кажу "Сервер: два пута?
>> АЛЛИСОН Буцххолтз-АУ: Хм?
Сервер двапут?
То је добро питање.
Нисам сигуран.
Ја ћу сазнати и Ја ћу вас све емаил.
>> Добро, има ли неких питања осим тога?
Добро?
Цоол.
>> ХТМЛ и ЦСС, и сада смо дођете до сву забаву делова.
Дакле, као што сам раније поменуо, ХТМЛ је вероватно једна од ствари
ви сте највише упознати са.
Дакле, имамо ХиперТект Маркуп Лангуаге.
>> Најбољи начин да научите ово-- не знам имате припремљене слајдове или било шта
за вас момци са ХТМЛ.
То је заиста о учењу синтаксу.
А ако сте били у МиСпаце дана, имали бисте ово доле.
>> Дакле стварно, највећа ствар је само да вежбају и експеримент.
Једна од великих ресурса бих препоручујемо коришћење је В3Сцхоолс.
Дакле, само Ш, 3, а затим школе.
Имају доста ресурсе на ХТМЛ, ЦСС на,
и они заправо имају Сплит Сцреен такве ствари
где ће вам дати примере кода.
Можете гуслаш, мењају га, и притисните Упдате,
а то ће вам показати шта је заправо ради на веб страници.
>> Па бих препоручујемо коришћење то.
То је кул.
Нећете добити сег грешке Овде кад ствари крену наопако.
Ако успете да добијете сек грешка са ХТМЛ,
Не дозволите да знам јер сам ће бити стварни заинтригирала.
Али то је стварно супер, јер можете да промените ствари,
можете видети их уживо ажуриран.
И мислим да ћу много више интуитивно схватање ХТМЛ
Ако сте заиста само потрошити мало Време експериментисање са њом.
Зато сам рекао, праксе и експеримент.
>> Гоогле, од сада напоље, вероватно ће бити
један од ваших најбољих пријатеља и ресурса.
Или Бинг-- Радим у Мицрософту, па можда треба да кажем Бинг.
Али скоро ништа тек ће бити синтакса,
па разумевање шта су ознаке су, ундерстандинг-- барем са ЦСС--
Како да промените одређене атрибуте.
То ће бити супер корисно.
>> Дакле, иако не имате припремљене ствари,
ми немамо врсту неких најбољих пракси да желимо да ви покушате да се придржавају
по-- односно, требало би придржавати до даљњег.
Дакле, затворите све ознаке.
Надамо се сви хас-- знате шта, Ако ово нема смисла сада,
Обећавам да ће смисла када смо се кодирање страницу.
Али затворите све ознаке.
Дакле, ако сте икада имали мало наслов који је носач,
Х1, брацкет, уверите се да кад год сте урадили са тим,
затворите ту заглавље.
Потврдите своју страницу са В3 Валидатор.
Ако не затвориш ознаке, можете добити неочекивано понашање.
То ће рећи да је ваша страница је неважећи ако га покренете кроз овај валидатор.
Дакле, када је у доубт-- и посебно ове недеље је и следеће седмице
псет-- на исти начин на који тражимо можете да користите проверите 50 и стил 50,
можете мислити о овоме као један од ваших чекова, у реду?
>> Дакле, ако не прође В3 Валидатор.
То је нешто што ћемо вас пристанемо на.
Или Кажем ти у праву Сада, ја ћу вас да пристане на.
Дакле, уверите се да потврђује.
Није тешко.
Само налепите у вашем коду а то ће рећи или добар посао
или ти недостаје нешто на исти начин
тај стил вам говори 50 где си упропастила.
>> И онда једна ствар је да желите да одвојите
Ваша добит, која је све то ХТМЛ или ваш текст, и ваш стајлинг.
Дакле, ми ћемо урадити пример тог одмах након овог.
Дакле, ХТМЛ и ЦСС треба да буде одвојена.
И ми ћемо да говоримо о ДСЦ, која је модел Погледај контролер,
следеће недеље.
Ви би вероватно сазнали да је у предавању
Сутра, ако сте имали већ научили данас.
>> И то је само мало парадигма да тежимо
користити приликом креирања веб Странице за одвајање ствари.
Можете мислити о томе на исти начин да смо склони да одвојених функција у Ц
где смо хасх наћи ствари.
То је само начин да се би ваш живот лакшим.
Он издваја атрибута или код који би користити изнова и изнова,
али у овом начин, некако од чува лепо и уредно.
А ако желите да промените једна ствар, ви га промените једном
и то се променило свуда другде.
Дакле, то је више за ваш олакша и флексибилност.
>> Тако је и са ЦСС, то је врло слично у ХТМЛ, али уместо ознаке
да сам поменуо сада, ми користе оно што се зове селекторе.
И они су у основи само некако од повезују одређену ознаку
у ХТМЛ са различитим атрибутима.
А када кажем атрибуте, мислим ствари као боју фонта, стил фонта,
боја позадине, боје вашег текста.
Такве ствари.
Као да је то у центру, ако је на десно,
ако је то све инвертед-- ових кул ствари.
Ани стилске ствари да урадите да ваш текст,
то је оно што ја мислим са атрибутима.
>> А онда две главне ствари да знате је да селецторс-- два главног фацторс--
су ИД, што је јединствена.
Можете да користите само да за једну ствар.
У супротном, то ће викати на тебе.
А када смо га дефинишемо у ЦСС фајл, он ће
бе тараба име и затим оно атрибути желимо.
Обећавам да ћемо проћи кроз пример.
То ће учинити много више смисла.
>> Класа може се односити на више блокова.
Тако да можете имати први и трећи став
имају исту врсту атрибута уколико да их повезују са исте класе.
А кад смо их дефинишемо у ЦСС, радимо тачки класу,
са класе је год желите да буде именован.
>> Дакле, знам да је ово право Сада веома апстрактан.
Зато ћемо код.
Ја знам да ви момци воле да, а ви сви
ће ми помоћи, јер Ово је ваш веб страница.
Тхис Ис Оур секције веб страница, момци.
Дакле, постоје ли питања пре него што сам искључите ПоверПоинт, или било шта
хоћеш да кретање уназад пре него што почнете кодирање?
>> ПУБЛИКА: Када кажете утакмица ознаке, мислиш селекторе или ознаке?
АЛЛИСОН Буцххолтз-АУ: Можете мисле о њима као исту ствар.
То је само различите речи.
Мислим, као селектора.
Али селектори и карта на ознаке.
Тако да можете мислити о њима као ефективно исто.
Обећавам да ће направити више смисла када кодирања.
Било шта од ПоверПоинт или било питања
сада пре него што заправо прављење странице нашој секцији је?
Сви спремни?
Цоол.
>> Тако да имам једну почео.
Дозволите ми да повећа фонт за вас.
Ок, тако да сада, имамо само Баре Бонес Веб Паге управо овде.
>> Имамо мало ХТМЛ.
Имамо неке главом, који смо погледајте овде као пример веб страници.
Неки наслов, нека слова.
То су ознаке, у реду?
Дакле, када мислим затворите ознаке, видимо Овде ова носач глава је твоја отварање
таг, и ово носач / Глава га затвара, у реду?
>> Да би могао да мисли о овоме као Ваши протеза у вашим ако услови
или ваш за петље.
Ако имате један на почетку, желите један на крају.
Она ће и даље радити већину времена Ако немате затворени таг,
али најбоља пракса је затворите ознаке.
>> Дакле, у овом случају, хајде да променимо.
Ми ћемо имати одељак седам.
"Члан страну."
Тако да сам само ћу да се то промени.
>> А ако идемо овамо, а ми релоад-- мора спасити и релоад--
примећујемо да је овде то променило, зар не?
Цоол.
Дакле, ово мења титулу.
То је оно што је на картици.
>> Дакле, ово је врста лоокинг некако досадне.
Ја не знам о момцима.
Мислим да желимо нешто друго овде.
>> Дакле, шта можемо да урадимо је да заглавље је само ту.
Хајде да урадимо неку врсту тела.
Дакле, имамо овде мало тело.
Увек радим отворен и Затворим ознаке да почне,
на исти начин на који радим протезу.
Ах.
Чекај, шта?
>> ПУБЛИКА: [неразумљиво].
АЛЛИСОН Буцххолтз-АУ: Ах.
Ви сте ме.
Добар посао.
Голд Стар.
>> Ок, тако да имамо овде мало тело.
А сада да почнемо додајући неки текст.
Тако да имате пар другачији опције за додавање текста.
Имамо ствари као заглавља.
Управо смо нормални текст.
Хајде да почнемо са главом.
Заправо, ако хоцете покупити Т3 Школи ХТМЛ,
можете некако сум и ако има нешто
посебно да желите да испробате Овом веб странице, можемо то да урадимо.
Дакле, у овом случају, хајде да урадимо нешто Х1.
Дакле, Х1 је као највиши заглављу.
То ће вам дати нешто да је веома велика и храбар.
>> И у овом случају, оно што желимо за први текст на нашој веб страници?
Било шта.
Идете да створе ово.
Само ћу да куцате.
ПУБЛИКА: Добро.
>> АЛЛИСОН Буцххолтз-АУ: Добро.
У реду, тако да ако га сачувате и ми поново, имамо велику велику добродошлицу.
Дакле, само тако да можете видети разлике, хајде да урадимо нешто на Х6.
Шта желимо овде?
Зар не?
>> Ок, па тако можете види разлику.
Да, Сублиме.
Дакле, ако приметите, Х1, веома, веома велики.
Х6, као храбар, али много мањи, а имате све између.
Дакле, можете да имате Х2, Х3, Х4.
А ово су само заглавља, па ако покушаваш
креирање веб страницу која има различите секције,
Можда желите да користите заглавља негде.
>> Цоол.
Тако да ћемо додати још ствари у нашем телу.
Видим да би било некако супер, ако бисмо имали слику.
Осећам се као да су сви могли да можда користити Цуте Бунни слика управо сада,
па ћемо да нађемо зека прво слику.
>> Ја не знам да ли ви имате било који Приоритети на којој се желимо.
Да ли имате неке преференције?
Овај овде?
Доле.
У реду.
То је то.
Добар избор.
>> Ок, тако да ћемо да видите наш имиџ.
Погледајте то.
Погледате тај очаравајући ствар.
Како можеш да будеш тужан у понедељак са овим?
>> Дакле, ми ћемо само да копирате УРЛ адресу слике.
И оно што ми желимо да урадимо је, хајде да да имамо неку П за став.
Ми ћемо рећи: "Види погледајте Цуте Бунни.
д Авввв. "
Волим своје зеке.
Имам зеку код куће.
Недостаје ми зеку.
Па шта ћемо да урадиш-- Ја не знам да ли ви желите
то гоогле ово-- али са ХТМЛ, како да се укључити слику?
Буквално, ако гоогле "Укључи слику ХТМЛ,"
зашто не ви ми реците Шта ова ознака треба да буде?
>> ПУБЛИКА: имг соурце--
>> АЛЛИСОН Буцххолтз-АУ: имг соурце--
ПУБЛИКА: --екуалс--
АЛЛИСОН Буцххолтз-АУ: --екуалс--
ПУБЛИКА: --куоте-- Да.
АЛЛИСОН Буцххолтз-АУ: Савршено.
Ловели.
Види, МиСпаце генерација, зар не?
Публика: Неопетс.
АЛЛИСОН Буцххолтз-АУ: Лаир.
Ох, у реду.
Вов.
Било је лудо.
У реду.
>> Тако да се уверите да се ово право.
Цоол.
Дакле, ово би требало да буде овде.
А онда, ако се поново, ми имамо наше бунни на страници Зар ово диван?
>> То је тако слатко.
Изабрао си велики, велики слику.
Ја то копање.
>> Ок, тако да сада имамо овај диван зеку.
Били смо у могућности да додате слике, само тако.
Дакле, у основи, ако постоји било који слика желите да додате на својој веб страници,
можете га додати тек овако.
Друга ствар би била када сте слика чува
у истом фолдеру као и овај фајл, можете једноставно
пиши шта име тог слике је уместо веб линк.
>> Било би и даље бити у наводницима.
То би било као ако смо под називом ово--
Ако је ово слика је сачувана у фолдеру са овим ХТМЛ датотеку
да сам и то едитинг звала бунни.јпг.
Ми такође може да уради а то би се појавити.
Међутим, ја немам ово чува у датотека и желим да задржи зека,
па ћемо да задржи везу.
>> ПУБЛИКА: Шта је раббит.орг?
>> АЛЛИСОН Буцххолтз-АУ: раббит.орг.
То је аппроприате-- гледај, можете га усвојити.
Усвајање.
бунни.јпг.
Желим да усвоје ову зеку.
Ох, Боже, то је тако слатко.
>> Ок, тако да смо додали заглавља.
Додали смо слику.
Очигледно, додали смо неки текст овде, зар не?
Ако бисмо желели да додате друге текстови, да идемо овако.
Дакле, ово је још један пасус.
>> И кажемо "Ово је још један пасус."
Такођер, ја сам ужасна спеловала, па могу мисспелл ​​ствари.
Само за вашу информацију.
>> Дакле, имамо још став овде, зар не?
Дакле, можда желите да урадите нешто мало занимљивије него само
има све текст, као и десно поравнати.
Можда желите да центра текст, у реду?
>> Дакле, ако неко жели да користи онима згодне Цомпутерс пред вама
и реци ми како си ти ће до центра овај текст,
>> ПУБЛИКА: п алигн.
>> АЛЛИСОН Буцххолтз-АУ: Па п цласс једнако "Центар".
Он је убија, момци.
Требате појачати.
И ми имамо "Ово је центриран."
А сада имамо нешто центриран.
>> На исти начин, ако вам желим да лево поравнање,
можете да урадите алигн екуалс лево, десно алигн једнако.
Потпуно на вама.
Ако сам овде, онда ово требали сада је десно поравнати.
>> ПУБЛИКА: Алисон?
Би Имаге Соурце, зашто не тамо затварања имг извора?
АЛЛИСОН Буцххолтз-АУ: Извините.
Ово треба да буде тамо си добар.
Сада смо добри.
ПУБЛИКА: Да ли имате да га затворите тамо, или не?
АЛЛИСОН Буцххолтз-АУ: Па, имг извор, овај је само- са сликом,
то је само посматрати као један елемент, а Ако приметите за остатак ових,
имамо неку ознаку онда информације које се односи на, а затим и крајњи таг.
Али са сликом, све је некако самостална.
Цоол.
Дакле, ви знате како да креирате заглавље, знате како да унос текста,
знате како да слику Сада, можете ускладити ствари.
>> Још једна ствар која вас Можда желе да буду у стању да уради
је да направите листу у ЦС-- смо некако иде у следеће недеље псет.
Ствари које смо типично научити ове седмице
иде јако добро са следеће недеље псет, тако да смо
врста мешања, преклапања ствари овде.
Али то ће бити корисно за следећу недељу.
>> Дакле, ако смо желели да створимо неки Листа, како да урадим?
Ви не можете да одговорите овај пут.
Неко други мора да.
То није тешко, момци, обећавам.
Гоогле "Унордеред Лист ХТМЛ."
Шта је то?
>> ПУБЛИКА: [неразумљиво].
АЛЛИСОН Буцххолтз-АУ: Добро.
Дакле, да ли желимо наредили или унордеред?
Хајде да урадимо унордеред.
Дакле, имамо неку Ул, који означава Унордеред лист.
И шта имамо за сваки елемент?
Да ли је потребно сопствени ознаку?
Можемо ли да почнем да пишем нешто?
>> ПУБЛИКА: Ли.
>> АЛЛИСОН Буцххолтз-АУ: Ли.
Дакле, шта је наша листа ће бити?
Оно што ми овде?
Ми само радимо имена.
Само уради Јакова.
>> ПУБЛИКА: Раббит Фоодс.
>> АЛЛИСОН Буцххолтз-АУ: Раббит Фоодс.
Ок И лике тхис.
Раббит Фоодс.
>> Ок, тако да имамо шаргарепе.
Свиђа ми се овај Раббит Тхеме.
Ја сам га много копање.
ПУБЛИКА: Заправо, мислио сам да би био Јаков легално.
АЛЛИСОН Буцххолтз-АУ: Јацоб?
Јацоб зец хране.
Ако сте видели Јацоб фото из радног времена,
можда сте мислили да има нападнут од стране убица зец.
>> ПУБЛИКА: Имам зеца сада.
Сада имам убицу зеца.
>> АЛЛИСОН Буцххолтз-АУ: Да ли ме зезаш?
>> ПУБЛИКА: Ја ћу га донети следећи део.
Ја га имам.
>> АЛЛИСОН Буцххолтз-АУ: То је смешно.
Ионако.
>> ПУБЛИКА: [неразумљиво]
>> ПУБЛИКА: Да, мој Процтор има зеца као добро.
>> АЛЛИСОН Буцххолтз-АУ: Хоћу зеца.
У реду, ко год доноси прави зец следећи део, укупни слатких поена.
ПУБЛИКА: [неразумљиво]
ПУБЛИКА: О, то није стварно.
То је пуњена зец.
>> АЛЛИСОН Буцххолтз-АУ: О Да, ми можемо затворити ове.
Лоокс РАД.
ПУБЛИКА: Да ли је то заиста важно?
АЛЛИСОН Буцххолтз-АУ: Не ради.
Са већина ових ствари, не затворите ознаку,
99% времена ништа лоше иде да се деси, али је добар стил, такодје.
Тако Јакова.
И ми имамо салату.
ПУБЛИКА: за линкове, то је веома важно.
АЛЛИСОН Буцххолтз-АУ: Хм?
ПУБЛИКА: За хипервеза.
АЛЛИСОН Буцххолтз-АУ: За хипервеза.
Да, треба хипервезе.
У реду, па хајде да видимо.
И имамо затварање наше листе.
И гледамо то.
Ми смо все-- Јакова, тамо.
Зец хране.
Подсећа ме на Бунницула.
>> ПУБЛИКА: [неразумљиво]
АЛЛИСОН Буцххолтз-АУ: Вратио сам се доносе све је данас Тхе Олд Сцхоол Литература,
зар не?
Само све старе школске референце су.
Требало је да понесем као Гогуртс или нешто за грицкалице.
>> ПУБЛИКА: Или Гусхерс.
АЛЛИСОН Буцххолтз-АУ: О.
У реду.
Видећу да ли могу да прате доле Гусхерс за следећу недељу.
Мислим да могу то да урадим.
Мислим да имамо неки у канцеларији.
>> Ок, тако да смо покривени доста другачији ствари које можете да урадите са ХТМЛ, зар не?
И као што вероватно можете видети, то је нотхинг-- надамо се, не превише интим--
ако је, не мислим да омаловажи било кога.
Ако имате проблема, Молимо вас да се разговара са мном.
>> Али већина тога је само гледајући на синтаксе, зар не?
Ако желите несређену лису, ако желите неку врсту листе,
ако желите да усклади нешто или формату нешто, то је све о само
врсту лоокинг уп Синтакса за ХТМЛ, зар не?
И једна ствар која је Претти цоол ствари
је ако идете да-- да видимо, шта је лепо аутора које смо волели?
Свако има неке омиљене сајтове који су у реду да би се на мрежи?
Знаш шта, хајде да урадимо ЦС50.
То је лепо и сигурно, зар не?
>> У реду, тако да ЦС50 овде.
Види, постоји одељак сада.
Ако вам се свиђа начин на који то изгледа.
>> ПУБЛИКА: [неразумљиво].
АЛЛИСОН Буцххолтз-АУ: Нисмо урадити мета секцију, момци.
То се не дешава.
Било би супер, али нећемо то урадити.
>> Дакле, шта сте могли урадите ако вам се свиђа начин
Ово ради се увек можете у праву кликните на било коју веб страницу која вам се свиђа
и можете да урадите Виев Паге Соурце.
То ће довести сву ХТМЛ.
И то је заправо веома добра начин да стил своју веб страницу.
Иди на веб страницу која вас Заиста волим и погледамо ХТМЛ
и схватити како су то урадили.
>> И буквално, док као што наводе ствари,
док ти ниси само краде од људи, то је у реду.
Посебно за ЦС50 [? финансирати?], ми смо
љубазно од вас очекују да се инспирација другог веб сајта.
Тако слободно.
Поглед кроз сајтова који мислиш да си стварно лепа
и схватити како користе ХТМЛ и ЦСС да ради овакве ствари.
>> Дакле, као што видите овде, очигледно има као линкове и имамо ту класу.
Имамо везу овде.
Имамо списак.
Вероватно имају неке слике овде негде.
>> Имамо неке кул стил овде.
То је следећа ствар ћемо да урадимо.
Дакле стил, кад год видите ово стиле држачи, то је у основи ЦСС.
Бен, да ли имате питање?
>> ПУБЛИКА: Шта је див?
>> АЛЛИСОН Буцххолтз-АУ: див је управо оно што је у-- див?
ПУБЛИКА: дивизија.
АЛЛИСОН Буцххолтз-АУ Дивисион.
Да, то је исто као одвајање различите елементе.
Ок, па ево шта смо ићи на следећу.
Тако да ово не може бити најбољи стил, јер, ако приметите
имамо ХТМЛ и стил у истој страници, и ми заправо желимо да одвојимо те,
У реду?
И заправо, нека ме отворим правог
јер то би требало да буде ПДФ, тако да имамо стиле.цсс.
>> Дакле, шта можемо да урадимо овде је ово су цоол ствари као неки фаде
и можемо да пробамо и то, али осећам као да би неред да се у ходу,
па сам вам и момци у пробати да сами,
али нећу то урадити одмах.
Дакле, ако сте, запамти, Ако сте икада ударио проблема сет,
нешто своопс у са стране.
То има везе са бледе и транзиција и шта све не.
>> ПУБЛИКА: И то је све ХТМЛ и ЦСС?
>> АЛЛИСОН Буцххолтз-АУ: Све ЦСС и ХТМЛ.
Да.
Тако да можете да урадите много јако цоол ствари са ЦСС и ХТМЛ.
Дакле, са нашим супер Бунни веб страница овде,
ће мало да уради Мало ЦСС стила са њим.
>> Дакле, ако сте икада имали стила лист, који имамо овде,
можете само позвати стиле.цсс.
Можете га звати како год хоћеш.
Оно што је важно је да идемо то позивање у нашој веб.хтмл овде.
>> Па шта ћемо да урадимо је ми-- тако да не неред ову их--
ћемо повезати ова два фајлова заједно.
Дакле, у истом ваи-- идем да извучемо једну аналогију Ц овде.
На исти начин на који ако имате неки либрари-- и имамо цс50.х--
наш преводилац то повезује.
Ово је само експлицитна Линк са наше стране.
Дакле, на исти начин на који ми то радимо хасх укључују неки фајл, шта
Ја ћу да пишем је само ХТМЛ / ЦСС еквивалент тога.
>> Ми само кажу, у реду, ову веб страницу ће користити ову стила, у реду?
Дакле, имамо линк рел једнак стилова.
И онда имамо типа, ЦСС.
И онда хреф једнако.
>> У реду.
Дакле, све је то урадио овде је да мисли о овоме као исту ствар
као хасх укључују.
Очигледно изгледа мало више компликовано, али у свим случајевима,
то ефективно је иста ствар.
Тако да је ово само нека повезивање стила, то је типа тект / цсс,
и име тога је стиле.цсс.
>> Оно што је важно да знате је да је веб страници
да радим праву сада-- веб.хтмл и стиле.цсс-- су у истом фолдеру.
Јер у различитим фасциклама, морате да дате стварни корен
на то, или пут до њега.
Али у овом случају, ми га држи Супер једноставно и да ће бити овде.
Дакле, ако се то, ја имам мало ствари већ на чекању овде.
>> Дакле, имамо мало тело, која ће да имамо боју позадине, која
сада је светло плаво.
Можемо га променити ако желимо, али ако се добро сећам ово,
само треба да га промените у светло плаву.
А сада имамо светло плавом позадином.
И ми смо имали овдје-- се ико сећа који је један хасх ИД или класа?
>> ПУБЛИКА: ИД.
>> АЛЛИСОН Буцххолтз-АУ: ИД.
Цоол.
Дакле, оно што желим да радим је који од ових фонтова
или вхицх-- желимо "Погледајте Цуте Бунни "да буде љубичаста?
Мислим да желим да буде љубичаста.
Прилично сам се са тим је љубичаста.
>> Дакле, оно што радите је да урадите ИД екуалс-- у овом случају
Рекао сам, шта, прилично боје овде.
Ми релоад.
Одједном, то је љубичаста.
У реду, тако да са ИД, запамти треба да буде јединствена,
тако да не би требало да буде помоћу Овај ИД нигде.
Али са класе, као што имамо овде са лепим фонт,
Ја би требало да користите да где год желим.
>> Па хајде да урадимо ово овде.
Тако да можемо рећи класа једнако лепа фонт.
И ако сада погледамо, имамо Ово кул прилично фонта овде.
Тако да можда ја желим да радим оба.
У реду, ја заправо не знам да ли је ово одлазак на посао, али ја желим да пробам.
И то је како да научите ЦСС и ХТМЛ.
Ти си као, знаш Шта, хоћу да пробам ово.
Нисам сигуран да ли ће радити.
Хајде да видимо да ли ради.
>> И погледај то.
Сада је у љубичаста и то прилично фонта.
Ок, тако да имате све ово различите ствари које можете да урадите.
Да ли имате питање?
>> ПУБЛИКА: Да.
Па, баш као што је боје користите су речи.
Да ли постоји начин да се боје са хекадецимал РГБ?
АЛЛИСОН Буцххолтз-АУ: Иоу цан алсо урадите то са хексадецимални, верујем.
Да.
Али је некако лепо да не желе да их погледати.
Само може да буде као, љубичасте или плаве.
ПУБЛИКА: Да Надају Знам шта то значи.
АЛЛИСОН Буцххолтз-АУ: Добро.
Па хајде да ово читају или Цхартреусе.
Зашто би сте икада изабрати Цхартреусе?
То је занимљива боја.
>> У реду, тако да је очигледно да можемо да видимо може да промени ствари, међутим желимо.
Ако желите да цреате-- рецимо желели смо да створимо другу класу.
Шта би ви желите да промените?
Ако се зауставите В3Сцхоолс ' ЦСС документација,
Остављам реч вама.
Ми можемо покушати нешто у реду са ово у последњих неколико минута.
Зато што сам ти дао Црасх Цоурсе на много цоол ствари
које можете да урадите.
Али на крају, као што сам рекао, ако ви Само експеримент, научићете много.
>> ПУБЛИКА: Јеси ли погледао горе Фонт?
>> АЛЛИСОН Буцххолтз-АУ: Да, Погледао сам тај фонт.
Дакле као буквално, да ишли да-- Шта сам урадио?
Јесам ЦСС листу фонт, и онда сам фонта Стацк,
и онда сам био као, гледај, овде су сви цоол фонтови можете да урадите.
И био је један, тако Сам га копирао на мој оставу.
И онда сам био као, Ок, кул, идемо.
Све је готово.
>> ПУБЛИКА: Дакле, морате да се уверите то ЦСС зна шта је фонт.
>> АЛЛИСОН Буцххолтз-АУ: Да.
>> ПУБЛИКА: Шта каже на крају?
Цурсиве?
>> АЛЛИСОН Буцххолтз-АУ: Цурсиве.
Да.
>> ПУБЛИКА: Позадинска слика.
>> АЛЛИСОН Буцххолтз-АУ: Позадинска слика.
У реду.
Дакле, желите да ми кажеш како се то ради.
Остављам то вама.
Само куцање се овде.
Точак је у вашим рукама.
>> ПУБЛИКА: ОК
>> АЛЛИСОН Буцххолтз-АУ ОК.
Шта ја то радим?
>> ПУБЛИКА: Доинг-- Знам шта долази након коврџаве огрлицом.
АЛЛИСОН Буцххолтз-АУ ОК.
Вероватно у телу, и би претпоставити, јер смо
раде са позадину.
>> ПУБЛИКА: Да, хајде да урадимо то.
>> АЛЛИСОН Буцххолтз-АУ ОК.
ПУБЛИКА: ОК, дакле позадина дебелог црева, а онда
треба УРЛ адресу те слике.
Можда псеудо-код који за сада, можда.
>> АЛЛИСОН Буцххолтз-АУ: Шта да ли би ми желели да--
ПУБЛИКА: Мислим као ГИФ.
АЛЛИСОН Буцххолтз-АУ: ГИФ?
То ће бити интересантно.
У реду, шта ја ту гооглинг?
>> ПУБЛИКА: Не, то је твој избор.
>> АЛЛИСОН Буцххолтз-АУ: Зашто не бисмо-- ако је зека,
Осећам се као да треба да Нице травната травњак или тако нешто.
>> ПУБЛИКА: Меадов.
Ливада.
>> АЛЛИСОН Буцххолтз-АУ: ливада?
У реду.
ПУБЛИКА: Или Рацхел Маддов.
АЛЛИСОН Буцххолтз-АУ: Ово изгледа лепо.
Ох, то је мала, ипак.
Потребан нам је добар имиџ величине.
Хајде да видимо.
Ох, види.
То је прилично ливада.
Знаш шта, ја волим ово.
Хајде да копирате ово.
>> ПУБЛИКА: Добро, па мислим да је то УРЛ адреса, отворене заграде.
>> АЛЛИСОН Буцххолтз-АУ ОК, УРЛ адреса.
>> ПУБЛИКА: Онда адреса.
>> АЛЛИСОН Буцххолтз-АУ ОК.
Да ли је то све што нам је потребно?
>> ПУБЛИКА: Затвори заграда и зарез, и онда простор, позадина цртица
Прилог Цолон фиксна, и коврџава Браце.
>> АЛЛИСОН Буцххолтз-АУ ОК.
Хајде да видимо да ли ради.
То ће бити прилично кул ако се то деси.
Стварно сам узбуђена овде.
Није успело.
Питам се зашто.
ПУБЛИКА: Можда УРЛ адреса мора да буде у цитатима.
АЛЛИСОН Буцххолтз-АУ: Можда.
А ово је како сазнајемо, момци.
>> ПУБЛИКА: Да ли имамо позадину боја и позадине слике?
>> ПУБЛИКА: Не
Једна замењује другу.
>> АЛЛИСОН Буцххолтз-АУ: Не знам.
Хајде да видимо.
Хајде да проверимо и видимо.
>> ПУБЛИКА: Ох, можда, да.
[Изнео Воицес]
>> АЛЛИСОН Буцххолтз-АУ: Добро, ово је обвиоусли-- И [неразумљиво] овде.
Тако реду.
ПУБЛИКА: Позадина везаност.
АЛЛИСОН Буцххолтз-АУ: Ах.
>> ПУБЛИКА: Добро, ја не знам.
АЛЛИСОН Буцххолтз-АУ: Он Изгледа да треба да раде.
Да ли сте сигурни да је дебело црево после УРЛ?
>> ПУБЛИКА: Не, то је зарезом.
АЛЛИСОН Буцххолтз-АУ: То је зарез.
ПУБЛИКА: Да ли сам рекао дебело црево?
АЛЛИСОН Буцххолтз-АУ: Рекао си дебело црево.
ПУБЛИКА: Ох не.
АЛЛИСОН Буцххолтз-АУ: Изволи.
ПУБЛИКА: О, чекај, сад не можемо прочитати текст.
АЛЛИСОН Буцххолтз-АУ: Сада Ви не можете прочитати текст,
али имамо позадинску слику.
Ммхмм?
>> ПУБЛИКА: Да ли ХТМЛ подржавају динамички садржај?
Као, можеш ли величину ту слику у зависности од величине прозора,
или је то ЦСС--
>> АЛЛИСОН Буцххолтз-АУ: Дакле, ЦСС има да уради то.
Дакле, ако сте заинтересовани у учењу напредне ЦСС,
Ја цо-предајем Семинар о ЦСС на 7..
И обећавам да хоће бити много више у дубину
и учинити много више кул ствари у овој секцији.
А мој ко-је као учитељ Укупна предњи крај веб дев Мастер.
Тако да ће бити прилично кул ако желите да сазнате о свим цоол ствари
да ЦСС може учинити.
>> Али оно што ми овде имамо са његова позадина Аттацхмент
фикед-- тако да је нека фиксна сизе-- али заправо можете динамицалли--
Ако сте икада видели веб странице, као Већина добрих веб странице ће учинити,
Када подесите величина вашег претраживача,
она подешава позадину или колико показује или реформатира ствари, зар не?
Дакле, то је оно што ми зовемо позиционирање.
>> И ЦСС могу заправо зграби колико вам ширина претраживач је или колико је висока,
а можете поставити ствари према релативној величинама
насупрот апсолутних величина.
И то је очигледно напредније ЦСС, али то је нешто што можете да урадите.
Ако желите да научите више, долазе у мом семинару.
>> Тако да је нешто можете да урадите.
И ЦСС могу заправо урадиш-- ЦСС и ЈаваСцрипт,
које ћемо ући у следећу Недељу може омогућити вам да промените динамички
Странице без потребе да поново их све време.
И ти да урадиш нешто прилично кул ствари.
>> Дакле, постоји једна ствар да сте ви можда желети да урадите
или било шта желите да истражите?
Имамо 10 минута.
Ми такође може да напусти рано, али ако желите да урадите нешто више веб ствари,
можемо, али ја нисам ће вас натерати да.
Али ми такође можемо да једем слаткише.
ПУБЛИКА: Означите текст бели тако да можете да прочитате.
АЛЛИСОН Буцххолтз-АУ ОК.
Дакле, у овом случају, желимо мало п.
ПУБЛИКА: Да ми то радимо у Тело тако да се односи на целе странице?
АЛЛИСОН Буцххолтз-АУ: Да, можемо да.
То је добра идеја.
Тако да бих-- и ти Знам шта би требало да буде?
Не знам да ли можемо да урадимо боју текста.
Хтео сам да покушам и створити још једну класу овде.
>> ПУБЛИКА: Како то гет да има предлоге?
АЛЛИСОН Буцххолтз-АУ: Па Ако сте заинтересовани,
Ово је још један текст уредник зове узвишено.
Требало би да будете у стању да инсталирајте га на свој уређај.
Понекад постаје мало незгодно.
Ако желите помоћи у томе, Ја сам супер срећан да вам помогне
с њим, јер је гедит је велика и то је супер јер га можете саставити
на дну, али стварно Као Сублиме јер је прилично је
и то не радим ствари као ауто-комплетан.
>> Тако да дефинитивно можете слободно јавите ми ако желите да урадите то.
Ако само гоогле "узвишене текст, "типично
има упутства о томе како да инсталирате на различитим оперативним системима.
То је стварно цоол, и Мислим, по мом мишљењу.
Тако стр.
Мислим да сам могу да урадим или тект-- Ми само можемо учинити боја је "бели".
Тамо.
>> Дакле, оно што сам урадио је да сам овде није променила цео текст.
Али, с Овде је само Ознака да имамо, зар не?
Овај став ознака.
Па сам створио ЦСС елемент који рекао, у реду, шта са овом ознаком
п, чине боја бели.
>> Дакле, ако сте приметили, то је Овај бели и ово бело.
То није да наша листа бела јер Није повезан са тим.
Могао би проћи и могао би прицала-
>> ПУБЛИКА: До боју позадине.
>> АЛЛИСОН Буцххолтз-АУ: Боја позадине?
>> ПУБЛИКА: Позадина да цев у боја где сте ставили ознаку п.
>> АЛЛИСОН Буцххолтз-АУ ОК.
Ти то желиш бело?
ПУБЛИКА: Ммхмм.
АЛЛИСОН Буцххолтз-АУ ОК.
Изволи.
ПУБЛИКА: То је чудно.
АЛЛИСОН Буцххолтз-АУ: Прилично кул, зар не?
Дакле, ако сте само зеза, ћеш научити много.
И то може бити прилично кул.
Мислим да је дефинитивно више није него задовољавајући Понекад
јер не морате да чекате за ваш програм за састављање.
Можете само да удари Освежи а ти си као, ох, види,
је радио, или Ох, ја сам Вероватно нешто недостаје.
И то је нешто што је заиста кул о овом следећем делу класе,
је то дефинитивно, ја Мислим, лакше да провери
како идете на путу у односу на потребе да пишем ове дуге програме
и желећи и моли да ради на крају.
>> Дакле са тим, мислим ви сви изгледају добро.
Уколико имате било каквих питања, као и увек, дођи да разговарамо, дође ми јави.
Ја ћу бити напољу за наредних 15 минута
Ако желите да ћаскате о све и свашта.
>> Па се надам да друштво-- Срећно са овим псет.
Рок је у петак у подне јер је касно пуштен.
Тако да ће вероватно бити видети пуно вас у четвртак,
али надам се не.
Можда ћете морати да уради тада.
Био бих поносан супер.
>> Али ако не, ја ћу вас видети у четвртак.
Такође можете да користите касно датум, који проширује до суботе у подне.
Али ја не-- ха?
>> ПУБЛИКА: Халловеен.
>> АЛЛИСОН Буцххолтз-АУ: То је Ноћ вештица, А и Б,
Ја не верујем да ће да радно време у петак.
Дакле, стварно покушајте да га уради Петак, тако да сви можемо да славимо
Халлов викенд.
У реду, видимо се следеће недеље момци.