- Подготовка графики для сайта

Презентация "Подготовка графики для сайта" (8 класс) по информатике – проект, доклад

Слайд 1
Слайд 2
Слайд 3
Слайд 4
Слайд 5
Слайд 6
Слайд 7
Слайд 8
Слайд 9
Слайд 10
Слайд 11

Презентацию на тему "Подготовка графики для сайта" (8 класс) можно скачать абсолютно бесплатно на нашем сайте. Предмет проекта: Информатика. Красочные слайды и иллюстрации помогут вам заинтересовать своих одноклассников или аудиторию. Для просмотра содержимого воспользуйтесь плеером, или если вы хотите скачать доклад - нажмите на соответствующий текст под плеером. Презентация содержит 11 слайд(ов).

Слайды презентации

Кушей И.З. г. Ноябрьск, 2012г. Подготовка графики для сайта
Слайд 1

Кушей И.З. г. Ноябрьск, 2012г.

Подготовка графики для сайта

Компьютерные изображения в Web-пространстве — это файлы определенных форматов, которые распознаются браузерами и графическими приложениями. В web-дизайне используются три основных типа графических файлов: GIF JPEG (JPG) PNG
Слайд 2

Компьютерные изображения в Web-пространстве — это файлы определенных форматов, которые распознаются браузерами и графическими приложениями. В web-дизайне используются три основных типа графических файлов: GIF JPEG (JPG) PNG

Формат GIF был создан на заре Интернета для обмена изображениями. Он может хранить сжатые без потери данных изображения с небольшим количеством цветов (256). Файлы этого формата имеют расширение gif. Формат GIF идеально подходит для рисованных иллюстраций, текстов, эмблем, чертежей и графиков. Он по
Слайд 3

Формат GIF был создан на заре Интернета для обмена изображениями. Он может хранить сжатые без потери данных изображения с небольшим количеством цветов (256). Файлы этого формата имеют расширение gif. Формат GIF идеально подходит для рисованных иллюстраций, текстов, эмблем, чертежей и графиков. Он позволяет создавать необычные эффекты: прозрачность фона и анимацию изображения.

GIF

Формат растровых графических файлов PNG аналогичный формату GIF. Использует метод сжатия без потери данных. Достоинство: используется палитра до 16 миллионов цветов; реализована возможность выбора требуемой степени сжатия «высокая степень сжатия и плохое качество – низкая степень сжатия – высокое ка
Слайд 4

Формат растровых графических файлов PNG аналогичный формату GIF. Использует метод сжатия без потери данных. Достоинство: используется палитра до 16 миллионов цветов; реализована возможность выбора требуемой степени сжатия «высокая степень сжатия и плохое качество – низкая степень сжатия – высокое качество»

PNG

Формат JPEG использует метод сжатия с потерями, при работе с ним всегда существует возможность выбора между меньшим размером файла и качеством изображения. Он обычно используется для передачи фотографий, поскольку умеет неплохо справляться с изображениями, содержащими несколько миллионов цветов. Дан
Слайд 5

Формат JPEG использует метод сжатия с потерями, при работе с ним всегда существует возможность выбора между меньшим размером файла и качеством изображения. Он обычно используется для передачи фотографий, поскольку умеет неплохо справляться с изображениями, содержащими несколько миллионов цветов. Данный формат позволяет уменьшить объем файла в десятки раз, однако приводит к необратимой потере части информации.

JPЕG

Рекомендации по подготовке графических изображений к размещению на WEB-странице. Фотографии и изображения со сложными градиентными переходами сохраняют в формате JPEG. Картинки с небольшим количеством цветов, скриншоты, схемы, графики, картинки с текстом и т. п. сохраняют в формате GIF. Анимированны
Слайд 6

Рекомендации по подготовке графических изображений к размещению на WEB-странице

Фотографии и изображения со сложными градиентными переходами сохраняют в формате JPEG. Картинки с небольшим количеством цветов, скриншоты, схемы, графики, картинки с текстом и т. п. сохраняют в формате GIF. Анимированные картинки и картинки с прозрачными областями можно получить только с использованием формата GIF или PNG.

Практически каждое изображение, предназначенное для публикации на сайте, должно быть предварительно подготовлено. Для этого идеально подходит программа Adobe Photoshop. Этапы подготовки графики в Adobe Photoshop. 1. Обрезка ненужных областей изображения 2. Коррекция изображения (регулировка яркости,
Слайд 7

Практически каждое изображение, предназначенное для публикации на сайте, должно быть предварительно подготовлено. Для этого идеально подходит программа Adobe Photoshop.

Этапы подготовки графики в Adobe Photoshop

1. Обрезка ненужных областей изображения 2. Коррекция изображения (регулировка яркости, контрастности, цветового баланса) 3. Уменьшение размера изображения 4. Оптимизация изобажения

«Изображение» - «Коррекция» - «Яркость/Контрастность». «Изображение»- «Коррекция» - «Цветовой баланс». 2. Для коррекции изображения используются команды: «Изображение» - «Коррекция» - «Цветовой тон/Насыщенность». В открывшемся окошке двигаем ползунки, добиваясь нужного результата (должна стоять «гал
Слайд 8

«Изображение» - «Коррекция» - «Яркость/Контрастность».

«Изображение»- «Коррекция» - «Цветовой баланс».

2. Для коррекции изображения используются команды:

«Изображение» - «Коррекция» - «Цветовой тон/Насыщенность».

В открывшемся окошке двигаем ползунки, добиваясь нужного результата (должна стоять «галочка» в опции «Просмотр»).

1. Для обрезки изображения в Adobe Photoshop CS3 используется инструмент «Рамка».

4. Для оптимизации изображения служит команда меню Файл – Сохранить для Web…. 3. Для уменьшения изображений используется команда «Изображение» – «Размер изображения»
Слайд 9

4. Для оптимизации изображения служит команда меню Файл – Сохранить для Web…

3. Для уменьшения изображений используется команда «Изображение» – «Размер изображения»

В примере выбран режим «4 варианта». В результате вы можете одновременно видеть четыре варианта одного изображения, окно «1» - это исходное изображение, а остальные окна показывают, как будет выглядеть фотография после сохранения в различных форматах. Так в поле «2» фотография сохранная в формате .g
Слайд 10

В примере выбран режим «4 варианта». В результате вы можете одновременно видеть четыре варианта одного изображения, окно «1» - это исходное изображение, а остальные окна показывают, как будет выглядеть фотография после сохранения в различных форматах. Так в поле «2» фотография сохранная в формате .gif, а в окне «4» фотография сохранная в формате .jpg. Каждый формат имеет параметры, которые вы можете изменять в правой части окна, на рисунке активно второе окно и соответственно в правой части мы видим параметры для формата .gif.

Для формата .gif главные параметры: количество цветов (чем их меньше, тем меньше финальный файл); прозрачность. Если галочка установлена, то прозрачные пиксели в Adobe Photoshop останутся прозрачными и в gif-файле.

Для формата .jpg главный параметр: качество изображения (параметр изменяется от нуля до ста) Важно, что изменяя любой параметр, вы можете видеть, какая картинка у вас получится на выходе и какой размер она будет иметь. Сравнивая полученные значения, можно быстро подобрать необходимые значения.

Если рисунок содержит одновременно примитивы и фотореалистичные изображения, то его можно разрезать на несколько частей и сохранить их в разных форматах. Это позволит сократить общий размера графических файлов. Вы сможете управлять каждым фрагментом независимо, один сделать кнопкой, второй сделать ф
Слайд 11

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

Разрезание изображения

Список похожих презентаций

Создание профессионального сайта для «чайников»

Создание профессионального сайта для «чайников»

Вступление. Изложение концепции: преимущества и ограничения предлагаемой методики Что Вы будете уметь к окончанию курса и где могут быть «подводные ...
Что же нужно сделать для создания работающего сайта

Что же нужно сделать для создания работающего сайта

Требования. Что такое требования? Это описание того, что должна делать система, и ее свойств. . Макет (wireframe) обычного сайта:. Требования должны ...
Программное обеспечение для создания и редактирования мультимедийных презентаций

Программное обеспечение для создания и редактирования мультимедийных презентаций

Окно программы Impress. Окно мастера презентаций. Режим мастера слайдов. Применение мастера слайдов. Окно Символы. Окно абзац. Выбор макета слайда. ...
Принтер для печати пластиковых карт. Обзор модельного ряда

Принтер для печати пластиковых карт. Обзор модельного ряда

Принтеры для печати пластиковых карт. Содержание. Основные положения Обзор экономичных полноцветный принтеров – Р110i и Р120i Обзор высокопроизводительных ...
Программа для создания презентаций - PowerPoint

Программа для создания презентаций - PowerPoint

. Программа для создания презентаций – PowerPoint. Основные понятия. Компьютерная презентация Слайд PowerPoint. Презентация (от англ. Presentation ...
Устройства и ПО для воспроизведения видео- и звуковых файлов

Устройства и ПО для воспроизведения видео- и звуковых файлов

. Видеокарта. . Разъемы звуковой карты. Устройства ввода/вывода звука. Программа-плеер предоставляет возможности:. Загрузить файл Воспроизвести Остановить ...
Excel для учащихся

Excel для учащихся

Основополагающий вопрос:. Какие задачи можно решать в Excel? Проблемные вопросы: Как решать в Excel задачи на арифметическую прогрессию? Можно ли ...
Создание блога и сайта

Создание блога и сайта

Создание блога. Первым шагом будет зайти или создать аккаунт в. Затем нажимаем на кнопку и выбираем оранжевый значок Blogger. Перед нами откроется ...
SMaПрограмма для математических изображений SMath Studio

SMaПрограмма для математических изображений SMath Studio

SMath Studio - бесплатная программа для вычисления математических выражений и построения графиков функций. На текущий момент SMath Studio имеет версии ...
Анализ образовательного сайта

Анализ образовательного сайта

Адрес в Интернете: www.scenarist.boom.ru/. Сценарии школьных праздников. В этом сайте есть несколько разделов: Интеллектуальные игры Детский сад Школьные ...
Безопасность в сети интернет для 5-6 классов

Безопасность в сети интернет для 5-6 классов

Что такое Интернет? Какие бывают опасные угрозы в сети Интернет? Физкультминутка Практическая работа Обобщение полученной информации Составление сводной ...
Алгоритмы и программы для исполнителя Кукарача

Алгоритмы и программы для исполнителя Кукарача

Программирование — удивительный род человеческой деятельности, который сродни волшебству. Несколько заклинаний на языке посвящённых, и «твёрдый» металл ...
Анализ интернет-ресурсов для подготовки школьников к экзаменам

Анализ интернет-ресурсов для подготовки школьников к экзаменам

На вопрос «Вы используете (будете использовать) Интернет для подготовки к экзамену?» из 43 обучающихся 9-х классов 41 человек ответили положительно. ...
Адресация в Интернет. Подготовка к ЕГЭ

Адресация в Интернет. Подготовка к ЕГЭ

Компьютерные сети. Адресация в Интернете. каждый компьютер, подключенный к сети Интернет, должен иметь собственный адрес, который называют IP-адресом ...
Автоматизированные системы управления технологическими процессами для нефтяной отрасли

Автоматизированные системы управления технологическими процессами для нефтяной отрасли

Автоматизированная система управления технологическими процессами — совокупность аппаратно-программных средств, осуществляющих контроль и управление ...
Windows XP Информация для продавцов

Windows XP Информация для продавцов

План. Почему на современном компьютере должна быть установлена Microsoft Windows XP Почему на современном компьютере должна быть установлена Microsoft ...
Программы для работы с электронной почтой: почтовые клиенты

Программы для работы с электронной почтой: почтовые клиенты

Почтовая программа. Почто́вая програ́мма (клиент электронной почты, почтовый клиент, мейл-клиент, мейлер) — программное обеспечение, устанавливаемое ...
Создание сайта в системе ucoz

Создание сайта в системе ucoz

Общая схема создания wiki-страниц. Регистрация на портале. Для того, чтобы работать с контентом на сайте «Делового квартала » необходимо зарегистрироваться. ...
Рекомендации по созданию мультимедийных презентаций для учебного процесса 2

Рекомендации по созданию мультимедийных презентаций для учебного процесса 2

Цели и задачи. Цель: улучшение качества презентационных материалов педагогических работников школы. Задачи: предложить рекомендации по подготовке ...
Сторонние cms для Интернет-магазина

Сторонние cms для Интернет-магазина

Типы площадок. Два типа площадок для создания интернет-магазина: 1. Персональные системы управления контентом(CMS): - платные - бесплатные 2. Сервисы ...

Конспекты

Применение Microsoft Word для верстки документов

Применение Microsoft Word для верстки документов

Конспект урока. Тема урока:. Конспект урока для 7 класса «Применение Microsoft. Word. для верстки документов». Класс. : 7. Тип урока:. контроль ...
Применение табличного процессора Excel для графического решения уравнений

Применение табличного процессора Excel для графического решения уравнений

Мартюшова Ирина Борисовна. МБОУ СОШ№35 Челябинская область, г.Озерск, п.Метлино. Учитель информатики. Урок-практикум . . Тема «Применение ...
Построение таблиц истинности для логических выражений

Построение таблиц истинности для логических выражений

Технологическая карта урока. Тема урока:. Построение таблиц истинности для логических выражений. ФИО (полностью):. Рыжих Светлана Николаевна. ...
Практикум по решению задач. Подготовка к ИА. Файловая система. Представление данных в ЭТ

Практикум по решению задач. Подготовка к ИА. Файловая система. Представление данных в ЭТ

Предмет:. Информатика. Класс:. 9. Учитель:. Павлова А.С, учитель 1 квалификационной категории МАОУ «СОШ №8» г. Гая. Тема урока:. «Практикум ...
Операторы графики в Pascal

Операторы графики в Pascal

Тема:. «Операторы графики в Pascal. ». Цель. :. Обучающая: 1. Закрепить знания и умения, полученные на прошлых уроках. (через устную работу с учащимися, ...
Подготовка к контрольной работе

Подготовка к контрольной работе

Технологическая карта урока. Матвеева. Информатика . 2 класс. ФГОС. Урок 6. «Подготовка к контрольной работе». Цели урока:. - повторение изученного ...
Исследование растровой и векторной графики

Исследование растровой и векторной графики

Конспект практического урока. по теме: «Исследование растровой и векторной графики». Разработала урок:. . учитель информатики и ИКТ Свидинская ...
Создание формы для базы данных

Создание формы для базы данных

Тема урока: Создание формы для базы данных. Цель урока:. познакомить учащихся с новым объектом БД — формой. Планируемые результаты:. личностные:. ...
Инструменты для рисования

Инструменты для рисования

План - конспект урока информатики в 5 классепо теме «Инструменты для рисования». Цели:.    .  - помочь учащимся получить представление о графических ...
Использование формул для расчетов в Excel

Использование формул для расчетов в Excel

План-конспект урока на тему. «Использование формул для расчетов в Excel.» 9 класс. Тип урока:. комбинированный урок. . Методы обучения:. побуждающий ...

Советы как сделать хороший доклад презентации или проекта

  1. Постарайтесь вовлечь аудиторию в рассказ, настройте взаимодействие с аудиторией с помощью наводящих вопросов, игровой части, не бойтесь пошутить и искренне улыбнуться (где это уместно).
  2. Старайтесь объяснять слайд своими словами, добавлять дополнительные интересные факты, не нужно просто читать информацию со слайдов, ее аудитория может прочитать и сама.
  3. Не нужно перегружать слайды Вашего проекта текстовыми блоками, больше иллюстраций и минимум текста позволят лучше донести информацию и привлечь внимание. На слайде должна быть только ключевая информация, остальное лучше рассказать слушателям устно.
  4. Текст должен быть хорошо читаемым, иначе аудитория не сможет увидеть подаваемую информацию, будет сильно отвлекаться от рассказа, пытаясь хоть что-то разобрать, или вовсе утратит весь интерес. Для этого нужно правильно подобрать шрифт, учитывая, где и как будет происходить трансляция презентации, а также правильно подобрать сочетание фона и текста.
  5. Важно провести репетицию Вашего доклада, продумать, как Вы поздороваетесь с аудиторией, что скажете первым, как закончите презентацию. Все приходит с опытом.
  6. Правильно подберите наряд, т.к. одежда докладчика также играет большую роль в восприятии его выступления.
  7. Старайтесь говорить уверенно, плавно и связно.
  8. Старайтесь получить удовольствие от выступления, тогда Вы сможете быть более непринужденным и будете меньше волноваться.

Информация о презентации

Ваша оценка: Оцените презентацию по шкале от 1 до 5 баллов
Дата добавления:27 апреля 2019
Категория:Информатика
Классы:
Содержит:11 слайд(ов)
Поделись с друзьями:
Скачать презентацию
Смотреть советы по подготовке презентации