Предыдущая страница реферата | 2  3  4  5  6  7  8  9  10  11  12 | Следующая страница реферата

[pic]
Ну эта штучка вообще сильная... Одной командой можно задать оформление всей таблице. Причем как выбрать из стандартных видов оформления, так и указать свои собственные цвета и параметры. Очень удобно при сложном оформлении таблиц большого размера.

[pic]
Команда Sort Table поможет вам сделать сортировку данной колонки (или ряда) по заданной формуле. Очень удобно для различных алфавитных списков и т.д.

[pic]
Эта команда (Set Color Sheme) чем-то похожа на Format Table. С ее помощью вы можете выбрать и применить цветовое оформление (цвет фона, текста, ссылок) к вашей страничке.
Несомненно этот пункт очень пригодится начинающим, так как все схемы составлены двумя западными профессионалами в области веб-дизайна и являют собой очень качественные, подобранные, гармоничные, а главное, корректно отображающиеся в любых браузерах сочетания цветов.

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

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

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

. название текущей TimeLine

. перемещение между кадрами

. указание кол-ва FPS и т.д...

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

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

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

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

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

5.11. Как оформлять в DreamWeaver-е формы.
|[p|Начнем с самой формы. По сути она играет роль некого контейнера, внутри которого |
|ic|находятся основные элементы формы (поля ввода, чекбоксы и прочее...). При создании|
|] |формы обязательно нужно указать метод (method), используемый при отправке |
| |информации, программу которая будет обрабатывать данную форму (action). Кроме |
| |того, если вы пожелаете работать с данной формой при помощи JavaScript вам |
| |необходимо указать имя (name). JavaScript может применяться для проверки |
| |корректности ввода. |
|[p|Первый объект - текстовое поле ввода информации. В HTML оно выглядит примерно так:|
|ic| |
|] |Начало формы |
| |[pic] |
| |[pic] |
| |[pic] |
| |Конец формы |
| |Существует несколько типов данного поля. А именно: |
| |поле обыкновенное (см. выше) |
| |поле типа password (разница в том, что при вводе вместо букв отображаются |
| |звездочки. |
| |многострочное поле - для любителей оставлять целые поэмы о себе :) |
| |Где применяются данные поля: |
| |для ввода фамилий, имен, адресов, явок и т.д. |
| |для ввода паролей, секретных сообщений и т.д. |
| |для написания поэм, пунктов прочее и т.д. |
|[p|Кнопочка. Без нее в формах никуда. Что толку все писать если не будет чего-то, на |
|ic|что можно ткнуть и отправить ваши мысли программе-обработчику :) |
|] |Кнопки бывают разные - полезные и безобразные: |
| |Начало формы |
| |1. [pic]2. [pic] |
| |Конец формы |
| |Полезная кнопка. Без нее вы не сможете отправить вашу форму по-назначению |
| |Бесполезная кнопка (зачем очищать всю форму, если можно просто поправить то что вы|
| |ввели...) |
|[p|CheckBox & Radiobutton - братья близнецы с разными родителями :) |
|ic|Вот как они выглядят: |
|][|Начало формы |
|pi|1. [pic]я - Вася [pic]я - не Вася, а Петя [pic]сам ты Вася |
|c]|2. [pic]я - Вася [pic]я - не Вася, а Петя [pic]сам ты Вася |
| |Конец формы |
| |Где их используют: |
| |при необходимости указать несколько вариантов по одному вопросу (теме) |
| |при необходимости указать только один вариант ответа на заданный вопрос. |
|[p|Список. Вещь очень полезная. Причем может использоваться (и используется) не |
|ic|столько для получения информации от посетилеля, сколько для навигации по сайту. |
|] |Выглядит она вот так (2 варианта): |
| |Начало формы |
| |1. [pic] 2. [pic] |
| |Конец формы |
| |Где применяются: |
| |либо для навигации по сайту, либо для выбора из некоторого ограниченного списка |
| |(указание страны, даты рождения) |
| |в основном для навигации. хотя может рассматриваться как альтернатива checkbox-у |
|[p|Объект, при помощи которого можно указывать файл для заливки на сайт. Применяться |
|ic|на различного рода галереях, баннерных сетях и т.д. Выглядит вот так: |
|] |Начало формы |
| |Конец формы |
|[p|Еще один вариант submit-кнопки. Для эстетов. Просто вместо кнопки подставляется |
|ic|графическое изображение. Выглядит красиво, но в нетскейпе при наведении мышки |
|] |курсор свою форму не меняет :( Пример подобной кнопки, сделанный автором можно |
| |увидеть здесь (автора ногами не пинать - что заказчик хотел, то и получил...) |
|[p|Последнее поле - hidden. Его никто не видит, о нем никто не знает (кроме вас). |
|ic|Применяться может по-всякому. В основном используется для хранения некой |
|] |промежуточной информации... |

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

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.

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





Предыдущая страница реферата | 2  3  4  5  6  7  8  9  10  11  12 | Следующая страница реферата