💸 Как сделать бизнес проще, а карман толще?

Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое раписание, но и напоминать клиентам о визитах тоже. Проблема в том, что средняя цена по рынку за такой сервис — 800 руб/мес или почти 15 000 руб за год. И это минимальный функционал. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
⚡️ Для новых пользователей первый месяц бесплатно. А далее 290 руб/мес, это в 3 раза дешевле аналогов. За эту цену доступен весь функционал: напоминание о визитах, чаевые, предоплаты, общение с клиентами, переносы записей и так далее.
✅ Уйма гибких настроек, которые помогут вам зарабатывать больше и забыть про чувство «что-то мне нужно было сделать».
Сомневаетесь? нажмите на текст, запустите чат-бота и убедитесь во всем сами!

Текст плюс графика

На предыдущем уроке вы научились добавлять и форматировать текст на Интернет страничке. Но как правило Интернет страничка содержит не только текст, но и графику.

Для урока понадобится интернет страничка с текстом, которую мы создали на втором уроке и графическое изображение (любое, например ваша фотография под именм, но обязательно оптимизированное дня веб). Создайте папку site, перенесите в нее файл text.html и внутри папки еще одну папку img и перенесите в нее foto.jpg.

Для того, чтобы добавить изображение на интеренет страничку используется дескриптор img, у которого есть несколько атрибутов. Вот полная конструкция:

< img src=” источник изображения ” border =” ширина рамки ” align=” выравнивание ” width=” ширина ” height=” высота ” hspace=” отступ горизонтальный ” vspace=” отступ вертикальный ” alt=” всплывающая подсказка ” name=” имя изображения ” lowsrc=” альтернативный рисунок ”>

Давайте по порядку рассмотрим каждый атрибут:

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

< img src=”img/foto.jpg” border =” 0 ” width=” 200 ” height=” 200 ” alt=” моя фотка ”>

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

Представим, что у вас изображение имеет параметры 380 на 340, указав параметры вы понимаете, что изображение занимает слишком много места. Автоматически хочется указать параметр ширины и высоты меньше. Но это глупо, все равно браузер загрузит в свою память все изображение, а потом уже будет его уменьшать. Так что размены изображения лучше менять в графическом редакторе, например в Photoshop, воспользовавшись командой меню Image – Image Size. И только затем разместить изображение с новыми параметрами ширины и высоты.

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

Следует сказать пару слов по поводу формата изображения. Если на изображении насчитывается до пару сотен цветов или оно имеет фотографическое качество, то пользуйтесь форматом jpg. Если же изображение с крупными монотонными областями или текстом, то пользуйтесь форматом gif. И всегда перед размещением оптимизируйте для веб, для максимальной скорости загрузки изображения и интернет странички в целом.

Практика:

Оформить страничку своей автобиографии: добавить фон, созданный своими руками, добавить фотографию.