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

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

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

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

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

1. 
   Редактировать любую из страниц, нажав на ссылку с ее именем.
   
2. 
   Создать новую страницу первого уровня.
   
3. 
   Удалить существующую страницу.
   

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

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

.

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

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

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

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

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

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. 
    Создайте на сайте страницы «Где купить» и «Контакты». Текст выберите по своему усмотрению.
    

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