TOWeb

Обзор




Содержание сайта
Визуальные редакторы
Обзор л.1
TOWeb

Содержание

О версиях программы TOWeb
Создание сайта - основные шаги

Темы и страницы

Специальные страницы

Объекты

Вставка своего кода
Поиск на сайте
Увеличение плотности пикселей
Оптимизация сайта
Предварительный просмотр
Публикация сайта


Выбор темы

При первом запуске TOWeb  вам будет предложено выбрать из списка тем оформления и шаблон сайта, который вы хотите использовать. Позже вы можете добавлять или удалять разделы вашего сайта и изменять содержание страниц и макет страниц (используя вкладку "Topics").

Вы также можете изменить и применить в любой момент еще одну тему для вашего веб-сайта, с помощью кнопки   load theme template (загрузить шаблон темы) или Browse themes (просмотр тем), расположенную на левой боковой панели вкладки Theme.

Новые темы будут добавляться регулярно и доступны для загрузки (подключение к интернету обязательно).

С помощью окна загрузки тем вы можете выбрать и открыть любые темы. Имеется предварительный просмотр тем оформления прежде чем применить его на свой сайт.
Вы можете также использовать различные кнопки предварительного просмотра, чтобы увидеть, как тема будет отображаться на смартфонах, таблетках и на больших экранах, используя кнопки

Вы можете настроить тему шаблона, а затем редактировать разные версии темы, иметь возможность вернуться к ним с помощью Save a local theme -  сохранить локальную тему (кнопка ) и Load a local theme-  загрузить локальную тему (кнопка )


Настройки темы (страницы)

При использовании кнопок на верхней панели инструментов открываются окна с другими настройками тем (страниц).
Например, при щелчке по кнопке  добавления новой темы (страницы) открывается  окно  настроек добавленной страницы

Раздел Options
Do not displayed this topic in the menu - Не отображается эта тема в меню
Reorganize your menu after this new topic creation - Реорганизовать меню после создания темы


Редактор CSS  (Css Editor)


Для настройки темы используется вкладка Theme  - Smart Edit.

Чтобы открыть панель Smart Edit, на вкладке Theme щелкните по странице или объекту страницы в окне редактирования.
В зависимости от выбранного объекта набор настроек будет различным.

Редактор темы позволяет легко и быстро изменить некоторые важные элементы вашей темы :

- текст, который появляется в верхней части вашей темы/сайта (левый и правый частей и девиз),
- слайды и их порядок,
- кнопки социальных сетей
- корректировки цвета вашей темы

Если вы внесли изменения в свою тему, используя панель Smart Edit, но хотите отменить их (из-за ошибки или изменения, которые Вы не хотите сохранить), а затем используете кнопку Css Editor -   редактор CSS и нажмете кнопку отмены () undo all theme changes -   будут отменены все изменения в теме.
Наоборот, если Вы не удовлетворены изменениями, вы можете сохранить все в любое время, используя сочетание клавиш Ctrl+с.

Редактор CSS основан на CSS3.
Поддерживаются настройки : градиента, теней, скругленных краев ... Каждый элемент сайта настраивается -  просто нажмите на него и меняйте стиль, чтобы увидеть результат в окне предварительного просмотра.

Режим эксперта позволяет изменять свои темы.
Но в зависимости от вносимых изменений редактирование стилей требует наличия глубоких знаний веб-разработки (особенно в CSS3).

Сначала откройте тему вашего сайта, где вы хотите увидеть изменения стилей, которые вы собираетесь сделать.
Например, откройте вашу домашнюю страницу и укажите, что слайды должны отображаться только на главной странице.
Или выберите каталог, если вы хотите изменить и увидеть цвет цены товара. Можно выбрать другую тему из списка тем, находящийся на верхней панели инструментов.

Затем, в окне редактирования страниц, выберите элемент, который вы хотите изменить. Например, если вы хотите изменить цвет ссылок в меню сайта, нажмите на одну ссылку меню (или кнопку меню) и вы увидите на левой  боковой панели дерево и вкладки для обновления меню  - изменения свойств стилей ссылок.

Список treeview (дерева элементов страницы)  содержит структуру различных элементов и действия, которые вы можете изменить.
Ниже списка или дерева элементов (treeview) разные вкладки содержит свойства CSS, которые вы можете изменить, например "цвет" вашей ссылки.

Элементы в списке treeview могут быть перемещены перетаскиванием. Вы можете переместить, например, поле поиска в левую или правую сторону вашей страницы.
И если у вас есть несколько элементов, то вы можете менять их порядок перетаскиванием.

Элементы вашего сайта для редактирования разделены на 2 основные категории в дереве (treeview) - Site > General и Site > Page.

Помните, что вы можете отменить все изменения темы ( ) если сделаете какую-либо ошибку, но и сохранить и загрузить ( ) локальные темы, чтобы управлять различными версиями и делать частые резервные копии вашего сайта, чтобы иметь возможность вернуться к предыдущей версии вашего сайта.

Подробнее о Редакторе CSS (англ. язык)



О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.


Рейтинг@Mail.ru