Оглавление (стр. 1 )

ОГЛАВЛЕНИЕ

1	Дизайн. Вводная статья	5
	1.1	URL и типы протоколов	6
	1.2	Основы веб-дизайна. Простота и сложность	9
		1.2.1	Типы сайтов	14
	1.3	Этапы разработки web-сайта	15
	1.4	Техническое задание для дизайнера	18
	1.5	Поиск стиля страницы	23
	1.6	О вреде и пользе заставочных страниц	24
	1.7	CMS - модели навигации для веб-сайта. навигация - базовая и вторичная	25
	1.8	Клиенты и серверы Интернета	31
2	Язык HTML	36
	2.1	Как создаются Web-страницы	36
	2.2	Гиперссылки	41
3	Графика
	3.1	Два вида графических изображений	43
	3.2	Работа с графическими изображениями	45
	3.3	Вставка графического изображения	46
	3.4	Выражения-гиперссылки	52
	3.5	Активные изображения	54
	3.6	Карты-изображения	56
	3.7	Фоновые изображения	61
4	Работа с Web-сайтом	62
	4.1	Основные этапы планирования сайта	63
	4.2	Логическая структура Web-сайта	64
	4.3	Физическая структура Web-сайта	67
	4.4	Регистрация сайта в Dreamweaver	70
	4.5	Настройка прокси-сервера или брандмауэра	77
	4.6	Публикация сайта	79
5	Анимация элементов Web-страниц	84
	5.1	Web-сценарии	85
	5.2	События	87
	5.3	Зачем нужна анимация	89
	5.4	Создание анимации в Dreamweaver	91
	5.5	Создание простейшей анимации	92
	5.6	Более сложная анимация	97
	5.7	Недостатки анимации, основанной на Web-сценариях, и их преодоление	102
6	Использование сценариев	104
	6.1	Зачем нужны Web-сценарии	105
	6.2	Язык JavaScript	107
	6.3	Объекты	113
	6.4	Как пишутся Web-сценарии	117
	6.5	Простейший Web-сценарий	119
	6.6	Web-сценарии — подход Dreamweaver. Поведения	121
	6.7	Панель Behaviors	125
	6.8	Создание поведений	129
		6.8.1	Вызов JavaScript-кода (CallJavaScript)	129
		6.8.2	Перенаправление на другую страницу в зависимости от версии Web-обозревателя (Check Browser)	129
		6.8.3	Проверка наличия модуля расширения (Check Plugin)	131
		6.8.4	Управление фильмом Shockwave или Flash (Control Shockwave or Flash)	133
		6.8.5	Переход на заданный кадр анимации (Go To Timeline Frame)	135
		6.8.6	Переход на другую Web-страницу (Go to URL)	135
		6.8.7	Открытие нового окна Web-обозревателя (Open Browser Window)	136
		6.8.8	Проигрывание аудиоклипа (Play Sound)	137
		6.8.9	Запуск проигрывания анимации (Play Timeline)	138
		6.8.10	Вывод предупреждения (Popup Message)	138
		6.8.11	Изменение изображения-элемента полосы навигации (Set Nav Bar Image)	139
		6.8.12	Задание нового содержимого фрейма (Set Text of Frame)	140
		6.8.13	Задание нового содержимого свободно позиционируемого элемента (Set Text of Layer)	141
		6.8.14	Вывод текста в строке статуса окна Web-обозревателя (Set Text of Status Bar)	141
		6.8.15	Вывод на экран меню гиперссылок (Show Pop-Up Menu)	142
		6.8.16	Показ и скрытие свободно позиционируемых элементов (Show-Hide Layers)	149
		6.8.17	Изменение графического изображения (Swap Image)	150
7	Работа с формами в Dreamweaver	152
	7.1	Создание формы	152
	7.2	Элементы управления	154
	7.3	Поле ввода	154
	7.4	Кнопка	157
	7.5	Флажок	158
	7.6	Переключатели	159
	7.7	Группа переключателей	160
	7.8	Список	162
	7.9	Поле ввода имени файла	164
	7.10	Графическая кнопка	165
	7.11	Проверка данных, введенных в форму (Validate Form)	167
	7.12	Простейшая Web-форма	168
	7.13	Использование таблиц и стилей для создания форм	171
	7.14	Основные принципы разработки форм	173
8	Как разместить сайт в Интернет. Хостинг и домен для сайта	175

1. ДИЗАЙН. ВВОДНАЯ СТАТЬЯ.

... веб-дизайн - всего лишь отросток такой области как графический дизайн. Фактически все основы веб-дизайн берет от графического дизайна, и если вы хотите стать профессиональным веб-дизайнером, то без изучения основ и законов графического дизайна вам не обойтись. Эти основы и законы изучают в художественных ВУЗах 5-6 лет.

Web-дизайнер – специалист, отвечающий за структуру и «лицо» сайта. В его обязанности входят создание макета сайта, разработка навигации, создание и оптимизация всех графических элементов – от простых кнопок до интерактивных flash-баннеров.

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

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

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

1.1 URL и типы протоколов

Internet состоит не только из множества взаимосвязанных WWW-страниц. Эта глобальная сеть включает средства обмена электронной почтой e-mail, необозримые архивы файлов и множество дискуссионных групп. Каждая из этих служб использует свой собственный специфический протокол для обмена данными. Работая с той или иной службой, вы должны указывать также используемый вариант протокола.

http-протокол

ftp-протокол

mailto-адрес

telnet-протокол

http-протокол

http-протокол является стандартным в WWW. URL-адрес, доступный с помощью этого протокола, начинается с http://.