Как разместить шаблоны CSS в Weebly

Создание веб-сайта может быть сложной задачей, если вы только начинаете свой бизнес. Если вы не знаете, как создать его самостоятельно, вам придется либо нанять дизайнера, либо найти услугу с заранее разработанными макетами. Weebly - лишь одна из таких служб; он предлагает бесплатную учетную запись и хостинг, а также десятки различных макетов. Он использует интерфейс "щелкни и перетащи" для добавления содержимого на любую страницу. Если у вас есть знания CSS или вы хотите посмотреть исходный код своего веб-сайта, Weebly предлагает расширенный редактор для CSS и HTML.

1

Войдите в свою учетную запись Weebly и нажмите «Изменить» рядом с веб-сайтом, который вы хотите изменить. Если вы хотите создать новый веб-сайт, вместо этого нажмите кнопку «Добавить сайт».

2

Перейдите на вкладку «Дизайн» в редакторе Weebly, на странице, которая позволяет вам изменять и настраивать страницу Weebly.

3

Нажмите «Редактировать HTML / CSS» в правом верхнем углу раздела предварительного просмотра страницы под доступными дизайнами. Это откроет CSS и HTML для вашего текущего веб-сайта Weebly как есть. Почувствуйте это; на боковой панели вы увидите «main-style.css», а также HTML-страницу для каждой страницы вашего веб-сайта.

4

Выберите «main-style.css», чтобы просмотреть таблицу стилей в редакторе Weebly. Вы можете ввести полностью настраиваемую таблицу стилей или отредактировать таблицу стилей, как это разработала Weebly.

5

Измените все необходимые элементы на своих HTML-страницах. Если вы используете полностью настраиваемый макет CSS, вам нужно будет ввести соответствующий HTML-код для этого макета на странице индекса и на любых других страницах, которые вы добавили на свой веб-сайт. Если вы все еще хотите, вы можете использовать редактор Weebly для контента, такого как "{content}", там, где вы хотите, чтобы ваш контент Weebly располагался. Вы также можете использовать {footer} и {title}, чтобы отметить, куда Weebly должен вставить контент.

6

Нажмите «Сохранить», чтобы зафиксировать изменения на вашем веб-сайте Weebly.

Недавние Посты

$config[zx-auto] not found$config[zx-overlay] not found