О разработке сайта по аквариумистике в CMS WIX

№39-2,

технические науки

В статье рассматривается процесс разработки сайта по аквариумистике в CMS Wix.

Похожие материалы

В настоящее время глобальная сеть Интернет является основным источником информации по целому ряду вопросов. Кроме того, информация, доступная в Интернете, зачастую более актуальна, поскольку постоянно обновляется. Это связано, прежде всего, с развитием информационных и веб-технологий, которые позволяют обычным пользователям, не знакомым с веб-программированием, создавать вполне профессиональные веб-ресурсы, наполненные разнообразным контентом. Сегодня широкое распространение получили так называемые системы управления веб-содержимым, или CMS [1, 2].

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

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

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

Рассмотрим по шагам процесс разработки веб-сайта, посвященного аквариумистике, со следующей структурой в среде CMS Wix:

  • Домашняя
  • О рыбках
  • Рыбки
    • Атеринообразные
    • Харацинообразные
    • Сомообразные
    • Карпообразные
    • Окунеобразные
    • Карпозубообразные
  • Креветки
  • Моллюски
    • Ампулярия
    • Катушка роговая
    • Двусвторчатые
  • Растения
  • Длинностебельные
  • Почвопокровные
  • Плавающие
  • Кустовые

В разделе «Рыбки» содержится информация о таких видах рыб: атеринообразные, харацинообразные, сомообразные, карпообразные, окунеобразные, карпозубообразные.

В разделе «Креветки» описывается содержание креветок с подробной видео-инструкцией по уходу за ними.

В разделе «Моллюски» имеется описание таких видов как: ампулярия, катушка роговая и двустворчатые моллюски.

В разделе «Растения» описываются такие виды как: длинностебельные, почвопокровные, плавающие и кустовые.

После регистрации на сайте wix.com в панели управления необходимо выбрать шаблон сайта [3].

В разделе «Страницы», как следует из названия, можно настраивать страницы сайта и организовывать их порядок, скрывать или открывать страницы. Также здесь указывается адрес страницы и ее название (рис. 1).

Добавление страницы сайта

Рис. 1. Добавление страницы сайта

Во вкладке «Дизайн» можно менять цвета и фон нашей страницы или сайта в целом, а также менять шрифты (рис. 2).

Дизайн сайта

Рис. 2. Дизайн сайта

Во вкладке «Добавить» находятся инструменты для заполнения страницы контентом, имеется возможность добавления картинок, текста, видео, аудио и т. д. (рис. 3, 4).

Добавление элементов

Рис. 3. Добавление элементов

Добавление элементов

Рис. 4. Добавление элементов

Выставляя картинки на страницу можно создать коллаж или слайдшоу, можно вставить отдельно картинку. Загружая картинки в хранилище, можно подразделять их в отдельные папки [4]. К каждой картинке можно добавить описание, ссылку и название картинки (рис. 5, 6, 7).

Добавление фото

Рис. 5. Добавление фото

Организация галереи изображений

Рис. 6. Организация галереи изображений

Настройки галереи

Рис. 7. Настройки галереи

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

Вставка текста

Рис. 8. Вставка текста

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

Стили меню

Рис. 9. Стили меню

Текст, картинки, видео, все это можно выровнять по автоматической линейке, встроенной в конструктор (рис. 10).

Выравнивание элементов

Рис. 10. Выравнивание элементов

Так же имеется конструктор сайта для мобильных устройств. После того как сайт готов, мобильная версия сайта сама конструируется на этой основе. Разработчику остается лишь исправить некоторые недочеты сайта [5], например, подправить текст или картинку (рис. 11).

Мобильная версия

Рис. 11. Мобильная версия

В «Настройках» можно добавить ключевые слова, чтобы по ним было легче находить сайт в поисковике, а также задать само имя сайта (рис. 12).

Настройки сайта

Рис. 12. Настройки сайта

После того как разработка сайта необходимо нажать на кнопку «Публикация» и сайт будет опубликован в сети Интернет.

Скриншот главной страницы готового сайта приведен на рис. 13.

Главная страница сайта

Рис. 13. Главная страница сайта

Разработанный сайт размещен по адресу: arnigo2012.wix.com/akvar.

Список литературы

  1. Антипин А.Ф. Организация эффективной работы преподавателей в условиях рейтинговой системы обучения // Прикладная информатика. 2014. № 3. С. 48–59.
  2. Антипин А.Ф. Об использовании CASE-систем в высшем образовании // NovaInfo.Ru. 2015. №31. Т. 1. С. 11–15.
  3. Петрова А.С., Антипин А.Ф. Технологии создания динамических сайтов // Сборник научных статей междунар. конф. "Ломоносовские чтения на Алтае: фундаментальные проблемы науки и образования", Барнаул, 11-14 ноября 2014. – Барнаул: Изд-во Алт. ун-та, 2014. С. 727–729.
  4. Фаткуллин М.Р., Антипин А.Ф. Разработка образовательного Интернет-ресурса в CMS WordPress // Сборник научных статей междунар. конф. "Ломоносовские чтения на Алтае: фундаментальные проблемы науки и образования", Барнаул, 11-14 ноября 2014. – Барнаул: Изд-во Алт. ун-та, 2014. С. 763–766.
  5. Антипин А.Ф. Обзор проблемных ситуаций в коде программ // Современная техника и технологии. 2015. №2. С. 82–85.