Как создать форму в HTML?

Чему вы научитесь и что узнаете:

  • Вы научитесь создавать формы
  • Узнаете, какие виды форм бывают
  • Узнаете, где используются формы

Скачать материалы
Скачать 14 видеоурок по HTML Размер: 18.87 MB, скачали: 504 раз.
Скачать исходники к 14 видеоуроку по HTML Размер: 61.48 kB, скачали: 326 раз.
Как запустить видеоурок:

  1. Разархивировать скачанный файл.
  2. Открыть папку index.
  3. Запустить файл index.html в браузере.

Что такое таблицы и табличная верстка, вы уже знаете из предыдущих уроков по HTML. В этом видеоуроке мы с вами познакомимся с формамиФормы используются для осуществления обратной связи, создания форумов, гостевых книг, чатов и других изобретений веб-программистов.  На своем экране вы видите форму нашего сайта. В этом видеоуроке мы создадим похожую, только с большим количеством элементов.

Среди новичков веб-программирования бытует ошибочное мнение: они наивно полагают, что для создания форумов, чатов, гостевых книг и т.п. вполне достаточно владеть языком HTML. Хочу вас огорчить  — этого не достаточно. Главную роль в этом деле играет язык PHP. Мы планируем записывать по нему видеокурс чуть позже. Найти его вы сможете на сайте http://info-line.net

Как сделать форму?

Однако, давайте приступать к изучению форм. Перейдем на наш рабочий стол, зайдем в папку site2, откроем наш индексный файл через программу notepad. Теперь скопируем то изображение, которое у нас не отображалось из прошлого сайта. Копируем папку img, удаляем из нее все, кроме нашего изображения.

Теперь давайте создадим еще одну страничку. Нажмем кнопочку «Новый», копируем все, что есть в индексной странице, и давайте заменим ссылки. Первая ссылка у нас будет на главную страничку index.html, вторая – на эту страничку (мы ее сейчас сохраним и назовем form.html). Переименуем вторую ссылку. Она будет называться «Обратная связь».

 <div>Меню:</div>
 <p><a href="index.html">Главная</a></p>
 <p><a href="form.html">Обратная связь</a></p>
 

Копируем эти два пункта меню в индексный файл, сохраним его и сохраним нашу форму.

Теперь давайте удалим весь ненужный текст, который находится в блоке контента и пропишем на его месте форму. Форма задается тегами <form></form>.  У тега <form> есть атрибут action. В его значении прописывается путь к скрипту-обработчику или ваш e-mail посредством mailto:ваш_e-mail_адрес.

 <form action="mailto:test@test500.ru" >
 

Теперь в область между тегами нам нужно вписать элементы формы – это и поля, и переключатели, и флажки (checkbox), и, конечно же, кнопки. Давайте запишем тег <input>. Он не требует закрывающего и означает то, что мы будем сейчас прописывать элемент формы. Тег <input> имеет атрибут type, означающий тип элемента. Если нам нужно текстовое поле, то вводим text. Существует еще атрибут name – это обязательный атрибут, означает он имя нашего поля. Оно нужно для скрипта-обработчика, который будет забирать информацию. Введем в качестве имени, например, pole1. Теперь добавим ширину поля с помощью атрибута size, например, 20. С помощью атрибута maxlength мы устанавливаем максимальное значение символов, которое можно будет ввести в поле. Пусть будет 10. Атрибут value означает значение нашего поля, то есть то, что будет введено по умолчанию. Например, «Имя».

 <form action="mailto:test@test500.ru" >
 <p>Имя:<br><input type="text" name="pole1" size="20" maxlength="10" value="Имя"></p>
 <p>Сообщение:<br></p>
 </form>
 

Теперь создадим абзац перед полем и после поля. Пропишем код в поле для сообщения. Оно будет выше и шире. Текстовое поле вводится с помощью тегов <textarea></textarea>. Добавим ему атрибут name = “message”, укажем количество строк, с помощью атрибута row и количество символов в строке, с помощью атрибута cols. Как вы заметили, тег <textarea> имеет закрывающий тег. Для чего это нужно? Нужно это для того, чтобы между ними мы вводили текст. Этот текст означает то, что у нас будет записано по умолчанию. То есть, это аналог атрибута value. Вводим сюда «Сообщение».

 <form action="mailto:test@test500.ru" >
 <p>Имя:<br><input type="text" name="pole1" size="20" maxlength="10" value="Имя"></p>
 <p>Сообщение:<br><textarea name="message" rows="10" cols="30">Сообщение</textarea></p>
 </form>
 

Теперь создадим кнопочку. Задается она тоже  с помощью тега <input>, только значение атрибута  type указывается как submit. Эта кнопочка у нас будет отправлять информацию. Здесь атрибут name нам не нужен, потому что информацию из кнопки мы брать не будем. Для задания подписи кнопочке используется атрибут value.

 <form action="mailto:test@test500.ru" >
 <p>Имя:<br><input type="text" name="pole1" size="20" maxlength="10" value="Имя"></p>
 <p>Сообщение:<br><textarea name="message" rows="10" cols="30">Сообщение</textarea></p>
 <input type = "submit" value="Отправить">
 </form>

Есть еще одна кнопка – кнопка «Сбросить». Она сбрасывает информацию, которую мы ввели в поля. Отличие от кнопки «Отправить» заключается в том, что в type указывается значение reset.

 <form action="mailto:test@test500.ru">
 <p>Имя:<br><input type="text" name="pole1" size="20" maxlength="10" value="Имя"></p>
 <p>Сообщение:<br><textarea name="message" rows="10" cols="30">Сообщение</textarea></p>
 <input type = "submit" value="Отправить">
 <input type = "reset" value="Сбросить">
 </form>
 

На данный момент мы закончили и сейчас введем метод отправки формы. Он вводится на теге <form>. Бывает два метода: Get и Post. Отличаются они тем, что метод Get передает информацию через строку браузера, в которой указывается специальное имя переменной и ее значение. Все это видно пользователю. Метод Post основан на невидимой пользователю передаче информации (из странички в наш сервис). Введем post, все-таки передаем e-mail адрес.

 <form action="mailto:test@test500.ru" method="post">
 

Давайте сохраним и посмотрим на нашу страничку в браузере. Как мы видим, меню работает. Переходим на главную страницу, затем — на обратную связь. У нас два поля: «Имя», в которое введено значение «Имя», сюда мы можем ввести свое имя, и «Сообщение», куда пользователь вводит свое сообщение. Затем можно нажать либо «Сбросить» для очистки всех полей, либо «Отправить» для отправки формы. При нажатии на вторую кнопку, будет вызван почтовый клиент.

Давайте снова перейдем в код и посмотрим, какие еще возможности открывают перед нами формы. У тега Input есть такой тип (атрибут type) под названием hidden. Он означает «скрытое поле». Оно имеет имя, например, pole2 и значение, которое передается. Это поле не видно пользователю, который вводит информацию.

 <input type = "submit" value="Отправить"><input type = "reset" value="Сбросить"></p>
 <input type = "hidden" name="pole2" value="Секретная информация">
 </form>
 

Разберем дополнительные элементы формы. Прописываем новый абзац, слова «Ваш пол», и переключатели – так называемые радиокнопки. Одна радиокнопка прописывается один раз. Сделаем три варианта ответа: «Мужчина», «Женщина» и «Не знаю».

 <p>Ваш пол: <br>Мужчина<input type="radio" name="sex" value="man"><br>Женщина<input type="radio" name="sex" value="woman"><br>Не знаю<input type="radio" name="sex" value="dk"></p>
 

Сохраним и проверим в браузере, что у нас получилось. Как вы видите, нам предлагается выбрать пол. При нажатии на радиокнопку, у нас фиксируется значение; после нажатия на кнопку «Отправить», выбранный вариант будет отправлен. Выбрать значение можно только одно – в этом и есть прелесть радиокнопок.

Давайте переместим этот код в форму перед кнопками «Отправить» и «Сбросить».

Прописываем еще один абзац и разберем флажки. Записываем вопрос, например «Выберите любимое число», затем тег <input>: значение атрибута type задаем checkbox, записываем имя и значение value устанавливаем yes. Задаем несколько флажков. Пусть будет 5.

 <p>Выберите любимое число:<br>
 <input type="checkbox" name="1" value="yes">
 <input type="checkbox" name="2" value="yes">
 <input type="checkbox" name="3" value="yes">
 <input type="checkbox" name="4" value="yes">
 <input type="checkbox" name="5" value="yes">
 </p>
 

Сохраним и проверим в браузере. Мы видим, что теперь нужно сделать перенос на следующую строку, чтобы варианты не отображались в одной строке, а также прописать значения, чтобы пользователь понимал, что значит каждое из полей.

 <p>Выберите любимое число:<br>
 <input type="checkbox" name="1" value="yes">1<br>
 <input type="checkbox" name="2" value="yes">2<br>
 <input type="checkbox" name="3" value="yes">3<br>
 <input type="checkbox" name="4" value="yes">4<br>
 <input type="checkbox" name="5" value="yes">5
 </p>
 

Сохраним и проверим. Мы можем отметить столько вариантов, сколько хотим. Чтобы число было отмечено по умолчанию, нужно добавить слово checked. Например, мы хотим, чтобы по умолчанию цифра 4 была отмечена галочкой. Прописываем ему «checked».

 <p>Выберите любимое число:<br>
 <input type="checkbox" name="1" value="yes">1<br>
 <input type="checkbox" name="2" value="yes">2<br>
 <input type="checkbox" name="3" value="yes">3<br>
 <input type="checkbox" name="4" value="yes" checked>4<br>
 <input type="checkbox" name="5" value="yes">5
 </p>
 

Сохраняем. Обновляем страницу. Мы видим, что цифра «4» отмечена галочкой по умолчанию.

Снова переходим в код. Опять прописываем абзац и напишем выпадающий список. Прописывается он с помощью тега <select>, значения задаются с помощью тега <option>. Пропишем имя нашему тегу <select>. Это имя для всего выпадающего списка.

 <select name="v_spisok">
 

В <option> пропишем значения. Например, пусть у нас будет вопрос: «Какой ваш любимый цвет?». Значения будут: красный, синий и зеленый.

 <p>Какой Ваш любимый цвет?
 <select name="v_spisok">
 <option value="blue">Синий
 <option value="red">Красный
 <option value="green">Зеленый
 </select>
 </p>
 

Сохраним. Теперь нам на сайте предлагается выбрать любимый цвет: синий, красный или зеленый.

Давайте перенесем наш список на следующую строку с помощью тега <br>.

 <p>Какой Ваш любимый цвет?<br>
 <select name="v_spisok">
 <option value="blue">Синий
 <option value="red">Красный
 <option value="green">Зеленый
 </select>
 </p>
 

Сохраним, проверим еще раз – стало лучше.  Перейдем в код, добавим selected и зададим красный цвет по умолчанию.

 <p>Какой Ваш любимый цвет?<br>
 <select name="v_spisok" >
 <option value="blue">Синий
 <option value="red" selected>Красный
 <option value="green">Зеленый
 </select>
 </p>
 

Сохраним, обновим страничку. Как мы видим, красный цвет стал цветом по умолчанию. Мы его можем поменять на синий или зеленый.

Переходим в код. Снова пишем абзац. У меня настал кризис вопросов, поэтому давайте напишем опять «Какой ваш любимый цвет?». Сейчас мы будем разбивать наш предыдущий список на группы. Делается это с помощью тега <optgroup></optgroup>, в котором прописывается атрибут label. Выделим, например группы светлые цвета и темные цвета. В первой группе отнесем желтый, розовый и светло-зеленый цвет, а ко второй – темно-серый, бардовый и темно-синий, например.

 <p>Какой Ваш любимый цвет?<br>
 <select name="v_spisok">
 <optgroup label="Светлые">
 <option value="blue">Желтый
 <option value="red" selected>Розовый
 <option value="green">Светло-зеленый
 </optgroup>
 <optgroup label="Темные">
 <option value="blue">Темно-серый
 <option value="red" selected>Бордовый
 <option value="green">Темно-синий
 </optgroup>
 </select>
 </p>
 

Сохраним и проверим в браузере, что у нас получилось. Обновим страницу. Нас спрашивают: «Какой Ваш любимый цвет?». Мы видим, что при нажатии элементы списка разделились на две группы: светлые и темные, как мы и хотели.

Перейдем снова в код. Скоро мы закончим эту трудную тему, а осталось нам только прописать список с полосой прокрутки. Уже даже не знаю, какие вопросы задавать, поэтому используем снова тот же вопрос. Прописывается он, как и предыдущий список. Уберем тег <optgroup> и добавим значение size = «3».

 <p>Какой Ваш любимый цвет?<br>
 <select name="v_spisok" size="3">
 <option value="blue">Желтый
 <option value="red" selected>Розовый
 <option value="green">Светло-зеленый
 <option value="blue">Темно-серый
 <option value="red" selected>Бордовый
 <option value="green">Темно-синий
 </select>
 </p>
 

Сохраним и посмотрим. Обновляем страницу. Появился список со всеми введенными нами значениями. Мы можем здесь использовать наши <optgroup>.

 <p>Какой Ваш любимый цвет?<br>
 <select name="v_spisok" size="3">
 <optgroup label="Светлые">
 <option value="blue">Желтый
 <option value="red" selected>Розовый
 <option value="green">Светло-зеленый
 </optgroup>
 <optgroup label="Темные">
 <option value="blue">Темно-серый
 <option value="red" selected>Бордовый
 <option value="green">Темно-синий
 </optgroup>
 </select>
 </p>
 

Сохраним. Проверяем – отображаются как светлые, так и темные цвета.

На этом данный видеоурок мы заканчиваем. Обязательно потренируйтесь в создании формочек и различных элементов; попробуйте создать формы опросов. Затем переходите к следующему видеоуроку, в котором мы будем разбирать очень интересную тему под названием «Фреймы». До встречи в следующем видеоуроке!

Подпишись на info-line:

Получать новые уроки на e-mail:

60 комментариев на “Как создать форму в HTML?”

  1. Michael de`Oz 17 ноября 2011 в 16:55 #

    С HTML всё понятно,

    А по AJAX уроки будут?

    • Олег Зубцов 17 ноября 2011 в 17:14 #

      Пока уроки по AJAX не планируются. На будущее ничего обещать не могу)

  2. Михаил 11 декабря 2011 в 10:32 #

    Добрый день, Олег! Объясните причину, почему при одинаковой прописи кода в трех вариантах:

    <p>Сообщение:<br /><textarea name="message" rows="1O" cols="3O">Сообщение</textarea></p>   
    <p>Сообщение:<br /><textarea name="message" rows="10" cols="30">Сообщение</textarea></p>   
    <p>Сообщение:<br /><textarea name="message" rows="1O" cols="3O">Сообщение</textarea></p>   
    

    У второго варианта окно textarea полчается большим чем у 1 и 2 варианта? Благодарю, Михаил.

    • Олег Зубцов 11 декабря 2011 в 17:57 #

      У второго варианта окно textarea полчается большим чем у 1 и 2 варианта?

      Вы имели ввиду, больше чем у 1-го и 3-го.

      Ответ прост: В 1-ом и 3-ем вариантах, в значениях стоит не 0, а буква О.

  3. Михаил 12 декабря 2011 в 0:08 #

    Олег, в каких значениях? В rows="10" cols="30" следует ставить 1 и 3 — букву «о» вместо цифры ноль? Что-то я менял уже и цифры и буквы и никакого результата =-O

    • Олег Зубцов 12 декабря 2011 в 1:09 #

      Ваш код, который вы прислали:

      <p>Сообщение:<br /><textarea name="message" rows="1O" cols="3O">Сообщение</textarea></p> <!-- Здесь стоит не 10, а 1 и буква "О". Также и с числом 30. -->
      <p>Сообщение:<br /><textarea name="message" rows="10" cols="30">Сообщение</textarea></p>  <!-- Здесь все написано правильно. -->
      <p>Сообщение:<br /><textarea name="message" rows="1O" cols="3O">Сообщение</textarea></p>  <!-- Здесь стоит не 10, а 1 и буква "О". Также и с числом 30. -->
      

      Исправленный код выглядит так:

      <p>Сообщение:<br /><textarea name="message" rows="10" cols="30">Сообщение</textarea></p>   <!-- Здесь все написано правильно. -->
      <p>Сообщение:<br /><textarea name="message" rows="10" cols="30">Сообщение</textarea></p>   <!-- Здесь все написано правильно. -->
      <p>Сообщение:<br /><textarea name="message" rows="10" cols="30">Сообщение</textarea></p>   <!-- Здесь все написано правильно. -->
      

  4. Михаил 12 декабря 2011 в 12:12 #

    Привет, Олег. Совершенно верно, изменения делал в одном файле, а результаты смотрел в другом))...Всё верно, благодарю за подсказку, а также за тексты к урокам... Могу спросить, когда можно ожидать PHP? C ув. Михаил.

    • Олег Зубцов 12 декабря 2011 в 15:56 #

      Нескоро. Я стараюсь делать видеокурсы последовательно.

      По моим предположениям, мы сначала изучим рисование дизайна и верстку для CMS систем. После изучим работу с CMS системами.

      А уж потом появятся курсы по JavaScript и PHP.

  5. Ольга 12 декабря 2011 в 16:41 #

    Нашла твой урок №13 и хочу сказать — спасибо. Доступно, полезно. До этого я перелопатила море инфы, но твой метод обучения мне понравился больше остальных.

  6. Михаил 28 декабря 2011 в 12:39 #

    Привет, Олег. С Рождеством и Новым годом! Могу попросить совета? Что у меня неверно в коде, на главной странице otwet.zp.ua в левой колонке между чатом и баннером перекосы в разных браузерах по разному и плеер с материалом «Это сверхъестественно» в IE вообще не отображает, но, в других отображается...Посмотри пожалуйста, что там, если можешь.

    • Олег Зубцов 28 декабря 2011 в 20:06 #

      Привет. Тебя тоже с праздниками! 😉

      На счет перекосов. Я проверял сайт в опере и хроме, перекосов не заметил никаких. Возможно, ты их уже убрал.

      На счет IE. Скорее всего проблема в том, что не стоит Adobe Flash Player для IE. Скачать Adobe Flash Player для IE можно отсюда.

  7. Михаил 28 декабря 2011 в 21:56 #

    Олежек, дорогой посмотри пожалуйста в Firefox и IE, потому что созвонился с товарищем, ( у меня вроде всё нормально отображает) а у него видны перекосы особенно в мозилле, я вчера с чужого компа зашел на свой сайт в опере, и обнаружил также перекос, на главной странице в районе баннера и чата...(это может быть из-за разных форматов мониторов? У меня wide). Посмотри пожалуйста, если можешь, а то стыдно перед людьми за перекосы, а что делать пока еще не разобрался, хотя поковырял код достаточно...Будь добр, взгляни пожалуйста, если хочешь...Плэйер для IE загрузил по ссылке, но, к сожалению ничего не изменилось...у знакомого плэйер в опере не отображается, говорит, что новая опера, а у меня отображается во всех браузерах кроме IE =)

    Благодарю, Михаил

    • Олег Зубцов 29 декабря 2011 в 5:45 #

      Проверил в Firefox и IE — все норм. У меня тоже wide. В последних IE у меня без скачивания специального adobe-плеера, он запускается.

      Попробуйте разобраться в чем дело, напишите еще парочке друзей, пусть сделают скрины, чтобы увидеть, как это выглядит. Прошу отписаться потом о результатах, так как мне самому интересно в чем же тут мистика.

  8. Михаил 30 декабря 2011 в 5:42 #

    В IE почему то через раз стали отображаться часы, которые находятся справа вверху, а в остальных браузерах я такой накладки не замечаю...

  9. Михаил 30 декабря 2011 в 18:28 #

    Олежек, насколько я верно помню это 8 версия, с наступающим Новым годом! С новым годом с новым счастьем!))

    • Олег Зубцов 30 декабря 2011 в 19:21 #

      У меня тоже 8-ая версия IE и все работает. И часы работают, и видео проигрывается. Даже не знаю, в чем может быть проблема. Попробуй погуглить, может кто сталкивался уже.

      И тебя с наступающим! 🙂

  10. Михаил 2 января 2012 в 13:22 #

    Привет, Олежек! С наступившим Новым годом! С Рождеством! Я ни у кого не спрашивал, (праздники, зачем отвлекать людей) ...Но...У меня подозрение на то, что может быть конфликт в IE из-за того, что вивер не любит два объекта swf на странице, а у меня в header вставлен swf и видео также swf...такое у меня предположение, может быть от этого идет конфликт, между отображением двух объектов в ...нужно подумать, как -то может изменить...у тебя есть какие-то мысли, на этот счет? Будь здоров, Михаил.

    • Олег Зубцов 2 января 2012 в 14:48 #

      Привет. Спасибо, тебя тоже с Наступившим. Вряд ли это из-за двух объектов swf. У меня твой сайт в IE работает нормально, поэтому никаких мыслей нету 🙂

  11. Михаил 2 января 2012 в 16:51 #

    Олежек, будь добр, залей куда-нибудь свой IE и дай ссылку, поэкспериментирую и этот вариант...ок? Спасибо.

    • Олег Зубцов 2 января 2012 в 18:23 #

      Упс. У меня оказывается 9-ая версия. Ссылка на нее в 1-ом видеоуроке по HTML есть. Посмотрел сайт через IETester в 8-ой версии IE. Да, проблема действительно есть. Часы работают, ролики от youtube тоже работают, а ролик от ТБН не загружается. Значит проблема в их плеере (JW Player). Я решил поискать эту проблему в гугле и нашел только одну тему по этому поводу — forum.htmlbook.ru/index.php?showtopic=25948. Почитайте — возможно это поможет решить проблему.

  12. Михаил 2 января 2012 в 16:55 #

    Дело в том, что сегодня я созванивался снова с товарищем, у него также не отображает в IE ...

  13. Михаил 12 января 2012 в 8:39 #

    Привет, Олег! С праздниками тебя! Всех благ! Благодарю за советы. У меня вопрос, я хотел сделать, чтобы при открытии страницы запускалась музыка на сайте, но, это получается только в IE , после того как браузер попросит разрешение на активацию содержимого. А в остальных браузерах, музыкальный файл почему то сразу передается в автоматическую закачку на download master, а в браузере музыкальным файлом не открывается...В чем причина, как изменить код? Вот ссылка на страничку, посмотри если хочешь otwet.zp.ua/08.01.12_Church_service.html Благодарю, Михаил.

    • Олег Зубцов 12 января 2012 в 11:01 #

      Возможно проблема в том, что файл имеет расширение mp3. Попробуй wav или midi.

  14. Михаил 12 января 2012 в 14:22 #

    Привет, Олежек! Совершенно верно.)) Спасибо, вижу, что ты внимателен и сосредоточен)) Изначально расширение было именно таким — wav ... начал экспериментировать как обычно =) , и упустил это из виду... Олег, у меня вопрос: как можно облегчить файл для низкоскоростных интернет соединений, и чтобы запускался автоматом? Благодарю еще раз, с ув. Михаил. Выставил страничку сменив расширение и все запустилось...класс... только теперь длинные файлы не выставишь или есть варианты? Кстати, ты знаешь о такой странице по сборке видео и аудио плееров flv-mp3.com/ru

    • Олег Зубцов 12 января 2012 в 15:21 #

      как можно облегчить файл для низкоскоростных интернет соединений, и чтобы запускался автоматом?

      Можно воспользоваться программами, которые позволяют сжать аудиофайлы с минимальной потерей качества. Таких в интернете очень много.

      Кстати, ты знаешь о такой странице по сборке видео и аудио плееров flv-mp3.com/ru

      Нет, не знал. Спасибо. Теперь буду знать. Возможно в будущем запишу видеоурок по этой странице.

    • Надежда 12 января 2012 в 20:28 #

      Михаил, вам можно написать на е-мейл, указанный в контактах к вашему сайту?

      Спасибо за приведенные ссылки. Что-то подобное тоже есть идея использовать.

  15. Михаил 12 января 2012 в 21:24 #

    Олег, например как можно уменьшить, сжать аудио файл с расширением .wav, чтобы он запускался в скрытом плеере на html странице при открытии? Благодарю, Михаил.

    • Олег Зубцов 12 января 2012 в 22:17 #

      С помощью программ, которые сжимают аудиофайлы формата wav. Названия некоторых программ, выполняющих сжатие аудиофайлов (сам я пробовал не все, большинствой названий нагуглил): Free Studio, Xilisoft Audio Converter, Audacity, XIL V. CONV, Adobe Audition, Magic Video Converter, AudioConverter, Sound Forge и другие.

  16. Михаил 13 января 2012 в 21:01 #

    Олег, Free Studio, Sound Forgeу меня уже давненько...этими прогами я уже пробовал прежде обращения к тебе...но, не могу сказать, что они хорошо сжимают wav Хотя Sound Forge продвинутее, но, увы... еще не совсем то, что хотелось бы... А Free Studio, хоть и бесплатный но с капризами, тот файл он будет конвертировать из DVD в AVI, а другой видите ли нет, так как счетает это нарушением авторских прав и т.д. ищите других и т.п... =)

  17. Михаил 17 января 2012 в 12:11 #

    Надежда, если Вы обращаетесь лично ко мне, (а не перепутали наши имена с автором сайта — Олегом)...то, если Вы напишите в контакты моего сайта, тогда письмо уйдет в офис, а не ко мне...мне Вы можете написать по адресу smm70@ya.ru ... Олежек, привет. Audacity у меня есть, но её я еще пристально не рассматривал, да и в принципе даже не пробовал ею работать...но, по совету твоему присмотрюсь и к ней...Благодарю. Будь здоров, Михаил.

    • Олег Зубцов 17 января 2012 в 12:33 #

      Я с этой программой не работал еще, но когда буду записывать аудиокасты какие-нибудь, то буду работать только с этой программой. Все друзья рекоммендуют 🙂

  18. Михаил 22 января 2012 в 20:05 #

    Привет, Олег! Нагуглил два шаблона для религиозных сайтов...бесплатно, затем заметил, что они позаимствованы из зарубежных ресурсов... вопрос, а не предъявят ли ко мне со временем затем претензии в свете последних событий с Megaupl, по авторским правам ? Ты можешь подсказать, где можно взять шаблоны религиозного сайта, чтобы затем не предъявляли претензии к нему, по авторским правам? Благодарю, Михаил...

    • Олег Зубцов 23 января 2012 в 11:41 #

      Если распространяется на сайте автора распространяются бесплатно, то не должны. Есть очень много сайтов с шаблонами. Погугли «Скачать бесплатные HTML шаблоны» или «Download free html templates».

  19. Михаил 23 января 2012 в 10:26 #

    Олежек, помоги пожалуйста, с бесплатным шаблоном сайта (христианского, религиозного), только чистого в отношении авторских прав... или хотя бы с одной главной страницей — index в html пока, а далее я создам контент и переведу в PHP, помоги пожалуйста если можешь, очень тебя прошу, хотя бы одна главная страница, с header и footer, а дальше я всё сделаю, очень тебя прошу... Благодарю, с ув. Михаил.

  20. Михаил 26 января 2012 в 9:42 #

    Привет, Олег! Спасибо за ссылку, я даже как-то не подумал, что можно на англ. пошарить. Скачал несколько бесплатных шаблонов...и даже не уверен, а буду ли ставить, не то, что в духе, на душе... видимо, все же придется делать самому =)

  21. Михаил 1 февраля 2012 в 7:48 #

    Привет, Олег!У меня вопрос, можно заливать видео на яндекс видео через FTP? И как это можно осуществить? Благодарю, Михаил.

    • Олег Зубцов 1 февраля 2012 в 21:10 #

      Честно говоря не знаю, я пока еще не работал с Яндексом. Почитай на сайте самого Яндекса или задай вопрос в тех-поддержку 🙂

  22. Михаил 8 февраля 2012 в 19:58 #

    Привет, Олег... не смотрел как у Яндекса, пока. А начал работать с Pod.fm есть там интересные отличительные моменты по сравнению с ya. У тебя пошли нужные, ценные уроки, будет больше времени нужно смотреть.)) Благодарю за уроки.

    • Олег Зубцов 8 февраля 2012 в 21:08 #

      Спасибо 🙂 А что за интересные отличительные моменты по сравнению с Яндексом, если не секрет?)

  23. Михаил 12 апреля 2012 в 10:47 #

    Привет, Олег! С наступающим праздником Пасхи! У меня к тебе вопрос, как я могу создать плеер по ссылке с youtube к примеру этой www.youtube.com/watch?v=y...p;feature=relmfu на ней нет кода html для вставки на сайт. Поэтому расскажи как можно сделать плеер, без закачки на собственный сайт (это я знаю, но не хочется обременять лишними МВ свой сайт), а как сделать по ссылке с youtube?

    • Олег Зубцов 12 апреля 2012 в 14:41 #

      Привет, Михаил! Тебя тоже с наступающим! =) Плеер на youtube ты можешь создать нажав на кнопку «Поделиться», а потом на кнопку «Cгенерировать HTML-код». Встраиваешь этот html-код и все. Именно на том видео, которое ты показываешь, автор запретил его встраивание, поэтому код не генерируется. И даже если ты схитришь и попробуешь написать код вставки вручную (что не имеет смысла) и встроить видео, оно не отобразиться на твоем сайте, так как youtube это предусмотрел. В остальных случаях, когда пользователь разрешил встраивание видео, ты сможешь сгенерировать HTML-код. Вот тебе пример моего видео: www.youtube.com/watch?v=r...x=1&feature=plcp

      Можешь поэкспериментировать, там происходит генерация HTML-кода 🙂 Настроить внешний вид плеера ты сможешь на той же странице.

  24. Михаил 12 апреля 2012 в 11:31 #

    Я не видел твоего вопроса, pardon me, если еще интересно по Pod.fm то отпишу, а возвращаясь к предыдущему своему вопросу, то уточню...к примеру, Олег как создать плеер по ссылке с youtube на этом сайте flv-mp3.com/ru/mp3/ Я уже пробовал, но вероятно что-то делаю не так, потому что плеера получаются «пустыми» т.е. не проигрываются при вставке на мой сайт... Благодарю. Михаил.

    • Олег Зубцов 12 апреля 2012 в 14:46 #

      Да, еще интересно 🙂 Отпиши пожалуйста.

      На счет плеера, то youtube — это видеосервис, а вы собираетесь встроить как аудио его. Но даже если будете встраивать как видео, не факт, что получится, так как если там нету такой возможности, то наверняка требуется swf-файл, в таком случае, нужно будет скачать видео с youtube и потом уже встраивать. Если есть поддержка youtube, но видео отображаются пустыми, то тогда наверное проблема в том, что встраивание видео было запрещено его автором. Об этом писал в ответе на предыдущий твой комментарий 🙂

  25. Михаил 13 апреля 2012 в 10:15 #

    Привет, Олежек! Да, действительно встраивание запрещено... Отличительная черта в Pod.fm в том,что там существует возможность встраивания и скачивания непосредственно с плеера, а не так что приходится «соображать» как это мы видим у некоторых других... но какой смысл от запрета (?), ведь если я могу скачать ролик или через Download master, или через BitComet, следовательно я смогу его разместить на своем сайте, или перезалить на тот же Яндекс или mail.ru и другие... Но, меня сейчас интересует как можно обратится к youtube и сделать плеер, ведь если ролик подгружается и скачивается, то почему он не сможет отображаться? Кстати, Олежек на сайте flv-mp3.com можно собирать не только аудио плеера но и видео (перейди по ссылке и посмотри сам) ... Конечно, я могу закачать на Яндекс, или разместить на сервере (у меня есть дополнительный сервер для сайта у товарища на 2 Трбайта, но, ведь это нужно ехать к нему, а затем уже создавать плеер указывая ссылку, так почему я не могу сразу указать ссылку, кэшевую, или нулевую и затем создать плеер... или к примеру у Pod.fm существует возможность когда ты только указываешь адрес ссылки и он перейдя по ней сам подгружает ее на твой подкаст и создает плеер. К сожалению там ограничения до 100 Мбайт и только аудио. Известны тебе варианты когда нечто подобное можно сделать с видео?) Благодарю, Михаил.

    • Олег Зубцов 13 апреля 2012 в 20:02 #

      Понятно, спасибо 🙂 Смысл от запрета в том, что пользователь загружавший ролик это запретил, а youtube не нарушает права пользователей) Скачивается, но не средствами youtube, а youtube не разрешает ни скачивать, ни отображать данный ролик (т.к. автор опубликованного ролика это запретил). То, что вы скачиваете — вы это делаете при помощи сторонних сервисов. Размещение видеоролика без разрешения его автора — это также нарушение авторских прав.

      Если провести аналогию с компьютерными играми, и представить, что ролик — это лицензионная компьютерная игра, то ваше скачивание этого ролика с помощью savefrom.net, например — это скачивание пиратской версии игры с торрента, а размещение ролика без разрешения его автора на видео-хостинг — публикация и распространение пиратской версии игры в открытом доступе, например — его публикация на торренты.

      Я видел,что у flv-mp3.com можно создать видео 🙂 Я думаю, если указать ссылку на ролик, который весит менее 100 мб, но у него запрещен показ, то он отображаться не будет все равно. Вы же уже знаете эти варианты, когда подобное можно сделать с видео. Просто именно с данным видео — это запрещено средствами youtube.

  26. Михаил 14 апреля 2012 в 9:33 #

    Привет, Олег! Я думаю, что у пользователя Limpopo авторские права на этот фильм весьма расплывчаты и сомнительны, хотя бы потому, что он не снимал этот фильм, тогда какие авторские права? Напрашивается вопрос, а он сам то, спрашивал разрешение на размещение этого фильма? =) Поэтому если создатели пока или намеренно молчат, тогда будем нести этот фильм в массы... еще подумаем, над этим вопросом. Если длинное письмо, то можешь отвечать на e-mail. Будь здоров и с наступающим тебя праздником Светлого Воскресения Христова!

    • Олег Зубцов 14 апреля 2012 в 10:39 #

      Он его опубликовал и на него никто из правообладателей не пожаловался — этого достаточно 🙂

      Ты тоже не болей, с наступающим!

  27. Михаил 4 июня 2012 в 6:37 #

    Привет, Олег! Подскажи пожалуйста, в IE-8 окна быстрого запуска как включить? Также, как это можно сделать в Опере — 11 или Firefox -4, эта функция (speed deal) была в более ранних версия браузеров IE использование которых, было весьма удобно ... Благодарю, Михаил.

  28. Роксана Джомеи 17 марта 2013 в 23:01 #

    огромное Вам СПАСИБО!!!! не знаю, как Вас благодарить! раньше не раз пыталась найти подобные уроки по созданию форм на сайте — не могла ничего найти или дорого. а у Вас всё очень легко, просто и подробно! СПАСИБО!!

    осталось научиться вставлять выбор даты или дня в календаре )

  29. Роксана Джомеи 18 марта 2013 в 3:14 #

    *разочарована* целый вечер убила на правильное построение формы, а в итоге результат отправляется на почту не как нормальное сообщение от пользователя с выбранными им вариантами, а нечитаемая смесь тегов Т_Т

    «pole1=Rox&pole2=fan%40af.ru&text=yes&text=yes&v_spisok1=yes&v_spisok2=yes&v_spisok3=yes&v_spisok4=yes&v_spisok5=yes&v_spisok6=yes&v_spisok7=yes&v_spisok8=yes&text=yes&v_spisok9=yes&v_spisok10=yes&text=yes&v_spisok11=yes&v_spisok12=yes&v_spisok13=yes&v_spisok14=yes&v_spisok15=yes&v_spisok16=yes&v_spisok17=yes&v_spisok18=yes&v_spisok19=yes&v_spisok20=yes&v_spisok21=yes&text=yes&message=ahoj+%29&pole2=%D0%A1%D0%B5%D0%BA%D1%80%D0%B5%D1%82%D0%BD%D0%B0%D1%8F+%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D1%8F»

    вот страничка с формой www.maralina-service.com/...i_v_chekhii/0-41

    • Олег Зубцов 14 июня 2013 в 5:13 #

      Данный урок учит только создавать формы. Я намеренно не углубляюсь дальше, чем нужно на первом этапе.

  30. Александр 21 мая 2013 в 20:14 #

    Доброго времени. Олег подскажи пожалуйста по HTML. Делал ссылки( все вводил в Note pade) работал в опере.После сохранения в Note pade, в папке , где сохранял Indeex.html и файл и в опере все отображается.А на самом сайте нет. Пожалуйста подскажи.

  31. Oksana 4 августа 2013 в 13:33 #

    здравствуйте Олег. Спасибо вам за ваши уроки а также за ваши оперативные ответы на коменты. у меня к вам вопрос. вот что интересует. в радио кнопках если например я выбираю для выбора не пол а что-то другое. и мне нужно выбрать несколько вариантов то возможно сбросить какой-то один или не один а несколько кликнув по нему не сбрасывая весь список. и еще если прикреппить эти выбранные списки к форме отправки и адресовать на свой email отображается ли введенная информация полностью корректно в почте? спасибо ))))

    • Олег Зубцов 6 августа 2013 в 11:00 #

      1. Используйте checkbox вместо radiobutton.

      2. Отображается корректно, но непонятно. На почту Вы получите переменные. Для человеческого вида письма, нужно будет написать код, преобразующий письмо в более человеческий вид (поставить пробелы между полученными данными, дописать слова в письме для себя и т.д.). Это может звучать сейчас непонятно, но когда мы затронем это в уроке — все станет на свои места 🙂

Оставить ответ