Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом



Скачать 57.48 Kb.
Дата26.07.2014
Размер57.48 Kb.
ТипЛабораторная работа

Лабораторная работа


«CMS-системы (порталы) для создания WEB - сайтов».

Элементы теории.

Система управления содержимым / контентом (англ. Content management system, CMS) - компьютерная программа, используемая для управления содержимым чего-либо. Обычно такие системы используются для хранения и публикации большого количества документов, изображений, музыки или видео. В программном плане это набор PHP скриптов, реализующий функции программирования сайта в интерактивном режиме.

Частным случаем такого рода систем являются системы управления сайтами. Подобные CMS позволяют управлять текстовым и графическим наполнением WEB - сайта, предоставляя пользователю удобные инструменты хранения и публикации информации. Основным преимуществом CMS является простота управления сайтом, вам не надо знать программирования, все страницы создаются и редактируются как при работе с обычным текстовым редактором непосредственно на сервере, где размещен сайт.


В этой лабораторной работе мы научимся создавать сайт посредством одной из самых простых CMS-систем – CMSimple (далее просто CMS) не нарушая авторских прав разработчика (бесплатно). Сама установка системы (программного обеспечения) уже выполнена на сервере класса, вам необходимо будет настроить ее и создать страницы сайта.
Задание на лабораторную работу.
Откройте окно обозревателя Internet Explorer.

Напишите в его адресной строке адрес следующего вида:



http://10.242.48.45/stu/X/Y/
Здесь X – номер вашей группы

Y – номер папки,
Например если ваш аккаунт sks412_5, тогда адрес будет таким http://10.242.48.45/stu/412/5/
Откроется главная страница CMS. (Предписания на странице не используйте!)
Нажмите ссылку «Вход». Через эту ссылку осуществляется вход в систему администрирования CMS. На экране появится поле для ввода пароля. Введите пароль «test», затем кнопку «Вход». Вы попадете в систему администрирования.

Нажмите ссылку «Настройки». Откроется страница настроек CMS. Нажмите ссылку «редактировать настройка». Откроется страница с редактированием базовых настроек.


Найдите настройку «security_password:» и смените пароль «test» на свой собственный. Это необходимо чтобы никто кроме вас не смог зайти в систему администрирования и сделать что-либо с вашим сайтом.
Найдите настройку «site_tittle:» и напишите здесь краткое название вашего сайта, не более 4-5 слов.
Нажмите кнопку «Сохранить» в самом конце страницы, чтобы сохранить сделанные изменения.
Структура меню CMS.
Страницы CMS имеют древовидную структуру.
Страницы первого уровня образуют основное меню вашего сайта. Сейчас в CMS с настройками по - умолчанию содержится три страницы первого уровня. (См. рисунок).
Мы можем:

  1. Редактировать любую из страниц, нажав на ссылку с ее именем.

  2. Создать новую страницу первого уровня.

  3. Удалить существующую страницу.

Кроме страниц первого уровня в CMS могут быть страницы второго и третьего уровней. Так, например, нажав на ссылку «Как создать страницу», вы увидите, что кроме текста самой страницы в ней так же есть страница второго уровня «Заголовок 2». Нажмите ее и вы увидите что в ней в свою очередь содержится страница третьего уровня «Заголовок 3». Таким образом, CMS позволяет создавать древовидное меню для работы с вашим сайтом.


Создание новых страниц.


  1. Нажмите на ссылку «Добрый день!». Содержимое страницы появится в текстовом редакторе

справа.

.



  1. В самой первой строке введите название страницы, так как это показано на рисунке ниже. Строку «Добрый день!» не трогайте! Это имя вашей страницы.




  1. Выделите курсором мышки введенный текст и нажмите по пиктограмме «H1». Эта пиктограмма создает страницу первого уровня.




  1. Сохраните изменения. Нажмите . При этом будет создана новая страница с введенным вами именем «Моя новая страница» . Сама страница будет расположена в списке над страницей «Добрый день!».



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


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


Аналогичным образом внутри каждой страницы можно создавать страницы второго уровня (пиктограмма H2), а в них в свою очередь страницы третьего уровня (пиктограмма H3), выстраивая тем самым удобную навигацию по своему сайта.
Пиктограмма H4 используется для создания заголовков внутри страницы, которые отображаются более крупным шрифтом.
Удаление страницы.

Для удаления страницы достаточно просто стереть ее текст в редакторе и нажать . Страница будет удалена с сайта.


Создание сайта компании.
Основной целью этой лабораторной работы является создание WEB-сайта компании. Любой сайт компании состоит как минимум из следующих разделов:


  1. Новости – новости компании.

  2. О Нас – информация о компании и ее деятельности

  3. Продукция или Услуги – продукция, выпускаемая компанией или услуги, которые ею предлагаются. Здесь так же указываются цены на продукцию / услуги.

  4. Где купить – информация о том, где и как приобрести продукцию компании.

  5. Контакты – информация о местоположении офисов компании и о том, как с компанией связаться. Здесь обычно указываются телефон, факс, e-mail для связи.

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




  1. Удалите из CMS все страницы за исключением «Моя новая страница».

  2. Отредактируйте содержание это страницы, изменив ее имя на «Новости». Для изменения имени достаточно поменять первую строку страницы на требуемую.

  3. Зайдите в свою сетевую папку и возьмите из нее свою фотографию. Используя графический редактор Paint Shop Pro изменить ее размер на 200 точек по X (по Y - автоматически). Теперь фотографию надо загрузить на сайт.

  4. Нажмите ссылку «Изображения». Через эту ссылку можно управлять изображениями на сайте – загружать новые, удалять ненужные.

  5. Нажмите «Обзор» и выберите свою фотографию, после чего нажмите кнопку «Закачать». Произойдет загрузка изображения на сайт.

  6. Создайте страницу «О Нас» с информацией о компании. В эту страницу вставьте свою фотографию и сделайте под ней подпись «Директор компании: Ваше ФИО». Для вставки фотографии выберите ее в списке фотографий и нажмите . Фотография будет вставлена в указанной место страницы (в позицию курсора).

  7. Откройте ваш электронный магазин, который вы делали ранее. Он находится по адресу: http://10.242.48.45/stu/X/Y/magazin.php, где X – номер вашей группы, Y – номер папки. Скопируйте в буфер обмена каталог товаров вашего электронного магазина.

  8. Создайте на сайте страницу «Продукция» и скопируйте в нее каталог товаров электронного магазина из буфера обмена.

  9. Создайте страницу «Электронный магазин» со следующим текстом «Вы можете купить наши товары через Internet в нашем электронном магазине». Выделите мышкой текст «электронном магазине», нажмите пиктограмму . Откроется окно для ввода гиперссылки. Здесь вы можете указать гиперссылку на любой сайт или любой документ Internet. Введите в поле URL текст magazin.php, нажмите «ОК». Выделенный вами текст автоматически станет гиперссылкой, указывающей на файл magazin.php

  10. Создайте на сайте страницы «Где купить» и «Контакты». Текст выберите по своему усмотрению.


Проверка работы сайта.
Нажмите «Выход», чтобы выйти из систему администрирования CMS.
Откройте ваш сайт по адресу http://10.242.48.45/stu/X/Y/

Здесь X – номер вашей группы



Y – номер папки
Откроется главная страница сайта – обычно это будут «Новости».
Убедитесь, что все созданные вами страницы работают, а электронный магазин открывается. Если вы допустили ошибки, зайдите в систему администрирования и исправьте их.
Предъявите готовый сайт преподавателю.

Похожие:

Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconЛабораторная работа 2 Настройка и обзор системы (4 ч.)  Административная панель управления  Настройки системы
Как правильно использовать системы управления содержимым сайта (cms). Этапы разработки
Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconИнтеграция систем управления содержимым сайта и генерации шаблонов интернет- страниц с использованием веб-сервисов
Для экономного создания сайтов, соответствующих современным технологиям, предлагается модель интеграции системы управления содержимым...
Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconContent Management System, читается как цмс, Система управления контентом компьютерная программа
Цмс, Система управления контентом компьютерная программа, используемая для облегчения процесса создания, редактирования и управления...
Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconОбзор cms cms (Content Management System)
Первые cms начали появляться в 1995 году, однако распространение создания сайта с помощью системы управления сайтом получило после...
Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconРуководство пользователя содержание общие сведения Назначение и возможности Структура рабочей страницы cms
Система управления веб-сайтом (cms) Cutesite предназначена для управления информационной структурой, содержимым и дополнительными...
Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconСистема управления содержимым (cms)
Доступ к управлению содержимым Интернет-сайта с любого компьютера, подключенного к Интернет, с установленным программным обеспечением...
Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconЛабораторная работа №3 Объектно-ориентированная реализация Web-страниц в asp. Net
Ознакомление с иерархией и функциональностью классов, формирующих типы Web-страницы и элементов управления html и Web, получение...
Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconРуководство пользователя стр. Содержание 1 1 Модуль «Управление страницами» 2
Модуль «Управление страницами» в составе по системы S. Builder предназначен для создания неограниченного количества страниц сайта,...
Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconУправления содержимым «cms keffir»
В системе управления содержимым Keffir сделан акцент на простоту использования, что позволит обычному пользователю добавлять содержимое...
Лабораторная работа «cms-системы (порталы) для создания web сайтов». Элементы теории. Система управления содержимым / контентом iconИнструкция по настройке браузера для работы в системе vsc cms web ООО «Восточная Стивидорная Компания». Система vsc cms web оптимизирована для работы с браузером Internet Explorer версии 0 и выше
Система vsc cms web оптимизирована для работы с браузером Internet Explorer версии 0 и выше
Разместите кнопку на своём сайте:
ru.convdocs.org


База данных защищена авторским правом ©ru.convdocs.org 2016
обратиться к администрации
ru.convdocs.org