Создание вебсайта с WebSite X5 9 - Шаг 1. Как создать сайт за 5 шагов с WebSite X5 12 – видео уроки на русском языке

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12. Видео уроки по улучшению сайтов, сделанных в Incomedia. Менее актуален для Website X5 9. Язык курса – русский. Версия программы – Incomedia Website X5 Evolution и Professional 13 (на русском языке). Видео уроки на русском языке по Incomedia Website X5 Evolution и Professional 12, 13. Менее актуален для Website X5 9. Язык курса – русский.

Видео уроки Website X5 Evolution (часть 1) – создание сайта фирмы: общие настройки, стиль и настройка шаблона, создание карты.

Website X5 Evolution 9 создать веб- сайт самостоятельно. В предыдущих статьях «Обзор Incomedia Website Х5 Evolution 9 (часть 3, 4)» были рассмотрены некоторые объекты программы, которые помогут Вам создать веб- сайт.

В этой части мы продолжим рассмотрение оставшихся объектов. А именно Список продуктов и HTML и виджеты.

Список продуктов. Объект Список продуктов (рисунок ниже) позволяет размещать на странице товары для продажи. Данный объект, в основном, предназначен для создания интернет магазинов. Incomedia Website Evolution позволяет не просто создать веб- сайт, а создать полнофункциональный интернет магазин. Включая каталог товаров с категориями и подкатегориями и средства электронной оплаты. Как добавить продукты в Incomedia Website.

X5 9 мы рассмотрим в статье «Обзор Incomedia Website Х5 Evolution 9 (часть 8). Программа для создания сайта». Объект Список продуктов (рисунок выше) разделён на две вкладки. Список. Опции. Вкладка Список (рисунок выше) позволяет добавить на страницу все или выборочные категории или товары.

Также Вы можете выводить продукты в различной последовательности (в заданной Вами, в порядке убывания\возрастания цены, в алфавитном порядке (от А до Я и от Я до А) наименований товаров, в алфавитном порядке (от А до Я и от Я до А) наименований категорий). Вкладка Опции (рисунок ниже) позволяет задать и настроить отображение областей товаров на странице.

Доступно пять режимов отображения. Только текст. Картинка и текст.

Текст и картинка. Только картинка. Чередовать картинки и текст. На рисунке выше показаны все пять видов отображения товара в порядке их следования в списке выше. Для всей страницы Вы можете задать количество кадров (продуктов) в ряду, высоту кадра, ширину кадра в процентах от ширины объекта Список продуктов, размер внутренней границы. Вы можете также сменить начертание, кегль, гарнитуру и набор символов для шрифта, задать цвет текста, фона, указать цвет и ширину рамки.

Можно задать опцию по отображению (скрытию) поля количества товара, поля цены и включить (отключить) отображение ссылки на картинку товара в увеличенном виде. Результат настройки и вывода списка товаров Вы можете просмотреть на тестовом сайте. HTML и виджеты. Сегодня создать веб- сайт и не интегрировать его с социальными сетями является чуть ли не признаком «плохого воспитания». Социальные сети весомо содействуют раскрутке сайта. Incomedia Website X5 Evolution 9 при помощи объекта HTML и виджеты (рисунок ниже) позволяет Вам не только встроить произвольный HTML код, но и при помощи уже настроенных виджетов «подключить» некоторые социальные сети и другие интересные возможности. Настройки объекта разделены на две вкладки. HTML код. Дополнительные.

На вкладке HTML код (рисунок выше) Вы можете ввести произвольный HTML код или воспользоваться готовым виджетом. В качестве примера HTML кода приведён «модуль» сервиса социальных закладок Add. This (детальнее о нём Вы можете прочесть в статье «Обзор Val. Add. This plugin. Социальные закладки для Joomla». Вкладка содержит простейший текстовый редактор с инструментами Вырезать, Копировать, Вставить, Возврат, Вернуть (Отменить, Повторить).< !- - Add. This Button BEGIN - ->.

Просмотреть пример виджетов и HTML кода Вы можете на тестовом сайте. Всего в Incomedia Website X5 Evolution 9 доступно восемнадцать виджетов. Рассмотрим их более детально. Facebook. Comments. Данный виджет (рисунок ниже) позволяет вставить комментарии статей Вашего сайта пользователями социальной сети Facebook. Вы сможете задать адрес сайта для комментирования (Ваш адрес), количество комментариев на страницу, ширину поля комментариев, цветовую схему (Светлая или Тёмная) и язык элементов интерфейса модуля комментариев (испанский, итальянский, французский, немецкий, датский, английский, польский).

В окне настроек виджета, в верхней его части, Вы можете прочесть описание возможностей виджета (на английском языке). В следующих описаниях виджетов не будут рассматриваться описанные ранее настройки. Facebook. Like. Box. Виджет позволяющий установить на сайте кнопку «Мне нравится» социальной сети Facebook. Вы можете настроить (рисунок ниже) адрес страницы, которая будет отмечена, как понравившаяся, включить\отключить показ ленты, заголовка и аватаров.

Facebook. Subscribe. Button. При помощи данного виджета Вы можете разместить кнопку на подписку на новости, которые Вы выкладываете в публичный доступ на сайте Facebook. В настройках (рисунок ниже) можно выбрать один из трёх стилей кнопки (Счётчик кнопка, Стандартный, Счётчик с полем).

Виджет Twitter отображает Ваши последние записи в социальной сети Twitter. Достаточно просто ввести имя пользователя Twitter (рисунок ниже). При желании Вы сможете отредактировать сам HTML код в редакторе HTML. Twitter. Follow. Buttonэто виджет, который позволит добавить на страницу кнопку социальной сети Twitter.

Доступны девять языков кнопки, включая русский. В опциях (рисунок ниже) можно задать отображение счётчика читателей новости. Для вставки на страницу карты Google можно выбрать виджет Google. Maps. В опциях (рисунок ниже) Вы можете выбрать, какой вид карты отображать (Карта, Снимки со спутника, Смешанный вид). Виджет Googlenews. Box позволяет выводить новости со всего мира по выбранным Вами тематикам. В настройках (рисунок ниже) можно выбрать размер области новостей (1.

Доступно восемь категорий новостей. Мировые новости. Бизнес новости. Новости политики. Национальные новости.

Развлечения. Новости о технологиях. Спортивные новости. Новости здоровья. Виджет Googletranslate позволяет подключить автоматический перевод Вашего сайта на множество языков. Для этого необходимо всего лишь выбрать исходный язык Вашего сайта (рисунок ниже).

Доступно 5. 5 исходных языков, включая русский и украинский. Youtubenews – это виджет, который позволяет отображать на сайте новости по заданной тематике (рисунок ниже) с популярного видео хостинга Youtube. Доступно тринадцать новостных провайдеров. CBS News Online. C- SPAN. Al- Jazeera English. France 2. 4 English.

The New York Post. ITN News. Russia Today. The New York Times. Top News Wideos. The Wasshington Post. Bloomberg. Euronews. The Associated Press.

Google +1 Button позволяет установить кнопку +1 от Google. Можно выбрать размер кнопки (Средняя, Большая, Маленькая, Стандартная), задать адрес ссылки, которая будет отображаться как понравившаяся и задать специальную функцию скрипта (рисунок ниже).

Виджет Gradient. Button даст возможность разместить кнопку со ссылкой на любой адрес в сети. При этом Вам будут доступны такие опции (рисунок ниже): ширина и высота кнопки, гарнитура, начертание, размер и набор символов надписи на кнопке, цвет кнопки, её состояний при наведении курсора мыши и нажатии, цвет границы.

Виджет Gest. Book позволит Вам создать гостевую книгу на странице Вашего сайта. Вам достаточно ввести адрес почты, на которую будут приходить уведомления о добавлении отзывов и указать название директории для сохранения необходимых файлов (рисунок ниже). Пример гостевой книги Вы можете увидеть на тестовом сайте. Login – это виджет, который позволяет Вам отобразить форму ввода логина и пароля для доступа к закрытым частям сайта. Как сделать страницу доступной только для зарегистрированных пользователей, было рассмотрено в статье «Обзор Incomedia Website Х5 Evolution 9 (часть 2).

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

Уроки по Web. Site X5. Темы уроков выбраны на основании вопросов пользователей в комментариях к циклу статей «Incomedia Website Х5 Evolution 1.

Для более успешного выполнения описанных последовательностей желательно базовое понимание HTML и CSS. Не лишними будут минимальные навыки работы с операционной системой Windows и прикладными программами (антивирусом, FTP- клиентом). Регистрация пользователей в Web. Site X5 Evolution. Создать автоматическую регистрацию пользователей в Web.

Site X5 Evolution нельзя. Эта возможность появилась в Incomedia Web. Site X5 Professional 1. В Evolution версии можно создать «ручную» регистрацию. Рассмотрим основные этапы её создания. На отдельной или существующей странице разместите объект Почтовая форма. Подробнее о нём Вы можете прочесть в статье «Обзор Incomedia Web.

Site X5 Evolution 1. Создание веб- сайтов». В этом объекте создайте поля «Логин», тип поля Текстовое поле, «Пароль», тип поля Пароль, и «Адрес электронной почты», тип поля Адрес электронной почты. Можно создать дополнительные поля, например «Имя и фамилия», тип поля Текстовое поле,  включить капч. Но логин, пароль и адрес электронной почты – это минимальные данные, которые Вам нужны. В принципе, можно обойтись и без адреса электронной почты.

В настройках объекта Почтовая форма на вкладке Отправить задайте адрес электронной почты, на которую будут приходить письма с регистрационными данными. Создайте страницу, на которую пользователь будет перенаправлен после регистрации. На ней разместите объект Текст и в нём напишите сообщение. Например, следующего содержания: «Спасибо за регистрацию. Как только Ваша учётная запись будет одобрена, Вы получите уведомление на указанный при регистрации адрес электронной почты. После этого Вы сможете зайти на сайт как зарегистрированный пользователь».

Подробнее об объекте Текст Вы можете прочесть в статье «Обзор Incomedia Web. Site X5 Evolution 1. Самостоятельное создание сайта». После того, как пользователь заполнит форму, Вы получите письмо на указанный Вами адрес электронной почты. После этого на четвёртом этапе создания сайта зайдите в раздел Управление доступом и создайте нового пользователя с полученными учётными данными.

Подробнее о разделе Управление доступом Вы можете прочесть в статье «Обзор Web. Site Evolution 1. Создание сайта своими руками». Экспортируйте изменения проекта на хостинг. Протестируйте изменения.

Просто попробуйте войти на сайт с указанными учётными данными. Отправьте пользователю письмо с подтверждением его регистрации.

Удобно заранее составить шаблон письма с подтверждением регистрации и использовать его каждый раз при необходимости. Права доступа на файлы и папки. Иногда бывают случаи, когда сайт не выгружается на хостинг, комментарии к блогу не добавляются или возникают ошибки типа «Доступ запрещён».

Одним из вариантов решения подобных проблем является проверка прав доступа на файлы и папки. На мой взгляд, проще всего это сделать через панель управления хостинг- аккаунтом. Как в неё зайти и где взять учётные данные для входа, Вы можете узнать в службе технической поддержки хостинга или в его справочной системе. Учебник В.П. Егоров Электрооборудования Пассажирских Вагонов.

Даже если Вам не надо менять права доступа на файлы и папки, то учётные данные для доступа к FTP нужны для экспорта сайта или его изменений на сервер. Об этом Вы сможете прочесть в статье «Обзор Web. Site Evolution 1. Создание сайта HTML». Рекомендую пробовать установить права доступа на папки «7. На файлы рекомендую «6. На файлы, которые находятся непосредственно в корневой папке сайта, можно установить разрешение «4.

Рассмотрим, как это сделать на примере панели управления хостингом ISPmanager. Перейдите на страницу авторизации в панели и введите свои учётные данные.

Зайдите в директорию, содержащую папку, в которой располагается папка с Вашим сайтом. Как правило, это папка «www», а директория сайта носит имя URL имени сайта. Например, «test. 2. Выделите папку с вашим сайтом. В моём примере это «test. В панели инструментов в правом верхнем углу нажмите кнопку Атрибуты. В появившемся окне Атрибуты файла (рисунок ниже) в спадающем списке Рекурсивно выберите значение сменить права только для директорий.

Это указывает на то, что необходимо менять права только на папки, а не на файлы, но для этой и всех вложенных в неё папок (рекурсия). В поле Права доступа укажите «7. Нажмите кнопку Ok.

Через несколько секунд права на эту и все вложенные папки будут обновлены на те, что задали Вы. Аналогично меняются права на файлы, но в окне Атрибуты файла (рисунок выше) в спадающем списке Рекурсивно выберите значение сменить права только для файлов. А в поле Права доступа укажите «6. Рассмотрим вариант смены прав на файлы и\или папки при помощи FTP клиента File.

Zilla (на примере File. Zilla 3. 7. 3 для Windows). Это бесплатная программа с русскоязычным интерфейсом. Установите и запустите File. Zilla. У левой верхней части окна в поля «Хост», «Имя пользователя» и «Пароль» введите Ваши учётные данные для доступа FTP- сайта. Их можно узнать у Вашего хостинг- провайдера (рисунок ниже).

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

Перейдите в директорию, содержащую папку с Вашим сайтом. Для смены прав доступа к папкам выделите папку с вашим сайтом и нажмите на неё правой клавишей мыши (рисунок ниже). В появившемся окне установите настройки, указанные на рисунке ниже. Можно просто ввести трёхзначное число в поле Числовое значение. Обратите внимание на то, что опция Перенаправить на вложенные каталоги и опция Применить только к каталогам указывает на то, что заданные в поле Числовое значение права, будут распространяться на эту папку и все вложенные в неё папки (не файлы). Нажмите кнопку ОК и дождитесь окончания применения прав.

Время зависит от количества объектов, скорости сети, загрузки сервера и так далее. Для смены прав доступа к папкам выделите папку с вашим сайтом и нажмите на неё правой клавишей мыши. В появившемся окне установите настройки, указанные на рисунке ниже.

Можно просто ввести трёхзначное число в поле Числовое значение. Обратите внимание, что опция Перенаправить на вложенные каталоги и опция Применить только к файлам указывает, что заданные в поле Числовое значение права, будут распространяться на все файлы внутри этой папки (но не на папки). Нажмите кнопку ОК и дождитесь окончания применения прав. Время зависит от количества объектов, скорости сети, загрузки сервера и пр.

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

Так как, например, ISPmanager применяет права доступа ко всем файлам и папкам буквально за 2- 3 секунды. Что делать, если сайт не экспортируется. Одной из проблем, которые часто поднимают посетители моего сайта, является экспорт готового сайта на хостинг. Инструменты, которые позволяют это сделать, рассмотрены в статье «Обзор Incomedia Web. Site X5 Free (часть 5). Бесплатный конструктор сайтов». Рассмотрим возможные варианты, которые можно попробовать, если сайт не экспортируется.

Временно отключите антивирус. Если причина в этом, то надо посмотреть в настройках антивируса, как можно задать исключение для Web. Site X5. Временно отключите брандмауэр (фаервол).