RSS-лента

Урок № 14. Готовим графику в Photoshop. Учимся создавать галереи изображений в программе Dreamweaver CS3.

Автор: Андрей Краснокутский

Дата: 2010-01-13

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

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

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

Представьте себе, что Вы вставите на web-страницу обычную фотографию стандартного размера, допустим А4 и объемом 2-3 Мегабайта. Да дизайн Ваше сайта моментально "разъедится" или фотография получит геометрические искажения, да и грузиться такая web-страница будет очень долго. В результате посетитель просто уйдет на другой сайт и составит о Вашем сайте грустное впечатление. Самое страшное, что этот человек больше никогда к Вам не вернётся !!!

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

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

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

Урок представлен в двух вариантах:

1. Текстовый вариант в формате PDF, Вы можете распечатать урок на принтере, и повторять шаг за шагом держа перед глазами печатный вариант урока или изучать этот урок лежа на диване :). Текстовая версия урока снабжена подробными поясняющими скриншотами и картинками. Размер архива: 1,5 Мб. Приобрести урок № 14 в PDF формате.
2. Второй вариант представлен в том же текстовом формате и в Видео формате: PDF + Видео . Видео версия урока, записана с монитора. Текстовый формат Вы можете так же распечатать на принтере. В Видео уроке я Вам буду показывать, и комментировать голосом все необходимые действия. Вам останется только все это повторять. Продолжительность Видео урока: 23:46 мин. Урок доступен в составе Обучающего Видео Курса: "Сайт от А до Я" Урок № 14 в формате Video + PDF.

В конце урока Вас ожидают Контрольные вопросы по пройденной теме урока и Домашнее задание. Выполняя эти задания Вы закрепите полученные в этом уроке знания.

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

Приобрести урок № 14 в формате PDF.
Размер архива: 1,5 Мб.

Урок доступен в составе Обучающего Видео Курса: "Сайт от А до Я":
Урок № 14 в формате Video + PDF.
Продолжительность Видео урока: 23:46 мин.

Другие уроки Обучающего Курса: Сайт от А до Я

Сайт своими руками от А до Я. Обучающий курс. О чем этот курс?

Урок № 01. Ищем тему для создания Вашего сайта и определяем «Востребованность сайта» Бесплатный ознакомительный урок (PDF).

Урок № 02. Программы необходимые для создания сайта и настройка этих программ.

Урок № 03. Создаём первый HTML файл в программе Dreamweaver и в ручном режиме в Notepad++

Урок № 04. Разбираем структуру HTML документа. Работаем в программе Dreamweaver.

Урок № 05. Изучаем таблицы в редакторе Dreamweaver CS 3. Закрепляем навыки в редакторе Notepad++

Урок № 06. Создаём «каркас» сайта в программе Dreamweaver CS 3.

Урок № 07. Делаем header (верхний графический элемент) для сайта в программе Photoshop.

Урок № 08. Заканчиваем изготовление header (Верхнего графического элемента) для сайта в программе Photoshop.

Урок № 09. Делаем footer (нижний графический элемент) для сайта в программе Photoshop.

Урок № 10. Устанавливаем Хеадер и Футер в "Каркас сайта" в программе Dreamweaver.

Урок № 11. Наполняем web-страницу текстом в программе Dreamweaver.

Урок № 12. Форматируем текст на web-странице в программе Dreamweaver CS3.

Урок № 13. Учимся создавать Заголовки и изменять Фоновый цвет web-страницы в программе Dreamweaver CS3.

Урок № 14. Готовим графику в Photoshop. Учимся создавать галереи изображений в программе Dreamweaver CS3.

Урок № 15. Подключаем к Сайту Каскадную Таблицу Стилей CSS в программе Dreamweaver CS3.

Урок № 16. Восстанавливаем созданные ранее стили с помощью CSS в файле style.css

Урок № 17. Дорабатываем дизайн сайта с помощью CSS.

Урок № 18. Создаём Меню для нашего Сайта.

Урок № 19. Проверяем внешний вид сайта в разных Браузерах. Создаём новые разделы Сайта.

Урок № 20. Учимся делать Гиперссылки. Заканчиваем оформление Меню сайта.

Урок № 21. Создаём страницы Третьего уровня. Формируем структуру сайта.

Урок № 22. Завершаем формирование структуры сайта. Формируем страницы Второго уровня.

Урок № 23. Покупаем и Регистрируем Доменное имя для сайта.

Урок № 24. Покупаем Хостинг для сайта.

Урок № 25. «Закачиваем» сайт на Хостинг. Ура!!! Наш сайт заработал в Интернете.

Просмотров: 10306

Поделитесь этой информацией со своими друзьями!

Комментарии к этой статье (уроку):

Добавить Ваш комментарий:

Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Заработает каждый от Школьника до Пенсионера! "Как?" Узнать сейчас >>> Хотите заработать? 2-х Уровневая Партнерская программа! Присоединяйтесь.

Последние заметки

Статистический отчет Форма № 7-травматизм "Сведения о травматизме на производстве и профессиональных заболеваниях"

Какие отчеты необходимо сдать Специалисту по охране труда за год

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Новости сайта

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

Наши Аттестаты

Проверить аттестат

Проверено Z-PAYMENT