Урок 4. Верхнее меню конструктора  timeweb. Центральная часть.

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

 

Сегодня в конструкторе сайтов timeweb рассмотрим верхнее меню, которое расположено на белом фоне в центральной части.

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

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

 

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

Первое действие – это «опубликовать». Если мы выбираем  это действие, то сайт будет опубликован и доступен по домену, который к нему привязан.

Если вы хотите сохранить изменения, но, чтобы никто их не видел, кроме вас, тогда требуется «сохранить черновик».

Конструктор таймвеб. Кнопка Сохранить.

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

Восстановить сайт/Резервная копия

2. Действие «Просмотр» позволяет предварительно увидеть, как будет выглядеть ваш сайт вне конструктора. Но я хочу от себя добавить, что лучше проверять сайт на домене, к которому он привязан.  Вы попробуйте набрать домен, по которому открывается ваш сайт и отдельно откройте действие «Просмотр». Сравните. Если вам удобно пользоваться просмотром, то можете использовать его. Просто  в реальности сайт будет отображаться всем так, как вы его видите по адресу вашего домена.

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

Задумка функции «Просмотр» позволяет просмотреть на вашем компьютере, как будет отображаться ваш сайт на разных устройствах. Правда, я стараюсь проверять сайт отдельно на разных устройствах, набрав адрес сайта, потому что не очень доверяю предпросмотру. Можно просмотреть свой сайт на разных браузерах, не открывая их все поочередно, вот на этом ресурсе: http://browsershots.org/

3. Действие «Домены» нужно для перехода в панель управления хостинга для работы с доменами. Подробнее это мы разбирали на прошлых уроках. Здесь вы сможете вспомнить, какие действия с доменами можно выполнить.

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

4. Действие «Оплата» также приводит пользователя в панель управления хостинга  timeweb, где пользователь может совершить оплату. Подробно об оплате можно посмотреть здесь.

Меню конструктора таймевеб. Оплата.

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

timeweb конструктор сайтов. Меню

6. А это действие «Новый/сброс»  – три в одном – позволяет произвести действия с шаблоном. Если мы выбираем «Изменить шаблон», нам откроется снова список шаблонов для выбора. Мы можем заменить один шаблон на другой.

Действие «Сброс шаблона» позволяет сбросить все наши изменения и восстановить стандартный вид шаблона.

Действие «Импорт» - существует пока в «сыром» виде - предполагается выгрузка отдельных страниц сайта.

Конструктор сайтов. Таймвеб. Верхнее меню

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

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

Конструктор сайтов. Таймвеб. Верхнее меню

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

сегодня мы рассмотрели возможности центрального верхнего меню конструктора сайтов timeweb.

 

Резюме к уроку 4: « Верхнее меню конструктора  timeweb. Центральная часть»:

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

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