Урок 3. Конструктор сайтов timeweb. Выбираем шаблон сайта.

Добрый день! Меня зовут Светлана. Я буду вашим гидом по ресурсу lsitel.ru.

 

Сегодня мы перейдем в редактор сайта и рассмотрим, какие бесплатные шаблоны нам предлагает timeweb.

Для тех, кто ещё не зарегистрировался, чтобы практиковаться вместе с нами, можете сделать это сейчас по этой ссылке, которая откроет доступ к конструктору сайтов. Напоминаю, что бесплатный хостинг и возможность работать на конструкторе предоставляется на 10 дней.

1. В панели управления сайтом есть большая зеленая кнопка «Редактировать сайт». Жмем на нее.

 

Конструктор сайтов таймвеб

2. В открытом окне нам предлагают выбрать бесплатный шаблон. Хочу отметить, что у timeweb есть и платные шаблоны. Кому интересно, можете посмотреть здесь.

Бесплатные шаблоны таймвеб

3. Мы видим, что в меню слева мы можем выбрать шаблон на любую тему. Создать интернет-магазин, сайт визитку и даже одностраничный сайт (лендинг). В качестве примера, я выбрала интернет-магазин, шаблон которого имеет название «Кухонные принадлежности».

Шаблон сайтов

4. Когда мы наводим курсор мыши на шаблон сайта, то видим три кнопки:

- Кнопка «Просмотр» даст возможность увидеть ваш сайт, как он будет отображаться пользователям.

- Кнопка «Руководство» откроет вам видео, в котором будет показано, как создавался шаблон «с нуля».

- Кнопка «Выбрать» откроет Вам шаблон в конструкторе.

Действия с выбранным шаблоном сайта

5. Вот ваш сайт открыт в конструкторе. Обратите внимание на зеленый знак вопроса в правом нижнем углу – это интерактивный гид, который вам подскажет, что значат определенные кнопки и опции и как ими пользоваться. Возможно, кому-то будет достаточно воспользоваться услугами интерактивного гида и просмотреть видео, чтобы быстро начать работу по созданию сайта. А кому-то больше понравиться остаться с нами и продолжить обучаться в нашем темпе.

Шаблон конструктора сайтов таймвеб

6. Первое, что лично мне очень нравится в конструкторе – это разметка. Принцип построения сайта заложен таким образом, что мы просто перетаскиваем блоки, кнопки, текст тоже группируем в виде отдельных блоков…  И чтобы у нас все было ровно и красиво, очень помогает разметка.

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

Редактор шаблона таймвеб

7. Попробуйте проверить из каких частей состоит блок «Кухонная утварь». Нужно навести курсор мыши на элемент с надписью, а затем на квадратик со стрелочками в левом верхнем углу выделенного блока и потянуть в сторону.  Разобрав блок у вас примерно получится, как на скриншоте ниже.

Шаблон сайта разбирается по частям. Делаем сайт самостоятельно.

8. Стрелочки в виде треугольников, которые мы видим в середине выделенного блока, помогают перемещать несколько блоков в целом. Например, если у вас будет рядом три блока, то потянув за этот значок, переместятся все блоки одновременно.

Редактируем шаблон сайта таймвеб самостоятельно

9. В квадратике справа в верхнем углу мы видим карандаш.

Шаблон таймвеб. Создать сайт самому.

10. Нажав на иконку «квадратик с карандашом»  мы можем изменить настройки нашего блока. О настройках подробнее поговорим на других уроках.

Шаблон таймвеб. Создать сайт самому быстро и легко.

Итак, подведем итоги:

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

 

Резюме к уроку 3 «Конструктор сайтов timeweb. Выбираем шаблон»:

Вам понравились наши бесплатные уроки?

Вы можете отправить комплимент нашему преподавателю: