Лабораторный практикум по курсу создание web-сайтов Учебно-методическое пособие

В наборе данных выбрать XML, а в основной части окна, где отображается дерево XML – Mynew. На последнем шаге мастера вставить макет «главное/подробности». В настройках выполнить следующее:

Рис. 15. Макет «главное/подробности»

21

Главные столбцы – @date, столбцы подробных сведений – title, потом text. В результате должно получиться следующее:

Рис. 16. Пример Новостной ленты

Сделать новостную страничку с 10 новостями на заданную тему. Работоспособность проверять только с помощью кнопки Live, т.к. используются серверные технологии.

22

Лабораторная работа № 10 СОЗДАНИЕ ВЕБ-СТРАНИЦЫ

С ВСПЛЫВАЮЩИМИ ПОДРАЗДЕЛАМИ

На странице начертить 10 блоков («Вставка» – «Макет» – «Рисовать слой AP»).

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

На панели «Элементы AP» скрыть все панели, кроме первой (поставить закрытый глаз напротив каждого слоя).

Рис. 17. Панель «Элементы AP»

Далее для каждой созданной пустой гиперссылки «Далее» в инспекторе тегов добавить новое поведение.

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

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

Таким образом, у вас получится «одностраничник», который раскрывает последовательно блоки и позволяет скрывать их.

23

Рис. 18. Свойства тегов

24

Лабораторная работа № 11 УСТАНОВКА И НАСТРОЙКА CMS WORDPRESS

Распакуйте архив wordpress-3.9-ru_RU.zip в папку. Переименуйте файл wp-config-sample.php файл в wp-config.php. Скиньте всю папку на ваш сервер FTP. Далее посмотрите настройки базы данных MySQL, которые вам предоставил хостинг-сервер. Перейдите по ссылке wpadmin/install.php, используя ваш веб-браузер и введите все необходимые параметры.

После установки войдите в панель администрирования: имя ваше-

го сайта/wp-admin.

В разделе страницы создайте 7 страниц на заданную тему. Зайдите в меню «Внешний вид» – «Меню», создайте меню и по-

местите в него созданные страницы.

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

Рис. 19. Меню «Внешний вид» в программе CMS Wordpress

25

Лабораторная работа № 12 ИСПОЛЬЗОВАНИЕ CMS JOOMLA

Зарегистрироваться на сайте Joomla.com. Создать новый сайт и зайти

впанель администратора.

Вверхней части панели администратора – «Настройки» (Шестеренка) поменять настройки профиля и в главных настройках выбрать русский язык для панели и самого сайта.

Вразделе материал сделать 7 страниц на заданную тематику.

Вразделе «Меню» – «Подпункты меню» добавить новые подпункты,

втипе подпунктов выбрать «Материал», в выборе материала указать созданные страницы и сохранить.

Вверхнем меню панели администрирования в разделе «Расширения» можно скрыть ненужные плагины (все) в модулях Last Articles, Login Forms, Search, Site ground.

26

Библиографический список

1.Исакова А. И. Информационные технологии : учеб. пособие / А. И. Исакова, М. Н. Исаков. – Томск : Эль Контент, 2012. – 174 с. – Режим доступа: https://biblioclub.lib.vsu.ru/index.php?page=book&id=208647&sr=1

2.Голубенко Н. Б. Информационные технологии в библиотечном деле : [учебно-практическое пособие] / Н. Б. Голубенко. – Ростов н/Д. : Фе-

никс, 2012. – 282 с.

3.Идеально! Как создать и переделать свой сайт. Правильный подход

ипередовые техники разработки / ред. А. Сарычев. – М. : СилаУма-

Паблишер, 2013. – Режим доступа: https://biblioclub.lib.vsu.ru/index.php? page=book&id=236758&sr=1

4.Макарова Т. В. Основы информационных технологий в рекламе / Т. В. Макарова, О. Н. Ткаченко, О. Г. Капустина. – М. : Юнити-Дана, 2012. – 271 с. – Режим доступа: https://biblioclub.lib.vsu.ru/index.php?page=book& id=116634&sr=1

5.Уринцов А. И. Электронный обмен данными : учебно-практическое пособие / А. И. Уринцов. – М. : Евразийский открытый институт, 2011. – 181 с. – Режим доступа: https://biblioclub.lib.vsu.ru/index.php?page=book &id=90958&sr=1

6.Коваленко А. Н. Компьютеризация книготорговой деятельности. Информационные технологии в книжном деле / А. Н. Коваленко, Н. Б. Лезунова. – СПб. : Петербургский институт печати, 2003. – 136 с.

7.Каян Э. Информационные технологии : Толковый словарь аббревиатур / Э. Каян ; пер. с англ. К. Г. Финогенова. – М. : Бином. Лаборатория знаний, 2003. – 645 с.

8.Полнотекстовая база «Университетская библиотека» – образова-

тельный ресурс. – Режим доступа: http://www.biblioclub.ru/

9.Электронный каталог Научной библиотеки Воронежского государственного университета. – Режим доступа: http//www.lib.vsu.ru/

27

Учебное издание

ЛАБОРАТОРНЫЙ ПРАКТИКУМ ПО КУРСУ «СОЗДАНИЕ WEB-САЙТОВ»

Учебно-методическое пособие

Составитель

Бабич Дмитрий Александрович

Редактор И. Г. Валынкина Компьютерная верстка А. Ю. Хаустовой

Подписано в печать 16.12.2016. Формат 60×84/16. Уч.-изд. л. 1,2. Усл. п. л. 1,6. Тираж 50 экз. Заказ 877

Издательский дом ВГУ 394000 Воронеж, пл. Ленина, 10

Отпечатано в типографии Издательского дома ВГУ 394000 Воронеж, ул. Пушкинская, 3

28