HTML — Базовый курс 11


130 просмотров.

Краткое описание видео: .продолжаем изучение html форм нам.осталось разобраться с обработчиком той.формы которую мы создали для я надеюсь.вы уже установили сервер и в этот момент.у вас на диске c должна быть вот такая.папка c веб-сервер соседа папка которая.появляется после установки сервера да и.так у нас есть папка html в которой.хранятся наши файлы до который мы.создавали на предыдущих уроках.есть папка свое по серверам давайте.определим для нашего вот этого.мини-сайта до который мы сделали из трех.страничек.места на сервере из этого момента мы.будем уже наш сайт тестировать именно.там поэтому отсюда можно уже все.копировать.копируем и мы сейчас перенесем все это.уже на сервер будем тестировать теперь.возвращаемся папку вот сервер заходим.папку home папку около хвост 3w и здесь.мы создадим новое место для нашего сайта.новый локальный сайт этого выбираем.создать папку и назовем ее допустим.first sight.каким образом.так и сюда вставляем то что мы там.скопировали все теперь у нас все эти.файлы которые мы создавали на предыдущих.уроках находится на локальном сервере в.новом определенном сайте.теперь запускаем сервер если он вас был.уже запущен то перезапускаете его сервер.запускается нас новые сайты.прописываются в системе и теперь мы.можем уже.набирать его здесь есть пишем локалхост.если это говорит о том что мы работаем.на локальном компьютере вот и после.слыша пишем first sight.вот наш сайт который мы делали на.предыдущих уроках теперь если мы щелкаем.на изучение форм у нас открывается.страница с формами и соответственно мы.можем уже весь работать так теперь нам.нужно создать файл который будет у нас.обрабатывать форму.это будет файл обработка . печкина.и открыть файл форум по html для того.чтобы мы видели код самой формы да итак.открываем блокнот и первым делом.создадим файл обработчика выбираем файл.сохранить как здесь не забываем то что у.нас сейчас сайт лежит на диске c.веб-сервер ум локалхост 3w стоит именно.здесь мы создаем файл.обработка точка php следим.тем чтобы воздействий пункт все файлы.здесь.расширение было . и эйч-пи сохраняем.данный файл все у нас создан в нем пока.не откуда но это ничего страшного мы.сейчас и будем писать так если мы.посмотрим в папку мы увидим что у нас.появился здесь файл обработки вот и.теперь нам осталось только открыть файл.форум по html открываем его в новом.блокнот с компа или открыть и выбираем.наш страничку форум печь так отлично.теперь у нас открыта страница форум.пэйдж и сторониться обработка . печки и.так что у нас здесь здесь у нас идет.полной платформы и момент который вы.сейчас должны понять это следующее когда.мы говорили о том что при нажатии на вот.эту кнопку отправить заказ у нас в.обработчик летят данные то вы должны.иметь ввиду что каждый каждое поле да.она.заносит свои данные в какой-то контейнер.то есть допустим у нас есть а поле.введите свое имя на моем фио то есть все.что человек ведет вот в это поле до.поляны допустим попов евгений.violon все вся эта информация.поместиться в контейнер под именем fila.контейнер это по-другому переменная мы с.вами еще не знакомы с языками.программирования но в принципе вы должны.понимать этот термин то есть все что.водится в это поле заносится в.переменную фил и передается обработчику.то же самое с паролем все что человек.вел в поле с паролем заносится в.контейнер пас этот контейнер также.передается обработчику.но то же самое с остальными полями.e-mail здесь формат и человек выбрал.дивиди создается контейнер формат в него.помещается информация что он выбрал 9 и.передается обработчиком вот здесь при.выборе курсов да то есть когда у нас.человек набирает эти галочки.мы также должны сейчас прописать какое.значение будет присваиваться вот этому.контейнеру сайт и контейнеру бог да в.принципе у нас сейчас стоит пока пустота.да вот наука заливали равно просто.пустота 2 2 кавычки вот по идее нам.нужно либо указать какое то значение.либо вообще удалить вот этот пункт воле.тогда значение будет присваиваться.автоматически то есть если человек.выбирает курс вот переменной сайт.заносится слова он он это как бы то что.что-то выбрана вот либо если мы допустим.здесь поставим единицу.то при выборе человеком курса по.созданию сайта в контейнер сайт.поместится единица то же самое с этим.полем если человек выбирает курс по.созданию электронных книг в контейнер.бог помещается единицы и он отправляется.обработчику.если человек не выбирает такой контейнер.не создается и соответственно.обработчиков они получают в принципе.давайте пока поставим единицы.это нам тоже туда идет дальше с типом.доставки 3 человек выбирает допустим.срочную создается переменное delivery в.нее помещается.слова срочно и этот контейнер.отправляется опять-таки обработчику.вот таким образом работает форма все что.мы здесь мы вводим помещается спец.контейнеры под называемые переменные и.отправляется в тот файл который прописан.вот здесь вот вот action обработка pei 4.вы потом рабочие по нас политика полетят.все эти контейнеры.теперь давайте как бы напишем функцию.которая будет эту информацию.обрабатывать.и что я предлагаю сделать я предлагаю.сделать отправку email-сообщения автору.сайта со всеми введенными пользователем.данные то есть человек водит на сайте.данные здесь файле обработка формируются.письмо и отправляется на e-mail адрес.владельца сайта итак приступим данный.файл мы будем писать на языке php вот но.так как у нас здесь естественно не курс.по печке здесь я свободу гнаться не буду.здесь мы просто создадим шаблон я вам.объясню что к чему в этом шаблоне чтобы.вы могли его как-то под себя.менять вот но сами основы языка печки мы.конечно здесь проходить не будем и так.чтобы открыть этот файл мы должны.прописать такую строчку так как у нас.весь код будет на языке php мы должны.открыть этот язык таким образом он.открывается скобка вы ?.и слова php там где мы будем закрывать ?.и закрывающая скобка идем далее дальше у.нас будет функция mail таким образом оно.пишется оно как раз и отправляет письмо.владельцу сайта то есть эта функция.имеет четыре параметра параметры.указывается от таких круглых скобках и.функция обязательно должна заканчиваться.точкой , а теперь о параметрах внутри.вот этих круглых скобок мы должны.создать четыре параметра.первый параметр это у нас будет кому мы.отправляем письмо из на какой адрес до 2.эта тема письма параметры отделяются.запятыми.третий параметр это само сообщение.которое будет отправлено и четвертый.параметр это кодировка кодировка тоже.важный пункт потому что если мы.неправильно укажем кодировку письме.могут прийти каракули.а вот мы создали четыре параметра пока.мы их не заполнили.но сейчас начнем итак первый параметр.это адрес куда будет отправляться письмо.здесь вы можете ввести свой адрес.электронной почты.я веду какой-нибудь простой адрес а.дальше мы должны указать тему допустим.заказ сайта третий параметр это само.сообщение.вот и здесь уже начинается более.интересные вещи здесь мы сможем.пользоваться теми самыми контейнерами.которые нам прислали до из файла форм.пэйдж . html и так мы можем написать.следующее на сайте был сделан заказ ..заказ пришел от : и здесь мы уже можем.указать.содержимое контейнера фио3 все что.человек вел в это поле введите свою.фирму мы здесь можем спокойно отобразить.делать это с помощью такого значка.доллара и название контейнеров и а то.есть как он здесь у нас назывался.мы так вот здесь и пишем дальше ставим.допустим пробел и пишем его пароль и.здесь мы можем проставить.значение контейнера пас мы помним что.пароль у нас вот он на пас на рим имел.пас.далее ставим пробел следующий пункт.который у нас идёт formide его.mlg email у нас имел имя вот такое.можем скопировать даже так здесь пишем.его email : доллар и имел так идем.дальше ставим пробел следующий пункт у.нас был это формат диска формат диска у.нас имел имя.формата поэтому здесь в обработке пишем.выбрал формат.диска : знак доллара и формат а дальше.ставим пробел идем дальше дальше у нас.был курса для были курс для заказа вот.здесь начинается уже усложнений.небольшое хай так у нас.если человек выбрал курс допустим он.выбрал курс по созданию сайта у нас в.обработчик летит переменной сайт со.значением единица если он не выбрал.такой перемены не летит соответственно.нужно здесь в обработчике в самом начале.сделать проверку существует ли такая.переменная если она существует на.человек сделал заказ на этот курс из она.не существует на чём не сделал поэтому.мы самом начале вот здесь до функции.mail напишем небольшую проверочку на.языке певички.мы напишем iv то есть это с английского.если если скобках указываем что именно.какой именно условие мы проверяем если.существует.из себя до существует и в скобочках.указываем что именно существует.переменная сайт.то есть если сайт существует значит.заказ на этот курс был сделан то.фигурных скобках мы должны написать что.нужно сделать то в этом случае нужно.переменный сайт присвоить значение до.двойных кавычках пишем до 300 м . , так.и то же самое нам нужно сделать для.переменной бук если у нас так и в.принципе можно еще даже улучшить здесь.условия и написать иначе если не.существует на.если не существует такой перемен это.также фигурных скобках мы переменную.сайт заносим что нет газе ставим точку.запятой вот теперь то же самое для.переменной бог делаем так если у нас.существует переменная бук то переменные.бог мы присваиваем значение до.иначе перемен бук мы присваиваем.значение нет отлично а теперь здесь в.коде мы можем написать так вот здесь.пробел ставим и пишем так выбрал курс и.выбрал курсы курсы : курс по созданию.сайта курс по созданию сайта : и сюда.проставляем значения пиринг контейнера.сайт сайт то есть понятно да если бы.человек заказал у нас переменная сайт.попала бы да и соответственно сюда банку.подставилась да если он не заказал сюда.подставиться нет так ставим пробел курс.по созданию электронных книг курс по.созданию электронных книг.aр : и прописаны здесь переменную бук.отлично идем дальше дальше у нас было.доставка до.так прописываем про беру так выбрал тип.доставки так и там у нас назывался.переменная delivery до 300 им перемена.delivery отлично и последний пункт.который у нас был это адрес для доставки.возвращаемся в обработчик.ставим пробел и пишем адрес для доставки.: перемены у нас имела имя адрес.копируем и в обработчике и и прописываем.так отлично все теперь мы само сообщение.сформировали да здесь можно пробел.убрать принципе чтобы у нас не было.такой одной длинной строки можно.поставить здесь переносы а переноса.ставятся с помощью специальной.специального символа сейчас мы подумаем.где их лучше поставить во первых вот.здесь да когда на сайте сделан заказ нам.нужно самого заказчика перенести на.новую строку делается это с помощью вот.такого символа слеш н вот это означает.что следующая строчка должна быть на.новой строке в письме.дальше после того как заказ пришел вот.такого то его пароль да он здесь еще.один перенос так его.email и еще один перенос его выбрал.формат диска перенос.выгнул курса перенос.какие курсы он был также перенос курс по.созданию сайта и.курс по созданию электронных книг дальше.выбрал тим доставки переносим на.следующую строку и адрес для доставки.также переносим на следующую строку.так отлично у нас остался последний мне.заполненный параметр вот он это параметр.с кодировкой давайте его заполним так.ставим туда курсор здесь будет такая.строка которая особо запоминать не нужно.мы сейчас один раз напишем затем вы.будете постоянно использовать пишется.таким образом контент контент тире type.a : текст flash player и сюда говорит о.том что мы отправляем простой текст.письма.ставим . , и пишем слово часа то есть.кодировка ставим знак равенства и.указываем какая им на кодировка в данном.случае так как мы отправляем текст на.русском языке снова windows тире 1251.как и два таких символов.обратный слеш r и обратный слеш н.отлично вот таким образом прописывать за.котировка если мы все правильно сделали.у нас по идее должно управляться письмо.здесь можно понять принципе все давайте.проверим что у нас получилось.можем сохранять данный файл сохранили и.теперь проверять давайте введем сюда.какие-нибудь данные.страх любой пароль людям любовь e-mail.диско выберем в виде допустим оба курса.закажем доставку выберем обычно и.напишем адрес для доставки допустим.улица ленина 51 здесь не суть важно.такой мадрис укажем главное что мы там.увидели нажимаем отправить заказ файл.обработка печки данные.обработал вот пока он ничего не выводит.он просто данный обрабатывает и.отправляет письмо.если мы захотим чтобы что-то выводил мы.это сделаем так теперь нам осталось.проверить что именно он отправил.для этого возвращаемся на диск c папка.целых сервер и там есть такая папочка.tmp именно туда отправляются письма с.локального компьютера вот в эту папочку.sendmail.открываем ее и видим что у нас.действительно пришло письмо если мы.сейчас откроем вот то мы увидим что у.нас данные действительно пришли до на.сайте был сделан заказ заказ пришел от.евгений попов пароль я водил такой адрес.такой я водил выбрал 9 выбрал курсы по.созданию сайта до доставка обычно я.реально 51 то есть все данные которые.вел формы они пришли на e-mail тест.самочка тест точка ру то есть это на.локальном компьютере вы имеете ввиду что.письма приходят именно папку send mail.да если данный форум будет размещена у.вас на сервере уже когда мы купим.хостинг выложим данный сайт интернет.потом естественно.письмо придет на реальный вот этот адрес.отлично теперь давайте попробуем.проверим берем какой-нибудь один из.курсов у нас здесь даже может оказаться.нет для этого вернемся в нашу форму и.сразу за одно давайте доработаем файл.обработка php чтобы при удачной отправке.письма у нас выводилось сообщение что.ваше письмо доставлено делается это.следующим образом мы должны поместить.результат работы вот этой функции mail в.какое-нибудь переменную то есть функция.отсылает письмо и всегда возвращает.результат если она отправила письмо.успешно она возвращает результат true.правда да если письмо по каким-то.причинам не отправлено она возвращает.ложь соответственно мы можем это.использовать мы сейчас допустим поместим.в переменную в результат работы данной.функции.а здесь чуть пониже сделаем проверку.если у нас в.равняется true я то есть если все прошло.успешно.там и так равняется в печке пишется.двумя знаками равенства таким образом.там и фигурных скобках спокойно можем.написать.вывести на экран эта функция eco и в.двойных кавычках пишем что именно нужно.вывести ваше сообщение успешно.доставлено.все отлично теперь сохраняем данную.страницу так идем смотреть еще раз за.здесь допустим мы выберем доставку.теперь срочно курс обычным закажем.только 1 выбираем формат сиди и пароль и.укажем допустим три девятки да нажимаем.отправить.мы видим что теперь нам выводится.сообщение.ваше сообщение успешно доставлено это.означает что функция майлз работала.правильно и соответственно нам вышло об.этом уведомление.если мы сейчас вернемся в папку с inmail.мы увидим что у нас появилось еще одно.письмо открываем его и видим что у нас.пароль три девятки здесь уже нет так как.мы второй курс не заказывали до доставка.срочно.и в принципе диск сиди да как мы.заказали вот таким образом работы файл.обработки теперь я думаю вы понимаете.как он взаимодействует свое вам формы да.и сможете даже уже составить свою форму.и спокойное и обрабатывать а на этом я.данный урок заканчиваю обязательно.разберитесь не оставляйте данные данного.урока как бы на потом потому что он.очень будет часто используется нами на.практике и форма обратной связи часто.приходится создавать на сайте здесь мы.заканчиваем жду вас в следующем уроке

HTML — Базовый курс 11

Как? Вы еще не смотрели? Ну это зря...