Joomla 3–CMS

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

В данном отчете я описываю выполненные мною действия на практических занятиях. В основном, идет речь о сайте energotech. kz и его пошаговой разработке и публикации. В разработке сайтов http://abtest.kz; http://ledelgroup.kz я также принимал участие. На данный момент (написания этого отчета), эти сайты функционируют. Вышеперечисленные сайты были выполнены аналогично сайту energotech.kz. По этой причине я описал выполнение только этого сайта.

1. Внутреннее строение компании

Я проходил практику в компании «RAZDVA». Их офис находится в БЦ «МТС» на улице Родостовцева уг. ул. Шевченко, рядом с ТЦ «Саламат», офис № 202. Компания не большая. В ней работали примерно 5 человек (не включая практикантов): 1 менеджер, 1 дизайнер и 3 программиста. Моим руководителем практики была Абденбаева Айгерим. Она руководящий программист компании.

2. Мои обязанности

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

3. Joomla 3 — CMS

Инструмент для сайтостроения

В первый день прохождения практики, мой руководитель, перечислила мне основные способы создания сайта: С#, PHP и CMS. Так как проще всего было научиться работать с CMS, она начала нас обучать именно ему. Среди всех подобных систем она выбрала Joomla CMS так как она работала на нем.

После перечисления способов нам были даны задания:

1. Установить Денвер

2. Установить Joomla

3. Установить Шаблон Денвер — программа, которая запускает DNS сервер, Apache, а также другие необходимые пакеты для эмуляции полноценного хостинга на персональном компьютере. Установка Денвера совсем простая:

1. Загрузить. ехе файл (из оф. сайта Денвер) и открыть

2. Повторяя нажатия на кнопку «Далее» выбираешь настройки

3. Готово

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

Первая установка шаблона Joomla заняла у меня совсем немного времени. Так как я выбрал простой шаблон, без «тяжелых» модулей и плагинов. Это был шаблон, который я использовал для создания своего первого сайта energotech.kz.

energotech.kz

energotech.kz — сайт компании по продаже энерготехнического оборудования: тепловых установок, генераторов, трансформаторов (сухих и масляных, силовых и несиловых), электродвигателей. А также, ВЭУ (ветроэнергетических установок), СЭУ (солнечных энергетических установок), ГЭУ (гидроэнергетических установок).

Шаблон

Для создания сайта для energotech. kz я использовал шаблон FrontOffice. Данный шаблон предоставляет гибкую простую структуру, которая состоит из 9-ти позиций для модулей, но, несмотря на это позволяет создать сайт с тремя колонками. В шапке страницы над слайдером компактно расположены модули с логотипом, горизонтальным меню, иконками социальных сетей (уже встроенных в шаблон) Facebook, Twitter, Google +. Для выделения слаедра использован светло-синий цвет, также как и для заголовков модулей на сайдбарах и заголовках в контентной части страницы.

В панели управления FrontOffice можно задать логотип сайта, настроить слайдер, куда можно загрузить от 4-х до 8-ми слайдов, добавляя подпись к каждому слайду. Работу посетителей разработанного на базе этого шаблоне сайта упрощают такие функциональные дополнения как перемотка страницы (ссылка «Наверх»), функция Google analytics — остается только вставить код, возможность добавления Flickr-фотографий. Слайды могут быть показаны (в зависимости от необходимости) как на всех страницах сайта, так и только на главной странице.

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

Интерфейс Joomla, материалы и модули

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

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

После нажатия кнопки «Выбрать» указал файл с логотипом компании EnergoTech. В Joomla после проделанных операции необходимо нажимать кнопку «сохранить» либо «сохранить и закрыть» для применения изменении. Данные кнопки обычно всегда находятся на левом верхнем углу окна панели.

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

Модули — это видимые дополнения сайта. Например, слайдер, форма авторизации, главное меню, поиск и т. д. Доступ к настройкам модулей сайта можно получить через «панель инструментов» -> «Расширения» -> «Менеджер модулей». Но в данном случае необходимости обращаться к менеджеру модулей не было, так как слайдер был «вшит» в шаблон. И изменять его пришлось через менеджера шаблонов.

После, нужно было создать категорий, в котором будут товары компании ЭнергоТех. Во процессе строения сайта мне выдали документацию с категориями и контактными данными. С помощью чего я и создал все категорий. Категорий заполняются материалами. Материалы это основной контент в CMS Joomla. Их можно размещать как в категориях, так и опубликовывать непосредственно на сайте. Создание контента упрощается с редактором WYSIWYG, давая возможность привлекательно комбинировать текст и картинки. Материалы для данного сайта я брал со старого, который находился по тому же адресу.

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

Загрузка на хостинг

Работая с данным сайтом, я также научился работать с хостинговыми услугами. То есть, опубликовывать сайт на зарегистрированном домене. Порядок действий:

1. Авторизироваться на сайте хостинговой компании.

В личный кабинет хостинга сайта energotech. kz можно через сайт http://billing.hoster.kz

2. Зайти в «менеджер файлов» и загрузить файлы с названием сайта в папку «www».

3. Экспортировать из локального сервера phpMyAdmin, sql файл базы данных.

4. Создать базу данных на хостинге, зайти в phpMyAdmin и импортировать sql файл.

5. Редактировать файл конфигурации сайта configuration. php

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

Заключение

сайтостроение joomla серверный При выполнении практических задании я научился много новому. Например, пользованию скриптовых языков как HTML и CSS, выгода пользования HTML5 и его недостатки, основы JavaScript. А также понял значимость программных языков в сайтостроении. Для чего нужен PHP, и как с ним обращаться.

HTML, PHP, CSS, JavaScript — основы сайтостроения. HTML и CSS отвечают за внешний вид сайта. То есть за расположение элементов и их отображение. PHP это серверный обработчик. Он помогает установить логику сайта. JavaScript имеет двустороннюю роль: он может быть использован как и для отображения анимации, так и для обработки нужной информации.