· Откройте Total Commander.
· Задайте параметры соединения с FTP-сервером с помощью команды меню Net | FTP Connect | New Connection. Эти параметры задаются один раз и используются при последующих соединениях при выборе имени, заданного в поле Session.
· В поле Host name введите адрес FTP-сервера ftp.narod.ru.
· В поле User name введите имя своего сайта (без narod.ru).
· В поле Password введите свой пароль.
· Поставьте галочку напротив опции Use passive mode for transfers (Использовать пассивный режим для передачи).
· Кнопка OK — в окне Connect to ftp server (Соединения с FTP-сервером) появится имя нового соединения (в нашем примере nmsold), которое мы сможем использовать в дальнейшем.
Размещение веб-галереи на сайте
· В окне Total Commander на левой панели откройте папку с файлами веб-галереи.
· Перейдите на правую панель.
· Выполните команду меню Net | FTP Connect для установки соединения.
· В появившемся окне выберите имя соединения (у нас nmsold) и нажмите кнопку Connect — в окне Total Commander появится панель соединения с FTP-сервером, а на правой панели отобразится текущее содержимое нашего сайта (первоначально пустое). В заголовке правой панели появится адрес FTP-сервера: ftp://ftp.narod.ru.
· Если на правой панели (т.е. на сайте) уже есть какие-либо файлы, выделите их и удалите кнопкой Delete.
Выделить файлы в Total Commander (или снять выделение) можно при помощи правой кнопки мыши.
· Скопируйте все папки и файлы с левой панели на правую — файлы будут скопированы с компьютера на сервер.
Файлы и папки можно скопировать, просто перетащив их левой кнопкой мыши с панели на панель.
· Нажмите кнопку Disconnect — соединение с сервером будет разорвано.
· Созданную фотогалерею можно посмотреть в Интернете по адресу http://<имя сайта>.narod.ru (в нашем примере http://nmsold.narod.ru).
Замечание. Если между выполнением отдельных операций произошел разрыв соединения с сервером, восстановите его, подтвердив сообщения в соответствующих диалоговых окнах.
Часть IV. Подготовка фотографий
для публикации в Интернете
Специфика Интернета предъявляет особые требования к цифровым изображениям так как время загрузки веб-страницы в окне браузера должно составлять секунды или десятки секунд. Поэтому файлы фотографий должны иметь очень небольшой размер (50–100 Кб).
Для размещения графических файлов в Интернете используются специальные форматы, например, JPEG и PNG. Эти форматы посредством различных алгоритмов позволяют во много раз сокращать исходный размер файла. При этом происходит определенная потеря качества изображения, однако эта потеря практически неразличима на экране монитора.
Обработка фотографий в программе Adobe Photoshop CS
для публикации в Интернете
1. Сохраните изображения, выбранные для редактирования, в формате PSD — внутреннем формате Adobe Photoshop (и сохраняйте их в этом формате до окончания работы с изображениями).
· Команда меню File | Save As.
2. Обрежьте фотографию, отсекая на ней все ненужное, с помощью инструмента Crop Tool (Кадрирование). При этом уменьшится и размер файла.
3. Уменьшите размеры фотографии:
· Команда меню Image | Image Size — появится диалоговое окно Image Size.
· Убедитесь, что флажки Scale Styles (Масштабные стили), Constrain Proportions (Сохранять пропорции), Resample Image (Тип масштабирования) установлены (а тип масштабирования выбран Bicubic).
· В поле ввода Width (Ширина) введите новое значение ширины изображения в пикселях. При этом автоматически изменится значение высоты изображения (Height), и размер документа в группе Document Size.
· Кнопка OK.
В приведенном примере мы уменьшили размер изображения с 11.1 Мб до 87.9 Кб.
Операция уменьшения размера влияет на качество снимка — уменьшается резкость изображения. Чтобы ее повысить, выполним следующие действия:
· Команда меню Filter | Sharpen | Unsharp Mask (Фильтр | Резкость | Нечеткая маска).
· Восстановите резкость изображения, перемещая регуляторы Amount (Количество) и Radius (Радиус).
· Кнопка OK.
· Команда меню File | Save.
Сохранение фотографий для Интернета
1 способ
· Команда меню File | Save for Web.
· Установите необходимые параметры в диалоговом окне Save for Web в соответствии с описанием основных элементов окна, приведенным ниже.
· Кнопка Save — появится окно Save Optimized As.
· Выберите папку для сохранения оптимизированного файла.
· Кнопка Save.
· Закройте основной документ, выбрав команду меню File | Close.
Основные элементы окна Save for Web.
1. В окне просмотра отображаются оптимизированные изображения в соответствии с выбранным режимом просмотра: Original (Исходное), Optimized (Оптимизированное), 2-Up (2 варианта: исходное и оптимизированное), 4-Up (4 варианта: исходное и 3 оптимизированных).
2. Группа Preset содержит элементы управления оптимизацией:
· список Optimized File Format — позволяет выбрать формат оптимизированного файла (GIF, JPEG, PNG-8, PNG-24, WBMP).
Фотографические изображения следует сохранять в формате JPEG.
· список Compression Quality — позволяет выбрать уровень сжатия файла;
· опции Optimized позволяет получить оптимальное количество цветов и уменьшить размер формируемого файла;
· опция Progressive — влияет на появление изображения в окне браузера. Установка этого флажка не влияет на размер файла и скорость его загрузки.
3. Цветовая таблица Color Table используется при оптимизации изображений в форматах GIF и PNG-8.
4. На вкладке Image Size можно изменять размеры изображения.
5. В списке Zoom Level (Уровень масштабирования)
можно выбрать масштаб изображения в окне просмотра.6. Элемент Select Browser Menu
позволяет выбрать браузер для просмотра оптимизированного изображения.7. Панель инструментов содержит небольшой набор инструментов: для перемещения изображения а окне просмотра, для изменения масштаба отображения в окне просмотра и др.
2 способ
· Команда меню File | Save As.
· Выберите формат файла JPEG.
· Кнопка Save — появится диалоговое окно JPEG Options
· Установите в полях данного окна необходимые значения параметров.
- Основным параметром является Quality (Качество изображения). Если выбрано максимальное значение этого параметра, то качество картинки будет выше, а размер больше, что нужно учитывать при размещении в Интернете.
- Флажок Preview позволяет увидеть изменения на фотографии в соответствии с устанавливаемыми параметрами.
- В поле Size отображается ориентировочный размер получаемого файла и предполагаемое время загрузки из Интернета с учетом заданной скорости соединения.
· Кнопка OK.
Коцюбинский А.О., Грошев С.В. Windows XP.: Новейшие версии программ. — М.: Изд-во Триумф, 2001.
Холмогоров В. Windows XP. — М.: ОЛМА-ПРЕСС Экслибрис, 2006.
Петров М.Н., Молочков В.П. Компьютерная графика: Учебник для вузов. 2-е изд. — СПб.: Питер, 2004.
Adobe Photoshop CS2 с нуля!: Учебное пособие / Под ред. Макса Владина. — М.: Лучшие книги, 2006.
Цифровая фотография с нуля!: Учебное пособие / Под ред. Дж.Томсона — М.: Лучшие книги, 2006.
Часть I. Работа с изображениями в папке My pictures 3
Часть II. Файловый браузер графического редактора Photoshop CS_ 5
Основные возможности File Browser 7
Просмотр изображений в Adobe PhotoShop CS_ 7
Создание описаний изображений и ключевых слов 7
Дополнительные возможности File Browser 11
Пакетная обработка изображений_ 12
Переименование изображений_ 14
Создание из выбранных фотографий презентации в формате PDF_ 14
Часть III. Создание собственного фотоальбома в Интернете 18
Создание фотоальбома на сервере www.narod.ru_ 18
Создание фотоальбома на одной странице 19
Создание фотоальбома на нескольких страницах_ 20
Создание главной страницы сайта_ 21
Публикация имеющейся Веб-галереи в Интернете 23
Размещение веб-галереи на сайте 24
Часть IV. Подготовка фотографий для публикации в Интернете 25
Обработка фотографий в программе Adobe Photoshop CS для публикации в Интернете 25