๏̯͡๏ Обсуждение : Web Графика


matte
Обсуждение Вопросов связанных с веб графикой, вставление картинок, фонов и т.д

Все о ТВ , обсуждение, web,

Комментарии (6)

  • ( 0 )
    matte

    Полезные Ссылки :
    1)

  • ( 0 )
    matte

    Ответы на Вопросы (F.A.Q):

    (1) Статьи (http://webimg.ru/) :

    1.) Графические форматы (http://webimg.ru/faq/graficheskie-formaty) :
    Формат файла, выбираемый для изображений, различается по цвету, тону и другим исходным параметрам. В основном, многоцветные изображения, такие, как фотографии, сохраняются в формате JPEG. Для иллюстраций с малым количеством цветов, четкими линиями или мелкими деталями, например, содержащих текст, лучше использовать формат GIF или PNG-8. Чтобы было понятно, какой формат файлов использовать, ниже собраны и приведены типичные вопросы по данной теме. Понимание роли и предназначения того или иного графического формата позволяет сразу же, «на глаз», оценить, как лучше сохранить изображение для достижения оптимального результата.

    1. В изображении содержится прозрачность. Можно ли сохранить ее в формате JPEG?
    http://webimg.ru/faq/graficheskie-formaty/v-izobrazhenii-soderzhitsya-prozrachnost-mozhno-li-sokhranit-ee-v-formate-j
    2. Как в браузере IE6 добавить рисунок с прозрачностью в формате PNG?
    http://webimg.ru/faq/graficheskie-formaty/kak-v-brauzere-ie6-dobavit-risunok-s-prozrachnostyu-v-formate-png
    3. Как в браузере IE6 сделать повторяющийся фон в формате PNG?
    http://webimg.ru/faq/graficheskie-formaty/kak-v-brauzere-ie6-sdelat-povtoryayushchiysya-fon-v-formate-png
    4. Как в браузере IE6 установить фоновую картинку с прозрачностью в формате PNG?
    http://webimg.ru/faq/graficheskie-formaty/kak-v-brauzere-ie6-ustanovit-fonovuyu-kartinku-s-prozrachnostyu-v-formate-p
    5. Почему рисунок с текстом не рекомендуется сохранять как JPEG?
    http://webimg.ru/faq/graficheskie-formaty/pochemu-risunok-s-tekstom-ne-rekomenduetsya-sokhranyat-kak-jpeg
    6. Что такое interlaced?
    http://webimg.ru/content/chto-takoe-interlaced
    7. Что такое прогрессивный JPEG?
    http://webimg.ru/faq/graficheskie-formaty/chto-takoe-progressivnyy-jpeg
    8. Что такое профиль ICC?
    http://webimg.ru/faq/graficheskie-formaty/chto-takoe-profil-icc

  • ( 0 )
    matte

    2.) Изображения (http://webimg.ru/faq/izobrazheniya) :
    Любые изображения в документе повышают информативность текста и его привлекательность. Читать становится не только легче, но и приятнее. А уж веб-дизайн вообще немыслим без рисунков. Что это за дизайн, в котором нет никаких картинок!

    1. Для чего нужен альтернативный текст? -
    http://webimg.ru/faq/izobrazheniya/dlya-chego-nuzhen-alternativnyy-tekst
    2. Добавил к рисунку альтернативный текст, но его не видно в браузере. -
    http://webimg.ru/faq/izobrazheniya/dobavil-k-risunku-alternativnyy-tekst-no-ego-ne-vidno-v-brauzere
    3. Как добавить всплывающую подсказку к изображению? -
    http://webimg.ru/faq/izobrazheniya/kak-dobavit-vsplyvayushchuyu-podskazku-k-izobrazheniyu
    4. Как добавить картинку на веб-страницу? -
    http://webimg.ru/faq/izobrazheniya/kak-dobavit-kartinku-na-veb-stranitsu
    5. Как добавить подпись под фотографией? -
    http://webimg.ru/faq/izobrazheniya/kak-dobavit-podpis-pod-fotografiey
    6. Как добавить рамку к изображению? -
    http://webimg.ru/faq/izobrazheniya/kak-dobavit-ramku-k-izobrazheniyu
    7. Как изменить цвет рамки вокруг изображения-ссылки? -
    http://webimg.ru/faq/izobrazheniya/kak-izmenit-tsvet-ramki-vokrug-izobrazheniya-ssylki
    8. Как разместить несколько картинок рядом по горизонтали? -
    http://webimg.ru/faq/izobrazheniya/kak-razmestit-neskolko-kartinok-ryadom-po-gorizontali
    9. Как разместить слитно два изображения друг под другом? -
    http://webimg.ru/faq/izobrazheniya/kak-razmestit-slitno-dva-izobrazheniya-drug-pod-drugom
    10. Как сделать изображение на всю ширину окна браузера? -
    http://webimg.ru/faq/izobrazheniya/kak-sdelat-izobrazhenie-na-vsyu-shirinu-okna-brauzera
    11. Как сделать обтекание картинки текстом? -
    http://webimg.ru/faq/izobrazheniya/kak-sdelat-obtekanie-kartinki-tekstom
    12. Как сделать, чтобы фотография располагалась по правому краю окна браузера? - http://webimg.ru/faq/izobrazheniya/kak-sdelat-chtoby-fotografiya-raspolagalas-po-pravomu-krayu-okna-brauzera
    13. Как сделать, чтобы цвет рамки вокруг изображения-ссылки менялся при наведении на него курсора мыши? - http://webimg.ru/faq/izobrazheniya/kak-sdelat-chtoby-tsvet-ramki-vokrug-izobrazheniya-ssylki-menyalsya-pri-navedenii-
    14. Как убрать рамку вокруг изображений-ссылок? -
    http://webimg.ru/faq/izobrazheniya/kak-ubrat-ramku-vokrug-izobrazheniy-ssylok
    15. Как установить изображение полупрозрачным? -
    http://webimg.ru/faq/izobrazheniya/kak-ustanovit-izobrazhenie-poluprozrachnym
    16. Можно ли изменить вид всплывающей подсказки? -
    http://webimg.ru/faq/izobrazheniya/mozhno-li-izmenit-vid-vsplyvayushchey-podskazki
    17. Почему изображение не показывается на сайте? -
    http://webimg.ru/faq/izobrazheniya/pochemu-izobrazhenie-ne-pokazyvaetsya-na-sayte
    18. Почему изображения на странице видны только на моем компьютере? -
    http://webimg.ru/faq/izobrazheniya/pochemu-izobrazheniya-na-stranitse-vidny-tolko-na-moem-kompyutere
    19. Установил путь к рисунку как /pic.gif, но рисунок не отображается на веб-странице. Почему? - http://webimg.ru/faq/izobrazheniya/ustanovil-put-k-risunku-kak-picgif-no-risunok-ne-otobrazhaetsya-na-veb-stranitse-p

  • ( 0 )
    matte

    3.) Фоновая картинка (http://webimg.ru/faq/fonovaya-kartinka) :

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

    Статьи :
    1. Как добавить два фоновых изображения к одному элементу? -
    http://webimg.ru/faq/fonovaya-kartinka/kak-dobavit-dva-fonovykh-izobrazheniya-k-odnomu-elementu
    2. Как добавить две фоновые картинки на веб-страницу? -
    http://webimg.ru/faq/fonovaya-kartinka/kak-dobavit-dve-fonovye-kartinki-na-veb-stranitsu
    3. Как добавить фоновый рисунок на веб-страницу? -
    http://webimg.ru/faq/fonovaya-kartinka/kak-dobavit-fonovyy-risunok-na-veb-stranitsu
    4. Как поместить фоновый рисунок в правый нижний угол страницы? -
    http://webimg.ru/faq/fonovaya-kartinka/kak-pomestit-fonovyy-risunok-v-pravyy-nizhniy-ugol-stranitsy
    5. Как растянуть фон на всю ширину окна браузера? -
    http://webimg.ru/faq/fonovaya-kartinka/kak-rastyanut-fon-na-vsyu-shirinu-okna-brauzera
    6. Как сделать, чтобы фон не повторялся? -
    http://webimg.ru/faq/fonovaya-kartinka/kak-sdelat-chtoby-fon-ne-povtoryalsya
    7. Как сделать, чтобы фон повторялся только по вертикали? -
    http://webimg.ru/faq/fonovaya-kartinka/kak-sdelat-chtoby-fon-povtoryalsya-tolko-po-vertikali
    8. Можно ли сделать анимированный фон? -
    http://webimg.ru/faq/fonovaya-kartinka/mozhno-li-sdelat-animirovannyy-fon

  • ( 0 )
    matte

    4.) Веб-дизайн (http://webimg.ru/webdesign/veb-dizayn) :
    Веб-дизайном называется визуальное оформление веб-страниц при помощи графики, стилей, а также других веб-технологий. Включает в себя следующие компоненты :

    - Рисование эскиза основных страниц (как правило, главной страницы и внутренних) на бумаге. Это делается для ускорения работы, чтобы не тратить времени на прорисовку неудачных макетов.
    - Создание макета дизайна в графическом редакторе, обычно Adobe Illustrator или Photoshop.
    - Преобразование рисунка в набор необходимых графических элементов. Сюда входят различные градиенты, кнопки, рисунки и др.
    - Создание стилей для управления видом элементов сайта.
    - Верстка веб-страниц.

    Статьи :
    1. Размышления о логотипах - http://webimg.ru/webdesign/razmyshleniya-o-logotipakh
    2. Физиологические основы восприятия - http://webimg.ru/webdesign/fiziologicheskie-osnovy-vospriyatiya
    3. Основные средства и принципы композиции - http://webimg.ru/webdesign/osnovnye-sredstva-i-printsipy-kompozitsii
    4. Модульная сетка - http://webimg.ru/webdesign/modulnaya-setka
    5. Акценты - http://webimg.ru/webdesign/aktsenty
    6. Средства работы с цветом - http://webimg.ru/webdesign/sredstva-raboty-s-tsvetom
    7. Приемы и способы акцентирования - http://webimg.ru/webdesign/priemy-i-sposoby-aktsentirovaniya
    8. Среда, но не день недели - http://webimg.ru/webdesign/sreda-no-ne-den-nedeli
    9. Группирование элементов веб-страниц - http://webimg.ru/webdesign/gruppirovanie-elementov-veb-stranits

  • ( 0 )
    matte

    5.) Термины :

    1. GIF - http://webimg.ru/content/gif
    2. JPEG - http://webimg.ru/term/jpeg
    3. PNG-24 - http://webimg.ru/term/png-24
    4. PNG-8 - http://webimg.ru/term/png-8
    5. Базовая линия - http://webimg.ru/term/bazovaya-liniya
    6. Буквица - http://webimg.ru/term/bukvitsa
    7. Выворотка - http://webimg.ru/term/vyvorotka
    8. Выключка - http://webimg.ru/term/vyklyuchka
    9. Выступающий инициал - http://webimg.ru/term/vystupayushchiy-initsial
    10. Заголовок - http://webimg.ru/term/zagolovok
    11. Золотое сечение - http://webimg.ru/term/zolotoe-sechenie
    12. Интерлиньяж - http://webimg.ru/term/interlinyazh
    13. Капитель - http://webimg.ru/term/kapitel
    14. Красная строка - http://webimg.ru/term/krasnaya-stroka
    15. Курсив - http://webimg.ru/term/kursiv
    16. Линейка - http://webimg.ru/term/lineyka
    17. Начертание - http://webimg.ru/term/nachertanie
    18. Отбивка - http://webimg.ru/term/otbivka
    19. Разрешение - http://webimg.ru/term/razreshenie
    20. Рубленый шрифт - http://webimg.ru/term/rublenyy-shrift
    21. Шрифт с засечками - http://webimg.ru/term/shrift-s-zasechkami
    22. http://www.seoadd.ru/slovar-seo/ - еще термины (более 10ти)

  • Написать комментарий

    Каптча: