- •Содержание
- •Глава 1. Виды компьютерной графики, их характеристика 6
- •Глава 2. Графический редактор adobe photoshop 19
- •Глава 3. Подготовка графики для web и мультимедиа 81
- •Глава 4. Основы web-дизайна. Язык html 90
- •Глава 5. Сайтостроение в Macromedia Dreamweaver 103
- •Глава 6. Проектирование web-сайта 122
- •Введение
- •I. Растровая, векторная, фрактальная графика
- •Глава 1. Виды компьютерной графики, их характеристика
- •II. Разрешение растровых изображений
- •1. Разрешение экрана монитора:
- •III. Изменение размеров, разрешения изображения
- •IV. Программы – графические редакторы двумерной графики
- •V. Форматы графических файлов
- •1. Критерии выбора формата файла
- •2. Методы сжатия информации (используемые в разных форматах файлов)
- •3. Виды форматов графических файлов
- •Глава 2. Графический редактор adobe photoshop
- •I. Выделение областей в Photoshop
- •4. Выводы: что можно делать с выделенной областью?
- •II. Инструменты рисования. Выбор цвета
- •III. Многослойные изображения
- •IV. Создание теней, отражений
- •V. Цветокоррекция
- •Цветокоррекция с помощью Пипеток
- •Особенности действия Пипеток :
- •Цветокоррекция Белой и Черной пипетками
- •VI. Ретушь – устранение дефектов фото
- •Типы дефектов: технические дефекты (царапины, пятна, отслоение эмульсии) и художественные (неправильная композиция, освещенность, неудачный фон).
- •1. Инструменты ретуши, коррекции
- •1.1. Инструмент `Штамп`
- •1.2. Инструмент `Восстанавливающая кисть`
- •1.3. Инструмент `Заплатка` (Patch)
- •1.4. Инструментом `Красные глаза` убираем дефект
- •1.5. Инструмент `Замена цвета`
- •1.6. Инструменты Размытие , Палец (Размазывание) , Резкость
- •1.7. Инструменты Осветлитель , Затемнитель , Губка
- •1.8. Инструмент Обрезка (Рамка)
- •2. Увеличение резкости
- •2.1. Инструменты увеличения резкости отдельных элементов (вручную)
- •2.2. Фильтры для увеличения резкости
- •2.2.1. Автоматические фильтры
- •2.2.2. Настраиваемые фильтры
- •3. Профессиональная ретушь фото:
- •Этап I. Создание снимков фото в палитре История
- •Этап II. Фильтр `Пыль и царапины`
- •Этап IV. Удаляем крупные дефекты Штампом
- •Этап V. Завершение ретуши: фильтр `Контурная резкость`
- •Методика использования фильтра `Контурная резкость`
- •VII. Использование каналов
- •2. Использование альфа-каналов
- •3. Создание рамок для фото, используя альфа-каналы
- •4. Получение черно-белых изображений (из цветных)
- •VIII. Векторные инструменты, контуры в Photoshop
- •2. Работа с контурами (Paths): обводка, заливка и пр.
- •3 . Векторные инструменты группы Перо (Pen)
- •С Установка стиля нового слоя вободное перо : создание контуров, выделений
- •Инструменты редактирования контуров
- •Глава 3. Подготовка графики для web и мультимедиа
- •I. Оптимизация – уменьшение объема файла
- •Х Таблица 5 арактеристики растровых форматов файлов
- •II. Создание рисунка на прозрачном фоне (без фона)
- •III. Анимация: разработка анимированных баннеров
- •Глава 4. Основы web-дизайна. Язык html
- •I. Основные понятия. Редакторы html
- •II. Структура html-кода страницы
- •III. Html-теги и атрибуты
- •Обязательные тэги
- •Форматирование абзацев, заголовков
- •Создание гиперссылок
- •Форматирование шрифта
- •Вставка изображения
- •Создание списков
- •Создание таблиц
- •Описание фреймов
- •Комментарии
- •Глава 5. Сайтостроение в Macromedia Dreamweaver
- •I. Интерфейс Dreamweaver. Начало работы
- •Начало работы в Dreamweaver
- •II. Принципы языка html и работа в режиме html-кода
- •III. Работа в режиме дизайна: форматирование текста
- •Форматирование абзацев
- •Создание списков
- •IV. Создание сайта в Dreamweaver
- •1. Настройки окна `Определение сайта`
- •2) В категории Удалённая информация (Remote Info)
- •3) В категории Примечания к дизайну (Design Notes)
- •2. Установка параметров страницы и русской кодировки
- •3. Разметка макета web-страницы
- •4. Настройка цвета страницы
- •5. Вставка рисунков
- •6. Ввод текста web-страницы
- •7. Настройка гиперссылок
- •Создание остальных страниц сайта и настройка ссылок
- •Рисунки в качестве ссылок. Карты изображений
- •Глава 6. Проектирование web-сайта
- •Этапы проектирования сайта
- •Рекомендуемая литература
- •Содержание этапов работы по проектированию сайта
- •241036, Г. Брянск, ул. Бежицкая, 14
Создание списков
Текст можно преобразовывать в нумерованный, маркированный список и список определений. Списки могут также быть вложенными один в другой.
Чтобы создать новый список:
1. Щелкните в строку, куда вы хотите добавить пункты списка.
2. Щелкните на панели свойств (Properties) по кнопке Маркированный список (Unordered List) или Нумерованный список (Ordered List).
3. Начните вводить список, нажимая клавишу Enter, чтобы перейти к следующему пункту. Чтоб закончить список, дважды нажмите Enter.
Чтобы создать список, используя существующий текст:
1. Выделите ряд абзацев, которые хотите превратить в список.
2. Нажмите кнопку Маркированный список или Нумерованный список на панели свойств Properties.
Чтобы создать вложенный список:
1. Выберите пункты списка, которые вы хотите сделать вложенными.
2. Щелкните на кнопке Text Indent (Добавить отступ) на панели свойств.
IV. Создание сайта в Dreamweaver
1. Настройки окна `Определение сайта`
Познакомимся с понятием локальный web-сайт - это версия сайта, которая располагается на компьютере разработчика. Она не видна из сети; доступ к ней имеет только ее автор. Все страницы локального сайта размещаются на диске внутри одной папки – локальной папки сайта
Для создания локального web-сайта используют окно Определение сайта (Site Definition). Оно вызывается в меню Сайт/Новый сайт (Site/New Site)
1) В категории Местная информация задается информация о локальном сайте и его расположении на жестком диске: В поле Имя сайта (Site Name) - имя создаваемого сайта. Локальная корневая папка (Local Root Folder) - имя корневого каталога локального сайта. В этой папке хранится все информационное наполнение проекта: файлы страничек, изображения и пр. Все файлы, исполь- |
Рис.4. Окно `Определение сайта` (Site Definition) |
зуемые на web-страницах, должны находиться в пределах корневой папки (папки сайта), выход за её пределы может повлечь ошибки.
Обновлять список файлов локального сайта автоматически (Refresh Local List Automatically). Если флажок стоит, то программа автоматически учитывает все изменения, которые претерпевают файлы, находящиеся в локальной папке сайта.
Папка образов по умолчанию (Default Images Folder) - имя папки, в которой будут храниться все изображения, вставляемые в сайт. Лучше завести такую папку (с названием Images), чтоб не смешивать файлы web-страничек и файлы рисунков в одной папке.
HTTP адрес: полный адрес удаленной версии web-сайта в Интернете. Это требуется, чтобы программа могла проверить ссылки на страницах сайта, записанные с использованием абсолютных адресов.
Кэш (Cache). Включение флажка ускорит работу программы (включит локальный кэш). Некоторые палитры могут не работать при отключенной локальной кэш-памяти.
2) В категории Удалённая информация (Remote Info)
задают параметры сервера, где хранится удаленная версия сайта, и способа доступа к нему, для передачи файлов сайта. Первоначально окно содержит 1 раскрывающийся список Доступ к серверу (Access) из 5 пунктов:
- None (Нет). Пункт служит для отмены выбора параметров сервера. Его выбирают в случаях, когда сайт не предназначен для опубликования в Интернет.
- FTP. В этом разделе находятся параметры, управляющие доступом к удаленному серверу по протоколу FTP (протокол передачи файлов). Его пункты мы рассмотрим более подробно, когда будем изучать публикацию сайта в сети Интернет.
- Local/Network (Локальная сеть). Данный тип доступа предназначен для сайтов, размещаемых в локальной сети. Он открывает доступ к некоторым сетевым настройкам, основной из которых является сетевой каталог.
- SourceSafe Database (База данных SourceSafe) позволяет настроить доступ к любым базам данных SourceSafe.
- WebDAV (Web Distributed Authoring and Versioning - распределенное создание документов и управление версиями). Это расширение протокола HTTP/1.1, которое предоставляет расширенные возможности по управлению версиями документов и организации распределенной работы.
