Отправляет email-рассылки с помощью сервиса Sendsay

Уроки для начинающих программистов

Рассылка закрыта

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Сентябрь 2001   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор Гость

Статистика

13.722 подписчиков
за неделю
←   Все выпуски   →

Уроки для начинающих программистов - N25


Служба Рассылок Subscribe.Ru проекта Citycat.Ru
  # Уроки для начинающих программистов   Выпуск # 25
  Сайт рассылки | Архив рассылки | Форум подписчиков
  # Читайте в выпуске
  1. Вести с форумов
  2. Внимание, конкурс!!
  3. HTML: Заполняемые формы
  4. Хостинг, который Вас удивит ;)
  5. Наши друзья
  # Новое в рассылке
  • Как Вы видите, полностью изменился дизайн рассылки и немножко ее структура. Рад буду выслушать мнения и критику по адресу dmitry@proge.ru.
  • Предлагаю ближе ознакомиться с новым разделом "Наши друзья", теперь каждый желающий может поместить описание своего сайта в рассылку!
    •   # Proge.RU : Все, что нужно!
    Как всегда сайт http://www.proge.ru встретит Вас огромным количеством книг и статей на самые различные компьютерные темы, исходниками, скриптами, интересными рассылками. Приглашаем вас принять участие в нашем форуме.
      1. Исходные тексты
      2. Программирование
      3. Технологии Интернет
      4. Операционные системы
      5. Базы данных
      6. Железо, система
      7. Форматы файлов
      8. Разное
      9. Рассылки и мн.др..
      # Вести с форумов
      Все форумы | Регистрация | Участники форума | Статистика | Поиск сообщений
    Дорогие подписчики! Приглашаю Вас принять участие в форумах нашего проекта. Адрес форумов запомнить просто : http://www.proge.ru/board/. Наши форумы - это ваша возможность получить ответ на свои вопросы, помочь другим, выразить свое мнение по какой-либо теме и просто интересно пообщаться с нашими участниками. Не примените возможностью зайти на наш форум и принять в нем участие - ведь чем вы будете больше помогать людям советом, тем больше будут помогать вам :)

    Если вы хотели бы увидеть новую конференцию по интересующей Вас теме, Пишите, я буду рад это сделать.

    Новое: Открыт форум поддержки для рассылки "Уроки для начинающих программистов". Ждем ваши вопросы, обсуждения и комментарии!

    Новые темы на форумах:


    Приглашаем к общению!
      # Внимание, конкурс!!
    Конкурс на лучший дизайн сайта http://www.proge.ru продолжается! Спешите принять участие. Каждый может попробовать свои силы в нашем конкурсе, дерзайте! Напомню еще раз условия конкурса.

    Условие: Необходимо выполнить полный дизайн сайта proge.ru. Победитель получит:

    • 300000 баннерных показов сетей TBN для развития Вашего проекта
    • Рекламу в рассылке и на наших ресурсах
    • Возможность удаленной работы вебмастером в хостинг компании www.geohost.ru .

    Пожелания к сайту:
    • Отсутсвие FLASH
    • Отсутсвие JS-меню (выпадающие, разворачивающиеся и т.п.)
    • Контент направленность проекта
    • Нестандартный подход и наличие собственных идей
    Посылайте Ваши заявки на участие и вопросы по сайту на адрес admin@proge.ru.

    Исходя из частых вопросов по конкурсу хочу уточнить еще некоторые моменты. Во первых, как происходит регистрация участников. Вы присылаете письмо, где сообщаете свое желание учавствовать в конкурсе (желательно указать ссылки на свои работы), на которое я отвечаю подробностями по сайту и присылаю вам схему (карту) сайта. Никакой дополнительной регистрации не требуется. Вы знакомитесь с информацией, задаете вопросы. Собственно это и все, никаких сложностей здесь нет, конкурс проходит в открытой форме. Также для участия не требуется быть супердизайнером, нужен просто интересный и эргономичный интерфейс, без чего-либо сверхъестественного.

      # HTML: Заполняемые формы
      Литература по этой теме на proge.ru | Обсудить эту тему в форуме!
       Введение

    Уважаемые друзья! Я уже говорил, что изучение HTML подходит к концу и нам осталось совсем немного тем. Собственно говоря, сегодня как раз последний выпуск, связанный с гипертекстовым языком. Я хочу предложить вашему вниманию статью, в которой рассказывается о Заполняемых формах - что это такое и как их создать. Обращаю внимание, что статья не моего авторства. Тема сама по себе простая и это очень удачная статья для ознакомления с ней. Я считаю, что не стоит изобретать колесо (неизвестно еще, напишу ли я лучше :) и представляю вашему вниманию данный материал.

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

    Итак, для Вас пишет Softservice Group:

       HTML Формы

    Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW-сервере. Когда форма интерпретируется WEB-броузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку "Подтверждение" (SUBMIT - специальный тип кнопки, который задается при описании документа), информация, введенна пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом.

    Когда вы описываете форму, каждый элемент ввода данных имеет тэг <INPUT>. Когда пользователь помещает данные в элемент формы, инфоромация размещается в разделе VALUE данного элемента.

    Синтаксис

    Все формы начинаются тэгом <FORM> и звершаются тэгом </FORM>. 

    <FORM METHOD="get|post" ACTION="URL">
 Элементы_формы_и_другие_элементы_HTML
</FORM>

    METHOD

    Метод посылки сообщения с данными из формы. В зависимости от используемого метода вы можете посылать результаты ввода данных в форму двумя путями:

    • GET: Информация из формы добавляется в конец URL, который был указан в описании заголовка формы. Ваша CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING. Использование метода GET не рекомендуется.
    • POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL. Ваша CGI-программа получает данные из формы в стандартный поток ввода. Сервер не будет пересылать вам сообщение об окончании пересылки данных в стандартный поток ввода; вместо этого используется переменная среды CONTENT_LENGTH для определения, какое количество данных вам необходимо считать из стандартного потока ввода. Данный метод рекомендуется к использованию.

    ACTION

    ACTION описывает URL, который будет вызываться для обработки формы. Данный URL почти всегда указывает на CGI-программу, обрабатывающую данную форму.

    Тэги Формы

    TEXTAREA

    Тэг <TEXTAREA> используется для того, чтобы позволить пользователю вводить более одной строки информации (свободный текст). Вот пример использовани тэга <TEXTAREA>:

    <TEXTAREA NAME="address" ROWS=10 COLS=50>
Москва,
Дмитровкое шоссе,
д.9Б, офис 448
</TEXTAREA>

    Атрибуты, используемые внутри тэга <TEXTAREA> описывают внешний вид и имя вводимого значения. Тэг </TEXTAREA> необходим даже тогда, когда поле ввода изначально пустое. Описание атрибутов:

    • NAME - имя поля ввода
    • ROWS - высота поля ввода в символах
    • COLS - ширина поля ввода в символах

    Если вы хотите, чтобы в поле ввода по умолчанию выдавался какой-либо текст, то необходимо вставить его внутри тэгов <TEXTAREA> и </TEXTAREA>.

    INPUT

    Тэг <INPUT> используется для ввода одной строки текста или одного слова. Атрибуты тэга:

    • CHECKED - означает, что CHECKBOX или RADIOBUTTON будет выбран.
    • MAXLENGTH - определяет количество символов, которое пользователи могут ввести в поле ввода. При превышении количества допустимых символов броузер реагирует на попытку ввода нового символа звуковым сигналом и не дает его ввести. Не путать с атрибутом SIZE. Если MAXLENGTH больше чем SIZE, то в поле осуществляется скроллинг. По умолчанию значение MAXLENGTH равно бесконечности.
    • NAME - имя поля ввода. Данное имя используется как уникальный идентификатор поля, по которому, впоследствии, вы сможете получить данные, помещенные пользователем в это поле.
    • SIZE - определяет визуальный размер поля ввода на экране в символах.
    • SRC - URL,. указывающий на картинку (используется совместно с атрибутом IMAGE).
    • TYPE - определяет тип поля ввода. По умолчанию это простое поле ввода для одной строки текста. Остальные типы должны быть явно указаны:

        • CHECKBOX
        Используется для простых логических (BOOLEAN) значений. Значение, ассоциированное с именем данного поля, которое будет передаваться в вызываемую CGI-программу, может принимать значение ON или OFF.

        HIDDEN
        Поля данного типа не отображаются броузером и не дают пользователю изменять присвоенные данному полю по умолчанию значение. Это поле используетс для передачи в CGI-программу статической информации, как то ID прользователя, пароля или другой информации.

        IMAGE
        Данный тип поля ввода позволяет вам связывать графический рисунок с именем поля. При нажатии мышью на какую-либо часть рисунка будет немедленно вызвана ассоциированная форме CGI-программа. Значения, присвоенные переменной NAME будут выглядеть так - создается две новых переменных: первая имеет имя, обозначенное в поле NAME с добавлением .x в конце имени. В эту переменную будет помещена X-координата точки в пикселах ( считая началом координат левый верхний угол рисунка), на которую указывал курсор мыши в момент нажатия, а переменная с именем, содержащимся в NAME и добавленным .y, будет содержать Y-координату. Все значения атрибута VALUE игнорируются. Само описание картинки осуществляется через атрибут SRC и по синтаксису совпадает с тэгом <IMG>.

        PASSWORD
        То же самое, что и атрибут TEXT, но вводимое пользователем значение не отображается броузером на экране.
        RADIO
        Данный атрибут позволяет вводить одно значение из нескольких альтернатив. Для создания набора альтернатив вам необходимо создать несколько полей ввода с атрибутом TYPE="RADIO" с разными значениями атрибута VALUE, но с одинаковыми значениями атрибута NAME. В CGI-программу будет передано значение типа NAME=VALUE, причем VALUE примет значение атрибута VALUE того поля ввода, которое в данный момент будет выбрано (будет активным). При выборе одного из полей ввода типа RADIO все остальные поля данного типа с тем же именем (атрибут NAME) автоматически станут невыбранными на экране.
        RESET
        Данный тип обозначает кнопку, при нажатии которой все поля формы примут значения, описанные для них по умолчанию.
        SUBMIT
        Данный тип обозначает кнопку, при нажатии которой будет вызвана CGI-программа (или URL), описанная в заголовке формы. Атрибут VALUE может содержать строку, которая будет высвечена на кнопке.
        TEXT
        Данный тип поля ввода описывает однострочное поле ввода. Используйте атрибуты MAXLENGTH и SIZE для определения максимальной длинны вводимого значения в символах и размера отображаемого поля ввода на экране (по умолчанию принимается 20 символов).
    • VALUE - присваивает полю значение по умолчанию или значение, которое будет выбрано при использовании типа RADIO (для типа RADIO данный атрибут обязателен)

    Меню выбора в формах

    Под меню выбора в формах понимают такой элемент интерфейса, как LISTBOX. Существует три типа тэгов меню выбора для форм:

    • Select - пользователь выбирает одно значение из фиксированного списка значений, представленных тэгами OPTION. Даннй вид представляется как выпадающий LISTBOX.
    • Select single - то же самое, что и Select, но на экране пользователь видит одновременно три элемента выбора. Если их больше, то предоставляется автоматический вертикальный скроллинг.
    • Select multiple - позволяет выбрать несколько элементов из LISTBOX.

    SELECT

    Тэг SELECT позволяет пользователю выбрать значение из фиксированного списка значений. Обычно это представлено выпадающим меню.

    Тэг SELECT имеет один или более параметр пежду стартовым тэгом <SELECT> и завершающим </SELECT>. По умолчанию, первый элемент отображается в строке выбора. Вот пример тэга <SELECT>:

    <FORM>
<SELECT NAME=group>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
</SELECT>
</FORM>

    SELECT SINGLE

    Тэг SELECT SINGLE - это то же самое, что и Select, но на экране пользователь видит одновременно несколько элементов выбора (три по умолчанию). Если их больше, то предоставляется автоматический вертикальный скроллинг. Количество одновременно отображаемых элементов определяется атрибутом SIZE. Пример:

    <FORM>
<SELECT SINGLE NAME=group SIZE=4>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>

    SELECT MULTIPLE

    Тэг SELECT MULTIPLE похож на тэг SELECT SINGLE, но пользователь может одновременно выбрать более чем один элемент списка. Атрибут SIZE определяет количество одновременно видимых на экране элементов, атрибут MULTIPLE - максимальное количество одновременно выбранных элементов. Пример:

    <FORM>
<SELECT SINGLE NAME=group SIZE=4 MULTIPLE=2>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>

    Если выбрано одновременно несколько значений, то серверу передаютс соответствующее выбранному количество параметров NAME=VALUE с одинаковыми значениями NAME, но разными VALUE.

    Отправление файлов при помощи форм

    Формы можно использовать для отправки не только небольших информационных сообщений ввиде параметров, а также и для отправки файлов.

      Внимание! Поскольку данная возможность требует поддержки получения файлов WEB-сервером, то, соответственно, необходимо, чтобы сервер поддерживал получение файлов!

    Например:

    <FORM ENCTYPE="multipart/form-data" ACTION="url" METHOD=POST>
    Отправить данный файл: <INPUT NAME="userfile" TYPE="file">
    <P>
    <INPUT TYPE="submit" VALUE="Отправить файл">
    </FORM>

    Отправить данный файл:

    Авторские права: (c) Softservice Group.

       Резюме

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

    В следующем номере я приведу несколько примеров работающей формы и ее обработки через JS и сервер (CGI). Пока я рекомендую вам попрактиковаться самостоятельно и попробовать создать несколько форм, пока без обработки данных, просто, чтобы почувствовать все нюансы и тонкости. А если у Вас будут возникать какие-либо вопросы, непременно задавайте их в нашем форуме по вебдизайну.

    До встречи!

      # Хостинг, который Вас удивит ;)
      Хостинг | Домены | Письмо в службу поддержки | Заработайте с нами!
    Компания GeoHOST.RU - Выгодный хостинг!

    Только на GeoHOST Вы наконец найдете все, что Вы искали для создания качественного сайта. Ознакомившись с нашими условиями Вы будете искренне удивлены. Теперь у Вас есть все, что нужно для успеха в Сети!

    ЛЕГКО: Все управление Вашим сервером происходит через интуитивно понятный Центр Управления. Все просто и доступно. Мы сами поставим Вам ПО, которое Вам потребуется.

    ДРУЖНО: Вам будет с кем поговорить :) Дружественная служба поддержки круглые сутки. Одно письмо и все получиться!

    НАДЕЖНО: Ваш сервер будет доступен всегда и везде, 24 часа, 7 дней в неделю. Мощные каналы связи и платформа, ежедн. backup Ваших данных.

    УСПЕХ: Мы предоставим Вам бесплатно рекламу на наших площадках. Вы рискуете заработать от 1000 до 20000 посетителей на Ваш сайт.

    ВЫГОДНО: С нашими прайсами у Вас больше не будет фин. проблем ;)

    Вот почему GeoHOST - Хостинг, который Вас удивит ;)

    Взгляните! Вам предлагается:

    • 100 мегабайт на диске, полностью Ваши ;)
    • Действительно неограниченный трафик. Мы никогда не ограничиваем Вас, а усиливаем Свои мощности.
    • 15 ящиков, 6 поддоменов. Это до 6-ти сайтов на Вашем сервере!
    • Ваш личный pop3 и smtp сервер для Ваших клиентов и друзей
    • SSI, PERL, PHP, C++, MySQL, Crontab, FTP, WAP, .htaccess и т.п.
    • Свои страницы ошибок (404, 500 и т.п..)
    • И многое другое, как и обещали :)
    Стоимость - $8.95 в мес!

    Ваш Успех недалеко!
    Закажите прямо сейчас online и Вы получите:

    • 50000 баннеров. В любой из крупных сетей :)
    • Бесплатное и настроенное ПО. Форум, поисковая система, баннерная крутилка и мн. др.
    • Бесплатную рекламу Вашего сервера в наших ресурсах, с аудиторией более 30000 человек!
    • Оплатите на год вперед и Вы получите бесплатный домен и 10% скидку. Пока конкуренты за деньги не заняли домен, интересный Вашей фирме или проекту - получите его бесплатно!
    Спешите купить себе кусочек Интернета...

    Подробности: http://www.geohost.ru
    E-mail службы поддержки: info@geohost.ru
    Ждем Ваших сообщений!

    Подпишитесь на новости от GeoHOST:    
      # Наши друзья
    Теперь каждый, имеющий сайт может поместить свое описание в рассылку "Уроки для начинающих программистов". Для этого вам необходимо поставить на свой сайт нашу кнопочку размером 88x31 и написать письмо по адресу dmitry@proge.ru с кратким описанием своего ресурса.

    Здесь будет описание Вашего сайта

    Для размещения нашей кнопки вам нужно поместить на свои страницы следующий код:

    <a href="http://www.proge.ru"><img src="http://www.proge.ru/prog.gif" width=88 height=31 border=0 alt="Proge.RU: Все для программиста!"></a> Proge.RU: Все для программиста!

    http://subscribe.ru/
    E-mail: ask@subscribe.ru     		Отписаться
    Убрать рекламу     		Рейтингуется SpyLog
    В избранное