Уроки верстки сайта: Уроки вёрстки с нуля? — Хабр Q&A

20.01.2022 Разное

Содержание

Уроки по теме «вёрстка» для начинающих

В каталоге хекслета найдено 61 урок по теме «вёрстка». Уроки по теме «вёрстка» есть в курсах: CSS: Вёрстка на Grid, CSS: Transform (трансформация объектов), CSS: Адаптивность сайта, CSS: Позиционирование элементов, HTML: Препроцессор Pug, SASS: Программирование, Основы HTML, CSS и веб-дизайна, SASS: Основы работы.

Урок «Chrome DevTools»

В курсе «Основы HTML, CSS и веб-дизайна»

Познакомиться с Developer Tools и веб-инспектором, удобным инструментом для анализа и редактирования страницы прямо в браузере.

Урок «Знакомство с HTML»

В курсе «Основы HTML, CSS и веб-дизайна»

Познакомиться с HTML и попробовать его в деле.

Урок «Элементы, теги и атрибуты»

В курсе «Основы HTML, CSS и веб-дизайна»

Изучить простую идею HTML и структуру элементов страницы.

Урок «Основы 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: Вёрстка на Grid

вёрстка

CSS Grid

6 часов

Посмотреть

CSS: Transform (трансформация объектов)

CSS Transforms

CSS перспектива

7 часов

Посмотреть

CSS: Адаптивность сайта

Viewport

Гибкие макеты

Media Queries

7 часов

Посмотреть

CSS: Позиционирование элементов

позиционирование

HTML-элементы

вёрстка

9 часов

Посмотреть

HTML: Препроцессор Pug

Миксины

Шаблонизатор

9 часов

Посмотреть

SASS: Программирование

Препроцессоры CSS

Функции SASS

7 часов

Посмотреть

Основы HTML, CSS и веб-дизайна

Developer Tools

Веб-дизайн

5 часов

Посмотреть

SASS: Основы работы

Препроцессоры CSS

Миксины

4 часа

Посмотреть

Вам могут быть интересны темы: Веб-дизайн CSS перспектива CSS Grid 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-разметку текста и написать сам текст. Всё остальное служит для улучшения эффективности сайта, то есть чтобы сайт нравился людям, то необходимо нарисовать красивый дизайн; чтобы сайт был многофункциональным и динамичным — необходимо установить сервер и написать на языке программирования PHP код; чтобы сайт начали находить в поисковиках Google, Yandex и т.д. — необходимо грамотно и структурировано составить текст. Поэтому мы начинаем изучать создание сайтов с верстки сайтов, а именно написанию HTML-разметки.

Данный курс рассчитан как обязательный для всех

. Уроки подойдут абсолютно всем, так как сложность будет расти по мере изучения основы html, а решать будем типовые задачи верстальщика на html примерах, и если до этого момента вы были чайником, то по окончанию курса вы без труда сможете ответить на вопрос «как сделать сайт html». Так же в этом курсе мы поверхностно изучим Photoshop — программа для работы с изображениями, это будет минимальный пакет джентльмена, необходимый для любого верстальщика.

На последнем уроке мы сверстаем готовый HTML шаблон (готовый макет/дизайн сайта), а последним домашнем заданием будет самостоятельно выбрать из доступных шаблонов и сверстать полностью с нуля до конечного продукта!

Что такое HTML программирование? Создание сайтов в интернете начинается с дизайна. Дизайнер создаёт дизайн, который необходимо перевести в программный код: навигация, ссылки и кнопочки должны нажиматься, картинки должны быть независимыми с возможностью сохранять на компьютере, текст удобный и грамотно оформленный, его обязательно захотят выделить и сохранить для себя. Всем этим и занимается верстальщик, а именно пишет HTML разметку кода и CSS стили.

0.1

Вступительный урок: веб-разработчик изнутри

Кто занимается созданием сайта, какие профессии и какова их роль, Какие сайты по типу технического и графического решений можно выделить, Основная терминология при создании сайта

0.2

Устанавливаем необходимые программы

Установка браузеров, FileZilla, Skype, TeamViewer, Настройка Skype и панели задач, Установка веб-сервера Open-Server, Установка среды разработки IDE PHPStorm

1

Начинаем изучать HTML, теги, атрибуты тегов и их свойства

Верстка и её предназначение, Использование . html и .css файлов, Верстка как способ общения с поисковиками

2

Структура HTML: Doctype, head, body

Структура HTML: Doctype, head, body, Блок-пустышка div и его взаимодействие с тегами p и h2, Использование блока head, кодировки и файла normalize.css

3

Навигация и ссылки

Ссылки, Формат ссылок, Ссылки в SEO, Дочерний селектор: .class .subclass

4

Графика в вебе, img, background-image, CSS-спрайты

Пиксели как минимальная единица измерения, Разница между растровой и векторной графикой, img и background-image, CSS-Спрайты для сайтов

5

Блочная верстка сайтов

Верстка сайтов при помощи блоков, Структура сайта: header, nav, main, aside, footer, Современная верстка колонок через блоки, Псевдоэлементы :after и :before

6

Таблицы, слои и позиционирование

Верстка табличных данных через таблицу

7

Типы верстки: табличная, блочная и адаптивная

Изучаем современные типы верстки, Рассматриваем причину устаревания табличной верстки, Прогнозируем и готовимся к будущему верстки

8

Начинаем изучать Photoshop, нарезаем шаблон

Стандартные инструменты, Нарезка картинок

9

Продолжаем изучать Photoshop, работаем с подготовленными шаблонами

Слои, Прозрачный фон

уроков веб-дизайна | 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 для загрузки по щелчку

Встроенный переключатель фонового видео

Кнопка

Обзор корзины

Флажки, переключатели и выбор входных данных

Столбцы

Компоненты

Контейнер

Копировать и вставить между сайтами

Создание комплекта пользовательского интерфейса

Пользовательские атрибуты

Custom Code

Div Block

Выпадающие

Форма.

Как установить Bodymovin

Типы файлов изображений

Разрешение изображения

Лайтбокс

Блок ссылок

Настройки ссылок

Анимация Лотти

NAVBAR

Кнопка меню NAVBAR

Paragraph

Обзор насыщенных текстовых элементов

Скорость прокрутки

Раздел

Ссылка на раздел

Semantic HTML5 TAGS

SEAT Использование текстовых блоков в Webflow

Инструмент преобразования WebP

Видео YouTube

Макет и дизайн

Основы Интернета, макет, стилизация с помощью классов, взаимодействия, адаптивный дизайн, 3D и взаимодействия.

Абсолютное позиционирование

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

Применить значение z-Index

Файт-фильтры

Фоны

Режим смешивания

Borders

Shadow

.

Создание всплывающего окна с фиксированным позиционированием

Создание липкого нижнего колонтитула с использованием flexbox

Создание веб-сайта электронной книги

Создание флип-карт с преобразованиями

Встроенный переключатель на фоновых видео

Центральные элементы с Flexbox

Классы

Содержание клипа с использованием режимов смешивания

Изображение клипа в текстовый пролет

Совместно в дизайнере веб-потока

Цветные значения

Создание пользовательского предварительного загрузчика в Webflow

Создание стрелки «гармошка»

Создание градиентного фона

Создание параллакса вращения в многослойных изображениях

Создать пользовательский аккордеон

Создание липкой боковой панели

Пользовательское раскрывающееся меню

Дизайн для больших дисплеев в Webflow

Настройки дисплея

Эффекты

Включить 3D -элементы

Включить относительное положение

. Убедитесь, что ваш текстовый совет. стандарты

Макеты одинаковой высоты с flexbox

Преувеличение глубины с Z-шкалой

Плагин Figma to Webflow

Фильтры

Фиксированное позиционирование

Flexbox

Flexbox Vs. Grid

Обзор дробного блока (FR)

Градиент граница

Области сетки

Tags HTML

HOURSONTAL IMERISTING 3

9000.

9000.

9000. при наведении

Форматирование встроенного текста

Ввод значений и единиц измерения

Интерполяция, плавность и сглаживание

Введение в адаптивный дизайн

устаревшие взаимодействия 1,0

Разработанные параграфы с использованием CH Unit

Библиотеки

Управление Whitespace

Использование Arrow Keys

Neumorphic Button

Opitation

Outlines

Overflow: Hidden

Soplensive in in in in in in in in in in in in in in in in in in in in in in in in intronive in in in intronive in in in intronive in in in intronive

.

Переопределить курсор по умолчанию для элементов

Ветвление страницы

Параллаксное движение при прокрутке

Позиция

Быстрое дублирование

Quick effects

Responsive design & publish

Responsive images in Webflow

Reuse interactions

Semantic HTML5 tags

Set a default line height

Set background images

Spacing

Span grid content

Starter Library

Состояния

Формы стилей

Диспетчер стилей

Стиль по контрольным точкам

Стиль первых, последних, нечетных и четных элементов в CMS

Style Labels в Designer

Панель стиля Basic Math

Обзор панели панели стиля

Тест Многочисленные ширины между точками перерыва

Текстовые заполнения

Текстовые тени

. список в адаптивную сетку

Типографика

Использование образцов для согласованного цвета

Использование текстовых столбцов в Webflow

Взаимодействия и анимация

Основы Интернета, макет, стилизация с помощью классов, взаимодействия, адаптивный дизайн, 3D и взаимодействия.

3D Движение и Parallax

After Effects и Lottie Course Введение

Animate A Пользовательский баннер

Animate, когда он находится в виде

Animate при прокрутке

Cinema 4d Intercaction

.

Горизонтальная прокрутка

Введение во взаимодействия

Lottie Animation

Обзор Lottie

Navbar Show & Hide на Scroll

Animation Animation

Focus Focus. по клику

Триггеры и анимация

Logic

Добавить подписчиков Mailchimp с помощью Logic

Создать записи Airtable с помощью Logic

Создание контактов Hubspot с помощью Logic

Обзор логики

Создание HTTP-запросов

CMS и динамический контент

Настройки системы управления контентом, проектирование динамического контента, редактор и CMS API.

Создание и дизайн генератора целевых страниц

Коллекции CMS

Обзор элементов коллекции

Список коллекций

Страницы коллекций

Цветовое поле

Условная видимость

Создание и импорт данных из ChatGPT

Пользовательский код в CMS

Дата/Поле времени

Динамические ограничения содержимого

Динамически вставить видео

Поле электронной почты

Сбор сбора экспорта содержимое

Поле файла

Сбор сбора фильт

Знакомство с Webflow CMS

Знакомство с динамическим содержимым

Знакомство с редактором CMS

Знакомство с Webflow API

Ограничение списков сбора

Ссылка поля

Мигрировать коллекцию CMS

Мигрируйте от WordPress в Webflow CMS

Modify Asulity

Обзор поля с несколькими изображениями

Поле Multi-Reference Field

.

Списки коллекций с разбиением на страницы

Обзор поля телефона

Обзор поля обычного текста

Поле ссылки

Поле форматированного текста

Публикация по расписанию

Настройка RSS-канала

Сортировка списков коллекций

Поле переключения

Использование полей коллекций во встроенных кодах

Использование полей коллекций для создания пользовательских коллекций

Электронная торговля

страницы, запуск интернет-магазина.

Принимать заказы электронной торговли без оплаты

Добавить корзину для покупок на каждую страницу вашего сайта электронной торговли

Добавлять товары и категории и управлять ими

Добавить в корзину

Добавление кодов скидок в Webflow Ecommerce

Настройка налогов на электронную торговлю

Настройка заказов, не требующих доставки

Настройка способов доставки для разных зон доставки Кнопка «в корзину»

Создание вариантов продукта

Настройка электронной почты электронной коммерции

Настройка корзины покупок и оформления заказа

Настройка кнопки «Корзина»

Design Your Store

Цифровые загрузки

Включить веб -платежи

Импортные продукты и варианты

Инвентаризация Синхро store sale

Настройка покупок в Instagram

Настройка интернет-магазина Webflow

Синхронизация продуктов с Менеджером каталогов Facebook

Синхронизация продуктов с Google Merchant Center

Отслеживание запасов

Обзор электронной торговли Webflow

Хостинг и экспорт кода

Подключение домена к GoDaddy или другим поставщикам DNS, выставление счетов клиентам и переадресация 301.

Пропускная способность

Купить пользовательский домен

Предварительный просмотр CSS

Экспорт кода

Подключить личный домен

Подключить субдомен

Подключить свой домен к Webflow

Подключить личный домен | Блюхост

Подключение личного домена | Cloudflare

Подключение личного домена | DNSimple

Подключение личного домена | Domain.com

Подключение личного домена | Домены — это просто

Подключение личного домена | GoDaddy

Подключение личного домена | Namecheap

Подключение личного домена | Web.com

Подключение личного домена | iONOS

Управление планами сайта

SSL-хостинг

Установка домена по умолчанию

Установите root Domain в качестве домена по умолчанию

Слишком много ошибок перенаправления

Трансферный хостинг между сайтами

Устранение неполадок. Проблемы с производительностью веб -сайта

Проблемы безопасности веб -сайта

Устранение неполадок. Шаблоны

Понимание того, как работают шаблоны, лицензии на шаблоны и как стать дизайнером шаблонов.

Шаблон Creative Market

Шаблоны Shared Workspace

Шаблон ThemeForest

Обзор шаблонов Webflow

Настройки проекта

Пользовательские шрифты, резервные копии, экспорт кода, настройки страницы, SEO и защита паролем.

404 страница с ошибкой

Добавить SEO-заголовок и метаописание

Добавить шрифты Google

Дополнительные параметры публикации

Назначить новую домашнюю страницу0003

Пользовательский код в тегах головы и тела

Пользовательские заголовки безопасности

Отключить индексацию поисковой системы

Страницы

Дубликат, трансфер или удаление сайта

Редактор

Favicons и Touch Icons

Href Prefix

и Icons Touch

Href

и ICONS Touch

Href

и ICONS Touch

HREF

Пригласить редакторов контента

Настройки Open Graph

Организовать свой сайт с папками страниц

URL-адреса страниц

Обзор панели страниц

Публикация

Удаление контента из индекса Google

Сохранение и восстановление резервных копий

Установка часового пояса в Webflow

Установка кода языка вашего сайта

Поделитесь ссылкой только для чтения

Демонстрация сайта

Карта сайта и страницы

3 90 Загрузка пользовательских шрифтов

Брендинг Webflow

Учетная запись и выставление счетов

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

Исправить неудачные платежи по кредитной карте

Форма 1099-K

Присоединение к партнерской программе Webflow

Устранение неполадок. Рабочая область

Управление профилем учетной записи

Роли и разрешения

Налог с продаж на подписки Webflow

Регистрация учетной записи Webflow

Переход в рабочие места

Двуфакторная аутентификация

Обновите свою кредитную карту

Обновление адреса электронной почты

Billing Webflow

Пользователи

Члена Оверт.

Не нашли то, что искали?

Посетите форум Webflow

Посетите список желаний Webflow

Продемонстрируйте сайт | Университет Вебфлоу

У этого видео старый пользовательский интерфейс. Скоро будет обновленная версия!

Вы можете продемонстрировать любой из своих замечательных сайтов в своем профиле создателя, чтобы его увидел весь мир. Сайты рабочей области отображаются либо в вашем личном профиле создателя, либо в профиле создателя рабочей области, а также в разделе «Сделано в Webflow». Узнайте больше о разрешениях на публикацию Made in Webflow для рабочих областей.

Примечание: Платный план (План сайта или План рабочей области) требуется для демонстрации вашего сайта на Сделано в Webflow.

В этом уроке вы узнаете:

Как представить свой сайт на странице Made in Webflow
Как настроить страницу Made in Webflow для вашего сайта
Как удалить свой сайт из Made in Webflow

Как продемонстрировать свой сайт на Made in Webflow

Вы можете продемонстрировать любой из своих сайтов, независимо от того, находятся ли они в вашей личной панели управления или в рабочей области. Чтобы продемонстрировать сайт:

Откройте Настройки сайта > Общие вкладка
Прокрутите до раздела Made in Webflow
Переключите переключатель в положение « на ». Если вы отмените публикацию вашего сайта, он также будет удален из списка Made in Webflow.

Примечание: Если вы хотите продемонстрировать сайт на Made in Webflow, сначала сделайте свой личный профиль или профиль создателя Workspace общедоступным. Подробнее о профилях авторов.
Как настроить страницу Made in Webflow для вашего сайта

Заполните сведения о своем сайте:
1. Выберите владельца/рабочее пространство из раскрывающегося списка «Выбрать владельца» владельца)
2. Выберите сайт, который вы хотите добавить в Сделано в Webflow в Выберите сайт
3. Дайте демонстрируемому сайту Заголовок ‍
4. Добавьте Описание ‍
5. Добавить Теги , чтобы помочь людям найти ваш сайт (например, «минимальный», «красочный», «анимационный» и т. д.)
6. Загрузите миниатюру предпочтительного сайта на Миниатюра изображения Изображение раздела
Примечание: Будьте обязательно ознакомьтесь с примечанием и советом в разделе Thumbnail Image , чтобы загрузить поддерживаемое изображение. Миниатюры должны быть в формате JPEG, PNG или статическом формате GIF с разрешением 540 x 360 пикселей. Анимированные GIF не поддерживаются.
Разрешения на публикацию для Made in Webflow

Только участники рабочей области с определенными разрешениями на публикацию могут добавить сайт в Сделано в 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), в котором демонстрируется ваш сайт. Имейте в виду, что ваш профиль создателя должен быть общедоступным, прежде чем вы сможете демонстрировать в нем сайты.

Чтобы переключить свой сайт между профилями создателя:
1. Перейдите на Настройки сайта > Генерал вкладка> Сделано в Webflow
2. Нажмите РЕДАКТИРОВАТЬ Public Page
3. ОБНОВЛЕНИЕ. Важно: При использовании раскрывающегося списка Опубликовать как для изменения профиля создателя, которому демонстрируется ваш сайт, сохраняются все метаданные (лайки, клоны и просмотры), связанные с этим сайтом. Однако, если вы нажмете Удалите сайт , сайт будет удален из Made in Webflow, а его метаданные будут удалены.
  Как удалить ваш сайт из Made in Webflow
  
  Удаление вашего сайта из Made in Webflow также удалит его со страниц вашего профиля создателя.

Comments