5.11. Как оформлять в DreamWeaver-е формы.

Начнем с самой формы. По сути она играет роль некого контейнера, внутри которого находятся основные элементы формы (поля ввода, чекбоксы и прочее...). При создании формы обязательно нужно указать метод (method), используемый при отправке информации, программу которая будет обрабатывать данную форму (action). Кроме того, если вы пожелаете работать с данной формой при помощи JavaScript вам необходимо указать имя (name). JavaScript может применяться для проверки корректности ввода.

Первый объект - текстовое поле ввода информации. В HTML оно выглядит примерно так:

Существует несколько типов данного поля. А именно:

поле обыкновенное (см. выше) поле типа password (разница в том, что при вводе вместо букв отображаются звездочки. многострочное поле - для любителей оставлять целые поэмы о себе :)

Где применяются данные поля:

для ввода фамилий, имен, адресов, явок и т.д. для ввода паролей, секретных сообщений и т.д. для написания поэм, пунктов прочее и т.д.

Кнопочка. Без нее в формах никуда. Что толку все писать если не будет чего-то, на что можно ткнуть и отправить ваши мысли программе-обработчику :)

Кнопки бывают разные - полезные и безобразные:

1. 2.

Полезная кнопка. Без нее вы не сможете отправить вашу форму по-назначению Бесполезная кнопка (зачем очищать всю форму, если можно просто поправить то что вы ввели...)

CheckBox & Radiobutton - братья близнецы с разными родителями :)

Вот как они выглядят:

1. я - Вася я - не Вася, а Петя сам ты Вася

2. я - Вася я - не Вася, а Петя сам ты Вася

Где их используют:

при необходимости указать несколько вариантов по одному вопросу (теме) при необходимости указать только один вариант ответа на заданный вопрос.

Список. Вещь очень полезная. Причем может использоваться (и используется) не столько для получения информации от посетилеля, сколько для навигации по сайту.

Выглядит она вот так (2 варианта):

1.  2.

Где применяются:

либо для навигации по сайту, либо для выбора из некоторого ограниченного списка (указание страны, даты рождения) в основном для навигации. хотя может рассматриваться как альтернатива checkbox-у

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

Еще один вариант submit-кнопки. Для эстетов. Просто вместо кнопки подставляется графическое изображение. Выглядит красиво, но в нетскейпе при наведении мышки курсор свою форму не меняет :( Пример подобной кнопки, сделанный автором можно увидеть здесь (автора ногами не пинать - что заказчик хотел, то и получил...)
Последнее поле - hidden. Его никто не видит, о нем никто не знает (кроме вас). Применяться может по-всякому. В основном используется для хранения некой промежуточной информации...

Теперь немного о дизайне форм.

если хотите получить что-либо красивое - используйте таблицы. пример - на форуме данного сайта. без таблиц формы выглядят как минимум странно. используйте стили. большая часть элементов форм подвергается стилевому изменению. особенно хорошо это работает в IE (можно задать цветовое и прочее оформление всего что вы видите на элементах формы очень часто установка формы в таблицу приводит к разбуханию ячейки в которой находится таблица - побороть это можно, если переназначить стилевое оформление тега form - задать все параметры padding и spacing.

Ну вот пожалуй и все...

Выводы

В данном реферате я раскрыла возможности языка HTML для создания Web-страниц, узнала, какие HTML- и графические редакторы лучше использовать в Web-дизайне, каковы преимущества и недостатки тех или иных программных пакетов. И, наконец, я выяснила, какие есть возможности для создания Web-страниц в пакете Macromedia DreamWeaver.

.Итак, поняв принцип построения Web-страницы, изучив возможности соединения в ней различных видов информации, мы можем смело сказать, что Web-страницы, с их потенциалом могут применятся для различных целей.

Web-страница – это лицо той фирмы, того учреждения, человека, который разместил ее в WWW. Именно поэтому сегодня Web-дизайну уделяется такое огромное внимание, ибо от него напрямую зависит популярность того или иного информационного ресурса Сети. Недаром сейчас профессия Web-дизайнера является одной из самых высокооплачиваемых.

Человек, создающий Web-страницу, соединяет свои знания и навыки со своим творческим потенциалом. Умение творить – вот что отличает настоящего Web-дизайнера. Для того чтобы создать Web-страницу, которая бы радовала глаз, нужно сочетать в себе качества художника и программиста.

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

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

www.Bankreferatov.ru

www.Referats.ru

 


Информация о работе «Сравнительная характеристика инструментов для web-дизайна»
Раздел: Информатика, программирование
Количество знаков с пробелами: 48419
Количество таблиц: 2
Количество изображений: 0

Похожие работы

Скачать
79678
3
0

... и исчерпывающая помощь, опять же на руссом языке. Пожалуй, единственный недостаток программы заключается в java-скриптах. Программа не всегда корректно их воспринимает. 1.6. СРАВНИТЕЛЬНАЯ ХАРАКТЕРИСТИКА БРАУЗЕРОВ Для сравнения возьмём популярные браузеры, то есть Internet Explorer 6, Mozilla 1, Mozilla FireFox 1, Netscape Browser 8, Opera 8. Эти браузеры используются чаще, чем остальные, ...

Скачать
86449
4
2

... , который позволяет быстро найти любой объект и поменять его свойства. 14. Возможность вставки в текущий проект раннее созданный другой проект. 2. Применение технологии Macromedia Flash   2.1 Исследование структуры Flash сайта Oral.kz Задачей данного параграфа является исследование структуры Flash сайта Oral.kz. Данное исследование проводится путем изучения программы Macromedia Flash, и ...

Скачать
246720
1
5

... , изменяя представление о мире, обязывают повышать ответственность медицины перед обществом. В данной работе рассматривался процесс создания интернет-ресурса для системы дистанционного образования по курсу «Медицинская информатика». В работе приведено обоснование необходимости в применении средств дистанционного обучения для сотрудников медучреждений Тульской области, предложена структура ...

Скачать
115887
22
13

... изучении раздела «Информационная деятельность человека» предмета «Информатика и ИКТ»»   § 2.1. Описание методики использования технологии электронного обучения при изучении раздела «Информационная деятельность человека» предмета «Информатика и ИКТ» (для 10-11 классов информационно-технологического профиля) Прежде, чем подходить к представлению методики использования СДО Moodle, необходимо ...

0 комментариев


Наверх