Уроки по теме «вёрстка» для начинающих
В каталоге хекслета найдено 61 урок по теме «вёрстка». Уроки по теме «вёрстка» есть в курсах: CSS: Адаптивность сайта, CSS: Transform (трансформация объектов), CSS: Вёрстка на Grid, HTML: Препроцессор Pug, CSS: Позиционирование элементов, SASS: Программирование, Основы HTML, CSS и веб-дизайна, SASS: Основы работы.
Урок «Элементы, теги и атрибуты»
В курсе «Основы HTML, CSS и веб-дизайна»
Изучить простую идею HTML и структуру элементов страницы.
Урок «Знакомство с HTML»
В курсе «Основы HTML, CSS и веб-дизайна»
Познакомиться с HTML и попробовать его в деле.
Урок «Chrome DevTools»
В курсе «Основы HTML, CSS и веб-дизайна»
Познакомиться с Developer Tools и веб-инспектором, удобным инструментом для анализа и редактирования страницы прямо в браузере.
Урок «Основы CSS»
В курсе «Основы HTML, CSS и веб-дизайна»
Научиться задавать оформление — стили — элементам HTML-страницы.
Урок «Верстальщик vs. веб-дизайнер»
В курсе «Основы HTML, CSS и веб-дизайна»
Познакомиться с курсом и рассмотреть специальности «верстальщик» и «веб-дизайнер» в контексте развития технологий.
Урок «Размещение на GitHub Pages»
В курсе «Основы HTML, CSS и веб-дизайна»
Освежить память по теме хостинга и разместить статичную страницу бесплатно на GitHub Pages.
Урок «div, span и display»
В курсе «Основы HTML, CSS и веб-дизайна»
Познакомиться с принципами, по которым элементы выводятся на страницу и получают определённый размер.
Урок «Каскад»
В курсе «Основы HTML, CSS и веб-дизайна»
Понять принцип, по которому стили собираются в один набор из разных источников.
Урок «Правило близости»
В курсе «Основы HTML, CSS и веб-дизайна»
Рассмотреть один из базовых принципов дизайна: правило близости или grouping/proximity principle.
Урок «Интеграция с соц. сетями и семантический веб»
В курсе «Основы HTML, CSS и веб-дизайна»
Рассмотреть инструменты разметки для лучшей интеграции с социальными сетями.
Урок «Структура страницы»
В курсе «Основы HTML, CSS и веб-дизайна»
Рассмотреть полную структуру целого HTML-документа, видимые и невидимые теги.
Урок «Относительное позиционирование»
В курсе «CSS: Позиционирование элементов»
Научиться использовать относительное позиционирование и узнать его особенности
Урок «Относительное и абсолютное позиционирование»
В курсе «CSS: Позиционирование элементов»
Узнать о связи абсолютного и относительного позиционирования. Научиться абсолютно позиционировать элемент относительно другого блока
Урок «Фиксированное позиционирование»
В курсе «CSS: Позиционирование элементов»
Научиться позиционировать элемент относительно самого браузера
Урок «Наложение элементов»
В курсе «CSS: Позиционирование элементов»
Узнать о наложении элементов, связи позиционирования и наложения
Урок «Абсолютное позиционирование»
В курсе «CSS: Позиционирование элементов»
Узнать о том, как выдернуть элемент из нормального потока
Урок «Поток документа»
В курсе «CSS: Позиционирование элементов»
Узнать о том, как браузеры отображают HTML, что такое нормальный поток документа
Урок «Введение»
В курсе «CSS: Позиционирование элементов»
Узнать о курсе
Урок «Плавающие элементы»
В курсе «CSS: Позиционирование элементов»
Узнать о плавающих элементах и их особенностях
Урок «Медиазапросы и другие устройства»
В курсе «CSS: Адаптивность сайта»
Узнать о том, для каких устройств возможно применять свои стили.
Урок «Flex»
В курсе «CSS: Адаптивность сайта»
Узнать о возможностях Flex при создании адаптивных макетов.
Урок «Медиазапросы»
В курсе «CSS: Адаптивность сайта»
Познакомиться с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries
Урок «Viewport»
В курсе «CSS: Адаптивность сайта»
Узнать о мета-теге viewport и как он помогает в адаптивности.
Урок «Гибкие элементы»
В курсе «CSS: Адаптивность сайта»
Познакомится с вёрсткой с использованием процентов.
Урок «Проверка адаптивности сайта»
В курсе «CSS: Адаптивность сайта»
Узнать о том, как проверить ваш сайт на различных устройствах.
Урок «Введение»
В курсе «CSS: Адаптивность сайта»
Узнать о курсе, посвящённом адаптивной вёрстке
Нашли 8 курсов по тегу «вёрстка»
CSS: Адаптивность сайта
Viewport
Гибкие макеты
Media Queries
7 часов
Посмотреть
CSS: Transform (трансформация объектов)
CSS Transforms
CSS перспектива
7 часов
Посмотреть
CSS: Вёрстка на Grid
вёрстка
CSS Grid
6 часов
Посмотреть
HTML: Препроцессор Pug
Шаблонизатор
вёрстка
Миксины
9 часов
Посмотреть
CSS: Позиционирование элементов
позиционирование
HTML-элементы
вёрстка
9 часов
Посмотреть
SASS: Программирование
Препроцессоры CSS
Функции SASS
7 часов
Посмотреть
Основы HTML, CSS и веб-дизайна
Developer Tools
Веб-дизайн
5 часов
Посмотреть
SASS: Основы работы
Препроцессоры CSS
Миксины
4 часа
Посмотреть
Вам могут быть интересны темы: Веб-дизайн CSS Grid CSS перспектива Viewport Шаблонизатор GitHub Pages CSS3 Миксины Developer Tools позиционирование HTML-элементы Трёхмерные объекты CSS адаптивность SCSS Расширение CSS Гибкие макеты Анимации Функции SASS CSS Transforms HTML HTML5 Препроцессоры CSS Media Queries Циклы SASS Pug SASS Сетки CSS Flex
HTML CSS верстка сайта Портфолио — ВебКадеми
Главная » HTML, CSS
HTML, CSS
На чтение 2 мин Просмотров 2. 1к. Опубликовано
В этом курсе вы сверстаете свой первый сайт на HTML и CSS. Он будет многостраничным, и адаптированным под просмотр на мобильных устройствах. Мы будем работать с дизайн макетом из программы Figma. Современный, легкий и более удобный аналог фотошопа, который не требует установки и работает прямо в браузере.
Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт.
Файлы с макетом для верстки
Чтобы получить файлы макета и готовой верстки, необходимо подписаться на курс: http://webcademy.ru/htmlsite/
1. Настройка редактора, знакомство с версткой. Уроки по верстке сайта Портфолио HTML CSS
В этом уроке познакомимся с основами HTML и CSS, которые пригодятся нам для верстки данного макета.
youtube.com/embed/7J2gZTTC-N0?feature=oembed» frameborder=»0″ allow=»accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture» allowfullscreen=»»>2. Верстка Шапки сайта. Уроки по верстке сайта Портфолио HTML CSS
Верстаем HTML шапку сайта. Делаем фоновое изображение через CSS на весь блок.
3. Верстка секции Портфолио. Уроки по верстке сайта Портфолио HTML CSS
Верстаем секцию Портфолио с работами на сайте. Делаем заголовок секции и размещаем карточки с работами в ряд.
4.
Верстка Подвала. Уроки по верстке сайта Портфолио HTML CSSВерстаем подвал сайта. Размещаем копирайт и ссылки на социальные сети.
5. Внутренняя страница для сайта. Уроки по верстке сайта Портфолио HTML CSS
Создаем внутренние страницы сайта для каждой отдельной работы.
6. Мобильная адаптация сайта. Уроки по верстке сайта Портфолио HTML CSS
Делаем мобильную верстку, пишем медиазапросы в CSS чтобы сайт хорошо отображался на мобильных устройствах, телефонах и планшетах.
7. Видео обложка для сайта Плавная прокрутка. Уроки по верстке сайта Портфолио HTML CSS
Добавляем видеообложку в шапку. Делаем сайт более динамическим и привлекательным.
Оцените автора
уроков веб-дизайна | Webflow University
University
Попробуйте Webflow — это бесплатно
Аккаунт
Библиотека уроков
Вернуться к домашнему уроку
Просмотрите сотни видео и статей, которые помогут вам изучить Webflow, веб-дизайн, веб-разработку и многое другое.
Начало работы
Познакомьтесь с основными понятиями HTML и CSS, блочной моделью, пользовательским интерфейсом Webflow Designer и многим другим.
Автомаржа
Ярлыки точек останова
Руководство клиента по редактору: вкладка «Коллекции»
Руководство клиента по редактору: настройки электронной торговли
Руководство клиента по редактору: вкладка «Электронная торговля»
Руководство клиента по редактору: Введение
Руководство клиента по редактору: Вкладка «Заказы»
Руководство клиента по редактору: вкладка «Страницы»
Клонировать сайт в Webflow
Добавить в Marketplace
Панель инструментов
Иерархия элементов
Эксперты
Структура HTML
Intro to HTML & CSS
Intro to CMS Editor
Intro to The Designer
Intro в модель коробки
.
Панель навигатора
Планы и цены
Публикация
Быстрый поиск
Журнал активности сайта
Обзор холста Webflow
Элементы
Как использовать и настраивать базовые элементы структуры, тип, носитель, формы и готовые компоненты.
Добавить элементы панели
Добавить цитату блока на страницу
Добавить поле recaptcha
Добавить фоновое видео
Добавить в корзину
Усовершенствованный стиль кнопок
Альт Текст для изображений
.
Создание анимации After Effects для загрузки по щелчку
Встроенный переключатель фонового видео
Button
Cart overview
Checkboxes, radio buttons, and select inputs
Columns
Components
Container
Copy and paste between sites
Create a UI kit
Custom attributes
Custom code
Div блок
Выпадающий список
Загрузка файла формы
Отправка формы
Заголовок
Как установить Bodymovin
Типы файлов изображений
РЕЗУЛЬТАЦИЯ ИЗОБРАЖЕНИЯ
Lightbox
Блок ссылки
Настройки ссылки
Lottie Animation
NAVBAR
Кнопка MENU NAVBAR
СПЕЦИЯ
Раздел
Раздел
Секция
9 теги
Поиск по сайту
Слайдер
Социальные сети
Текстовая ссылка
Использование текстовых блоков в Webflow
Инструмент преобразования WebP
Видео на YouTube
Макет и дизайн
Основы веб-разработки, макет, стилизация с помощью классов, взаимодействия, адаптивный дизайн, 3D и взаимодействия.
Абсолютное позиционирование
Передовое текстовое выделение с использованием внутренней тени
Применить значение z-индекса
Файт-фильтры
Фоны
Режим смешивания
Borders
Shadow
.
Создание всплывающего окна с фиксированным позиционированием
Создание липкого нижнего колонтитула с использованием flexbox
Создание веб-сайта электронной книги
Создание флип-карт с преобразованиями
Встроенное переключение фонового видео
Центрирование элементов 90 flexbox
03
Вырезать содержимое с использованием режимов наложения
Вырезать изображение в текстовый диапазон
Совместная работа в Webflow Designer
Палитра цветов
Цветовые значения
Компоненты
Создайте пользовательский предварительный заказ в Webflow
Создайте выпадающий в аккордеон стрелку
Создание градиентных фонов
Создание вращательного параллакса в слоистых изображениях
Создайте пользовательский аккордеон
. отображает в Webflow
Настройки дисплея
Эффекты
Включить 3D-элементы
Включить относительное положение
Убедитесь, что ваш текст соответствует стандартам цветовой контрастности
Равная высота макеты с Flexbox
Глубина преувеличивания с Z-Scale
Figma To Webflow Плагин
Фильтры
Фиксированное позиционирование
Flexbox
Greadbox против Grid
Фракционное блок (FR). Обзор
Gradient Gradient
3.
Области сетки
Теги HTML
Скрытие элементов на разных контрольных точках
Горизонтальное перемещение при прокрутке
Горизонтальное прокручивание
Увеличение изображения при наведении
встроенный текстовый форматирование
Входные значения и единицы
Интерполяция, облегчение и сглаживание
Intro к адаптивному дизайну
Устанистые взаимодействия 1,0
Рабочечные параграфы с использованием CH Unit
Libraries
. keys
Neumorphic button
Opacity
Outlines
Overflow: hidden
Перекрытие контента в адаптивной сетке
переопределить курсор по умолчанию для элементов
Разветвление
ПАРАЛЛАКС
Установить высоту строки по умолчанию
Установить фоновые изображения
Интервалы
Содержимое сетки
Стартовая библиотека
States
Стиль формы
Стиль менеджер
Стиль по точкам перерыва
Стиль Стиль Первый, Последний, Необычный, даже предметы в вашем CMS
Стиль. Проверка нескольких значений ширины между контрольными точками
Заливка текста
Тень текста
Обзор наследования стилей текста
Преобразования
Переходы
Превращение списка коллекции в адаптивную сетку
Типографика
Использование образцов для согласованного цвета
Использование текстовых столбцов в Webflow
Взаимодействия и анимация
Основы Интернета, макет, стилизация с помощью классов, взаимодействия, адаптивный дизайн, 3D и взаимодействия.
3D-движение и параллакс
Введение в курс After Effects и Lottie
Анимация пользовательского баннера
Анимация при просмотре
Анимация при прокрутке
Cinema 4D в Webflow
Создать 2,5D эффект
Включить взаимодействие Jello
Горизонтальная прокрутка
Intro с взаимодействиями
Lottie Animation
Lottie Opreview
Show & Hide On Scroll
Page Loader Animation Animation
. при наведении
Отображение при прокрутке
Поворот при наведении курсора
Индикатор выполнения прокрутки
Отображение и скрытие при нажатии
Триггеры и анимация
Logic
Добавить подписчиков MailChimp с Logic
Создание Airtable Records с логикой
Создание контактов HubStp с логикой
Обзор Logic
Make HTTP -запросы
CMMS & Dynamic Content
Systems Systems Systems Dynemb контент, редактор и CMS API.
Создание и дизайн генератора целевых страниц
Коллекции CMS
Обзор элементов коллекции
Список сбора
Страницы сбора
Цветовое поле
Условная видимость
Создание и импорт данных из CHATGPT
Пользовательский код в CMS
Дата/Поле времени
Динамическое ограничение содержимо field
Export Collection content
File field
Filter Collection lists
Image field
Import элементы коллекции
Intro to Webflow CMS
Intro в динамический контент
Intro to CMS Editor
Вступление в Webflow API
Списки сбора ограничений
Ссылка
Migrate CMS Collect Изменение коллекции
Обзор поля с несколькими изображениями
Поле с несколькими ссылками
Списки Nest Collection
Обзор поля номера
Обзор поля опций
Списки сборах с планами
Обзор поля телефона
Обзор простых текстовых поля
Справочное поле
Богатый текстовый поле
Планированная публикация
Настройка RSS FEED
СОЕДИТЕЛЬНЫ в пользовательский код встраивается
Использование полей коллекции для создания пользовательских коллекций
Электронная торговля
Настройки электронной торговли, разработка продуктов и других страниц электронной торговли, запуск интернет-магазина.
Принимать заказы электронной торговли без оплаты
Добавлять корзину покупок на каждую страницу вашего сайта электронной торговли
Добавлять товары и категории и управлять ими
Добавить в корзину
Добавление кодов скидок в Webflow Ecommerce
Настройка налогов электронной торговли
Настройка заказов для которых не требуется доставка
Настройка способов доставки для разных зон доставки
Подключение к платежному шлюзу
Создание кнопки добавления в корзину
Создание вариантов продукта
Настройка электронной почты Ecommerce
Настройка корзины для покупок и проверки оформления
Настройка кнопки Cart
Design Your Store
Цифровые загрузки
Включить веб -платежи
ИМПОРТЫ И ВАРИНГИ
SYNENTORY SYNERC
ИМПОРТЫ И ВАРИНГИ
SYNENTORY SYNERC
Syncentory
.
Запуск интернет-магазина
Вкладка «Заказы»
Обзор коллекций электронной торговли
Обработка и управление заказами
Запуск распродажи в магазине
Настройка покупок в Instagram
Настройка интернет-магазина Webflow
Синхронизация товаров с менеджером каталогов Facebook
Синхронизация товаров с Google Merchant Center
Отслеживание запасов
Обзор Webflow Hosting3 и кода электронной коммерции
export
Подключение домена к GoDaddy или другим провайдерам DNS, выставление счетов клиентам и переадресация 301.
Пропускная способность
Купить личный домен
Предварительный просмотр CSS
Экспорт кода
Подключение личного домена
Подключение субдомена
Подключение вашего домена к Webflow
Подключение личного домена | Bluehost
Подключение личного домена | Cloudflare
Подключение личного домена | DNSimple
Подключение личного домена | Domain.com
Подключение личного домена | Домены — это просто
Подключение личного домена | GoDaddy
Подключение личного домена | Недорого
Подключение личного домена | Web.com
Подключение личного домена | Ionos
Управление планами сайтов
SSL хостинг
Установите домен по умолчанию
SET ROY DOMEN в качестве домена по умолчанию
Слишком много перенаправления ошибки
ПЕРЕВОДА между сайтами
. Проблемы веб -сайта. Устранение неполадок в настройках DNS
Подтверждение владения доменом
Планы сайта веб-потока
SEO
301 перенаправления
Alt Text для изображений
Стратегия контента
Дизайн, управляемый контентом,
Google Anlighticts
. Verification
Платные по имени. и информационная архитектура
Специальные возможности
Доступные элементы в Webflow
Альтернативный текст для изображений
Встроенный переключатель фонового видео
Знакомство с панелью аудита
Сделайте свой сайт более доступным
Типографика
Инструмент предварительного просмотра Vision
Шаблоны
Понимание того, как работают шаблоны, лицензии на шаблоны и становление дизайнером шаблонов.
Шаблон Creative Market
Шаблоны Shared Workspace
Шаблон ThemeForest
Обзор шаблонов Webflow
Настройки проекта
Пользовательские шрифты, резервные копии, экспорт кода, настройки страницы, SEO и защита паролем.
404 страница с ошибкой
Добавить SEO-заголовок и метаописание
Добавить шрифты Google
Дополнительные параметры публикации
Назначить новую домашнюю страницу код в тегах head и body
Пользовательские заголовки безопасности
Отключение индексации поисковыми системами
Черновики страниц
Дублирование, перенос или удаление сайта
Редактор Брендинг
Favicons and Touch Icons
Prefix HREF
Приглашение редакторов контента
Настройки открытого графа
Организуйте свой сайт с помощью страниц
Page Urls
Page Pane Overview
. index
Сохранение и восстановление резервных копий
Установка часового пояса в Webflow
Установка кода языка вашего сайта
Поделитесь ссылкой только для чтения
Демонстрация сайта
Пароли сайтов и страниц
Карта сайта
Загрузка пользовательских шрифтов
Брендинг Webflow
Учетная запись и выставление счетов
Выставление счетов, настройки электронной почты, пароль и безопасность, планы и другие темы учетной записи.
Устранение проблем с платежами по кредитным картам
Форма 1099-K
Присоединение к партнерской программе Webflow0003
Изменить пароль учетной записи. аккаунт
Переход в Workspaces
Двухфакторная аутентификация
Обновите данные кредитной карты
Обновите адрес электронной почты
Биллинг Webflow
Пользователи
Обзор членства
Подписки
Адреса электронной почты учетных записей пользователей
Обзор страниц пользователей
Не нашли то, что искали?
Посетите форум Webflow
Посетите список желаний Webflow
Продемонстрируйте сайт | Webflow University
В этом видео используется старый пользовательский интерфейс. Скоро будет обновленная версия!
Вы можете продемонстрировать любой из своих замечательных сайтов в своем профиле создателя, чтобы его увидел весь мир. Сайты рабочей области отображаются либо в вашем личном профиле создателя, либо в профиле создателя рабочей области, а также в разделе «Сделано в Webflow». Узнайте больше о разрешениях на публикацию Made in Webflow для рабочих областей.
Примечание: Для демонстрации вашего сайта на Made in Webflow требуется платный план (план сайта или план рабочей области).В этом уроке вы узнаете:
- Как представить свой сайт на странице Made in Webflow
- Как настроить страницу Made in Webflow для вашего сайта
- Как удалить свой сайт из Made in Webflow
Как продемонстрировать свой сайт на Made in Webflow
Вы можете продемонстрировать любой из своих сайтов, независимо от того, находятся ли они в вашей личной панели управления или в рабочей области. Чтобы продемонстрировать сайт:
- Откройте свои настройки > General Tab
- Свиток , сделанный на веб -пофере . должен быть опубликован на поддомене webflow.io. Если вы отмените публикацию вашего сайта, он также будет удален из списка Made in Webflow. Примечание: Если вы хотите продемонстрировать сайт на Made in Webflow, сначала сделайте свой личный профиль или профиль создателя Workspace общедоступным. Подробнее о профилях авторов.
Как настроить страницу «Сделано в Webflow» для вашего сайта
Заполните сведения о вашем сайте:
- Выберите владельца/рабочее пространство в раскрывающемся списке «Выбрать владельца»
- Выберите личность/профиль, который публикует сайт в Опубликовать как раскрывающийся список (если вы выбрали рабочую область в качестве владельца)
- Выберите сайт, который вы хотите добавить в Made in Webflow в Выберите сайт
- Дайте демонстрируемому сайту Название
- Добавьте Описание
- Добавьте Теги , чтобы помочь людям найти ваш сайт (например, «минимальный», «красочный», «анимационный» и т. д.)
- Загрузите миниатюру предпочитаемого сайта на изображение миниатюры изображение раздела
Разрешения на публикацию для Made in Webflow
Только участники рабочей области с определенными разрешениями на публикацию могут добавлять сайт в Made in Webflow.
Разрешения на публикацию на уровне рабочей области для Made in Webflow
Эти разрешения на уровне рабочей области доступны только в планах Core, Growth и Enterprise Workspace. Узнайте больше о разрешениях на уровне рабочей области.
- Роль владельца рабочей области: Может публиковать сайт в своем личном профиле создателя или в профиле создателя рабочей области
- Роль администратора рабочей области: Может публиковать сайт в профиле создателя рабочей области. Разрешения на публикацию на уровне сайта для Made in Webflow
Эти разрешения на уровне сайта доступны только в планах Growth и Enterprise Workspace. Узнайте больше о разрешениях на уровне сайта.
- Роль администратора сайта: Может обновлять, удалять и публиковать сайт в профиле создателя Workspace
- Может создавать и публиковать роль: Может обновлять, удалять и публиковать сайт в профиле создателя Workspace
- Может создавать: Нет разрешений на обновление , удалить или опубликовать сайт в Made in Webflow
- Может создавать (ограничено): Нет разрешений на обновление, удаление или публикацию сайта в Made in Webflow
Включить клонирование сайта
Если вы создали классный сайт или какие-то классные компоненты пользовательского интерфейса, которыми вы хотите поделиться с другими дизайнерами, вы можете включить Разрешить другим клонировать этот сайт . Узнайте больше о клонируемых сайтах.
Примечание: Любой сайт, представленный на Made in Webflow, должен быть опубликован на поддомене webflow.io. Если вы отмените публикацию вашего сайта, он также будет удален из списка Made in Webflow.После настройки всех параметров витрины нажмите Продемонстрировать свой сайт .
Страница вашего сайта «Сделано в Webflow»
После того, как вы продемонстрируете свой сайт, вы попадете на страницу своего сайта «Сделано в Webflow».
Как получить доступ и отредактировать список Made in Webflow вашего сайта
Вы можете получить доступ к списку вашего сайта Made in Webflow из профиля создателя, из которого вы им поделились (личный профиль или профиль создателя Workspace), или скопировав ссылку на свой сайт Made in Webflow страница.
Вы также можете отредактировать свой сайт в списке «Сделано в Webflow», выбрав «Настройки сайта» > вкладка «Общие » > «Сделано в Webflow », а затем нажав «Редактировать общедоступную страницу».
Опция Редактировать сайт также доступна в правом верхнем углу страницы вашего сайта «Сделано в Webflow».
Как переместить сайт Made in Webflow между вашими профилями
В любое время вы можете обновить профиль создателя (личный или Workspace), в котором демонстрируется ваш сайт. Имейте в виду, что ваш профиль создателя должен быть общедоступным, прежде чем вы сможете демонстрировать в нем сайты.
Чтобы переключить свой сайт между профилями создателя:
- Перейдите на Настройки сайта > General вкладка> Сделано в Webflow
- Нажмите РЕДАКТИРОВАТЬ Public Page
- ОБНОВЛЕНИЕ. Важно: При использовании раскрывающегося списка Опубликовать как для изменения профиля создателя, которому демонстрируется ваш сайт, сохраняются все метаданные (лайки, клоны и просмотры), связанные с этим сайтом.