Смекни!
smekni.com

Сравнительная характеристика инструментов для web-дизайна (стр. 6 из 6)

5.10. Создание анимаций

Все анимаця в DreamWeaver прячется в меню Window под пунктом Timeline. Ленивые могут просто нажать Ctrl+F9, а не лазить по всяким менюшкам...

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

  • название текущей TimeLine
  • перемещение между кадрами
  • указание кол-ва FPS

и т.д...

Для начала создайте слой. Делается это простым нажатием на кнопку.

После этого задайте ему параметры как показано на рисунке слева. ОБЯЗАТЕЛЬНО дайте своему слою ИМЯ.!

Теперь давайте впихаем в слой картинку. Это делается как при вставке картинки в страничку (кликнули внутрь слоя, нажали кнопку вставки картинки и указали нужную картинку).

А теперь начинается самая веселуха. Выделяем объект (слой), кликаем правой кнопкой по палитре TimeLine и выбираем пункт AddObject (добавлять можно только картинки и слои)

После этого переходите на нужный кадр и создаете в нем ключевой кадр (см. рисунок). Ключевые кадры - это некие вехи на пути перемещения нашего объекта. Все промежуточные перемещения DreamWeaver сделает сам.

Создайте несколько кадров, задайте для каждого свое положение слоя (простым перемещением его с места на место).

Осталось задать частоту кадров (я задала 20) и включить галочки AutoPlay и Loop.

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

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

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

Существует несколько типов данного поля. А именно:
  1. поле обыкновенное (см. выше)
  2. поле типа password (разница в том, что при вводе вместо букв отображаются звездочки.
  3. многострочное поле - для любителей оставлять целые поэмы о себе :)
Где применяются данные поля:
  1. для ввода фамилий, имен, адресов, явок и т.д.
  2. для ввода паролей, секретных сообщений и т.д.
  3. для написания поэм, пунктов прочее и т.д.

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

CheckBox & Radiobutton - братья близнецы с разными родителями :) Вот как они выглядят: 1.
я - Вася
я - не Вася, а Петя
сам ты Вася 2.
я - Вася
я - не Вася, а Петя
сам ты Вася Где их используют:
  1. при необходимости указать несколько вариантов по одному вопросу (теме)
  2. при необходимости указать только один вариант ответа на заданный вопрос.

Список. Вещь очень полезная. Причем может использоваться (и используется) не столько для получения информации от посетилеля, сколько для навигации по сайту. Выглядит она вот так (2 варианта): 1.
2.
Где применяются:
  1. либо для навигации по сайту, либо для выбора из некоторого ограниченного списка (указание страны, даты рождения)
  2. в основном для навигации. хотя может рассматриваться как альтернатива checkbox-у

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

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

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

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

  1. если хотите получить что-либо красивое - используйте таблицы. пример - на форуме данного сайта. без таблиц формы выглядят как минимум странно.
  2. используйте стили. большая часть элементов форм подвергается стилевому изменению. особенно хорошо это работает в IE (можно задать цветовое и прочее оформление всего что вы видите на элементах формы
  3. очень часто установка формы в таблицу приводит к разбуханию ячейки в которой находится таблица - побороть это можно, если переназначить стилевое оформление тега 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