Немцова Т.И., Назарова Ю.В. Компьютерная графика и web-дизайн
Подождите немного. Документ загружается.
.,
,,
i'.
4. 4.
Публикация
сайта
в
Интерне
те
281
сайту
стать
более
заметным
для
поисковых
систем.
Для
этого
не
об_ходимо
следовать
следующим
рекомендациям:
1.
Длина
содержимого
тегов
МЕТА
<<desctiptions>>
не
должна
.
превышать
200
символов
,
а
<<keywords
>>
-
1000
символов
.
Это
связано
с
тем,
что
поисковые
серверы,
как
правило,
используют
именно
такие
величины
при
индексировании
информации
о
ва
шем
сайте.
Можно
получить
отрицательный
результат,
если
по
исковые
машины
отбросят
часть
описания,
превышающего
уста
новленные
нормы,
в
результате
этого
в
каталог
попадет
не
вся
желаемая
информация
либо
сервер
просто
отвергнет
регистра
цию
вашего
сайта.
2.
Нужно
включить
все
наиболее
часто
используемые
в
ва
шем
сайте
термины
и
их
синонимы
в
тег
«desctiptions>>.
Можете
включить
и
термины,
не
имеющие
отношения
к
вашим
страни
цам,
однако
в
Интернете
такое
поведение
считается
некоррект
ным.
В
список
ключевых
слов
можно
вставлять
и
фразы.
В
этом
случае
у
вашего
сайта
повышается
шанс
попасть
в
самое
начало
списка,
выданного
поисковым
сервером
(в
случае
совпадения
фразы
с
той,
что
вводит
пользователь).
3.
Для
увеличения
рейтинга
сайта
и
попадания
его в
верх
нюю
часть
поискового
списка
необходимо
каждый
термин,
включаемый
в
описание,
повторять
около
3
раз.
Поисковые
ма
шины,
как
правило,
работают
с
тегами
МЕТА,
а
в
случае
их
от
сутствия
-
уже
с
содержимым
страницы.
Иногда
это
приводит
к
появлению
сайта
в
списке
top
10,
но
может
привести
и
к
отрица
тельному
результату
(перед
регистрацией
проверьте
поисковую
машину,
дав
запрос
и
просмотрев
ключевые
слова
у
сайтов,
стоящих
на
верхних
позициях).
4.
Используйте
в
описаниях
и
списке
терминов
как
можно
больше
синонимов.
5.
Не
используйте
в
описаниях
и
в
списке
терминов
понятия
и
слова,
слабо
связанные
друг
с
другом
.
Состав
МЕТА-тегов.
•
Ключевые
слова
:
<МЕТА
Name="keywords"
Content="BaiiiИ_I<.Juoчeв:we
слова">
•
Краткое
описание:
<МЕТА
Name="description"
Соntеnt="Оnисание_Ва.шей_Соrраницw">
282
Глава
4.
WеЬ-дизайн
•
Загрузка
последней
версии
wеЬ-страницы
::
<МЕТА
HTTP-EQUIV="Expires"
Content="Mon,
28 Mar
199,
00:00:01
GМТ">
•
Определение
браузером
языка
,
на
котором
написана
стра
ница:
<МЕТА
HTTP-'EQUIV="Content-Type"
Content="text/html;
Charset=Windows-1251">
•
Для
указания
имени
автора
сайта
и
дополнительной
ин
формации
о
нем
укажите:
<МЕТА
Name="autor"
Content="Baпrи
Ф.И.О.
,
E-Мail
.
..
">
•
Для
указания
авторских
прав
также
используется
МЕТА-тег:
<МЕТА
Name="copyright"
Соntеnt="Ваша_фирма
...
">
Рекомендуется
при наличии большого
количества
страниц
создавать
теги
с
ключевыми
словами
,
описывающими
содержа
ние
данной
конкретной
страницы
.
Контрольные
вопросы
1.
Что
такое
wеЬ-дизанн?
2.
Что
такое
сант?
3.
Что
такое
wеЬ-страница?
4.
Какие
объекты
могут
быть
на
wеЬ-странице?
5.
Каком
тип
файла
имеет
wеЬ-страница?
6.
Что
такое
гиперссылка?
7.
Назовите
ограничения
на
имена
фанлов
для
сайта
.
8.
Назовите
виды
сайтов
и их
особенности.
9.
Чем
отличается
персональный
сант от
сайта
компании (фирмы)?
1
О.
Что
такое
информационным
сайт?
Какие
он
имеет
разделы?
11.
Каков
порядок
создания
сайта?
12.
Что
такое
навигация
санта?
Где
она
размещается?
13.
Какие
типы
графических
файлов
исnользуются
на
wеЬ-страницах?
14.
Что
такое
ролловеры?
15.
Что
такое
баннер?
Какие
типы
баннеров
существуют?
16.
Что
означает
понятие
«хостинг»?
4.4.
Публикация
сайта
в
Интернете
283
Контроnьные
задания
Контрольное
задание
Варманты
заданмн
см.
на
компакт-дмске
Гnава
4\
WеЬ-ди
эайн_контроn~оная.
В
каждом
варманте
предлагается
создать
сант,
мспользуя
предложенные
матермалы.
При
созданми
санта
учмтыванте
следующме
пожелания:
1)
мсnользуйте
тегм
заголовков
(Н1
..
Н6)
м
nараграфов
(Р);
2)
маленькие
рмсункн
должны
быть
ссылками
на
большме
ри
сунки;
3)
все
ммена
фанлов
должны
писаться
латннскнмн
буквамн
н/или
цифрами;
4)
текст
и
ссылки
оформите
с
nомощью
CSS
(таблиц
стмлей).
Список
nитературы
1.
Кирсанов
Д.
Веб-дизайн:
книга
Дмитрия
Кирсанова.
СПб.:
Символ-Плюс,
1999
.
2.
Пауэлл
Томас
А.
WеЬ-дизайн:
пер.
с
англ.
СПб.:
БХВ-Петер
бург,
2002.
3.
Яцюк
О.
Основы
графического
дизайна
на
базе
компьютерных
технологий.
СПб.:
БХВ-Петербург,
2004.
Огnавnенне
Преднсловне
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
Глава
1.
РАСТРОВАЯ
ГРАФИКА.
ADOBE PHOTOSHOP
........
5
1.1.
ЗАНЯТИЕ
1.
Понятие
компьютерной
графики
..
....
.
..
6
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Виды
компьютерной
графики.
Модели
цвета
.
Типы
растровых
изображений
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Основные
приемы
работы
в
Photoshop.
Выделение
областей
изображения
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
13
1.2.
ЗАНЯТИЕ
2.
Цвет
в
дизайне
....
.
....
.
....
..
...
.
33
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Цвет
в
дизайне.
Фоновые
цвета.
Цвета
спектра.
Цветовой
круг
. . . . . . .
33
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Многослойное
изображение,
эффекты
слоя,
формирование
художественных
эффектов
текста
. . . . . . . . . . . . . . . . .
39
1.3.
ЗАНЯТИЕ
3.
Обработка
фотографий
...
.
.........
.
61
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ
.
Световой
дизайн.
Смешение
цветов
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Многослойное
изображение,
эффекты
слоя,
формирование
художественных
эффектов
текста
. . . . . . . . . . . . . . . . .
68
1.4.
ЗАНЯТИЕ
4.
Композиция
и
информативность
. . . . . . . .
85
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Принцилы
построения
композиции
.
Информативность
дизайнерской
работы
.....
. . .
..
...
.............
. . .
....
..
..
85
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Элементы
векторной
графики
.
Художественные
фильтры
...
.
...........
93
286
Оглавление
Г
nава
1.
ВЕКТОРНАЯ
ГРАФИКА.
CORELDRA W
108
2.1.
ЗАНЯТИЕ
1.
Векторная
графика
...
.
...
.
..
.....
. .
108
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Общие
сведения
о
векторной
графике.
Основные
параметры
векторного
контура
. . . . . . . . . . . . . . . . . . . . . . . . . .
109
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Создание,
редактирование
и
трансформирование
примитивов
.
Создание
технической
иллюстрации
113
2.2.
ЗАНЯТИЕ
2.
Шрифт
н
текст
. . . . . . . . . . . . . . . . . . .
124
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Элементы
шрифтов.
Виды
шрифтов.
Подбор
шрифтов
........
.
......
.
124
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Работа
с
контурами.
Испо
л
ьзование
заливок.
Создание
рекламной
листовки
........................
. .
...
.....
130
2.3.
ЗАНЯТИЕ
3.
Параметры
наборов
текста
. . . . . . . . . . .
136
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Кегль.
Прописные
и
строчные
.
Интервалы.
Выравнивание
и
отступы.
Размещение
.
Цвет
. . . . . . . . . . . . . . . . . . . . . . . . . . .
136
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Работа
с
текстовыми
объектами.
Применение
эффектов.
Создание
буклета
..
...
. .
....
..
.
.... ....
..
. . . .
143
Гnава
3.
АНИМАЦИЯ.
MACROMEDIA
FLASH
.....
.
......
147
3.1.
ЗАНЯТИЕ
1.
Знакомство
с
аннмацней
.
....
...
..
.
..
148
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Знакомство
с
анимацией
.
Анимационный
документ
(фильм).
Покадровая
анимация
. .
....
.
....
.
..........
. .
148
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Рисование,
работа
с
цветом
и
текстом
.
Покадровая
анимация
. . . . . . . . .
154
3.2.
ЗАНЯТИЕ
2.
Автоматическая
аннмацня
..
.
..
. . . . . . .
175
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ
.
Виды
автоматической
анимации
.
Анимация
формы.
Анимация
движения
.
Символ
·
ы
и
библиотеки
.
Интерактивный
фильм
. . . . . . . . . . . . . . . . . . . . . . . .
175
ПРАКТИЧЕСКАЯ
ЧАСТЬ
.
Использов
а
ние
экземпляров
символов.
Анимация
формы
и
движения.
Управление
фильмом
. . . . . . . . . . . . . . .
185
Оглавление
287
3.3.
ЗАНЯТИЕ
3.
Баннерная
реклама
. . . . . . . . . . . . . . . . .
194
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Баннеры.
Баннерная
реклама
. . . . . . . . . . . . . . . . . . . . . . . . . .
194
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Использование
растровых
изображений,
звука
и
видеофрагментов.
Создание
баниера
. . . . . . . . . . . . . . . . . . . . . . . . . . . 200
Гnава
4.
WЕВ-ДИЗАЙН
. . . . . . . . . . . . . . . . . . . . . . . . . . 212
4.1.
ЗАНЯТИЕ
1.
Введение
в
wеЬ-дизайн
....
.
.........
212
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ
.
Основы
wеЬ-технологий.
Специализация
в
wеЬ-дизайне.
Планирование
сайта
. . . . . . . . . . . . . . . . . . . . . . . . . .
213
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Табличная
разметка
wеЬ-страниц.
HTML
....
.
.........
.
...
221
4.2.
ЗАНЯТИЕ
2.
Организация
сайта
. . . . . . . . . . . . . . . . .
235
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Основные
этапы
разработки
сайта
.
Типовые
виды
сайтов.
Файловая
структура сайта
. . . . . . . . . . . . . . . . . . . . . 235
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Стилевое
оформление
wеЬ-страниц.
CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242
4.3.
ЗАНЯТИЕ
3.
Графика
на
wеЬ-страницах
. . . . . . . . . . . 249
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Принципы
создания
главной
страницы.
Тестирование
wеЬ-страниц.
Оптимизация
wеЬ-страниц
. . . . . . . . . . . . . . . . . . . . . 249
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Оптимизация
графических
файлов.
Создание
GIF-анимации
в
Adobe
ImageReady . .
.......
.....
..
..
......
. . 259
4.4.
ЗАНЯТИЕ
4.
Публикация
сайта
в
Интернете
.....
..
. 267
ТЕОРЕТИЧЕСКАЯ
ЧАСТЬ.
Проблемы
хостинга.
Продвижение
сайта.
Подбор
ключевых
слов
. . . . . . . . 267
ПРАКТИЧЕСКАЯ
ЧАСТЬ.
Вставка
файлов
разных
видов.
Использование
МЕТА-тегов
.
Размещение
сайта
на
бесплатном
хосте
. . . . . . . . . . . 276
Список
nнтературь1
. . . . . . . . . . . . . . . . . . . . . . . . . . . • .
28.4
Пракrикум
no
информатике
nоможет
вам
•
познакомиться
с
основными
понятиями
компьютерной
графики;
•
создавать
растровые
изображения
и
корректировать
фотографии
в
программе
Adobe Photoshop CS 2;
•
подготавпивать
разпичные
виды
рекламных
и
иллюстративных
материалов,
используя
возможности
редактора
векторной
графики
CoreiDRAW 1 3;
•
разрабатывать
анимацию
средсТвами
программы
Macromedia Flash 8;
•
создавать
WеЬ-сайты,
используя
редактор
Macromedia
Dreamweaver 8,
учитывая
правила
и
рекомендации,
наработанные
в
области
WеЬ-дизайна.