Сайт своими руками


Пособие для начинающих
Редактируем готовые шаблоны


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



Стратегии оптимизации веб-изображений.

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 209
Стратегии оптимизации веб-изображений.

Общие стратегии оптимизации.
Представьте, что вы разрабатываете дизайн рекламного баннера для крупного клиента, а тот говорит вам, что у всех баннерных изображений есть лимит 15К (размер файла не может превышать 15 Кб). Такой сценарий является довольно распространенным в бизнесе, так что вы должны владеть некоторыми хитростями, чтобы достичь цели.

Независимо от типа изображения или файла, существуют несколько основных стратегий по сокращению размера файла, которые нужно иметь в виду. В самом широком значении это...
  • Дата: 19-01-2017, 18:26
  • Раздел: Веб-дизайн. Работа с картинками



Инструменты для работы с файлами в формате SVG.

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 319
Инструменты для работы с файлами в формате SVG.

Технически все, что нужно для создания SVG графики — это текстовый редактор, но вы будете намного счастливее, если программа для работы с графикой выполнит необходимые действия вместо вас. К счастью, в программе Adobe Illustrator при сохранении документа в раскрывающемся списке Формат (Format) можно выбрать пункт SVG (svg) и получить файл SVG! Если у вас нет программы Illustrator, загрузите редактор изображений Inkscape, который создан специально для работы с файлами в формате SVG (inkscape.org). Он работает в операционных системах Windows, OS X и Linux. Потребуется немного времени, чтобы вы к нему привыкли, но более выгодной цены вы не найдете (он бесплатный).
  • Дата: 28-09-2016, 04:54
  • Раздел: Веб-дизайн. Работа с картинками



Рисование с помощью XML

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 377
Рисование с помощью XML

Основное отличие формата SVG в том, что инструкции по рисованию предоставляются на языке XML. Растровые изображения хранятся как по большей части непонятный код (если вы потрудитесь заглянуть внутрь), но изображения в формате SVG создаются текстовыми файлами, которые, как правило, удобочитаемы. Давайте рассмотрим простой пример и текстовый файл XML, скрытый за ним. На рисунке выше показано изображение SVG, svg4u.svg, состоящее из синего квадрата, овала с градиентной заливкой и текста (не самый красивый рисунок, я знаю, но хорошая иллюстрация к теме).
  • Дата: 23-09-2016, 05:04
  • Раздел: Веб-дизайн. Работа с картинками



Создание прозрачных файлов в форматах GIF и PNG.

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 419
Создание прозрачных файлов в форматах GIF и PNG.

Самый простой способ сделать области изображения прозрачными — создать их такими изначально и сохранить в формате GIF или PNG. Не зыбывайте, что команда Сохранить для Web (Save for Web) или панель Оптимизировать (Optimize) в программе Fireworks для данной цели являются наиболее совершенными инструментами.

Можно добавить прозрачные области в непрозрачном изображении со сведенными вместе слоями, но может оказаться сложным добиться бесшовного сочетания с фоном.

Полезно выполнить упражнение ниже, которое демонстрирует приемы сохранения прозрачных областей, позволяющие гарантированно получить хорошее сочетание с фоном, используя диалоговое окно Сохранить для Web (Save for Web) программы Photoshop. Ниже приведено несколько новых концепций, так что даже если вы не выполните упражнение, я рекомендую вам его прочитать, в частности шаги 5, 6 и 7.
  • Дата: 5-06-2016, 04:32
  • Раздел: Веб-дизайн. Работа с картинками


Использование материалов сайта приветствуется. При копировании и размещении данной информации на сторонних ресурсах, ссылка на сайт SiteY.ru желаема.