Анализ существующих конструкторов сайтов для размещения электронного портфолио

Анализ существующих конструкторов сайтов для размещения электронного портфолио

Проанализировать принципы организации конструкторов для

Размещения электронного портфолио.

Какие типы страниц могут быть?

В дизайнах есть следующие типы страниц:

Cоставная страница — это страница, содержимым которой вы полностью управляете с помощью различных Виджетов. Управление всеми виджетами подробно описано здесь.

Фото-галерея — это страница с фотографиями. В зависимости от дизайна у данного типа страницы могут быть разные настройки. Этот тип страницы доступен только в следующих дизайнах: Kevin, Victoria, Suliko, Polina, Oscar, Marco, Lolita, Levi, Julia, Hugo, Fabio, Diana, Chalie, Bruno, Rio.

В новых дизайнах для создания портфолио вы можете использовать виджетФото-галерея.

Видео-галерея — это страница с видео-роликами из сервисов Vimeo или Youtube.

Подменю — этот тип страницы используется для создания выпадающего меню. К примеру, если вы хотите создать пункт меню "Информация", а по клику на данный пункт надо, чтобы показывалось выпадающее меню с другими подпунктами, то для пункта "Информация" необходимо выбирать тип страницы "Подменю". На картинке выше показана структура сайта, где из пункта меню "Информация" есть выпадающее меню с подпунктом "Отзывы".

Категория галерей — данный тип страницы используется для того, чтобы на одной странице отобразить превью многих фото- или видео-галерей. Этот тип страницы доступен только в следующих дизайнах: Kevin, Victoria, Suliko, Polina, Oscar, Marco, Lolita, Levi, Julia, Hugo, Fabio, Diana, Chalie, Bruno, Rio.

В новых дизайнах для создания портфолио вы можете использовать виджетПревью.

Ссылка — если вам надо разместить в меню ссылку на какую-либо внешнюю страницу (блог), вам надо использовать ссылку.

Календарь - страница с календарем занятости. Этот тип страницы доступен только в следующих дизайнах: Kevin, Victoria, Suliko, Polina, Oscar, Marco, Lolita, Levi, Julia, Hugo, Fabio, Diana, Chalie, Bruno, Rio.

Блог - это тип страницы, который позволяет вести полноценный блог на сайте.

На сайте Marco есть дополнительная страница Слайдер

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

Как происходит работа с текстом и изображениями?

Основные теги форматирования текста

<p>...</p>	Абзац.
<h1>...</h1>	Заголовок первого уровня.
<h2>...</h2>	Заголовок второго уровня.
...
<h6>...</h6>	Заголовок шестого уровня.
<br>	Переход на новую строку.
<q>...</q>	Браузер автоматически берет текст в кавычки. Изменить вид кавычек можно стилевым свойством quotes.
<hr>	Горизонтальная разделительная линия.
<pre>...</pre>	Текст фиксированной ширины с сохранением всех пробелов и переносов.

Выделение в тексте

<b>...</b>	Полужирный шрифт.
<i>...</i>	Курсив.
<ins>...</ins>	Подчеркнутый текст.
<del>...</del>	Перечеркнутый текст.
<sup>...</sup>	Надстрочный текст.
<sub>...</sub>	Подстрочный текст.

Цитаты, переменные, адреса

<address>... </address>	Служит для предоставления автором документа контактной информации, чтобы желающие могли связаться с автором материала. Обычно отображается курсивом. Блочный элемент.
<blockquote>... </blockquote>	Выделение цитат. Блочный элемент.
<cite>...</cite>	Выделение цитат. Обычно отображается курсивом.
<code>...</code>	Вывод текста шрифтом фиксированной ширины. Применяется, как правило, для вывода небольшого куска программного кода (для больших листингов используется тег <pre>).
<em>...</em>	Выделение важных фрагментов текста. Обычно отображается курсивом.
<kbd>...</kbd>	Вывод текста шрифтом фиксированной ширины.
<samp>...</samp>	Вывод текста шрифтом фиксированной ширины.
<strong>...</strong>	Сильное выделение важных фрагментов текста. Обычно отображается полужирным шрифтом.
<var>...</var>	Используется для отметки имен переменных. Обычно отображается курсивом.

Для вставки в текст картинки используется одиночный тег <img> с обязательным атрибутом src, указывающим адрес графического файла. Адрес изображения задается так же, как и адрес ссылки.

Атрибуты тега <img>

src	Адрес графического файла.
alt	Альтернативный текст. Позволяет получить текстовую информацию об изображении при отключенной в браузере загрузке изображений. Является обязательным атрибутом для SEO-продвижения сайта.
title	Всплывающий текст, появляющийся при наведении курсора мышки на изображение.
width	Реальная ширина изображения в пикселях.
height	Реальная высота изображения в пикселях.

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

Недостатки

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

· Ограниченный функционал. Не все конструкторы могут похвастаться широким набором инструментов. Чаще всего набор функциональных возможностей довольно стандартный и ограниченный. Например для интернет магазинов это категории, карточка товаров, корзина, форма заказа и т.д.

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

Источники:

· https://support-old.vigbo.com URL: https://support-old.vigbo.com/hc/ru/articles/204165599-%D0%9E%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-%D1%82%D0%B8%D0%BF%D0%BE%D0%B2-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86

· http://kaksdelatsite.ru URL: http://kaksdelatsite.ru/nemnogo-o-dizayne/

· https://htmlweb.ru URL: https://htmlweb.ru/html/text.php

· https://htmlweb.ru URL: https://htmlweb.ru/html/img.php

· https://www.kakprosto.ru URL: https://www.kakprosto.ru/kak-4949-kak-opublikovat-sayt-v-internete

· https://easy-it.ru URL: https://easy-it.ru/tag/interactivnye-elementy/

· http://www.thevista.ru URL: http://www.thevista.ru/page20392-konstruktory_saytov__preimushchestva_i_nedostatki

 

Анализ существующих конструкторов сайтов для размещения электронного портфолио