>> [Мусиц плаиинг]
>> Давид Ј Малан: Ово је ЦС50 и ово је почетак недеље 7.
Дакле, велцоме бацк.
А можда ћете се сетити да у проблему сет четири,
било је помало Сцавенгер Хунт за неке феноменалне награде при чему
након што поврати фотографије и овде и у Нев Хавен особље,
сте пред изазовом да пронађу што више они компјутерски научници као што сте могли.
И имамо читав гомила поднесака.
Мислио сам да поделим неке са вама данас.
>> И ми ћемо постављати све ово мрежи.
Али конкретно, хтео сам да да вам скренем пажњу да-- бунара једном,
Сам је био у доста њих углавном позира овако.
Али изгледа да је од Јутрос, победник
је одређена неко по имену Кен са 24 запослених заробљени на камери
или мало више када се узме у налог вишеструко особље у сликама.
На слици овде је Кен следећа Марији у Нев Хавен.
>> Сада Кен, међутим, претвара оут је помало углу случаја
да се још није догодило.
Испоставило се да то није падало за мене да стави фине принт у проблему
сет четири која каже да особље неподобан за феноменалних награда у
јер Кен је, наравно, један од фотографи на нашег особља.
Сада, са тим рекао, првобитно ми је писао да кажем
молим вас немојте писати ове фотографије на мрежи.
Мислим да је у великој мери јер је већина фотографија
да је овај фотограф је погледати мало овако нешто.
И слично.
>> Али Кен бих ја да вас уверим да је он јако добар фотограф,
Он је професионалац, он узима фотографије које нису мутна,
да су бољи у фокусу, а он је доста нашег особља.
Али, уместо да само признају Кен, шта смо мислили да радимо
се иде кроз листу Стварни студенти који су поднели.
И испоставило се да је Ланце са 15 фотографије у јутрос
је био наш победник.
>> А на слици овде је Ланце са Колтоном, са Сказ, са собом, и са Самом.
Али онда се испостави да је од 11:46, па мало пре,
Вратио сам се у мој е-маил и фоунд да смо имали још једна тврдња
од студента по имену Бони чија е-маил, рекао је само ово.
Не лагати, ја сам радим ово током часа.
А онда је наставио да само приложите 14 фотографија, један од стидљиви Ленс је 15.
>> Али у Бонние фотографијама, испоставило од било више чланова особља, Сем
Међу њима, тако да оно што смо мислили ће учинити је признати и од њих.
Дакле, поред добијању Дропбок простор да свако ко је учествовао
прима, ова два дела се и добити леп цатеред ручак за њих
и њихова секција пари ове недеље.
И тако ћете чути од нас, Ленс и Бони, о томе.
Дакле, велики честитам на њих.
Сада, они од вас који би као ручак генерално
знам да ЦС50 ручак у Кембриџу и Нев Хавен је у петак.
Иди на ЦС50 аутора сласх РСВП.
А сада реч о семинарима.
Више цуррицуларли.
Дакле, ми се приближавамо тачка семестра
где треба да почне размишљам о коначним пројектима.
И у ствари, у само мало, зар Такозвани пре предлози да се догоди.
Дакле, пре предлози треба да бити веома мали утицај и заиста
само прилика за можете да напишете кратку поруку
Ваш демонстратор на апприсе њему или њој шта мислиш
Можда желите да урадите за своју коначног пројекта.
>> Сада, многи студенти завршавају ради веб базирани коначне пројекте.
И наравно, ми смо само Сада је прошле недеље у ово
и даље роњење у веб програмирање.
Тако да не брините ако Немам појма како
ти би изградити идеје да можда ћете морати у вашем уму.
Ово је заиста само тера функција да се мислиш и причаш
са ТФ о томе.
Али да ти помогнем са тим, и са коначним пројектима на крају,
знам да ЦС50 има традицију понуди семинаре.
>> А ово су опциони, руке на, или предавање на основу могућности
да бисте сазнали више о темама које су мало споредна курс је
Наставни план и програм, али ипак дивно Материјал за вожњу коначне пројекте.
И то је списак који је ЦС50 особље овде у Нев Хавен
смислили за ове године око иОС
програмирање Андроид програмирање, развој игре,
и гомиле више алата и језици и технике.
>> Зато пазите на сајту ЦС50 је.
А у међувремену, ако желите да регистрирајте интереса у било којој од њих,
идите на ЦС50 је сласх регистар.
И онда ћемо пратити како до дана и летења и локације
и све-- скоро све ће бити стримују као и доступни на захтев
после ако не можете заиста успети.
Дакле, без даљег одлагања, ми стали прошли пут са ГЕТ.
>> И то је као поруку да је унутар виртуелне коверти, подсјетимо,
да смо прошли од рутера до рутера у рутер између веб претраживача и веб
сервера.
А да је порука изгледала мало нешто овако.
Ово је била још порука коју волшебни је, у ствари унутар коверти
написан на парчету папира чија је Прва линија каже дословно, да црте.
>> И баш као што проверу исправности, шта је коса црта означава?
Шта значи када сласх тражи сајт?
Ви га тражити све време.
Већина сваки пут када посетите сајт, можете Не заправо не укуцајте име датотеке.
Вероватно само идите на Фацебоок.цом, ентер, гмаил.цом, или слично.
И шта коса црта представља?
Шта фајл?
Или шта страна, конкретно?
>> Индекс, да.
Дакле, подразумевани страници.
Дакле, ако не наведете датотеку назвати ћемо почети да видимо,
ви у ствари само тражи дај ми Дефаулт паге Фацебоока
или да ми инбок или дати ми подразумевани страница вести
на сајту ЦНН-а или слично.
И сервер онда реагује на та порука са нечим
овако, рекавши да, Говорим ХТТП верзију 1.1.
>> 200, што је статус код које смо ретко хуманс
икада видели, јер је то добро.
Зато што то значи ОК, захтев је примљено и рукује на одговарајући начин.
А тип садржаја наводно у одговору
је веома често, али не увек, текст.
А конкретно ХТМЛ.
И то је, заправо, где гледамо данас.
>> Дакле, у ствари, ја идем напред и отвори бровсер.
Ја ћу користити Цхроме, можете користити највише било бровсер у недељама које долазе.
Ми генерално препоручујемо Цхроме јер посебно је
добро за програмере.
Има много уграђених у алати који олакшавају
да се развије не само ХТМЛ и ЦСС, ствари ћемо почети говоримо о данас,
али и други језици као добро.
>> И ја ћу ићи напред и го да-- Идем да контролише клик или десни
кликните било где на веб страници.
И ја ћу да одем да прегледа елемент.
И ја ћу да подесите мој Екран мало овде.
Дозволите ми да померим ово на дну.
Дакле, то је оно што се зове Цхроме инспектор.
Дакле, ово је као отклањање грешака алатка уграђена у Цхроме.
>> Сви сте већ ово Ако сте користили Цхроме.
И то вам омогућава да видите шта се дешава на испод хаубе неке веб странице.
Дакле, хајде да ствари потрајати погледај ово на следећи начин.
Има начин више функција а ми стало данас.
Али ове картице овамо.
Елементи, мрежа, извори, Тимелине, и неке друге ствари.
Идем да кликну на Мрежа за тренутак.
>> И то је мало неодољив на први поглед овде.
Али шта ћу да урадим је да пусти мене је мало поједноставити.
Ја ћу окренути на снимање светло, тако да је црвено.
И ја ћу да кажем сачува евиденцију.
А ово је само мало што сам схватио
током времена које ће спасити све што се дешава у претраживачу.
А сада идем да хттп://фацебоок.цом.
>> Заправо, хајде да урадимо ввв за сваки случај, сласх.
Ентер.
Тако УРЛ да су многи можда су посетили.
И сада Фацебоока веб страна долази одозго.
И онда гомила ствари пролетело на дну.
И у ствари, испоставило се да када посетите фацебоок.цом,
ви не само што један ХТТП захтев, испада да ће Фацебоок.цом
шаље 41 тих коверте, свака са својим гет захтев,
као што је назначено, мада иза екрана Овде, на дну екрана,
то значи да, заиста, моја прегледач је 41 захтева.
>> У укупно, пренијела 861 килобајта и требало је из неког разлога
чак осам секунди да преузмете све то.
Дакле, то је заправо мало чудно да би Фацебоока сајт узети
дуго, али нека буде тако у овом случају.
Сада, све ово не стало о изузев највишем захтев.
Дакле, идемо да овај овде и дозволите ми умањили за тренутак.
>> И дозволите ми да зумира ово.
Дакле, оно што сам урадио на лево иако има много дешава овде
је сам истакао Фацебоок.цом а затим
приметити да сам сцроллинг доле, сцроллинг доле, доле сцроллинг,
да затражи заглавља.
И видећете да Цхроме показује ме суштини унутрашњи садржај
захтјева сам направио.
Није форматирање на сасвим исти начин, али примећујете да је помињање добити,
примећујете да је помињање домаћина, Фацебоок.цом, пут, или коса црта,
који је фајл сам тражио.
>> И онда ако дођите резервну копију, ми заправо ћу
видим да оно што се вратио на Фацебоок За мене је све ове заглавља.
Дакле, унутар тог виртуелног коверти заиста има много кључних вредности парова.
Реч, двотачка, а онда вредност.
Реч, дебелог црева и вредност.
То су тзв заглавља.
И има много више детаља него овде Ми смо заправо стало до сада.
>> Али ово је други на последњи је тамо доле,
приметити, да фацебоок.цом серверу, овде заиста рекао питању неки текст ХТМЛ.
Дакле, све ово је рећи да када сте тражили веб
страница са претраживача до сервера, сервер одговара да
са коверту за себе унутар којих је текст.
Другим речима, ХТМЛ.
Jezik za opis hiper-teksta.
Који је други језик да данас уводимо
да су људи или рачунара генерише како да спроведе веб странице.
>> Конкретно, хајде да погледамо ово.
Идем сад да се вратим на сајт Фацебоока.
И ја ћу само Контрола клик или десни клик
и кликните на Виев Паге Соурце.
А чак и ако не користите Цхроме, ИЕ може да уради, Сафари може да уради,
Фирефок можете да урадите, иако мени Опције можда изгледа мало другачије.
И то је ХТМЛ који Марк и Компанија на Фацебоок писали.
>> И да колективно, овај језик овде имплементира плаво и бело страницу
да смо видели малопре.
Дакле, ово је мало превелик.
Али ако погледамо горе у горњем левом углу, ми смо ће почети да виде неке моделе.
Изгледа да постоји много ових отвореног угла конзоле
а онда је ова кључна ХТМЛ.
Ево још једног отворено угаона заграда и главе.
>> Ево, ако спустимо и доле и доле, ја сам
отићи напред и покушајте да тражи нешто.
Тамо далеко изнад са десне стране Овде је отворена носач тело.
И сећам из прошле Време које смо предложили
да је најједноставнији веб страници да би човек напише
може да изгледа нешто овако.
Отвори ХТМЛ тег, отворена глава ознака, отворен титле таг,
онда затворена наслов, затворена главе, отворен Тело ознака, неки текст, затворена каросерија,
затворена ХТМЛ.
>> Али пауза овде за тренутак.
Овај код, чак и ако сте никада није написано пре
али и даље не разумем шта се дешава, изгледа прилично добро.
Добро, то је веома чист.
Веома је стилски лепо.
Много увлачењу и белог простора.
Фацебоок је није.
Па зашто је Фацебоок толико горе него што сам у писању ХТМЛ?
Очигледно.
>> Добро, ово је као један од пет за стил.
Постоји убедљив разлог за њих да смањи ове углове.
У реду, тако да не желе да лакше за вас да га прочитате.
Дакле, у извесном смислу, они су то обфусцатинг, некако је кодирање
барем естетски тако да је теже Миспаце
да одем и откинути њихову страница и ХТМЛ за то.
Испоставило се да је са програмима мада, укључујући Цхроме,
можемо очистити ово супер лако.
Дакле, није баш да је као разлог.
Шта још може бити узрок.
Да.
Да, бели трошкови простор података.
Шта мислите?
Да, баш тако.
Ако притисните тастер ТАБ много или размак, размотри импликације.
Дакле, сваки тастер на тастатури је [Неразумљиво] представљени као један бајт.
>> Тако предпостављам да Обелешити или било који од девс ових дана погађа само једном размак
У овом ХТМЛ страницу која представља Фацебоока страницу.
И Фацебоок има доста оф усерс ових дана.
Дакле, претпостављам да је Фацебоок страница посети милијарду људи данас.
И неко има на Фацебоок погодио пречку простора само једном.
>> Дакле, један додатни бајт, милијарду прегледа,
колико више података на Фацебоок преношење преко Интернета
јер је неко ударио размак на свом тастатури?
А милијарда бајта, или један гигабајт Подаци се шаљу из Фацебоок сервера
људима широм свет без икаквог разлога.
Дакле, то је само један простор.
>> Замислите да смо заиста чисти ово ствар се и то увучен и додао
доста белог простора и таб карактера и простори,
завршиш гигабајта потрошње, ако не Терра бајтова више простора.
И тако супер уобичајено у стварни свет веб развоја
је да Смањите свој код.
И ми ћемо на крају видети како можете да урадите.
>> Али данас, ми ћемо почети писање кода то је заправо читљив од нас људи.
Испоставило се, међутим, ако се вратиш на овај алат у Цхроме Проверите Елемент,
Раније смо били на картици Нетворк.
Испоставило се да ако идете до Картица елементи, шта сте заправо видели
је Цхроме је прилично штампан верзија тог истог ХТМЛ.
Тако смо га деобфусцатед.
Дакле, то није меч за рачунар.
А сада можете кликните около и почети
да видимо хијерархију која је веб страница.
Дакле, хајде да заиста раде ово.
Ја идем напред и отвори на мој Мац програм који се зове текст измени.
И сећам се да је ово само супер једноставан текст програма.
Виндовс има нотепад.еке.
И ја ћу на дословне откуцајте следеће.
Док тип ХТМЛ отворена заграда ХТМЛ затворена брацкет ХТМЛ,
имамо главу странице овде, крај главе странице овде,
наслов ће бити слично, Хелло ворлд.
>> А онда овде, морамо тело веб странице.
Затворена каросерија.
А онда овде, здраво свет.
У реду.
Тако смо написали супер брзо веб страницу.
Идем да га сачувате као хелло.хтмл на мом десктопу.
Мој Мац је да се жалим, мислећи да, чекај мало,
ово је текстуални фајл, урадите желите да га назовете .ткт?
Али не, желим да користим дот ХТМЛ.
>> И онда шта је лепо ако само двоструко кликнути ову слику,
хелло.хтмл, овде је моја веб страница.
Нажалост, ја сам Једина особа на свету
који можете посетити ову страницу одмах.
Зато где то очигледно живи?
То је на мом Мац, зар не?
Који је бескорисна.
Да нико у овој соби а камоли на интернету
заправо може посетити ту страницу.
Тако данас, морамо да увести још један елемент.
>> И то урадити, ја ћу само напред и отвори Цлоуд 9.
Дакле, облак 9 је, наравно, облак базирана сервице-- ЦС50
ИДЕ-- То је све наше радне просторе ради негде на интернету.
А то значи да су сви наши фајлова већ су јавно доступни.
Дакле, идемо напред и урадите то.
Ја идем напред и креирате нову датотеку НЦС50ИДЕ.
Идем да га сачувате као пре као хелло.хтмл и кликните на саве.
И сада само да уштедим време, ја идем да иде напред и цопи пасте овај код
него је поново унесите да.
И сачувајте га.
И сада имам фајл под називом хелло.хтмл.
Али како радим ствари отворите га као веб страницу?
Па, испоставило се да уграђена у ЦС50 ИДЕ је не само преводилац као кланг
и отклањање грешака као и ГДБ гомиле других програма,
заправо постоји пуноправни веб сервер ради у ЦС50 ИДЕ.
>> Сви ви, то јест, имају свој веб сервер.
И веб сервер је само комад софтвера чија је сврха у животу
је да служи се веб странице.
Да бисте слушали за захтеве из бровсер-а одговорити са малим виртуелних коверте
од којих је у садржај који сам написао.
Дакле, ово веб сервер је стварно слободан и опен соурце.
Где Опен Соурце само значи софтвер који неко други има
пише да свако од нас може заправо видети и преузети, па чак и
промените изворни код.
И то се зове Апацхе.
>> И ми смо се да је мало лакше користити у ЦС50ИДЕ називајући га Апацхе 50.
Тако да је то заправо може разумеју следеће.
Ја ћу рећи апацхе 50 почетак.
И онда ћу да кажем тачку.
И видимо неке помало волшебни поруку рекавши
постављање Апацхе-ов документ [? група?] куће, Убунту, шта год да је,
сласх радног простора.
Покретање веб сервер Апацхе 2 успешно.
>> Тако скратим причу, ја Управо сам притиснуо дугме
и окрену на веб сервер који је сада слушање на интернету на ТЦП порт
80 на одређеној адреси.
И овде пише, и ово ће се променити Басед
на своје корисничко име и другим факторима, али приметио сада, ако кликнем ово,
ИДЕ50 тачка јхарвард и тако и тако, приметити да све ово време
У последњих неколико недеља, можда ћете морати
приметио да свој корисничко име је уграђен у горњем десном руком
угао ЦС50ИДЕ.
>> А то је у ствари био све ово темпирати адресу на којој можете
посетите све ваше фајлове преко веба.
До сада, није важно, јер у Ц, обично
да ствари приказује у терминала, а не на вебу.
Али данас, почињемо писање веб базирана код
да ми желимо доступна на јавним адресама.
Па шта ћу урадите је да кликнете овај УРЛ.
>> И приметите да видим доста ружно индекс, попис директоријум,
али оно фајл скаче на вас, вероватно?
Хелло.хтмл.
То је зато што сам спасио фајл у мом радном простору.
И оно што сам рекао Апацхе веб сервер се погледате у директоријуму радног простора Давидовом.
И нека неко у свет види те фајлове.
>> И заиста, ако сада кликните на хелло.хтмл,
Видим у овој картици управо тај фајл.
Сада обратите пажњу, Цлоуд 9 ради несто мало корисно за нас.
У оквиру ЦС50 ИДЕ, примећујете да је изненада адреса бара.
То је зато што, иако смо користите Цхроме да посетите ЦС50ИДЕ,
унутар ЦС50ИДЕ је сама верзија веб претраживача сада.
И тако, уместо компликује ствари као што су,
Ја ћу ићи напред и само копирајте овај УРЛ.
Ја идем напред и само отвори свој прозор Цхроме.
Дакле, нема магије овде, не ЦС50ИДЕ.
Ја ћу само да буквално налепите мој Ј. Харвард УРЛ и притисните Ентер.
И Воила, сада, и у теорији, сви
на интернету, ако сам подесио Дозволе на одговарајући начин,
могу посетити ову слику.
И сада, ако сам рекао хелло.хтмл, воила, нема
је мој невероватно ундервхелминг веб страница.
Па хајде да урадимо брзо проверу исправности.
Због свега тога је концептуална поставка.
И ми заправо сам стварно научио како да пишу ХТМЛ-по себи.
Има ли питања до сада на шта се управо догодило?
Да.
Да ли ЦС50 власници ове веб странице?
У ком смислу?
Добро питање.
Дакле, ЦС50 је власник ЦС50.ио.
Заиста смо купили то име домена.
А по природи вас пријавити на ЦС50ИДЕ,
сви добити оно што се зове поддомен.
>> Дакле, ИДЕ50-Малан, или ИДЕ50-Роб.ЦС50.ио, то је ваш јединствени адреса у
наше име домена.
Дакле, за потребе курса, имате своју јединствену адресу.
Али смо поједностављен ствари од куповине левел домаин топ, ЦС50 тачка
И / О и онда сви остали унутар тога, да се тако изразим.
И ми ћемо се вратити на то за пар недеља вероватно,
посебно у завршној пројекта време, када су неки од вас
можда желите да своје имена домена.
Заправо је релативно једноставно.
У реду.
Па хајде да сада ово.
Идем да се вратим у ЦС50ИДЕ, где мој досије сада,
хелло.хтмл, није све то занимљиво.
Волео бих да урадим нешто мало лепше од тога.
Зато ћу да урадим овако нешто.
Пусти ме отворен параграпхс.хтмл.
Дакле, ово је фајл сам написао унапред.
На врху тога, као и Увек имамо коментаре.
Али у ХТМЛ, коментари изгледају мало другачије.
На линији три и линије 14, ви види синтаксу за покретање коментар
и завршава коментар.
>> Али ништа од ствари у између питања функционално.
То је само белешку са људски шта се овде дешава.
И баш као што брзо разум проверите, ако спустите,
шта је очигледно нови ознака које смо увели?
Ознаке до сада смо видели смо отворени носач ХТМЛ главу, наслов и тело.
Али оно што је сада очигледно ново?
>> Да, тако стр.
П ознака или ознака став.
И онда само сам позајмио неку дефаулт Латински текст да представљају своје ставове.
Јер оно што сам хтео да показати како сте могли
представљају ставове текста у ХТМЛ.
И тако шта почиње да се дешава Овде је да већ постоји
образац у развоју.
И пусти ме само напред и урадите то.
Дозволите ми да прво искључите Апацхе.
И ја ћу то рећи да се почне поново у данашње извора седам
м директоријум.
Тако да имам приступ свему.
>> И сада, ако се вратим у да преведем директоријум,
приметити да видим све датотеке од данас.
И видећете у Следећи проблем скуп, ми ћемо
да ти дам упутства за то управо то.
Ако отворим параграпхс.хтмл, ово би могло као и изгледају као програмски језик
за вас ако не говори или читам латински.
Али ово је само три пасуса од текста који су означени у ХТМЛ.
>> И приметио став паузе између њих.
Зато што се испоставило, и иако вас
могу бити склони да то урадите, док у стварном свету,
ако желите да ставите ред паузама између ствари,
могао би једноставно ово и ударио Саве.
И сад, ако сам овде релоад, обавештење да је све само замагљује заједно
у само једном блоб текста.
Због ХТМЛ је некако глупо језика.
>> Намењена је да се користи у таквим начин да се претраживач ће само
урадите оно што експлицитно не кажете да уради.
Дакле, ако не кажеш дај ми нови став,
нећеш да види нови став.
А у ствари, оно што је претраживач ће да уради
је чак и ако притиснете Ентер, идемо опет и опет кажем
и опет, креће овај текст пут доле по екрану, а затим сачувајте
а затим поново, претраживач ће до колапса све те беле простора
у само једној, видљиве белине.
У реду.
Дакле, то је став ознака.
И шта је образац То је овде у развоју?
Па, изгледа да је случај да ХТМЛ је све о покретању таг
и завршава ознаку.
А шта је таг?
Па, то је само комад синтаксе.
Отворите носач, кључна реч, затворена заграда је ознака.
Или старт таг.
И онда када си урађено изражавајући себе,
као у завршите са ставом, то чините да говоре супротно.
Али супротно није сасвим уназад.
>> Једноставно префикс иста ознака је име са коса црта овако.
У реду.
Дакле, није све тако узбудљиво.
И у ствари, ми не чинећи веб све то занимљивији.
Шта ако желим да ствари веће и смеле?
Тако испада да овде је један пример у хеадингс.хтмл, где је у мом телу,
Имам Х1 таг, Х2, Х3, четири, пет или шест, од којих сви
изгледају прилично волшебни.
Али ако отворим Пример, хајде да погледамо.
Хеадингс.хтмл.
>> Дакле, претраживачи по дефаулту могу да вам текст То је велики и храбар од различитих величина.
Х1 је велика.
Х6 је мањи и потом све остало између.
Дакле, то је занимљиво, али и даље Није баш веб знам.
Шта ако желимо да имам нешто као листе. .
Дакле, овде је нумерисана листа три Харварда кућа.
>> Како сте то радили ово?
Па, погледајте лист.хтмл.
И овде, видимо Мало функинесс
али хајде да размотримо шта се дешава.
Дакле, на основу онога што сте управо видели, УЛ означава несређене листе.
Списак без редних бројева само значи нумерисана.
Нема бројева.
Постоји нешто зове наредио листу, што представља Ол на таг.
Затим Ли, на листи је све то значи.
>> И тако га аутоматски Бројеви све за вас.
Али опет, све моје отиска и бела простор само за мене.
Претраживач није у ствари бити брига.
Тако да, иако нисте могли ово, само да буде јасно,
не би требало да иако претраживач ће и даље
бити у стању да разуме сасвим добро.
Ја сам ударање у мом релоад претраживач, ја клика релоад
и не промене се дешавају јер претраживач даље
ради управо оно што ја кажем.
>> У реду.
Дакле, ово је све само текст.
Хајде да урадимо нешто занимљиво.
Ја идем напред и позајми неке од ове ХТМЛ.
Ја идем напред и креирате нову датотеку овде.
И ми ћемо назвати рицк.хтмл.
Ми имамо несразмерно Половни нешто
назива Рицк Ролл у овом класа ове године, не знам,
то се управо догодило органски.
>> И сада се отела контроли.
Дакле, ја само идем са њим.
И ако одем на Гоогле Слике и Рицк Астлеи.
Ако не знаш зашто радимо ово сам прочитао горе на Википедији.
Сваки пут сте кликнули на линк, да је неко смеје негде.
И пусти ме ахеад-- тамо Идемо, идемо видели ову слику.
>> Дакле, овде имамо све слика у Гоогле Имагес.
И претпоставимо да је ово разумно свуда на интернету.
Зато ћу претпоставити да је у реду за мене да стварно стави ово у моју веб страницу.
Ја ћу ићи напред и копирајте УРЛ слике.
И сада, ако се вратим на Цлоуд 9, хајде да видимо шта могу да урадим овде.
Дакле, овде је само веб страница.
Ово је Рицк Астлеи, хаха, Идем сад да се вратим
мом бровсер, поново, и занимљиво.
>> Где је Рик?
Дакле, да видим шта се десило.
Заправо, ја ћу претварати као да то нисам урадио.
[Неразумљиво] га овде.
Вратићемо се на то за који тренутак.
Дакле, овде је рицк.хтмл.
Дакле, то није Рицк Астлеи.
Тако испада да можемо заправо га додати овде.
Ово је Рицк Астлеи.
Ја ћу рећи да ми слику чија извор је УРЛ Само копира, која
очигледно је срећан рођендан или нешто друго.
>> И сада ћу затворите ознаку овако.
Дакле, ово је паковање лонг.
Али приметити да све имам урађено је отворена носач слике,
извор са атрибутом ово.
И то је заиста дуго УРЛ адреса.
И на самом крају, приметио ово.
Зашто сам то урадио коса црта под углом носач уместо да, као и сваки други таг,
има отворену заграду, ИМГ, затворена конзолу?
Само да претпоставите чак и ако нема упознати икаквог
са ХТМЛ раније.
>> Тако је како је затвара команда, али зашто
то није стварно да интуитивно смисла нешто учинити мало
вербосе као блиске слике?
Да.
Само семантички, нема осећај покретање слику и завршава слику,
то је било тамо или није.
Тако да нема смисла да остави празнину за било шта друго унутар слике.
Једноставно не могу то да урадим.
И тако је синтакса су генерално бити само
да уради косу црту унутар отвореног ознаке или старт таг
а затим ударио Саве.
>> Дакле, ако сам сада поново ову слику, сада Имам добар веб страници кување овде.
И свакако могли стварно нервира људе
уградњом уместо као ИоуТубе линк.
И у ствари, сваки пут сте икада отишли ​​на ИоуТубе,
и нека ме заправо случајно Рицк Ролл себе овде.
Па, Рицк Ролл.
Па, Рицк ролл-- ја идем одавде.
>> [Мусиц плаиинг]
>> У реду, једна особа се допало.
Тако приметити све ово време, ако вас кликните на линк Схаре, те наравно
гет УРЛ који заправо можете уградити у емаил или форензички слике
или у проблему постављена или у слајду.
И сада, ако уместо тога кликнете на Ембед, приметити да све ово време, ова ствар
је био тамо.
Ја идем напред и копирати ово.
>> И само тако можемо боље видети, ја сам да га налепите у мојој текст едитору.
Обратите пажњу да ово што ИоуТубе је ти.
Сваки пут када посети Иоутубе видео, ако вас
Желим да уграде видео на свој веб страница, једноставно узми ово.
Дакле, ово је још један ХТМЛ тагове зове ифраме.
Или у оквиру линије.
Дакле, и она изгледа мало више комплекснији од свих осталих.
Тако испада да слике таг и очигледно ифраме ознака
узети оно што се назива атрибути.
>> И ово је још једна комад синтаксе у ХТМЛ.
Поред ознака је име, отворена носач ознака име,
можете контролисати понашање тага тако што гомилу атрибута
једнака вредност.
Атрибут једнака вредности.
И тако рецимо, ИоуТубе је нам говори
Ако желите ширину овај видео да буде 420 пиксела и висине
да буде 315 пиксела, то је како то да изрази у ХТМЛ.
>> Извор спота иде да буде толико дуго ИоуТубе УРЛ адреса
и онда неке друге ствари као оквир граница је нула,
тако да вероватно значи да је нема граница око ствари.
Вероватно Дозволи цео екран значи да корисник
кликните на дугме и заправо Фулл Сцреен видео.
Дакле, ако заиста желим да будем импресивно овде у Рицк дот ХТМЛ,
уместо да користе слике таг, нека ја избришете да, уместо пасте ово.
И сада релоад.
И ево нас опет.
У реду, то је довољно.
У реду, тако да ћу пробати Тешко да то не ради опет.
Дакле, шта су неки од Такеаваис овде?
Дакле, ХТМЛ, ружан као овим страницама су, заправо прилично једноставна.
То није програмски језик.
Она нема функције.
Она нема петље.
Она нема услове.
Све што има је на десетине различитих тагова, од којих сваки
има нула или више атрибута.
И, у ствари, оно што је забавно вези ХТМЛ као што почнете да зарони у
је да је сама себи може научити.
>> Све што је потребно је разумевање општег оквира ХТМЛ.
Шта је ознака, што је атрибут, како заправо конфигуришете веб страницу
као што следи.
И све остало је заиста резултат гледања у онлине референце
или гооглинг како да урадите нешто технике или као што смо видели,
гледа на извору Фацебоок- код, гледајући на сајту
да ли у томе је изворни код и разумевање како програмери тамо
заправо положили ствари.
>> Дакле, можемо да урадимо слике као добро.
И у ствари, ми смо га малопре урадио.
Пусти ме само напред и само вам показати.
Ево неких узорак кода.
Ако сте икада желите да видите мрзовољан мачку.
Дакле, приметите да могу имам овде слику ознаку.
И ја имам коментар изнад њега.
Имам алтернативу Текст за приступачност.
Дакле, неко ко је користи екран Читалац из разлога вида
заправо може онда имају своје читач екрана кажу мрзовољан мачку.
Јер, ако они не могу види слику, они
може барем имају свој компјутер реци им вербално шта је то.
А извор тог фајла је цат.јпег.
Дакле, у ствари, ако сам стварно желео да се паметан, оно што сам могао да доне--
Обећавам да нећу ићи у Рицк Астлеи, тако Идем на гоогле за мачку умјесто.
И ако одем на Гоогле Имагес овде, а ми ћемо претпоставити
да је ово слика моје мачке.
>> Претпоставимо да имам контролу кликнуо или право кликнули на то, случајно
језиво.
И цат.јпег Идем да сачувате на десктопу.
Дозволите ми сада да се вратимо у облаку 9.
Приметите да овде могу да идите за уплоад локалне датотеке.
А ако узмем ово Филе, цат.јпег, обавештење
да могу да га превуците и дроп га у облак 9
и да ће викати на мене.
>> Пошто смо већ дали ти цат.јпег фајл,
али је супер лако зграбите фотографију коју сте
преузет из Фацебоок или Флицкр или слично
и заправо драг анд дроп ит у цлоуд 9 и онда успети
део вашег личног сајт или проблем
сет седам или осам као што ћемо ускоро видети.
И онда када вас коначно посети ту мачку,
под претпоставком Скинуо сам тај исти мачку, Обавештење то-- то је било дивно.
>> Оно што ће видети је нешто слично овим лицем овде.
Тако датотека које сте референца на веб страници
може да буде локално у свој рачун или даљински неком другом серверу на
као у случају Рицка Астлеи фото мало пре.
Па где елсе-- шта друго можемо да овде?
Дакле, хајде да погледамо следеће.
Знаш шта је кул?
>> Ми смо до сада били израду Веома статички веб странице.
Желим да зачинити ствари као што следи.
Желим да свој претраживач.
Тако да се направи претраживача, хајдемо само напред и почети радим ово.
Ја идем напред и створити нови фајл који се зове сеарцх.хтмл.
И ми смо префабед верзије на мрежи.
Упс.
Не пасте у прозор свог терминала.
Префаб верзије онлине.
И ја ћу почети на следећи начин.
Дакле, овде је почетак фајл под именом сеарцх.хтмл.
Ја ћу да га сместите у данашњи извор директоријум.
Ја ћу да позовем ову претрагу.
Заправо, ми ћемо учинити боље.
ЦС50 Тражи и заправо бренд.
И сад, ја ћу рећи нешто као Х1 ЦС50 Сеарцх.
А онда овде доле, Х2 ускоро.
И само да подсетимо, Х1 и Х2 мислим оно, односно?
>> Да, тако велики и храбар, и не као велики, али ипак храбар.
Дакле, ако сам спасити ово и иди тамо, хајде да видимо фајла сеарцх.хтмл.
У реду, а ова је ригхт-- [неразумљиво].
Причекати.
Давид је збуњен.
Ох, то је тамо.
Дејвид је идиот.
ОК.
Дакле, то је то.
Дакле, ЦС50 претрага ускоро.
Дакле, сада, хајде да синтетишу оно што смо урадили прошле недеље.
>> Где смо разговарали о нижи механика ХТТП нивоу.
И ове нове идеје ХТМЛ, који је само
овај језик за означавање где си реци бровсер тачно шта да радим
и спровести сопствену претраживач.
Дакле, уместо да само говорећи ускоро, ја сам
увешће нешто што се зове форма ознаку.
И у овом облику, ја ћу има нешто као поље за унос.
>> А име тог улаза поље, ја ћу да га зовем П
А тип овом пољу за унос Ја ћу рећи само "текст".
И текст поље, као што ћемо види, је само оквир за текст.
И тако не осете овде да ништа унутар ње у овом тренутку.
И тако ја само идем да бисте затворили ознаку са тим
коса црта право у самом таг.
А онда ћу још једно улаз.
Инпут једнако поднесу.
А онда ћу затворити и ову једну.
>> А сада ћу да се вратим овде.
И већ видимо, мада прилично гадно, имам
Имам почетке моја претрага страну овде.
У ствари, дозволите ми да очистити ово мало.
Испоставило се да на улаз овде, могу имати
још један атрибут зове чувар места.
И можда ћете видети нешто као кључне речи, или прецизније, упит за к.
>> И приметио, сад, имам ова врста сиве текста
да нестаје као чим почнем да куцате,
али то је вероватно нешто сте видели у другим веб страницама.
Ја стварно не волим дугме Субмит.
Зато ћу стварно да дају Дугме поднијети вредност претраге.
И сада, ако релоад, приметити да мој дугме постаје зове претрага.
Знате, ја стварно не као лого хере.
Дакле, Гоогле Фонт Генератор.
>> Желим да зачинити ово даље.
Тако ЦС50 претрага.
Дозволите ми да креирам сопствени лого.
То изгледа лепо.
Дакле, сада пусти ме спаси ово као- хајде.
Где иде?
Тамо.
ОК.
Миссед ит.
Сачувај као.
Глупи претраживача.
Станд би, идемо у поправим ово једном за свагда.
Ево га.
У реду.
Извините.
Dan za odmor.
Ово је фанки.
Екит целог екрана.
У реду.
>> Сада, као нормалан Лице, саве имаге ас.
Лого.гиф.
Сада ћу да улазим у ЦС50ИДЕ и Идем да једноставно зграбите лого,
Ја ћу да га увукао у мој извор седам директоријум,
фајл вец постоји, ја сам ОК са тим.
Зато ћу да га замените јер већ сам га имала.
И сад како да се отарасим овога?
>> Идемо напред овдје и радити Извор једнако лого.гиф.
Затвори ово.
Саве.
И сада, ако се вратим у потрази страна, сада се изгледа прилично добро.
У реду, тако да не мора доста урадио нешто корисно.
У ствари, дозволите ми да покушам сеарцхинг за мачку и види шта се дешава.
Цатс.
Проклетство.
То не само ради, очигледно.
Дакле, шта је кључни дио Оно што недостаје овде?
>> Тако је, чак и ако не знате било ХТМЛ, Почео сам означавање форму телефона
и ја сам га рекао како да се улази, дај ми оквир за текст и дугме субмит,
оно што је очигледно недостаје комад?
Претпоставимо да желимо да заиста добити ова ствар ради исправно.
Шта треба да урадимо?
Имамо потребу да се задњи крај база података или трагање сама мотор,
и да ће то потрајати много времена, искрено.
>> Тако се шта смо прошли пут.
Дакле, ако тражите нешто на Гоогле-у а ви сте унапред искључити,
опозив, Инстант Сеарцх.
Дакле, дозволите ми да угаси то тако да је то стварно
понаша као старији школски претраживача, ако сам сада тражити нешто попут мачке,
сећате шта је УРЛ адреса изгледа.
То је прилично загонетан.
Али уграђен у ту, опозив, коса црта је претрага.
Знак питања К једнако мачке.
>> А то би изгледало да ми дају гомила резултата претраге.
Знаш шта ћу да урадим?
Идем да позајмим Гоогле само минут.
Ја ћу да одем овде и ја ћу рећи
да то чини радњу или дестинација, да тако кажем,
треба буквално да буде Гоогле.
И метод сам желео да употреби ће бити добити.
>> Дакле, шта је акција?
Акција је чудно име, али то само значи
ко ће за руковање акција овог облика?
Кад кликнем Сеарцх, где треба да резултат иде?
И ако се вратимо на моју форму овде и релоад моју веб страницу
а сада траже нешто као пас, приметио сада
Ја сам поново спроводе Гоогле.
Jel tako?
>> Ако желите да тражите нешто друго, ради не само псе,
такође ради за мачке.
Такође ради за ЦС50.
И ОК, ово је само под вхелминг, зар не?
У реду, али заправо ради.
Дакле, шта се заправо дешава?
Тако сам научио своју бровсер, користећи ХТМЛ да улаз од корисника
и заправо послали тог улаза на удаљеном серверу користећи ХТТП.
>> И зато мој бровсер разуме ХТТП, заправо
изгради УРЛ тако да оно што Ја завршити тамо у мом бровсеру,
приметити шта се дешава када сам трагала за пса.
Ако кликните Сеарцх, приметити да УРЛ мења како сам намеравао
да гоогле.цом/сеарцх~~В упит једнака пса.
А то је зато облику зна, јер је метод је добити,
једноставно га додајте на ту УРЛ тамо.
>> Сада, ове странице су и даље ружна.
Дакле, хајде да представимо један други комад синтаксе ако можемо данас.
И то је нешто познато као Цасцадинг Стиле Схеетс.
Дакле, дозволите ми да погледам Овај пример овде и види
ако можемо закључити шта се дешава.
Ово је ЦСС0.хтмл.
И ово је место где ствари да мало ружно.
Зато што, нажалост, у свету вебу,
ХТМЛ-сама не може да уради све.
И тако, ако желите да стилизовати своју веб страницу,
ви заправо треба да се усредсреде на естетика на другачији начин.
Дакле, овде, имам тело моје веб страна унутар којих је велика див.
И див само значи поделу.
Дакле, то је као став, али њега нема исте семантику
од става текста.
>> То само значи до претраживач, ево
велики правоугаони регион мог веб страна, желим да се носим посебно.
Сада, линија 21 је где је то див почиње.
И само да претпоставите.
Шта је ефекат линије 21 на Остатак садржаја странице?
Центрирање га.
То је све.
Дакле, ми нисмо видели начин заправо центрирање текста.
>> У ствари, мој претраживач, за разлику од стварног Гоогле,
је све оправдано преко са леве стране.
И тако сада у складу 21, кажем, хеј претраживач, направите поделу странице.
Само ми дај један велики невидљиви правоугаоник.
Тако желим да размишљати о веб страници.
А онда је стилизовати на следећи начин.
Унутар тих цитата, Сада је други језик
да смо увели данас тзв Цасцадинг Стиле Схеетс.
Срећом, и она није програмски језик,
тако да је врло ограничен у својој синтакси, али такође веома ограничен у својој функционалности
док је све о ХТМЛ означавање података веб странице
и структура веб странице.
ЦСС је генерално о ласт миле, естетика,
узимајући величину и боју и пласман потпуно у праву у веб страници.
И заиста, формира се са кључним вредности паровима.
>> Својство овако, текст алигн, након чега следи колона,
затим вредности које имовина, која је у овом случају центар.
А сада вас приметити могу гнездо те ствари.
Да сам хтео све у томе Ја сам истакао да буде центриран,
зато ја имам линију 21 и одговарајућа линија 31.
Али претпоставимо сада желим да кажем Јохн Харвард велцоме то ми хоме паге.
>> Симбол Ауторска права Џон Харварду.
И претпостављам да хоћу први те линије бити прилично велика.
36 пиксела.
Дакле, то је пристојна величина.
И желео сам своју тежину да га подрже.
Али онда испод тога, Желим мањи текст.
И испод тога, ја желим чак и мањи текст.
Извините.
Данас изгледа као офф дан.
>> Па сад, шта ја то радим да изразим ово?
Овде он лине 22 је уграђена див или Угнијежђена див, ако хоћете.
Она такође има свој стил ознаку.
Ја одредити величину фонта 36.
Ја одредите тежину фонта храбар.
Овде доле, ја навести само 24 пиксела.
И коначно, у складу 28, да прецизирам 12.
Дакле, само као брзи проверу исправности а као човек читање овога,
које речи на екрану су стварно це бити храбар?
Које линије су заправо храбар?
>> Само Јохн Харвард.
Jel tako?
Јер, баш као линија 22 каже хеј претраживач, овде је подела странице.
Маке ит величину фонта 36 поен.
Нека тежина фонта подебљано.
Чим стигнете до одговарајући крај ознака
или затворена ознака на линији 24, то значи, хеј претраживач,
престати да радиш шта год је то што радите.
И обавештење да буде јасно, иако линија 22 има све од ових атрибута
као стил, те када затворите ознаку у складу 24,
имате само споменути име ознаку екипе.
>> Не понављати реч или стил све што је унутар тих цитата.
И тако ако погледате ово сада у свом претраживачу, узмимо
Поглед на крајњи резултат. Пусти ме напред у овом фајлу, који је ЦСС 0.
И још увек је прилично јасно, али постаје веома интересантно.
Али испоставило се да постоји друге ствари које можете да урадите овде,
и на ризик прављења ово потпуно одвратан,
приметити овде да у мом Тело моје веб странице,
Могу да урадим нешто смешно као бг или боју позадине.
>> И брзо, која је твоја омиљена боја?
Зелена сам чуо.
У реду.
Дакле, сада, ако сам погодио Релоад сада, имамо зелену веб страницу.
У реду, тако да није лоше.
И сада, ако желите да се ово стварно кул, ја могу да боју мог текста
чак и црвене.
Дакле, хајде да видимо шта ово личи.
Сада је изгледа прилично добро.
И овде, ако стварно Желим да неред са неким
или ако желите да будете један од оних људи који
покушава да вас преваре у посети веб страна јер су преварили Гоогле
у размишљању постоји гомила од кључне речи као-- да видимо, релоад.
Где је нестао?
И ту је нас.
У реду.
Дакле, ја кажем ово као на страну, ми ћемо говорити о овим стварима у наредних неколико недеља
када говоримо о сигурност, ако вас стварно
ембед целе гомиле кључне речи у веб странице,
чак и ако нису видљив човек, неко као Гоогле, наравно,
и даље могу наћи у ствари ово.
У реду, тако да је прилично одвратно прилично брзо.
>> И, у ствари, то није све толико за разлику од мог веб
страна као студент, који Почео сам гооглинг око наћи
Протеклих верзије мојих старих сајтова.
То је било прилично лоше.
У ствари, нисам наћи један непосредно пред класе.
Али ту је још горе тамо.
Ово очигледно је био мој Почетна страница Натраг 1996. године.
Очигледно сам мислио да је прикладно да питам људе своје име
пре него што су могли заправо видим моју веб страницу.
>> А онда сам им показао нешто глупо, вероватно.
Ја ћу ископати више за следећи пут.
Али за сада, хајде да размислите мало дизајна.
Разговарали смо о стилу.
И ова страница тако далеко и скоро све што сам написао
је прилично чист стилски.
Али шта о дизајну?
Па, има пуно вишка запослених у шта сам радио овде.
>> Ја сам поменуо реч боја у неколико места.
Ја сам поменуо фонт сизе у пар места и храбар у неколико места.
И у основи, ја сам цо дружење два језика.
Имам ХТМЛ са својим ознакама и мој атрибуте и онда одједном,
између наводника, имам други језик данас
зове ЦСС што опет, само ово кључне вредности парови или ова својства
одвојени колонама.
>> Испоставило се да је много као у Ц где смо
могу почети да се фактор неки код у хеадер фајловима,
тако да можемо да урадимо исто у ХТМЛ.
И корак ка који је као што следи.
Обратите пажњу да ова верзија, ЦСС1.хтмл је структурно потпуно исту веб страницу.
Дакле, имам гомилу од Дивс, али овај пут, имам
се отарасили омоту див као што ћете видети.
>> И ја сам дао те три дивови топ, миддле и дно, јединствене личне карте.
То је лепо, јер је дајући те поделе
оф тхе паге јединствених идентификатора, Могу да их референце на другом месту.
Где?
Па, дозволите ми да померите се нагоре.
И до сада, било кад смо погледали на челу веб странице, што је
једина ознака смо имали у глава веб странице?
Мало гласније.
Само наслов до сада.
Али испоставило се да постоји неколико других ствари
можете ставити унутра, један од која се зове стил ознака.
Дакле, малочас, гледали смо у стилу атрибута.
Испоставило се да има стил ознака.
Он припада унутар шеф веб странице.
А сада погледајте шта радим.
Имам унутар ове стил ознака следеће.
Буквално сам напоменути на линији 20. назив ознаке које желим да стилизовати.
>> Онда ја имам отворен коврџаву браце и затворене коврџаву браце.
Тако слично у духу Ц, али опет, ово није функција,
ово је само синтаксичко детаљ овде.
И онда, наравно, говорим прегледач, хеј претраживач,
да цело тело странице имају текстуалну поравнање центра.
И онда се каже следеће.
Хеј претраживач, ако видите ХТМЛ елемент или ознака на страници која
поседује јединствени идентификатор у врху, тако да је симбол хасх овде само значи
јединствена идеја врху, само напред и да његова фонт сизе 36
а његова тежина фонта подебљано.
>> Хеј претраживач, елемент чије ИД је средњи, чине га 24 пиксела.
И хеј претраживач, ако погледате на Идеја дну, чине га 12 пиксела.
Ефекат на крају је управо Сам.
Ако одем у ЦСС 1, Страница изгледа исто.
Али ми смо корак ка нешто бољи дизајн.
Дозволите ми сада да се вратимо овде да ЦСС2 и видим шта још сам урадио.
>> Сада је страница стварно, стварно чист.
У ствари, ја могу стати све садржаја на страници овде.
Али шта ново ознака имам уведен, очигледно?
Линк.
И то није најбоље име за таг, јер то није веза у смислу
да ми то знамо, али то значи карика у некој другој датотеци.
Ово је врста као оштар укључити у Ц.
>> Ово је начин на ХТМЛ то саи хеј бровсер,
иди садржај фајл под називом цсс2.цсс.
Однос, за мене, је да је то стила.
И заиста, то је оно један од С је у Цасцадинг Стиле Схеетс средствима.
Ово је лист стила.
То је само текстуални фајл који садржи гомила имовине.
То је гомила стилова који желите да примените на страницу.
>> И то је очигледно односи на други датотеку.
А ако отворим ту, ЦСС2.цсс, приметити да све што сам урадио
је да копирате све ово у овом фајлу.
А сада, чак и ако никад нисам кодирана ово раније,
Само размислите са пословичан инжењеринг шешир
, зашто је ово бољи дизајн вероватно?
Факторинг од тих ЦСС својства, стављајући их у своју датотеку.
Иако смо решили ово Пре проблем као пет минута
у првој верзији.
>> Нисмо побољшан страница стилски,
ово је само бољи Дизајн у неком смислу.
Зашто тако мислиш зашто зашто мислиш да је тако?
Да.
Више флексибилан како?
Да.
Дакле, ако желите да идете назад и мења ствари,
Сада, имате једно место где можете да промените ствари.
И у ствари, нешто Као Проблем сет седам,
где ћемо спровести Стоцк Традинг сајт,
који ће имати гомила странице.
И било би заиста досадан ако се одлучите, ХМ,
Ја стварно не волим 24 пиксела, хоћу да буде 28 пиксела или мало већи.
А онда треба да урадите Глобална пронашли и заменили
или отворити све фајлове свог веб сајта само да се заиста променити једну вредност.
До факторинга ових стилова у једном централном месту,
Сада можете да отворите један текстуалну датотеку у ЦС50ИДЕ у било ком програму,
промените га, снимите је и учињено.
Ти си пропагирао оне Промене свуда.
И то би било исто у тачка х датотеку као добро.
Тако да било питања на тај начин сада на овој синтакси?
У реду, тако да смо учињено све што се чини
осим заправо спроводи хипервезе.
И тако идемо напред и урадите то.
Пусти ме само напред и креирате нову датотеку овде.
Ја ћу да га зовем линк.хтмл, ставити у данашњем коду.
>> И ја ћу да радим отворено носач тип доц ХТМЛ.
Као на страну, овај ствар у Топ, ово докторе тип декларација,
то је једини који је чудно са знаком узвика.
Потребно је само да то тамо и то значи да се коришћењем ХТМЛ верзију 5.
Старије верзије језик је много дуже
жице које је потребно да тамо ставио.
Дакле, овде је пример зове веза.
>> Треба ми тело моје веб странице овде.
А овде, а хреф једнаки рецимо ХТТП://ввв.диснеи.цом
и мој омиљени сајт, ми ћемо рећи.
У реду, тако да је веома безазлена, усер фриендли страна.
Ако сада одем у моју директоријум листинг тук и отворити линк.хтмл,
имамо хипер текста.
>> И заиста, ово је место где Х у ХТТП долази.
Хипертект Трансфер Протоцол је о пребацивању текст
да има линкове ка другим ресурсима.
И заиста, овде је познато, ако Ретро, ​​блуе линк који ако кликне,
ће ме заиста довести до Диснеи.цом.
Сада, ох, то излази ускоро.
У реду, тако да сада, шта су неки од импликација ово?
>> И искрено, свет почиње да се мало више упознати
као и мало страшније али и мало више
само бранити кад почнете да разумеју ове ствари.
Пошто квоте су, неки од вас, ако идете преко вашег Гмаил спам фолдер или чак
ваш инбок, вероватно сте стечен неку врсту емаил
да те питам да промените лозинка можда или можда провери
Ваши ПаиПал акредитиве или шта све не.
>> А у ствари, можда сте добили нешто што каже као кликните овде
да бисте поново поставили ПаиПал лозинку.
А сада, приметите, ако ово није Диснеи.цом
али као и бадплаце.цом релоад, имајте на уму да је текст овде
Могло би се рећи ништа уопште.
И у ствари, ово је само речи.
Зашто не стварно бити супер злонамеран и кажу хттп://ввв.паипал.цом.
>> Кликните овде ресетује ПаиПал лозинком и сада поново.
Ово изгледа прилично легитимно, зар не?
Мислим, не бих кликните на е-маил то само каже.
Али, приметио дихотомију овде.
Каже ввв.паипал.цом, и, у ствари, чекај мало,
Знамо да желите С за безбедност.
Па сад, идите на ввв.паипал.цом ХТТПС али ако никада нисте урадили раније,
да уђу у навику лебди над малим повезано овде.
И то је тешко видети тамо екрану,
и то није све што лакше овде.
Али како овде у малена мали кутак
не браузер ствари да ти кажем да идемо
да бадплаце.цом уместо паипал.цом.
Сада, где идемо са овим?
Сви ови примери које смо данас урадили, смо фиксирани и откуцала ручно.
Веб је невероватно незанимљив када вас тешко
код Ваше веб странице, тако да садржај је статички и никада се мења.
Наравно, сви наши омиљени сајтови данас,
да ли је Гмаил или Твиттер или Фацебоок или било који број других
су динамични.
Они мењају у одговор на корисничког уноса
баш као Гоогле резултатима претраге.
>> И тако у среду, оно што ми радимо је одлазимо ХТМЛ и ЦСС увод
иза нас и узмемо здраво за готово да смо сада
знам га и уводимо нови програмски језик
назван пхп, који воле Ц ће нам дати
моћ да правите програме да сами генеришу излаз.
У том случају, ми ћемо користити ПХП-да генерише динамички веб
страница које користе овај нови језик.
Дакле, више о томе у среду.
Видимо се онда.
>> [Мусиц плаиинг]