Изображения и файлы

Zeta Web 2.x

Основные инструменты доступны в панели управления сайтом, которую можно открыть из меню Zeta Web, кликнув на соответствующий пункт меню "Панель управления сайтом".

Zeta Web 3.x

Основные инструменты доступны по ссылке меню Инструменты Zeta Web Панель управления "Контент".

Изображения и файлы можно использовать при верстке страниц, шаблонов контролов, а также, при наполнении тегов head, body и файла robots.txt в настройках доменов сайта.

Файлы

Добавление нового файла

Zeta Web 2.x

Для добавления файлов и изображений нужно перейти на вкладку Наполнение сайта и затем на вкладку "Картинки и файлы".

Добавление нового файла или изображения

Zeta Web 3.x

Для добавления файлов и изображений нужно перейти в раздел "Картинки и файлы".

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

При необходимости, укажите описание к файлу и нажмите кнопку "ОК".

Ввод описания для файла

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

Для этого нажмите правой кнопкой мыши на списке файлов и выберите пункт контекстного меню "Новая группа". Задайте наименование и нажмите кнопку "ОК". Перетащите нужные файлу в созданную группу.

Создание новой папки для хранения файлов
Создание новой папки для хранения файлов

Получение ссылки на скачивание файла

Zeta Web 2.x

У каждого файла есть реквизит "URL Name". Значение из данного реквизита будет использовано при генерации ссылки на скачивание файла или изображения.

Форма редактирования файла

Для получения ссылки на скачивание, нужно нажать на кнопку "Получить ссылку" и в открывшемся окне нажать на кнопку "Получить".

Форма генерации ссылки на скачивание файла
Форма генерации ссылки на скачивание файла

Zeta Web 3.x

Для получения ссылки на скачивание, нужно нажать на кнопку "Ссылка на скачивание" и в открывшемся окне нажать на кнопку "Получить URL".

Размещение файла на странице

Zeta Web 2.x

Полученную ссылку, вы можете использовать у себя в верстке, например, следующим образом:

Верстка ссылок в html-редакторе

или воспользоваться GUI-интерфейсом.

Для этого, перейдите на вкладку "Визуальный редактор", затем на вкладку "HTML элементы" и перетащите элемент "Файл" в окно html-редактора.

В открывшемся окне, нажмите на "..." в строке Адрес и выберите "Картинки (Zeta Web)".

Добавление ссылки в визуальном html-редакторе

Затем снова нажмите на "..." в строке Адрес и выберите загруженный файл.

Задайте текст или пиктограмму для ссылки нажав на "..." в поле "Картинка/Текст" и выберите "Строка" или "Картинки (Zeta Web)".

Затем введите текст в поле "Картинка/Текст" если выбран тип данных "Строка", или выберите картинку и нажмите кнопку "ОК".

В html-редакторе будет виден текст ссылки.

Верстка ссылок в html-редакторе

Рекомендуется добавление ссылок через GUI-интерфейс там, где это возможно. При таком добавлении ссылок вам не потребуется изменять адрес картинки, после изменения поля "URL Name". Адреса ссылок, в таком случае, сконвертируются автоматически.

Zeta Web 3.x

Откройте интересуемую страницу и на вкладке Основное нажмите "Редактировать", в окне Редактирование HTML, выберите соответствующий файл и перетяните в поле Текст HTML.

Определите порядок вставки объекта - файл.

Вы можете изменять текст ссылки, вставлять другие валидные теги вовнутрь тега <a>, а также добавлять к нему любые атрибуты.

Изображения

Добавление нового изображения

Добавление изображений производится в аналогичном порядке.

Получение ссылки на скачивание изображения

Получение ссылки на скачивание изображения производится в аналогичном порядке

Получение ссылки на просмотр изображения

Zeta Web 2.x

Для получения ссылки на просмотр изображения, нужно нажать на кнопку "Просмотр" и, в открывшемся окне, нажать на кнопку "Получить".

Получение ссылки на просмотр изображения

Zeta Web 3.x

Для получения ссылки на просмотр изображения, нужно нажать на кнопку "Ссылка на просмотр" и, в открывшемся окне, нажать на кнопку "Получить URL".

Размещение изображения на странице

Zeta Web 2.x

Полученную ссылку вы можете использовать у себя в верстке, например, следующим образом:

Верстка изображения в html-редакторе

или воспользоваться GUI-интерфейсом.

Для этого, перейдите на вкладку "Визуальный редактор", затем на на вкладку "HTML элементы" и перетащите элемент "Картинка" в окно html-редактора.

Добавление изображения в визуальном html-редакторе

Выберите добавленную картинку нажав на "..." в строке "Картинка", укажите, при необходимости, ширину/высоту изображения и нажмите кнопку "ОК".

Добавление изображения в визуальном html-редакторе

Zeta Web 3.x

Откройте интересуемую страницу и на вкладке Основное нажмите "Редактировать", в окне Редактирование HTML, выберите соответствующий файл и перетяните в поле Текст HTML.

Определите порядок вставки объекта (изображение, файл, JS скрипт), задайте CSS класс, при необходимости, ширину/высоту изображения.

Оптимизация изображений

При указании размера картинки в соответствующие поля, вы можете существенно понизить вес готового изображения.

Все изображения с параметрами отличными от начальных обрабатываются и оптимизируются на веб-сервере.

Вы можете самостоятельно добавить параметры "imgw" (ширина) и "imgh" (высота) к адресу изображения. Например, /f/image.jpg?imgw=100&imgh=100

Информация об изображении без изменения ширины и высоты
Информация об изображении с изменениями ширины и высоты

Last updated