МОДУЛЬ 2
ВВЕДЕНИЕ В сайтостроение
ГДЕ БРАТЬ БЕСПЛАТНЫЕ КАРТИНКИ?
ГДЕ БРАТЬ БЕСПЛАТНЫЕ ИКОНКИ?
Перед загрузкой на Тильду фотографии большого размера сократите до 1680 px по большей стороне.
Размер фото можно изменить в Фотошопе или в фотошопе-онлайн Кропер: croper.ru
Далее вес фотографии уменьшить в сервисе TinyPNG: tinypng.com
Для скачивания фото из Инстаграм:
1. Открыть нужное фото с компьютера в интсаграме
2. В ссылку добавить: media?size=l
3. Сохранить
Дополнительные ссылки:
Скачать видео:
instasaved.net
Скачать фото/видео:
igrab.online
рАБОТА С КАРТИНКАМИ/ФОТО
Размер зависит от дизайна и количества текста.
Если текста очень мало, то сделайте его крупнее — 22-24px(по умолчанию в настройках 20px). Так он будет выглядеть более презентационно. Если текста достаточно много, наoборот, уменьшите до 18px, так он будет легче читаться.
Каким должен быть размер шрифта на сайте?
Ритм — чередование элементов (темный-светлый-темный),
одну секцию можно сделать ЯРКУЮ для привлечения внимания;
Главное, чтобы был хотя бы небольшой контраст!
Правила оформления
Отступы: равнозначные.
Компьютерная версия: 120−180 пикселей
Мобильная версия: 90 пикселей
Возможно в отдельном дизайне использовать больше/меньше; главное - гармонично и равно друг от друга.
Использование стилей: 1 основной цвет + 1 шрифт с 2-я видами начертания.
Проверка информационного текста
(очистит текст от мусора)
glvrd.ru/
Генераторы рыботекста:
fishtext.ru/
Создать свою надпись:
online-letters.ru
ПОЛЕЗНЫЕ ССЫЛКИ ПО ТИПОГРАФИКЕ
Тире и дефис

Дефис используется:
● в составных словах (когда-нибудь)
● при повторениях (чуть-чуть)
● при наращивании числительных (1-й)
● в специальных терминах (ТУ-154)

Длинное тире используется:
● в прямой речи
● для связи слов в предложениях

❌ жизнь - это чудо
❌ жизнь-это чудо
❌ жизнь–это чудо
✅ жизнь – это чудо
Шпаргалка по оформлению текста
Пробелы

Пробелы ставятся:
● после знака препинания;
● перед и после тире;
● с внешней стороны скобок и кавычек.

Пробелы НЕ ставятся:
● перед знаками препинания;
● с внутренней стороны скобок и кавычек;
● с обеих сторон дефиса.

❌ слово ,слово
❌ слово,слово
❌ слово, слово
❌ слово , слово
✅ слово, слово
Единство стилей типографики
Заголовок, подзаголовок, текст — по всему сайту во всех блоках
одинакового шрифта.

Если узкие колонки = мало текста!



The view of an image is influenced by the use of lights, position and the presentation of the image. The right use of light, position and presentation of the image can improve the view of the image. It makes the image look better than the reality.
Visual communication takes place through pictures, graphs and charts, as well as through signs, signals and symbols. It may be used either independently or as an adjunct to any other methods.
Symbolization is an important definition for this perspective. Cultural perspective involves identity of symbols. The uses of words that are related with the image, the use of heroes in the image, etc. are the symbolization of the image.
The view of images in the critical perspective is when the viewers criticize the images, and the critiques have been made in the interest of the society, although it’s an individual perspective nevertheless.
Если выравнивавине по центру = мало текста!

Book design is the art of incorporating
the content,style, format, design, and sequence
of the various components
Visual aids are often used to help
audiences of informative and persuasive speeches
understand the topic being
Если много текста = размещаем слева!

Personal response depends on the viewer’s individual thoughts and values. This might be sometimes in conflict with cultural values. Also when a viewer has viewed an image from a personal perspective, it is then hard to change the viewer’s perception of the image, even though the image can be seen in other ways.
An image’s view can arise from the history of the use of media. Some images are viewed differently due to the use of different (new) media throughout times. For example: The result of using the computer to edit images (e.g. Photoshop) is quite different when comparing images that are made and edited by hand.
The cultural perspective involves the identity of symbols. The uses of words that are related to the image, the use of heroes in the image, etc. are the symbolization of the image. The cultural perspective can also be seen as the semiotic perspective.
Если много текста = размещаем горизонтально слева
и не по колонкам!
Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "methods and rules upon which it is impossible to improve, have been developed over centuries. To produce perfect books, these rules have to be brought back to life and applied."
Front matter, or preliminaries, is the first section of a book and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed or printed, on either display pages or blank pages.
Если много текста = блок с раскрывающимся списком и текст размещаем слева!

High Quality
We are a leading firm in providing quality and value to our customers. Each member of our team has at least 5 years of legal experience. We love what we do. We are a leading firm in providing quality and value to our customers. Each member of our team has at least 5 years of legal experience. We love what we do.
Good Support
Our managers are always ready to answer your questions. You can call us during the weekends and at night. Also, you can visit our office for a personal consultation. Our managers are always ready to answer your questions. You can call us during the weekends and at night. Also, you can visit our office for a personal consultation.
Individual Approach
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
Регистрация на платформе Tilda
Партнерская ссылка на 1 месяц бесплатного пользования к оплаченному тарифу
Частые ошибки при оформлении на платформе Тильда: tilda.education
ЗАДАНИЕ 2
1
Подготовить текст к каждому блоку в формате WORD
2
Cкачать картинки с бесплатных ресурсов по выбранной теме
3
Зарегистрироваться по партнерской ссылке на платформе Tilda