Рисунок в графическом редакторе: 2. Создание рисунков с помощью графического редактора paint

2. Создание рисунков с помощью графического редактора paint

14

ЛАБОРАТОРНАЯ РАБОТА№ 20

ТЕМА ЗАНЯТИЯ: Создание иллюстраций с помощью графических объектов и рисунков

УЧЕБНЫЕ ВОПРОСЫ:

1. Использование графических объектов и рисунков.

2. Создание рисунков с помощью графического редактора PAINT.

3. Импорт рисунков и графических объектов.

4. Создание и редактирование иллюстраций.

КОНТРОЛЬНЫЕ ВОПРОСЫ:

1. Какие существуют стили при записи формул?

2. Какие основные операции производятся при редактировании формул?

3. Что является основным элементом указателя?

4. Для чего в документе используются сноски?

5. Какие типы сносок могут содержаться в документах?

Основные действия и приемы работы при выполнении лабораторной работы

1. Использование графических объектов и рисунков

Основные типы изображений, используемые в документах Word,– графические объекты и рисунки.

Графические объектысоздаются непосредственно в документе инструментами рисования. Они включают автофигуры и фигурный текстWordArt.

Набор автофигур включает в себя многоугольники, окружности, различные линии, объемные стрелки, компоненты структурных схем, выноски, звезды, ленты. Для создания автофигур используется меню Автофигуры

в панели инструментовРисование (рис. 20.1). После создания графического объекта его можно залить цветом или узором, изменить цвет и тип линий, увеличить или уменьшить, переместить, повернуть или зеркально отразить.

Рис.  20.1.

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

Рисункисоздаются импортом изображения из внешнего файла или другого приложения. Они включают точечные рисунки, рисунки типа метафайлов, сканированные изображения, а также картинкиClipArt. Для изменения вида рисунков служит панель инструментов

Настройка изображения (рис. 20.2) и некоторые кнопки панели инструментовРисование.

Точечные изображения, также называемые растровыми (расширения файлов .BMPили .DIB), состоят из отдельных мелких точек (элементов изображения), называемых пикселами, которые создают узор за счет различного положения и окраски. Точечные рисунки создаются с помощью графических программ (AdobePhotoshop,CorelPhotoPaintи других) или путем сканирования изображений. Точечный рисунок нельзя преобразовать в графический объект, хотя с ним можно проделывать операции изменения цвета с помощью панели инструментов

Настройка изображения.

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

Графический редактор Paint– это программа, которая предназначена для создания и редактирования файлов, которые содержат графическое изображение.

Чтобы запустить его, необходимо нажать кнопку Пуск, выбрать пунктПрограммы–Стандартныеи щелкнуть левой кнопкой наPaint. На экране откроется окно программы (рис. 20.3).

Рис. 20.3.

Рабочее поле – это область экрана монитора, аналогичная рабочей странице, на которой создается изображение. Если изображение не умещается целиком на экране, то с помощью горизонтальной и вертикальной линеек прокрутки его можно перемещать по рабочему полю.

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

Панель выбора ширины линиипредназначена для выбора ширины линии рисования соответствующего инструмента.

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

Строка менюсодержит следующие пункты:

Файл– содержит команды работы с графическими файлами, определение параметров страницы и параметров печати, выбор принтера и выход из программы.

Правка – содержит команды отмены изменений, сделанных текущим инструментом работы с буфером обмена и имеющейся библиотекой файлов.

Вид – содержит команды, которые разрешают увеличить фрагмент рисунка,про­смотреть рисунок в полном объеме, уничтожить изображения панелей.

Рисунок 

– содержит команды, которые разрешают производить манипуляции с выделенным фрагментом изображения (склонять, стеснять – растягивать, инвертировать изображения), возвращать его в исходное состояние, сменять атрибуты образа.

Палитра – содержит команды, которые разрешают редактировать цвета и сохра­нять полученную палитру в памяти ПК.

Рисование прямой линии

1. В наборе инструментов выберите .

2. Выберите ширину линии под набором инструментов.

3. Удерживая нажатой левую кнопку мыши, перетяните указатель, чтобы нарисовать линию.

Чтобы нарисовать горизонтальную или вертикальную линию или линию с наклоном 45 градусов, удерживайте нажатой клавишу Shiftпри перетягивании указателя.

Рисование произвольной линии

1. В наборе инструментов выберите .

2. Удерживая нажатой левую кнопку мыши, перетяните указатель, чтобы нарисовать линию

Рисование кривой линии

1. В наборе инструментов выберите .

2. Выберите ширину линии под набором инструментов.

3. Нарисуйте прямую линию, перетянув указатель мыши.

4. Щелкните в том месте, где должна находиться вершина дуги, нажмите левую кнопку мыши и перетяните указатель, задав нужную кривизну дуги. Отпустите кнопку мыши и повторите этот шаг для второй дуги.

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

1. В наборе инструментов выберите .

2. Выберите форму кисти под набором инструментов.

3. Для рисования нажмите и удерживайте левую кнопку мыши, перетягивая указатель.

4. Если при перетягивании указателя нажата левая кнопка мыши, используется основной цвет. Можно также использоватьцвет фона, удерживая при перетягивании указателя правую кнопку мыши.

Рисование эллипса или круга

1. В наборе инструментов выберите .

2. Выберите стиль заливки под набором инструментов.

3. Удерживая нажатой левую кнопку мыши, перетяните указатель по диагонали.

4. Чтобы нарисовать круг, удерживайте нажатой клавишу Shiftпри перетягивании указателя.

Рисование прямоугольника или квадрата

1. В наборе инструментов выберите для создания прямоугольной фигуры или для создания фигуры со скругленными углами –.

2. Выберите стиль заливки под набором инструментов.

3. Чтобы нарисовать прямоугольник, нажмите левую кнопку мыши и перетяните указатель по диагонали в нужном направлении.

4. Чтобы нарисовать квадрат, перетягивая указатель, удерживайте нажатой клавишу

   Shift.

Рисование многоугольника

1. В наборе инструментов выберите .

2. Выберите стиль заливки под набором инструментов.

3. Удерживая нажатой левую кнопку мыши, перетяните указатель, чтобы нарисовать прямую линию.

4. Щелкните в том месте, где должна находиться следующая вершина многоугольника.

5. Повторите эти шаги необходимое число раз. В последней вершине щелкните дважды.

6. Чтобы многоугольник содержал только углы по 45 и 90 градусов, удерживайте нажатой клавишу Shiftпри перетягивании указателя.

Ввод и форматирование текста

1. В наборе инструментов выберите .

2. Для создания рамки надписи нажмите левую кнопку мыши, перетяните указатель по диагонали до нужного размера.

3. На панели форматирования выберите имя, размер и начертание шрифта.

4. Щелкните в рамке надписи, а затем введите текст.

Текст в рамку можно ввести только один раз. Вернуть рамку надписи в активное состояние после щелчка за ее пределами невозможно.

П

Рис. 20.4.

осле создания рамки надписи можно вывести на экран панель атрибутов текста, выбрав в менюВидкомандуПанель атрибутов текста (рис. 20.4). Эту панель можно перетащить в любое место окна.

Очистка небольшой области

1. В наборе инструментов выберите .

2. Выберите размер ластика под набором инструментов.

3. Если очищаемую область требуется залить цветом, отличным от текущего цвета фона, щелкните нужный цвет правой кнопкой мыши.

4. Очистите нужную область, перетягивая указатель при нажатой левой кнопке мыши.

Очистка большой области

1. В наборе инструментов выберите для очистки прямоугольной области либо для работы с областью произвольной формы –.

2. Удерживая нажатой левую кнопку мыши, перетяните указатель для выделения области, которую требуется очистить.

3. Очищенная область будет заполнена цветом фона. Если очищаемую область требуется залить цветом, отличным от текущего цвета фона, щелкните нужный цвет на палитре правой кнопкой мыши.

4. В меню Правкавыберите командуОчистить выделение.

Очистка всего рисунка

1. Если какая-либо часть рисунка выделена, щелкните вне выделенной области.

2. В меню Рисуноквыберите командуОчистить.

Для заполнения очищенной области используется текущий цвет фона.

Растяжение и наклон объектов

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

2. Обведите указателем элемент, который требуется изменить.

3. В меню Рисуноквыберите командуРастянуть/наклонить.

4. В группе Растянутьвведите процент растяжения рисунка по горизонтали или по вертикали.

5. В группе Наклонитьвведите величину угла наклона рисунка по горизонтали или по вертикали в градусах.

Изменение размеров рисунка

1. В меню Рисуноквыберите командуАтрибуты.

2. В группе Система единицвыберите нужную единицу измерения ширины и высоты.

3. Введите значения в поля ШиринаиВысота.

Можно также изменить размеры рисунка, перетягивая маркеры выделения, находящиеся в правом нижнем углу и на середине правой и нижней границы рисунка.

Если текущие размеры рисунка превышают новые размеры, рисунок будет обрезан справа и снизу. Если текущие размеры рисунка меньше новых размеров, дополнительная область рисунка будет создана с фоновым цветом.

Задание основного цвета и цвета фона для использования по умолчанию

Чтобы задать основной цвет, щелкните цвет на палитре левой кнопкой мыши.

Чтобы задать цвет фона, щелкните цвет на палитре правой кнопкой мыши.

Заливка области или объекта

1. В наборе инструментов выберите .

2. Если текущий основной цветилицвет фонатребуется сменить, щелкните нужный цвет на палитре правой или левой кнопкой мыши.

3. Щелкните левой или правой кнопкой мыши область или объект, который требуется залить.

Если граница фигуры не является непрерывной, выбранным цветом будут залиты другие области рисунка. Чтобы найти разрыв, выберите в меню ВидкомандуМасштаб, а затем командуКрупныйилиДругой.

Для заливки можно использовать основной цвет, щелкая левой кнопкой мыши, либо цвет фона, щелкая правой кнопкой.

Изменение палитры

1. Выберите на палитре цвет, который требуется изменить.

2. В меню Палитравыберите командуИзменить палитру.

3. Нажмите кнопку Определить цвет.

4. Щелкните поле образца цветов, чтобы изменить значения параметров Оттенок иКонтраст. Перетаяните ползунок регулятора в поле градиента цвета, чтобы изменить значениеЯркость.

5. Нажмите кнопку Добавить в набор, а затем кнопкуOK.

Преобразование цветного рисунка в черно-белый

1. В меню Рисунок выберите командуАтрибуты.

2. В группе Палитравыберите параметрЧерно-белая.

Преобразование рисунка в черно-белый является необратимым.

Изменение цвета существующей линии

1. В наборе инструментов выберите .

2. Выберите другой цвет на палитре.

3. Установите указатель так, чтобы он касался линии, цвет которой требуется изменить, и нажмите левую кнопку мыши.

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

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

Копирование цвета области или объекта

1. В наборе инструментов выберите .

2. Щелкните в области, цвет которой требуется скопировать.

3. В наборе инструментов выберите .

4. Щелкните область или объект, для которых требуется задать новый цвет.

Графически редактор Paint. Создание рисунков

Тема. Настройка системы.

Разрешение экрана. Персонализация.

Цели урока:

Познакомить учащихся с видами графических редакторов. Дать расширенное представление о растровом графическом редакторе Paint и его возможностях.

Обучающие: ознакомление учащихся с основами работы в Paint; дать расширенное представление о растровом графическом редакторе Paint и его возможностях.

Развивающие: развить представления о применении Paint; ознакомить с методами работы с одной из известных программ для создания рисунков. Воспитательные: воспитывать у учащихся гармоничное восприятие компьютерных технологий; воспитывать интерес к творческой и исследовательской работе.

Тип урока: Изучение нового материала. ЛПЗ №14 «Графический редактор Paint».

ЛПЗ №15 «Создание и редактирование изображений в графическом редакторе. Формат изображения».

Форма проведения: лекция, ПК, интерактивная доска, проектор

Ход урока

1. Организационный момент.

2. Актуализация знаний.

Проверка знаний по пройденному материалу.

Давайте вспомним, что мы проходили на прошлом занятии.

• Как правильно зарегистрировать пользователя?

• Что такое персонализация, и как ее запустить?

• Что можно сделать в окне персонализация?

• Какие операции можно проводить путем вызова контекстного меню?

1. Объяснение нового материала

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

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

Растровые изображения представляются в виде сетки (растра) или точки, ячейки которые называются пикселями. Каждый пиксель имеет определенное положение (координаты на плоскости) и цвет (цветовое значение).

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

Для работы с графикой используются различные графические редакторы.

Графический редактор – программа создания, обработки и хранения графических изображений.

Графические редакторы можно разделить на две категории: растровые и векторные.

Графический редактор Paint предназначен для работы с растровыми изображениями. Он позволяет создавать несложные цветные и черно-белые рисунки, а также выполнять некоторые операции по обработке изображений.

Для запуска программы нужно дать команду: Пуск/Программы/Стандартные/Графический редактор Paint

1. Строка заголовка

2.Строка меню

3.Набор инструментов

4.Атрибуты инструментов (вид атрибутов инструментов будет меняться в зависимости от выбранного инструмента)

5.Палитра

Назначение инструментов понятно из вида значков. Дадим лишь краткие пояснения.

Если при перемещении использовать клавиши клавиатуры:

• Перемещение с нажатием клавиши CTRL копирует фрагмент

• Перемещение с нажатием клавиши SHIFT оставляет след

Расширение рисунков, созданных в программе Paint — *.jpg

1. Практическая часть.

Задание 1.

Учащиеся садятся за ПК. Выполнение практической работы «Создание графических рисунков в Paintе»

1 шаг. Открытие программы

2 шаг. Создание рисунка.

• Используя панель инструментов, нарисовать следующие фигуры:

3 шаг. Создание орнамента

• Используя инструмент Выделение выполни над фигурами следующие действия используя панель меню Правка – Копировать / Вставить.

4 шаг. Операции над объектами.

• Выделите необходимые фигуры инструментом Выделение.

• Выбрать команду Рисунок – Отразить / Повернуть.

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

• Аналогично настроить остальные фигуры орнамента.

5 шаг. Создание орнамента.

6 шаг. Сохранение орнамента.

• Используя команду строки меню Файл – Сохранить как…

• В диалоговом окне выбрать место сохранения, ввести имя документа, нажать ОК.

Задание 2. Научитесь наносить изображение инструментами.

1. Выберите инструмент Кисть . Выберите инструмент Карандаш . Как узнать, какой инструмент выбран?

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

3. Выберите инструмент Ластик . Сотрите на рисунке неудачные линии и попробуйте нарисовать их лучше.

Задание 3. Нарисуйте картинки, подобные представленным здесь, и раскрасьте их.

1. Закрепление (выполнение тестовых заданий)

2. Подведение итогов урока, выставление оценок

3. Домашнее задание: Е.Назаренко, §7.2, стр. 136

Создавайте, раскрашивайте и редактируйте графические изображения с помощью DrawPad.

Баннеры и логотипы Создание маркетинговых материалов Множественные эффекты Тень, скос/тиснение и др. Инструменты графического дизайна Безье, контуры, градиенты и др. Библиотека клипартов Встроенная графика библиотека Рисование и текст Шрифты, слои и кисти Векторная графика Легко масштабируйте проекты до любого размера Загрузить сейчас DrawPad — это простая в использовании программа для компоновки и обработки изображений, а также необходимый инструмент для всех типов проектов графического дизайна. Создавайте наброски и картины на компьютере Создавайте логотипы, рекламные баннеры или рекламные щиты Рисуйте диаграммы, значки и другую веб-графику Получите бесплатно. Бесплатная версия программного обеспечения для графического дизайна DrawPad доступна для некоммерческого использования. Если вы будете использовать DrawPad дома, вы можете скачать бесплатную программу для дизайна здесь. Скачать DrawPad Graphic Designer для Windows Особенности программного обеспечения для графического дизайна 900 37 Карандаш и кисть для рисования, черчения и раскрашивания Возможность редактирования карандаш и кисть штрихи Планшет и сенсорная панель чувствительность к давлению Работа с растровым и векторным изображений Слои изображений позволяют выполнять неразрушающее редактирование Слои позволяют легко переставлять элементы Добавлять эффекты, такие как фаски и тени Заполнять области сплошными цветами, градиентами, узорами или текстурами вращать, изменять размер и зеркально отображать Вставка объектов-фигур, включая круги, прямоугольники, многоугольники, звезды, пузыри слов/мыслей и т. д. Вставка текста и редактирование шрифта, размера, цвета и веса Сохранить графику в формате png, bmp, jpg, gif, pdf, svg или psd файлов Выберите логотип, визитную карточку, флаер, баннер, поздравительную открытку или шаблон фирменного бланка, чтобы начать свой проект Поддерживает баннер форматы объявлений для рекламных сетей, таких как Google Ads, Microsoft Ads и т. д. Импорт наборов кистей, созданных для Photoshop Используйте линейки и направляющие для организации объектов. Добавьте водяной знак к своему графическому дизайну. Включает расширенные сетки, параметры привязки и выравнивания. Настраиваемые инструменты для рисования произвольной формы включают пиксельную кисть, карандаш, кисть, маркер, перо, аэрозольную краску и мелок. Создавайте веб-графику с предустановленными размерами баннеров и формами кнопок. Поддерживаемые входные форматы Масштабируемая векторная графика (* . svg ) .gif ) Изображение JPEG (* .jpg ; * .jpeg ; * .jfif ; * .jpe ) Растровое изображение Windows (* .bmp ) Значок Microsoft (* .ico ) Изображение PNG (* .png ) Формат файла изображения с тегами (* . tif ;* .tiff ; ) Portable Document Format (* .pdf ) DrawPad Document (* .drp ) Большинство основных форматов графических файлов Поддерживаемые форматы вывода Изображение PNG (* .png ) Изображение JPEG ( .jpg ; * .jpeg ) Растровое изображение Windows (* .bmp 90 069 ) Значок Майкрософт (* .ico ) Масштабируемая векторная графика (* .svg ) Portable Document Format (* .pdf ) Инкапсулированный постскриптум (* .eps ) 90 037 Документ Photoshop (* . psd )

Программное обеспечение для дизайна рекламы и логотипов Если вы все еще задаетесь вопросом, почему вы хотите использовать векторную программу, создание рекламы или логотипа убедит вас. Используя векторную графику, вы можете создать логотип, который можно масштабировать для визитной карточки или рекламного щита, не прибегая к предварительному решению о том, какого размера его сделать. То же самое относится и к рекламе: создайте что-то, что вы сможете использовать в Интернете или в печати, поскольку ваши потребности меняются день ото дня. Easy Drawing Software Sketch Paint Печать

Скриншоты Изогнутый текст Выбор текста и шрифта является ключевыми функциями программы проектирования. Используйте стандартный текстовый инструмент или сделайте свои проекты более эффективными и привлекательными с помощью изогнутого текстового инструмента. Поразите своих зрителей текстом, который игриво следует за океанской волной или искусной спиралью. Кривые, зигзагообразные или заг букв и слов. Ваш логотип будет более профессиональным, а ваше воображение — пределом возможностей цифрового искусства. Совместимость с сенсорной панелью С легкостью создавайте свои проекты с помощью графического планшета. Повысьте творческий потенциал с помощью пера для рисования и используйте чувствительность к давлению, чтобы быстро изменить ширину штриха. Независимо от того, предпочитаете ли вы использовать клавиатуру и мышь, сенсорную панель или планшет для рисования, DrawPad гарантированно сделает ваш опыт заслуживающим внимания. Масштабируйте свои проекты Обновите свои проекты с устаревшей растровой графики на более четкую и чистую векторную графику. Векторная графика позволяет масштабировать дизайн, сохраняя при этом идеальное качество. С помощью DrawPad вы можете создавать свои логотипы, презентации, макеты веб-сайтов или любые шедевры 2D-графики именно так, как вы хотите. 1 0.5 или выше Загрузить Программное обеспечение DrawPad для графического рисования Загрузить для Windows Скачать для Mac Использование графического редактора Графический редактор содержит инструменты для создания геометрических фигур, символов, текстов, гибкого преобразования данных, анимации, динамики и интерактивности. Вы можете преобразовывать, перемещать, выравнивать, упорядочивать и распределять графические объекты в рабочей области несколькими способами. Стандартные символы и компоненты, представляющие общие функции, доступны в библиотеках, поставляемых вместе с Graphics Editor. Вы можете добавлять в эти библиотеки. Вы можете открывать и импортировать графику или фотографии в редактор графики, вставлять графику в другую графику и экспортировать из редактора графики. Графический компонент — это предопределенная графика, которая содержит одну или несколько других частей. Компоненты предназначены для повторного использования и обычно представляют функцию или устройство в работающей системе. Компоненты могут быть разработаны как символы, которые можно использовать в качестве строительных блоков и повторно использовать в нескольких графических изображениях. Компоненты находятся в специальных библиотеках и отображаются на панели «Компоненты». Аналоговые часы являются примером компонента. При разработке компонентов рекомендуется установить режим компонента графического редактора на Графика . При создании нового компонента рабочая область по умолчанию имеет размер 200×200 пикселей (где пиксель — это наименьшая возможная единица чертежа). Стандартная графическая рабочая область 600х800. Этой рабочей области меньшего размера обычно достаточно для рисования достаточно детализированного компонента. Однако когда вы используете компонент в графике TGML, компонент автоматически масштабируется до одной пятой размера графика. Этот размер по умолчанию 40×40 пикселей делает компонент сопоставимым по размеру с компонентами стандарта ISO и DIN. Дополнительные сведения см. в разделе «Формат файла TGML». При создании компонента используется корневой элемент ComponentContent (вместо TGML для графического объекта). Когда компонент хранится в библиотеке и используется в графике, элемент ComponentContent заменяется элементом Component. Корневой элемент компонента всегда включает как минимум два элемента метаданных, описывающих компонент: Имя и Описание. Эти элементы метаданных автоматически получают свои значения при сохранении компонента. ComponentContent имеет следующие свойства: Непрозрачность Видимость Высота Ширина Значения высоты и ширины копируются в свойства ComponentHeight и ComponentWidth элемента Component при сохранении компонента. Однако при использовании компонента в графике TGML значения высоты и ширины масштабируются до 20%, как упоминалось выше. Таким образом, компонент имеет один размер, когда вы используете его в графике, и другой размер (обычно больший) при создании или редактировании компонента. Компоненты хранятся в виде отдельных файлов во вложенных папках папки Components. Как правило, вы должны сохранять различные категории компонентов в разных подпапках. Имена вложенных папок отображаются в виде отдельных полос на панели «Компоненты». Вы можете создавать и импортировать компоненты несколькими способами: Создать новый компонент в графическом редакторе Режим компонента Сгруппировать и сохранить как компонент в графическом редакторе Графический режим Импорт компонентов из внешнего источника Вы можете создавать графику, которую редактируете в графическом редакторе. No related posts. Вперед Jquery документация на русском: Русская документация по API jQuery Назад Можно ли найти человека по айпи: Как узнать адрес по ip адресу, поиск местоположения по IP ✔️ Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий * Имя * Email * Сайт Рубрики Рубрики Css Html Http Javascript Linux Photoshop Адаптив Верстка Вопросы и ответы Макет Развитие сайтов Разное Сайт Советы Шаблон Шаблоны Шрифт Шрифты