[00:05] и я собираюсь разработать продающую страницу для своего нового мастер-класса по веб-дизайну. Первое, что я сделал, это нажал Command+Backspace, и это заполнило [00:18] цвет фона всего слоя. слоя. Теперь он прозрачный, а не белый. Хорошо, я хочу начать с текстуры на фоне. Я [00:31] просто пройдусь по всем своим узорам, которые я взял с сайта subtlepatters.com. Они потрясающие. Сейчас пройдусь по ним. И [00:43] здесь есть светлый узор, который, как мне кажется, я хочу использовать. Это что-то вроде сетки. Вот, стиля, поэтому я посмотрю, смогу ли я его улучшить. Я продублирую [00:58] слой с помощью Command+J, затем удержу Command+J и нажму кнопку «Создать новый слой». Выберу оба слоя, нажав клавишу Shift, и Command+E, чтобы объединить их, затем Command+I, чтобы [01:15] Извините, это много всего. Вы также можете получить доступ к уровням, настройкам изображения, уровням. Хорошо, так что... Уровни — это количество каждого оттенка, [01:29] и, как видите, здесь нет белого, а затем есть крошечные кусочки средне-серого и много очень тёмно-серого. Я могу перетащить их вверх, и это осветлит определённые [01:44] области. Я не буду использовать именно этот узор, но вот что я задумал, вы увидите именно этот узор, но вот что я задумал, вы увидите через секунду. слой под ним, используя Command, затем нажму «Новый слой» [02:00] и удалю его. Я найду синий цвет, который мне нравится, давайте посмотрим, может быть, какой-то сине- серый... ой, это [02:19] случае) — заливка цветом переднего плана. Включу этот слой и установлю режим « Наложение» (ой, не тот слой). Я хочу установить режим «Наложение» для слоя с узором, [02:32] а затем немного уменьшить непрозрачность. Давайте посмотрим. Хорошо, неплохо. Но этот цвет на самом деле слишком [02:45] синий, поэтому я немного углублюсь в серые тона, а затем снова Option + Backspace, чтобы залить его. Вот и всё. Итак, что мне нужно? Хорошо, [02:58] теперь моя страница будет шириной 1000 пикселей, и я предпочитаю делать это так: этого я выбираю инструмент «Выделение» с фиксированной шириной 1000 пикселей (высота не имеет значения) [03:13] и просто щелкаю в любом месте. Создаю новый слой, убеждаюсь, что он находится над фоном, затем использую Command+Backspace, чтобы залить его чем-нибудь. Затем выделяю всё с помощью Command+A, беру [03:26] инструмент «Перемещение» и использую параметры центрирования, чтобы отцентрировать его на экране. Затем Command+D снимает выделение. Как видите, сочетания клавиш очень важны. Затем Command+R вызывает линейки, и [03:40] я могу щелкнуть по одной из них и просто перетащить её, и она привяжется к краю шириной 1000 пикселей, как мне и нужно. выделенном слое, снова Command+R. Удаляем [03:56] эти линейки, потому что они мне не нужны. посмотрим. Сделайте этот [04:08] фон немного выше, на самом деле SCP. Я собираюсь удалить этот слой и нажать U, чтобы открыть инструмент «Фигура». Я возьму инструмент «Скругленный прямоугольник», радиус в пять пикселей подойдет. [04:22] инструмент «Скругленный прямоугольник», радиус в пять пикселей подойдет. углами. Мы сделаем его довольно высоким, потому что у меня есть ощущение, судя по содержимому, что наша страница будет довольно [04:37] длинной. Установите этот фон на белый, а для тени он предварительно заполнил некоторые области. Мне нужен источник света под углом 90°. Я собираюсь отметить « Глобальное освещение» и изменить его на 90°, так что это установит глобальное освещение для [04:54] всего на 90°, что мне и нужно. И тени здесь. Это довольно незаметная тень, просто вокруг всего. Теперь я хочу добавить [05:11] браузер. Разработка такого браузера потребует много усилий, поэтому я Разработка такого браузера потребует много усилий, поэтому я перейду к [05:23] Chrome и покажу вам. Подождите, извините, я сейчас на другом экране. Давайте Google. У меня здесь есть строка поиска, так что давайте... Найдите файл [05:38] давайте... Найдите файл PSD, и в списке вариантов должен появиться Premium Pixels. [05:58] у них аккаунт, но это того стоит. И у меня этот PSD-файл уже открыт. Вот он, PSD-файл, который приходит от Premium Pixels. Я нажму F, чтобы [06:14] выйти из полноэкранного режима, а затем просто перетащу этот браузер [06:26] На самом деле, мне нужен был и экран, поэтому я перетащу их оба нужном мне положении. И они как-то странно вложены друг в друга. Давайте откроем это и удалим. CU, [06:40] удалим. CU, это не [06:56] И это немного больше, чем мне нужно. И здесь слишком много всего. нужно. И здесь слишком много всего. Например, это просто элемент дизайна, поэтому мы можем убрать поле поиска, мы можем убрать [07:09] поле поиска, мы можем убрать ссылку для скачивания. Наверное, это хорошо. Мы изменим этот текст, чтобы [07:21] не обязательно должно быть суперреалистично, и я собираюсь сделать это серым, поэтому я нажал V, чтобы переключиться на инструмент перемещения, а затем цифру три, чтобы уменьшить непрозрачность до 30%. И значок «Избранное» тоже можно убрать. Мы просто пытаемся сделать это просто [07:35] Плюс в Плюс в разделителе можно [07:57] что он не по центру, но один щелчок должен это исправить, и я всегда могу просто перепроверить. Вот и все, теперь он по центру, все как должно быть, за исключением того, что чистый черный цвет ужасно [08:12] сильный, поэтому давайте немного его осветлим. Хорошо, а затем я хочу втянуть это... [08:26] втянуть это... э-э, может быть, туда, я еще точно не решил. И это на самом деле не изменило нашу основу браузера, которая является этим фоном, [08:39] и он находится в смарт-объекте, поэтому мне нужно открыть его. открыть его. странно, поэтому мне нужно [08:51] поэтому мне нужно втянуть это, но я не уверен, насколько именно. Я попробую получить представление, поместив эти два документа. Давайте просто сохраним это. О, не совсем. Итак, [09:04] а затем смогу использовать клавиши со стрелками, чтобы сдвигать его на пару пикселей за раз или на сдвигать его на пару пикселей за раз или на один пиксель за раз. Хорошо, это довольно [09:50] небольшое окно браузера. Я собираюсь объединить оба [10:04] и вставить его сюда. Хорошо, здесь я создам фигуру, потому что хочу немного затемнить это окно. Это окно браузера белое, и я хочу, чтобы оно располагалось на светло-сером фоне. [10:19] Я могу нажать клавишу Option и удерживать ее между этими двумя слоями и соединить их вот так. между этими двумя слоями и соединить их вот так. [10:33] чем-нибудь. У меня меня другом экране, чтобы я мог легко переместить ее. [10:51] Но вы увидите, что я... То есть, через секунду я перенесу все эти [11:06] а перед этим выделю в этом документе место, куда хочу их перетащить. Вот, пожалуйста. Ой, я потерял весь текст. Отмените действие. Вернитесь [11:21] и выберите правильные слои на этот раз, или все правильные слои, и перетащите их. или все правильные слои, и перетащите их. [11:39] маску слоя для этой группы, а затем отменю связь маски слоя. Теперь я могу перетаскивать свою группу, если захочу, и маска слоя останется на месте. Сначала я просто [11:54] перетащу все это, чтобы изменить размер, потому что хочу, чтобы оно немного по- другому подходило. Да, я так и [12:17] Натан Барри. Это довольно очевидно. Давайте просто изменим это на «Мастер-класс» Давайте просто изменим это на «Мастер-класс» или «Мастерская». Назовем это « [12:29] Мастерская». Хорошо. И мы увеличим. Не намного больше. Давайте увеличим намного. [12:48] меня выбрана группа. Здесь у меня выбрана маска слоя или это правильная маска. Я использую клавишу Shift и стрелку, чтобы перемещать его вверх и вниз. [13:04] Нам нужно быть очень точными, потому что я изменил размер этого прямоугольника внутри элемента браузера. Вы видите, что мы находимся на части пикселя, и это плохо, поэтому [13:20] вам нужно приблизить изображение и увидеть, что оно неполное. Поэтому я буду просто перемещать его, пока оно не будет состоять из целых пикселей, чтобы эта линия [13:41] выделю все эти области здесь и просто перетащу их. Если я использую клавиши со стрелками, это позволит мне быть очень [13:53] точным. И вот это [14:10] все вместе. Это была ошибка, я неправильно удерживал клавишу Shift, что и вызвало эту проблему. Хорошо, это довольно хорошо [14:22] выровнено. Вам нужно будет сделать то же самое и с этими линиями, что сделать то же самое и с этими линиями, что мы сейчас и сделаем очень [14:38] перетащите ее, пока она не будет состоять из целого пикселя. Это пикселя. Это внешняя сторона, а эта – внутренняя. Мы немного подтолкнем это вверх, и я просто [14:51] перетащу этот элемент так, чтобы он совпадал по пикселю вот здесь, а стрелки пока пикселю вот здесь, а стрелки пока оставим как есть. [15:08] Хорошо, теперь я возьму все это окно браузера и отцентрирую окно браузера и отцентрирую его. [15:25] это даст ему линию внизу, на нормально. Мы сделаем светло-серый цвет, но он должен быть немного [15:38] темнее нашего базового. Вот так. нашего базового. Вот так. [15:55] вид. Хорошо, у меня здесь куча текста в Google Docs, и я в Google Docs, и я просто начну перетаскивать это. На [16:13] очень высокий текст, но он не должен быть таким я удалю эту маску слоя и просто сгенерирую ее заново, [16:29] выбрав Command+кликнув на фигуре. слои внутри и немного подтолкну их [16:43] внутри и немного подтолкну их вверх. Это намного лучше. Затем я опущу окно браузера, чтобы я мог перетащить его из Google Docs. чтобы я мог перетащить его из Google Docs. В заголовке я буду [16:57] использовать шрифт Open Sands, поэтому убедитесь, что заглавные буквы отключены, потому что с этим шрифтом это выглядит не очень. Затем уменьшите с этим шрифтом это выглядит не очень. Затем уменьшите [17:15] удерживая пробел, как мне нужно. [17:45] всегда могу изменить это позже. Итак, это наш основной заголовок. позже. Итак, это наш основной заголовок. Теперь мне нужно добавить некоторые другие сведения о мастер-классе, например, время, [18:08] ниже, просто нажмите. Для этого я выберу Open Sands. Итак, это будет 29 марта 2013 года, скажем, [18:22] скажем, с 9:00 с 9:00 до 13:00. Тихоокеанское стандартное до 13:00. Тихоокеанское стандартное время. Давайте сделаем его намного [18:50] прямом эфире 19 марта. А вот эта часть важнее, поэтому я немного затемню его, [19:07] ужасен. Вот так. Мне нравится добавлять придаю ему немного вдавленный вид. Так что тень будет на Так что тень будет на один пиксель ниже, 100% белый цвет. Это трудно [19:22] заметить, но это создает небольшую разницу. Я буду удерживать клавишу разницу. Я буду удерживать клавишу Option и перетаскивать эффект на заголовок вверху, чтобы добавить то же самое. [19:38] Хорошо, теперь у меня есть много текста, который будет здесь, вы можете видеть его прямо видеть его прямо здесь. [19:52] Итак, давайте начнем с копирования этой белой части, которую вы узнаете. Итак, для [20:09] область боковой панели и просто вставим ее. Я Я хочу средне- пунктов, а затем эта высота строки очень большая, поэтому я Давайте уменьшим размер [20:26] до 24 пунктов, 24 пунктов, может быть, до 18. 18 слишком мало, скажем, [20:46] их гораздо проще воссоздать в коде, поэтому я просто добавлю их Нет необходимости, нет причин делать все идеально прямо сейчас. Теперь [21:00] я собираюсь добавить еще немного [21:17] поле. И у меня есть еще больше текста, который нужно добавить. Ой, ладно, это [21:35] есть основной текст на странице, пора его отформатировать. Поэтому я начну с того, что сделаю этот длинный абзац немного больше. Давайте возьмем 18 пунктов, а затем нужно увеличить межстрочный интервал. [21:48] пунктов, а затем нужно увеличить межстрочный интервал. например, 28 пунктов. Вы видите, что можете просто щелкнуть по любому из них, перетащить и получить небольшую полосу прокрутки, чтобы изменить [22:00] это. А затем я собираюсь сделать несколько заголовков по 24 пункта каждый. Я не хочу тратить На это уходит много времени, потому что я всё равно собираюсь воссоздать это в коде, но стоит получить [22:18] но стоит получить общее представление о том, как это будет выглядеть. я думаю, да, там ещё есть, [22:47] увеличивать заголовки. А вот этот блок, давайте отформатируем его в поэтому мы выберем [23:05] 18 пунктов вполне достаточно. А здесь будут маркеры. В достаточно. А здесь будут маркеры. В дальнейшем дизайне в Photoshop это не стоит усилий. дальнейшем дизайне в Photoshop это не стоит усилий. [23:19] места, и я думаю, что размещу здесь и я думаю, что размещу здесь кнопку покупки. [23:43] контур, а затем, удерживая Command Command и Shift, выделяем все [23:55] элементы, все опорные точки и перетаскиваем их. Хорошо, теперь я сделаю разделитель, чтобы отделить это [24:09] содержимое от остального. Итак, я собираюсь поместить текст в рамку, между этими двумя слоями, чтобы он располагался под основным слоем и был обрезан, то есть под основным слоем и был обрезан, то есть [24:25] стили слоя, которые были применены к нему по [24:47] Я всегда просто играю с цветами, пока не получу [25:04] неплохо. Затем я хочу немного отодвинуть этот текст назад, чтобы дать ему больше отступов. Так что спуститесь вниз, возьмите этот [25:16] маркер и перетащите его. Я просто на глаз, чтобы края примерно глаз, чтобы края примерно совпадали. Еще один момент: если вы стремитесь к идеальному выравниванию [25:30] абзацев (я сейчас не буду этого делать, потому что скоро перейду к коду), то нужно настроить [25:45] вы можете отключить перенос слов, потому что CSS по умолчанию не использует переносы. по умолчанию не использует переносы. Поэтому, отключив его, вы... Не буду использовать дефисы, переносы строк и всё остальное будет немного [26:05] точнее. Хорошо, я сейчас скопирую весь этот текст, вырежу и [26:20] и продублирую этот, потому что у него уже есть нужная мне ширина и высота, уже есть нужная мне ширина и высота, [26:42] блок, может быть, два пикселя, с радиусом в два пикселя, это очень маленький радиус, и здесь будет наша кнопка покупки, [27:01] я не знаю что-то вроде этого, и это будет щёлкну по нему, открою стили слоя, выберу [27:13] тень, расстояние в один пиксель, размер в пять, тон, уменьшу пять, тон, уменьшу непрозрачность на один и отключу обводку. [27:40] блок, и я фактически перетащу эти элементы внутрь, чтобы дать немного больше [28:02] я сделаю с новой линией. Я могу удерживать клавишу Shift, чтобы нарисовать прямую линию. Обычно я рисую линию, и она может быть немного смещена, совсем чуть-чуть. Но если я удерживаю клавишу Shift, она привязывается к, кажется, 45 [28:18] градусам, что мне и нужно. По умолчанию добавляется обводка, потому что это стиль, который я сейчас выбрала. Поэтому я собираюсь её убрать, и вы видите, [28:31] её убрать, и вы видите, что моя линия не совсем на пиксельной сетке. Поэтому я собираюсь использовать Command+T, чтобы открыть свободное трансформирование, а затем с помощью на линии. Затем я выберу чуть более [28:48] тёмный цвет и добавлю белую тень толщиной в один пиксель. режим наложения на « Обычный», использовать белый цвет, [29:01] расстояние — один, размер — ноль. Это просто линия в один пиксель, идущая выравнивается по сторонам и всё такое. Но, на самом деле, я всё ещё [29:14] это не так. Поэтому есть небольшой промежуток, видите, там один прямой пиксель, из-за чего линия выглядит немного [29:26] выглядит немного размытой, и эта сторона не имеет значения, потому что она [29:39] разделит наш раздел «Что вы узнаете», который, так сказать, является содержанием курса, и этот курса, и этот [29:56] весь этот текст и перетащу этот вниз, а этот просто выровняю и [30:22] Затем я использую клавишу Shift со стрелкой, чтобы переместить его клавишу Shift со стрелкой, чтобы переместить его вниз. Давайте посмотрим, давайте пойдем дальше и переместим этот абзац еще ниже. [30:41] меньше, потому что нам нужно сохранить достаточное белое пространство по сохранить достаточное белое пространство по [30:54] переносов строк. Он должен быть 18 пикселей или, извините, 24 пикселя, потому что это один из наших основных [31:11] заголовков. Хорошо, теперь давайте сделаем кнопку покупки. Я собираюсь сделать квадратные углы для этой квадратные углы для этой кнопки, или радиус в один пиксель. [31:28] Да, мы сделаем радиус в один пиксель. Я просто сделаю это, чтобы убедиться, что я примерно совпадаю по размеру с сдвинуть этот текст внутрь. [31:49] делает его немного неровным. Текст на нашей кнопке, допустим, « неровным. Текст на нашей кнопке, допустим, « [32:13] белым размером 18 пикселей, и это будет CL. Давайте просто скажем «забронируйте CL. Давайте просто скажем «забронируйте место», и мы можем поэкспериментировать с этим позже, но, может быть, 20, просто поиграем с [32:29] точными числами. Затем я центрировал этот текст, так что я могу нажать на эту центрировал этот текст, так что я могу нажать на эту кнопку или нажать Command+клик на фигуру кнопки, а затем нажать V, чтобы переключиться на инструмент перемещения, и просто убедиться, что он [32:41] инструмент перемещения, и просто убедиться, что он эти блоки можно сократить, и поскольку это скругленный прямоугольник, хотя радиус и небольшой, мне нужно выделить все четыре нижние [32:56] точки, перетащить его вверх и сделать то же самое с нашим нижним [33:25] Хорошо, я попробую сделать что-то вроде зеленой кнопки, чтобы попробую сделать что-то вроде зеленой кнопки, чтобы зеленой на странице, чтобы она выделялась [33:42] больше. Я просто выберу что-нибудь, на что не стоит тратить слишком много времени, не стоит тратить слишком много времени, а затем сделаю Я хочу, чтобы обводка была немного темнее, и я просто сдвину её на один [33:56] темнее, и я просто сдвину её на один пиксель тень, которая будет спускаться на три пикселя вниз. Я просто хочу немного увеличить высоту этой кнопки, поэтому я сделаю [34:15] её немного темнее и увеличу потому что моя обводка снаружи делает кнопку странной, поэтому я перемещу обводку внутрь. Вот так. Хорошо, [34:36] свечение. Я немного обведу все стороны, установлю белый цвет и просто уменьшу я хочу более четкую линию, более сильный блик по всей [34:54] верхней части. И их должно быть два, потому что они должны выступать под моей должны выступать под моей внутренней обводкой. Если бы я добавила только одну, она бы не была видна, потому что она была бы закрыта обводкой. [35:14] обводка или наша тень значительно светлее или темнее, извините, чем наша Обводка, из-за которой [35:27] и я также добавлю небольшой градиент. Я установлю белому, а затем уменьшу его до 10 [35:43] это выглядит хорошо. Давайте сохраним документ, прежде чем я потеряю свою документ, прежде чем я потеряю свою работу. Я просто назову его « [36:01] Мастерская». И давайте добавим тень к этому тексту. Один пиксель. Ноль пикселей. Это создаст впечатление, что текст выходит за пределы экрана кнопки. А я хочу, чтобы [36:15] отключу «Глобальное освещение» и изменю его на « минус минус 90°», а затем уменьшу непрозрачность. Выглядит отлично, [36:32] Давайте добавим еще немного сюда. Давайте перейдем в сюда. Давайте перейдем в [36:47] текста. Давайте посмотрим, о чем мы можем поговорить. Давайте посмотрим, о чем мы можем поговорить. Небольшие преимущества Это онлайн- мастер-класс, или вот несколько подробностей: я добавлю немного [37:03] текста и воспользуюсь шрифтом, который мне нравится, он называется Architect's Daughter, его можно найти бесплатно в интернете, просто поищите его в Google. бесплатно в интернете, просто поищите его в Google. [37:42] давайте сделаем 14. Нам нужно уменьшить высоту строки, скажем, до высоту строки, скажем, до 18, а затем я хочу выровнять текст по правому краю. [38:04] необходимости необходимости в билетах PL, [38:25] неудобных гостиничных кроватях. Это кажется хорошим аргументом в пользу проведения онлайн- [38:39] эти переносы строк вручную, и это просто неудобно, когда я меняю текст, пытаясь понять, где он должен переноситься. Поэтому я скопирую весь должен переноситься. Поэтому я скопирую весь этот текст, а затем удалю это [38:53] текстовое поле, а затем просто перетащу его мышью. На этот раз вместо щелчка я этот раз вместо щелчка я перетащила, и теперь я могу... Э-э, текст автоматически перенесется на другую сторону, [39:35] дизайнерами. Я просто пытаюсь показать Я отключу дефис (8), потому что он мне не нравится, и потому что он мне не нравится, и пообщаемся с другими [39:49] дизайнерами. Отлично, пока все хорошо. Теперь я хочу добавить маленькие стрелки, указывающие... Давайте решим, должны ли они указывать в мастерскую или из нее. На [40:05] преимущества... Мы можем попробовать оба варианта, если вам интересно. Итак, давайте создадим новый слой, переключимся на кисть. У меня она уже выбрана. Итак, я возьму одну из этих кистей для сухих материалов. Где они? [40:20] Они идут в комплекте с кистями для сухих материалов в Photoshop. Вот она. У меня выбрана одна из них, вот такая, с эффектом потертости. [40:33] представление о том, как она выглядит. И я начну доставать палитру кистей и начну ее корректировать. Итак, давайте значительно уменьшим размер. может быть, восемь пикселей, чтобы просто почувствовать, как это будет [40:49] выглядеть. Это слишком слишком стилизовано. А что, если мы отключим рассеивание? стилизовано. А что, если мы отключим рассеивание? Нет, это все еще выглядит [41:01] странно. Текстура... Так что теперь здесь недостаточно всего. Давайте перейдем к текстуре и текстуре и посмотрим. Нет, я не хочу пробовать новый узор. [41:16] посмотрим. Нет, я не хочу пробовать новый узор. Выйдем из этого. Вот так. Я отключила текстуру, и это довольно хорошо. Итак, я рисую на этом [41:28] новом слое, а затем просто нажимаю «Отменить», когда мне не нравится результат. Поэтому я собираюсь уменьшить это до трех пикселей и попробовать [41:40] еще раз. Давайте немного поднимемся, может быть, до четырех стрелка, я довольна ею. Теперь я выберу цвет — светло- серый. И я на самом деле не буду рисовать эти стрелки от руки вот так, потому что [41:57] собиралась сказать вам, что они выглядят не очень хорошо, когда я так делаю, но эта выглядит покажу вам другой способ, который я... Чтобы нарисовать контур, нужно нажать клавишу P на [42:09] клавиатуре, затем щелкнуть и удерживать её. Это затем щелкнуть и удерживать её. Это позволит нарисовать контур, как [42:21] вы видите. Затем я использую клавишу Option, чтобы преобразовать его имеет кривую, а этот – нет. Теперь, выбрав кисть, я перейду [42:36] в «Контуры», щёлкну правой кнопкой мыши и выберу «Обводка контура», включив функцию имитации давления. У него получилась [42:48] красивая обводка. Единственное, чего мне не хватает, это последней линии стрелки. Я могу просто нарисовать её сам. Причина, по которой я этого не сделал, я покажу вам на следующем рисунке. Давайте [43:05] скажем, к стрелке номер два, и создадим новый [43:17] соединено. Если бы я хотел нарисовать стрелку, я бы щёлкнул и удерживал её, добавив небольшую кривую к нашей [43:29] стрелке. Я собирался показать вам кое-что ещё. Если я просто кое-что ещё. Если я просто щёлкну, мне нужно будет переместить эту сторону сюда, а я не могу сделать это напрямую, поэтому вы увидите, что мне придётся вернуться, [43:42] а затем немного подправить это на место, и это нормально, рисовать их по отдельности. В любом случае, я сделаю это с помощью кривой, и я могу вернуться и подправить [43:57] любой из этих маркеров, удерживая клавишу Control или Command, выбрав их, а затем выбрав «Контуры», «Обводка контура», я могу отключить эту функцию, переключиться обратно на инструмент «Перо» и просто добавить недостающий [44:24] не на своём месте, поэтому я собираюсь удалить её, продублировать, открыть и немного повернуть, чтобы она выглядела немного по- [44:41] другому, немного подправить и сохранить. Итак, у нас есть проверяю всё. Здесь написано, что это событие в реальном времени, это всё. Здесь написано, что это событие в реальном времени, это хорошо. Текстовые детали и [44:56] точное форматирование будут работать с CSS. Кнопка покупки, и это выглядит CSS um a purchase button and that looks good