TOWeb

Обзор




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

Содержание

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

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

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

Объекты

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


Изображения

Откройте вкладку Topic. Выберите страницу и раздел (щелкните в параграфе), где вы хотите добавить свою фотографию.

Откроется окно Paragraph Layout, в котором определяются свойства параграфа и производится вставка объектов (см. рис. слева).
См. также Объекты.

Если ваша страница не имеет какого-либо объекта, но тогда просто выберите Add a Picture ... -   картинку (объект ) из списка в левой боковой панели (раздел Paragraph Picure) или из контекстного меню с помощью кнопки ( + ).

Если параграф уже использует изображение, которое вы хотите сохранить, добавьте новый параграф, в котором вы сможете добавить свою фотографию.

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


Свойства изображений

Вкладка Topic.
Выделите изображение (щелкните по нему). На левой боковой панели TOWeb имеется набор команд для работы с изображениями:



слева направо:
  • выбор изображения на вашем компьютере
  • вставка изображения из буфера обмена
  • обрезка изображения - установка своих размеров или выбор из предлагаемых размеров
  • замена изображения
  • создание водяных знаков
  • удаление изображения.
Ниже:

title (альтернативный текст alt)-  введите название для вашего изображения, если вы хотите, чтобы ваши изображения лучше индексировались поисковыми системами изображений, такими как Google
width -  выбрать ширину изображения в списке
frame -   выбрать эффект рамки, которая окружает изображение
click action - выберите событие нажатия на изображение (zoom-увеличение при щелчке по изображению или ссылка на веб-страницу)
Hover - событие при наведении курсора на изображение (различные варианта отображения увеличенного изображения - справа, слева, внизу и др.).
badgeдобавить значок к изображению (миниатюра отображается рядом с фотографией). Такой значок может быть полезен, например, для изображения  продукта, чтобы показать скидку (например "-20%"), или показать, что это что-то новое и т. д.
ribbon - короткий текст, который отображается над изображением над его верхним правым углом в виде ленты (с выбором цвета ленты).


Мини-альбом и слайд-шоу

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

Используется функция Multiple pictures (несколько фотографий).
Мини-альбом и слайд-шоу создаются внутри параграфа.

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

Картинки должны иметь одинаковый размер.

Сделайте выбор:
  • an album - список картинок появится ниже выбранного изображения и при нажатии на эскиз изображение будет увеличиваться в объект изображения.
  • a slider: анимированное слайд-шоу с регулируемой скоростью. Вы можете определить разные ссылки для каждого изображения, используя кнопку "Click action" ссылку, если вы хотите, чтобы каждое изображение перенаправляло на другую страницу или выберите zoom", чтобы размер  фотографии увеличивался при щелчке.
Чтобы изменить порядок ваших изображений, вы должны нажать клавишу CTRL и, нажимая кнопки previous/next (предыдущий/следующий) для навигации по нескольким изображениям.


Увеличение плотности пикселей

В TOWeb имеется функция Support for Retina images, т.е создание изображений с более высокой плотностью пикселей для Retina экранов (то есть экранов с плотностью пикселей больше 1, например в 2 раза для многих смартфонов), чтобы отобразить эти образы "ультра-чистыми".

Если, например, в параграфе у вас есть изображение с 300 пикселей в ширину, то оригинальный образ, который нужно предоставить, должен быть больше 600 пикселей, которые будут отображаться в режиме сетчатки. Значок глаза ()  напротив значения ширины (Width) указывет, будет ли она видимой для экранов Retina или нет.




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


Рейтинг@Mail.ru