wiki.nntc.nnov.ru - Вклад участника [ru]

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:35:12Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является '''функционирующий сайт с наполнением, созданный средствами CMS Drupal'''.

Для выполнения итогового задания необходимо:

1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal, либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, поля авторизации .....).

6. Создать информационное наполнение страниц. Внедрить WYSIWYG редактор.

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:34:51Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является '''функционирующий сайт с наполнением, созданный средствами CMS Drupal'''.

Для выполнения итогового задания необходимо:

'''
  1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal, либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, поля авторизации .....).

6. Создать информационное наполнение страниц. Внедрить WYSIWYG редактор.

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:34:38Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является '''функционирующий сайт с наполнением, созданный средствами CMS Drupal'''.

Для выполнения итогового задания необходимо:

'''1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal, либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, поля авторизации .....).

6. Создать информационное наполнение страниц. Внедрить WYSIWYG редактор.

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:34:18Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является '''функционирующий сайт с наполнением, созданный средствами CMS Drupal'''.

Для выполнения итогового задания необходимо:

'''
1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal, либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, поля авторизации .....).

6. Создать информационное наполнение страниц. Внедрить WYSIWYG редактор.
'''

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:32:13Z

Koroleva: /* Результат практики */

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:30:51Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является '''функционирующий сайт с наполнением, созданный средствами CMS Drupal'''.

Для выполнения итогового задания необходимо:

  1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, .....).

6. Создать информационное наполнение страниц. Внедрить WYSIWYG редактор.  

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:30:27Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является '''функционирующий сайт с наполнением, созданный средствами CMS Drupal'''.

Для выполнения итогового задания необходимо:

  
1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, .....).

6. Создать информационное наполнение страниц. Внедрить WYSIWYG редактор.

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:29:19Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является '''функционирующий сайт с наполнением, созданный средствами CMS Drupal'''.

Для выполнения итогового задания необходимо:

1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, .....).

6. Создать информационное наполнение страниц. Внедрить WYSIWYG редактор.

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:27:38Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является '''функционирующий сайт с наполнением, созданный средствами CMS Drupal'''.

Для выполнения итогового задания необходимо:

1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, .....).

6. Создать информационное наполнение страниц. Внедрить WYSIWYG редактор.

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:26:08Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является функционирующий сайт с наполнением, созданный средствами CMS Drupal.

Для выполнения итогового задания необходимо:

1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, .....).

6. Создать информационное наполнение страниц. Внедрить WYSIWYG редактор.

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-10T08:24:55Z

Koroleva: /* Результат практики */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть (оценка в журнал)==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть (оценка в журнал)===

1. С сайта drupal.org из раздела themes скачайте понравившиеся Вам темы

2. Распакуйте темы в папку thems вашей CMS

3. Примените темы

4. Используя средства Drupal внесите в тему изменения

5. Измените при необходимости шаблоны выбранной темы и каскадные таблицы стилей

=Внедрение WYSIWYG редактора в Drupal=

==Теоретическая часть==

'''WYSIWYG''' (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») — способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

'''FCKeditor''' — свободный WYSIWYG-редактор, который может быть использован на веб-страницах. «FCK» в названии FCKeditor происходят от имени создателя редактора, Frederico Caldeira Knabben.

Начиная с версии 3.0, редактор называется CKeditor (при старте проекта, Бразилец Фредерико не знал значение аббревиатуры FCK).

Особенностью редактора является малый размер без необходимости инсталляции на стороне клиента.

==Практическая часть (оценка в журнал)==

Для интеграции '''FCKeditor''' с вашей CMS проделайте следующие действия:

1. Скачайте модуль '''FCKeditor''' позволяющие подключить к Drupal WYSIWYG-редактор '''FCKeditor''' по [http://ftp.drupal.org/files/projects/fckeditor-6.x-1.4.tar.gz этой ссылке]

2. Извлеките папку '''fckeditor''' из архива

3. Скачайте сам WYSIWYG-редактор '''FCKeditor''' по [http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.tar.gz этой ссылке]

4. Извлеките папку '''fckeditor''' из архива

5. Положите содержимое папки '''fckeditor''', полученной в п.4 в папку '''fckeditor''', находящуюся внутри папки '''fckeditor''', полученной из архива в п.2 (да, да - папки с одинаковыми названиями вложены друг в друга)

6. Зайдите на сервер по ftp и создайте папку '''modules''' в папке '''sites/all'''

7. В созданную папку '''modules''' положите папку '''fckeditor''' (которая содержит папку '''fckeditor''', в которой, в свою очередь, находится положенное в п.5 содержимое)

8. Откройте конфигурационный файл, находящийся по адресу '''/var/www/sites/all/modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php'''

9. Найдите в файле параметр '''$Config['UserFilesAbsolutePath']''' и присвойте ему полный путь до папки с файлами. Должно выглядеть примерно так:
$Config['UserFilesAbsolutePath'] = '/var/www/sites/default/files/' ;

10. Найдите в файле параметр '''$Config['Enabled']''' и присвойте ему значение '''true'''. Должно выглядеть примерно так:
$Config['Enabled'] = true ;

11. Сохраните файл

12. Зайдите в CMS. Перейдите в раздел '''Управление''' - '''Конструкция сайта''' - '''Модули'''

13. Включите только что добавленный в систему модуль, поставив флажок и нажав кнопку "Сохранить настройки", как показано на рисунке

[[Изображение:fckeditor.png|left|500px|thumb|Включение WYSIWYG редактора в CMS Drupal]]
 

14. Перейдите в раздел '''Управление''' - '''По модулям'''

15. Найдите раздел '''FCKeditor''' и выберите '''Настройка прав доступа'''. Сделайте настройки модуля fckeditor как показано на рисунке
[[Изображение:fckprop.png|left|500px|thumb|]]
 

17. Перейдите в раздел '''Управление''' - '''По модулям'''

18. Найдите раздел '''FCKeditor''' и выберите '''FCKeditor'''. Отредактируйте профиль '''Advanced''' следующим образом:

  18.1 Basic setup:

'''Roles allowed to use this profile:''' зарегистрированный пользователь (поставить флажок)

  18.2 File browser settings:

'''File browser type:''' Built-in filebrowser

'''Allow quick uploads:''' true

19. Попробуйте создать материал с большими комфортом и скоростью ('''Создать материал''' - '''Заметка''', или '''Создать материал''' - '''Страница''')

'''Примечание:'''
Вы уведите, что обычное текстовое поле превратилось в удобный WYSIWYG редактор, по функциям похожий на офисный текстовый процессор

[[Изображение:wysiwyg.png|left|700px|thumb|WYSIWYG редактор, заменивший собой простое текстовое поле]]
 

=Результат практики=

Итогом практики является функционирующий сайт с наполнением, созданный средствами CMS Drupal.

Для выполнения итогового задания необходимо:

1. Определиться с тематикой вашего сайта.

2. Подобрать подходящую тему оформления для вашего сайта (можно использовать стандартные темы Drupal либо скачать их с drupal.org). Создать на основе выбранной темы оформления свою тему.

3. Внести изменения в оформление сайта (при необходимости: добавить логотип, поменять изображения "шапки", "подложки" и т.п.)

4. Создать меню.

5. Разместить на странице необходимые "блоки" (меню, блог, .....).

6. Создать информационное наполнение страниц ()

=Зачет=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-08T12:47:23Z

Koroleva: /* Создание заготовки темы на основе копии темы Garland */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

==Редактирование шаблонов темы==

===Теоретическая часть===

page.tpl.php - шаблон для страницы.

node.tpl.php - шаблон для узла.

comment.tpl.php - шаблон комментария.

block.tpl.php - шаблон блока.

style.css, style-rtl.css, *.css- таблицы стилей, подключаемые шаблонами.

screenshot.png - превью темы.

===Практическая часть===

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-08T12:39:50Z

Koroleva: /* Создание новой темы оформления */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

==Создание заготовки темы на основе копии темы Garland==

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6. Перейти в Drupal на страницу Темы оформления и обновите ее. В списке тем появится ваша тема.

7. Выберите вашу тему и сохраните настройки.

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-08T12:37:28Z

Koroleva: /* Создание новой темы оформления */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

(на примере копии темы Garland)

1. Зайти на сервер по ftp в раздел /var/www/themes

2. Создать копию папки Garland и переименовать её в любое другое название, например money.

3. Зайти папку и переименовать файл garland.info в money.info

4. Открыть файл money.info в текстовом редакторе и заменить все слова garland на money

5. Сохранить файл.

6.

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-08T12:28:55Z

Koroleva: /* ппп */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" и "Вход в систему" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

 

=Создание материалов=

==Теоретическая часть==

==Практическая часть==

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

2. Выбираем тип материала (например, страница)

3. Заполнить поля '''Заголовок''' и '''Содержимое''' отделяя анонс от материала, либо нет

4. Сохранить

5. В строке адреса скопировать имя страницы (например, '''node/5''')

6. Зайти в меню '''Управление''' - '''Конструкция сайта''' - '''Меню''' - '''Название_Вашего_меню'''

7. Выберите пункт меню, для которого создавался материал

8. Выполнить операцию "Изменить"

9. В поле '''Путь''' вставить имя страницы (см. п. 5)

10. Сохранить (кнопочка внизу)

11. Перейдя по соответствующей ссылке вашего меню проверить отображение материала

12. Создайте материалы для всех страниц созданного вами меню

'''Примечание:'''
Все созданные материалы можно найти в пункте меню '''Управление''' - '''Содержание''' - '''Содержание'''

Пример рабочего меню с материалами можно посмотреть по [http://192.168.5.75 этому] адресу

=Создание новой темы оформления=

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-08T08:57:53Z

Koroleva: /* Практическая часть */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|left|400px|thumb|Создание меню в Drupal]]

Практика "Разработка Web-сайта с использованием современных информационных технологий"

2009-12-08T08:57:15Z

Koroleva: /* Практическая часть */

=Настройка Web-сервера=
==Теоретическая часть==
Для работы любого сайта необходим '''хостинг'''

'''Хостинг''' - место под сайт, выдаваемое ''юридическому'' или ''физическому'' ''лицу'' хостинг-провайдером (или хостером).

В данном случае под ''местом под сайт'' следует понимать возможность входа на удаленный Web-сервер для размещения там материалов.

Большинство ''хостинг-провайдеров'' предоставляют доступ к хостингу через протокол FTP - File Transport Protocol.

Существуют провайдеры, которые наряду с доступом к файлам по '''FTP''' предоставляют доступ по протоколу '''SSH'''. Протокол '''SSH''' полезен, когда провайдер выдает своему клиенту целую виртуальную машину, на которой клиент может делать все, что захочет: устанавливать свои программы, управлять доступом к файлам и папкам, администрировать '''СУБД''' и т.д.

Хостинг бывает нескольких видов.

* '''статический''' - хостинг файлов. На таком хостинге можно лишь опубликовать статическую веб страницу без возможности её динамического обновления пользователями, напирмер хостинг от narod.yandex.ru
* '''хостинг с поддержкой интерпретируемых встраиваемых в разметку языков''', таких как, например '''PHP'''(в большинстве случаеа), '''PERL'''(при использовании программ CGI)
* '''хостинг с поддержкой интерпретируемых встраиваемых в рзметку языков и с поддержкой баз данных''', например Mysql, Postgresql

Для администрирования баз данных используется либо протокол '''SSH''', через который пользователь удаленно по зашифрованному каналу получает полный доступ к системе, либо специальные программы с Web интерфейсом, например '''phpmyadmin'''.

А рамках данной темы практики мы научимся:

* заходить на сервер по протоколу SSH
* устанавливать необходимые программы для того чтобы наш Web сервер мог предоставлять хостинг по протоколу FTP с поддержкой СУБД MysqlServer и встраиваемого в разметку интерпретируемого языка PHP
* администрировать СУБД посредством Web интерфейса phpmyadmin (создавать базы данных и настраивать доступ к ним)

==Практическая часть==
===Вход на сервер по SSH и смена пароля на собственный===
1. Выясните у преподавателя:
'''ip адрес''' сервера, к которому Вы будете подключаться,
'''логин'''
'''пароль'''

2.
'''В ОС GNU/Linux:'''

Через меню '''Приложения''', подменю '''Стандартные''' найдите и запустите '''Терминал'''.

'''В ОС MS Windows XP:'''

Запустите программу putty. Скачать её можно [http://wiki/images/a/aa/putty.zip отсюда]

3.
'''В ОС GNU/Linux:'''

После получения нужных данных в запущенной консоли выполняем подключение к сервера с помощью команды ssh:

ssh '''ip адрес''' -l '''логин'''

'''Например:'''
ssh 192.168.5.220 -l vasya_pupkin

и нажмите Enter

'''В ОС MS Windows XP:'''

Внесите данные о сервере в форму и подключитесь

4. При первом подключении к серверу вам будет выдана сигнатура открытого ключа сервера. Согласитесь с ее использованием для шифрования данных передаваемых между вашим компьютером и сервером.

5. Для подтверждения правильности сигнатуры открытого ключа наберите Yes и нажмите клавишу Enter.

6. Удаленный сервер попросит вас ввести пароль, соответствующий, указанному после ключа -l логину на сервере.

7. Введите пароль и если авторизация прошла успешно вы должны увидеть приглашение сервера:
administrator@lab-srv'''XX''':~$
где, '''XX''' - номер вашего сервера

8. Преподаватель дал Вам временный пароль. Его необходимо изменить на свой собственный. Для этого введем команду '''passwd'''
administrator@lab-srv'''XX''':~$passwd
и нежмем Enter

9. Сервер выдаст запрос на ввод сначала текущего пароля. Введем его
Changing password for administrator.
(current) UNIX password:'''текущий пароль'''
и нажмем Enter

10. Затем сервер выдаст запросы сначала на ввод нового пароля и затем на подтверждение нового пароля. Введем их, подтверждая свой ввод Enter-ом
Enter new UNIX password:'''новый пароль'''
Retype new UNIX password:'''новый пароль'''

11. В случае успеха операции сервер уведомит Вас и вернет приглашение
passwd: password updated successfully
administrator@lab-srv26:~$

'''Примечание:'''
Ввод паролей в консоли никак не отображается. Такова политика безопасности UNIX систем

12. Для отключения от сервера достаточно закрыть терминал.

13. Теперь отключитесь от сервера и занова зайдите на него по SSH используя данный Вам логин и Ваш собственный пароль, который мы только что установили

===Установка необходимых для Web сервера программ===
====Теоретическая часть====
Нам необходимо установить классический веб сервер, часто называемый LAMP (Linux Apache Mysql PHP)

1. '''Linux''' - Сетевая операционная система с открытым исходным кодом. В нашем случае она уже установлена и мы имеем возможность управлять ей через удаленное подключение по SSH

2. '''Apache''' - Самый популярный в мире бесплатный кросплатформенный Web сервер, на котором работает более 70% интернет в мире. Веб сервер Apache служит для отдачи статического контента браузеру (картинки, html-разметка, разметка+JavaScript, CSS)

3. '''Mysql''' - СУБД (Сервер Управления Базами Данных). Сервер предоставляет авторизированный доступ к базам данных, в которых хранятся наддые различных сайтов, функционирующих на Web-хостинге

4. '''PHP''' - Интерпретатор языка PHP. Служит прослойкой между исходным кодом на языке PHP и веб сервером Apache (встраивается в apache). Принимает исходный код и превращает его в статическую разметку.

LAMP - это 4 базовые компоненты для построения полнофункционального Web-сервера

Для удобства администрирования сервера (закачки на него файлов и конфигурирования баз данных в СУБД) необходимо установить сервер '''FTP''' - для доступа к папке с контентом сайта и программу '''phpmyadmin''' - для конфигурирования баз данных в MysqlServer

'''Названия программных пакетов, необходимых для установки:'''
apache2 (Apache)
mysql-server (Mysql)
php5 (PHP)
proftpd (FTP-сервер)
phpmyadmin (phpmyadmin - веб интерфейс для управления базами данных в Mysql)

====Практическая часть====
=====Подключение репозитария в систему=====
Для подключения репозитория необходимо отредактировать файл
/etc/apt/sources.list
то есть добавить в него 4 строчки, которые подключат нашу систему к набору программного обеспечения для его утановки

1. Откройте терминал. Зайдите на сервер по SSH
ssh '''server_address''' -l '''username'''
2. Возьмите суперпользовательские привелегии командой '''sudo su'''
administrator@lab-srv'''XX''':~$sudo su
введите пароль
[sudo] password for administrator: '''пароль'''
При успешном выполнении операции приглашение должно смениться с $ на #
root@lab-srvXX:/home/administrator#
3. Очистите файл /etc/apt/sources.list записав туда пробел командой '''echo'''
root@lab-srvXX:/home/administrator#echo "" > /etc/apt/sources.list
4. Откройте файл на редактирование программой '''nano'''
root@lab-srvXX:/home/administrator#nano /etc/apt/sources.list
5. Вставьте эти строчки туда
deb ftp://repo/repositories/hardy hardy main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-security main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-updates main restricted universe multiverse
deb ftp://repo/repositories/hardy hardy-backports main restricted universe multiverse

или

deb http://yum.fireground.ru/ubuntu/mirror hardy main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-security main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-updates main restricted multiverse universe
deb http://yum.fireground.ru/ubuntu/mirror hardy-backports main restricted multiverse universe

6. Сохраните файл используя сочетания клавиш '''Ctrl+O'''

7. Выйдите из программы '''nano''' используя сочетания клавиш '''Ctrl+X'''

8. Обновите информацию о программном обеспечении репозитария командой '''aptitude update'''
root@lab-srvXX:/home/administrator#aptitude update

'''Мы подключили репозитарий с программами в систему. Теперь из этого репозитария можно устанавливать нужные нам программы'''

=====Установка программ=====

Вспомним названия программных пакетов, необходимых для установки:

apache2
mysql-server
php5
proftpd
phpmyadmin

Все эти программы можно легко установить выполнив одну единственную команду '''aptitude install apache2 mysql-server php5 proftpd phpmyadmin'''

root@lab-srvXX:/home/administrator# aptitude install apache2 mysql-server php5 proftpd phpmyadmin

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

1. Do you want to continue? [Y/n/?] - Отвечаем Y и нажимаем Enter

2. New password for the MySQL "root" user: - Вводим пароль для пользователя '''root''' для последующего доступа к Mysql серверу и нажимаем Enter

3. Repeat password for the MySQL "root" user: - Повторно вводим пароль для пользователя '''root''' и нажимаем Enter

4. Web server to reconfigure automatically: - Выбираем Web-сервер, с которым будет работать phpmyadmin. В нашем случае это '''apache2'''. Выберете его нажав '''пробел''' и нажмите Enter

После того как сервер вернул нам консоль
root@lab-srvXX:/home/administrator#
установка программ закончена. Осталось несколько мелких настроек

=====Настройка рабочей папки=====

Для получения доступа к папке '''/var/www''', в которую мы будем загружать файлы необходимо сменить хозяина этой папки на пользователя '''administrator'''. Для этого выполним команду '''chown administrator /var/www -R'''
root@lab-srvXX:/home/administrator#chown administrator /var/www -R
Изменим права доступа на папку /var/www
root@lab-srvXX:/home/administrator#chmod 777 /var/www/ -R

Настройка сервера закончена. Теперь мы можем подключаться к серверу по FTP и управлять содержанием файлов в www каталоге Web сервера. Также мы можем управлять базами данных на сервере Mysql посредством интерфейса phpmyadmin

==Проверка работы Web сервера==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера'''.

Если браузер загрузил файл, в котором написано '''It Works''', значит настройка сервера прошла успешно

==Проверка работы программы phpmyadmin==

Отройте браузер и наберите в адресной строке '''IP_адрес_вашего_сервера/phpmyadmin'''.

Если браузер загрузил окно авторизации phpmyadmin, значит установка phpmyadmin прошла успешно

Теперь для управления базами данных в системе можно зайти в phpmyadmin с логином '''root''' и '''паролем''', который мы указали при установке и настройке

==Подключение к серверу по FTP для управления файлами==

===В операционной системе GNU/Linux Ubuntu с графической оболочкой GNOME===

1. В меню '''Переход''' выберите '''Соединиться с сервером'''.

2. В открывшемся окне выберите '''Тип сервера:''' ''FTP(с авторизацией)''

3. '''Сервер:''' ''IP_адрес_вашего_сервера''

4. '''Порт:''' ''21''

5. '''Папка:''' ''/var/www''

6. '''Имя пользователя:''' ''administrator''

7. Жмем кнопку '''Соединиться'''

8. В появившемся окне вводим пароль для пользователя '''administrator''' и жмем кнопку '''Подключиться'''

Теперь у нас на рабочем столе появилась смонтированная папка с файлами из каталога www на сервере.

===В операционной системе MS Windows XP===

1. Откройте программу Filezilla Скачать её можно [http://wiki/images/a/aa/filezilla.zip отсюда]

2. Введите в соответствующие поля ''IP_адрес_вашего_сервера'', '''Порт:''' ''21'', '''имя пользователя:''' ''administrator'', '''ваш пароль'''

3. Нажмите кнопку для соединения

4. После подключения в правой панели получите каталог сервера, в левой - ваш локальный каталог

=Установка CMS Drupal=
==Теоретическая часть==

Drupal (Друпал) — это система управления сайтом (CMS), а также среда для создания вебприложений (CMF).

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

Для установки CMS Drupal необходимо скачать архив с CMS, разархивировать его содержимое в www каталог вашего сервера, зайти из браузера по адресу вашего web-сервера и следуя подсказкам инсталлятора настроить CMS на базу данных mysql. Для удобного управления СУБД Mysql Server можно использовать web-интерфейс phpmyadmin, в который можно попасть набрав в браузере '''адрес_вашего_сервера/phpmyadmin'''

==Практическая часть==

1. Скачайте CMS Drupal по [http://wiki/images/a/aa/drupal-6.14_russian.zip этой ссылке]

2. Извлеките папку ''drupal-6.14_russian'' из архива

3. Загрузите файлы, содержащиеся в папке ''drupal-6.14_russian'' в www каталог вашего web-сервера (как подключиться к вашему серверу по ftp можно узнать [http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.9F.D0.BE.D0.B4.D0.BA.D0.BB.D1.8E.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80.D1.83_.D0.BF.D0.BE_FTP_.D0.B4.D0.BB.D1.8F_.D1.83.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D1.8F_.D1.84.D0.B0.D0.B9.D0.BB.D0.B0.D0.BC.D0.B8 здесь] )

4. Откройте браузер

5. Наберите в строке адреса браузера IP-адрес вашего сервера, '''например 192.168.5.23'''

6. CMS Drupal предложит выбрать язык, на котором он дальше будет устанавливаться и работать. На вопрос '''Choose language''' ответом выберем '''Russian (Русский)''' и нажмем кнопку '''Select Language'''

7. Далее CMS затребует конфигурационный файл с полными правами на него и папку '''files'''. Для создания всего этого делаем последовательно действия:

   7.1 Подключаемся к серверу по '''ssh''' (как это сделать можно узнать [[http://wiki/?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B0_%22%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_Web-%D1%81%D0%B0%D0%B9%D1%82%D0%B0_%D1%81_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC_%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9%22#.D0.92.D1.85.D0.BE.D0.B4_.D0.BD.D0.B0_.D1.81.D0.B5.D1.80.D0.B2.D0.B5.D1.80_.D0.BF.D0.BE_SSH_.D0.B8_.D1.81.D0.BC.D0.B5.D0.BD.D0.B0_.D0.BF.D0.B0.D1.80.D0.BE.D0.BB.D1.8F_.D0.BD.D0.B0_.D1.81.D0.BE.D0.B1.D1.81.D1.82.D0.B2.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9 здесь]])

   7.2 Берем привилегии суперпользователя командой
sudo su

   7.3 Переходим в www каталог web-сервера командой
cd /var/www

   7.3 Копируем файл '''sites/default/default.settings.php''' в '''sites/default/settings.php''' командой
cp sites/default/default.settings.php sites/default/settings.php

   7.4 Даем полный доступ на файл '''sites/default/settings.php''' командой
chmod 777 sites/default/settings.php

   7.5 Создаем папку sites/default/files командой
mkdir sites/default/files

   7.6 Даем полный доступ на папку '''sites/default/files''' командой
chmod 777 sites/default/files -R

8. Обновите страницу в браузере используя кнопку обновить, либо нажав клавишу F5 на клавиатуре компьютера. Если настройки в п. 7 сделаны правильно, то далее инсталлятор выдаст форму для конфигурации базы данных MySQL

9. Прежде чем вводить данные в форму, которую выдаст инсталлятор в п. 8 необходимо создать эту базу данных и настроить доступ к ней. Это легко делается через web-интерфейс '''phpmyadmin'''

   9.1 Не закрывая страницу настройки CMS Drupal создайте новую вкладку в браузере (это можно сделать нажав сочетания клваиш Ctrl+T, или через меню ''Файл'') и наберите в ней адрес_вашего_web-сервера/phpmyadmin, '''например 192.168.5.23/phpmyadmin'''

   9.2 В качестве пользователя введите '''root''', в качестве пароля - пароль, который вы задали для пользователя '''root''' при установке и настройке пакетов ''Mysql Server'' и ''phpmyadmin''.

   9.3 После успешной авторизации выберите пункт '''Привилегии'''

   9.4 Далее выберите пункт '''Добавить нового пользователя'''

   9.5 Введите в форму следующие данные:

'''Имя пользователя:''' drupal
'''Хост:''' localhost
'''Пароль:''' придумайте сами, но не забудьте
'''Подтверждение:''' не промахнитесь ;-)

Выберите опцию '''Создать базу данных с именем пользователя в названии и предоставить на нее полные привилегии''' и нажмите кнопку "ОК"

При успешном выполнении операции Вы увидите уведомление '''Был добавлен новый пользователь.''' Теперь у нас в базе данных MySQL созданы:
База данных: drupal
Пользователь: drupal
Пароль пользователя: тот, который вы придумали сами и не забыли

10. Перейдите во вкладку с формой для конфигурации базы данных MySQL в CMS Drupal, введите туда данные полученные в п. 9 и нажмите кнопку "Сохранить и продолжить". После чего начнется установка CMS Drupal.

11. По завершении установки CMS сменим права доступа к файлу ''/sites/default/settings.php'' командой
chmod 764 sites/default/settings.php

12. Теперь введите еще немного данных для будущего сайта и нажмите кнопку '''Сохранить и продолжить'''

13. Через несколько минут получаем сообщение о том, что наша CMS установлена и настроена.

=Работа в CMS Drupal=
==Теоретическая часть==
CMS Drupal является самообущающей системой. При первом знакомстве с ней Вы увидите, что по умолчанию сайт отображает справку с удобной навигацией посредством гипперссылок. Теперь вам предстоит изучить основные разделы для управления и изменения контента.

==Практическая часть==
1. Откройте браузер

2. Наберите в адресной строке IP-адрес вашего Web-сервера, '''например 192.168.5.23'''

3. Авторизуйтесь в CMS используя логин и пароль, который задали при установке и настройке CMS Drupal

4. Используя встроенное руководство по CMS изучите основные возможности Drupal

=Настройка темы оформления в CMS Drupal=

==Теоретическая часть==

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

==Практическая часть==

1. Зайти в раздел "Управление - Конструкция сайта - Темы оформления"

2. Выбрать тему Garland (включить и выбрать по умолчанию).

3. Выполнить операцию "настроить".

4. Сохранить настройки (кнопочка внизу)

5. Изменить настройки

  5.1 Расцветка
Установка цвета
Основной цвет
Цвет ссылок
Заголовок вверху
Заголовок внизу
Цвет текста

В предпросмотре можно увидеть изменения

При сохранении настроек изменения применяться к текущей теме

  5.2 Показывать
Логотип
Название сайта
Слоган сайта
Миссия
Аватары в сообщениях
Аватары в комментариях
Строка поиска
Иконка
Основные ссылки
Дополнительные ссылки

Устанавливая или убирая флажок с соответствующей опции изменяем тему

При сохранении настроек изменения применяться к текущей теме

  5.3 Настройки логотипа
Использовать логотип по умолчанию

При активном флажке тема использует логотип, который находится в корне темы, например '''/var/www/themes/имя_темы/logo.php'''

Загрузка изображения с логотипом

С помощью кнопки "Обзор..." выберите логотип (небольшой графический файл) с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.4 Настройки иконки
Использовать иконку по умолчанию

При активном флажке тема использует иконку, которая находится в папке '''/var/www/misc/favicon.ico'''

Закачать иконку

С помощью кнопки "Обзор..." выберите иконку с локальной файловой системы вашего компьютера.
Загруженный файл помещается в папку '''/var/www/sites/default/files'''

  5.5 Сохранение настроек

Нажмите кнопку "Сохранить настройки" для применения сделанных настроек к теме

Кнопка "Установки по умолчанию" предназначена для возврата всех сделанных настроек в исходное состояние темы

==Задания==

1. Измените цветовую гамму в настройках расцветки темы. Сохраните настройки. Посмотрите результат

2. В графическом редакторе создайте логотип размером примерно 150х150 px с прозрачным фоном. Сохраните логотип в формате png

3. Загрузите изображение с логотипом в редактируемую тему. Сохраните настройки. Посмотрите результат

4. В графическом редакторе создайте иконку размером 32х32 px с прозрачным фоном. Сохраните иконку в формате ico

5. Загрузите изображение с иконкой в редактируемую тему. Сохраните настройки. Посмотрите результат

=Создание меню=

==Теоретическая часть==

См. раздел "Конструкция сайта"

==Практическая часть==

1. Создайте собственное меню с уровнем вложенности ссылок = 3, причем ссылки первого уровня развернутые

2. Поместите созданное меню на левую правую панель, а меню "Навигация" - в правую панель, поместив их в соответствующие блоки

У вас должно получиться меню примерно следующего вида:

[[Изображение:drupal_menu.png|right|300px|thumb|Создание меню в Drupal]]

Файл:Drupal menu.png

2009-12-08T08:55:51Z

Koroleva:

Радио апарато строение 1-й курс

2009-10-07T13:48:41Z

Koroleva:

==Информационные технологии в самостоятельной работе==
Преподаватель: '''Королева Ольга Владимировна'''

* Лабораторная работа №1 [[Методика самостоятельного освоения нового программного средства]]

* Лабораторная работа №1[[Медиа:RabotaOpenOffice.pdf | Работа в OpenOffice (файл задания)]]
* Лабораторная работа №2[[Медиа:Videomontaj.zip | Работа в MoveMaker (файлы)]]
* Лабораторная работа №3[[Медиа:crossword.zip | Создание кроссворда (для ознакомительных целей - Crossword Forg)]]
* Лабораторная работа №4_1[[Медиа:Лабораторная работа №4.zip | Создание электронного пособия (материал для электронного справочника)]]
* Лабораторная работа №4_2 [[Медиа:Правители России.zip|Создание электронного пособия (материал для электронного справочника)]]
* Лабораторная работа №12 [[Медиа:oglavlen.zip| Особенности оформления рефератов, докладов, курсовых работ в текстовом процессоре]]
* [[Медиа:ogl.zip |Создание оглавления]] презентация
* [[Алгоритм создания видео-слайд лекции средствами программы OpenOffice.org Impress]]
* Лабораторная работа №13-14 [[Медиа:For_pres.zip|Создание презентации (скачать материал для презентации о НТК)]]
* Лабораторная работа №15 Выполнение простейших чертежей, схем средствами программы КОМПАС [[(структура окна программы)]]

* [[Медиа:Учебник html.zip | HTML (эл.учебник)]]

Методика самостоятельного освоения нового программного средства

2009-09-15T20:58:35Z

Koroleva:

[[Изображение:Tux.png|right|200px|thumb|рис.1 Инструменты программы TuxPaint]]
'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

'''Задания:'''

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы (рис.1).

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

8.Оформить отчет в текстовом процессоре OpenOffice.org Writer

'''Содержание отчета:'''

Титульный лист.

Ответы на вопросы:

1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программного средства

2009-09-15T20:58:15Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''
[[Изображение:Tux.png|right|200px|thumb|рис.1 Инструменты программы TuxPaint]]
'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

'''Задания:'''

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы (рис.1).

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

8.Оформить отчет в текстовом процессоре OpenOffice.org Writer

'''Содержание отчета:'''

Титульный лист.

Ответы на вопросы:

1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программного средства

2009-09-15T20:58:00Z

Koroleva: Новая: '''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средств...

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''
[[Изображение:Tux.png|right|250px|thumb|рис.1 Инструменты программы TuxPaint]]
'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

'''Задания:'''

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы (рис.1).

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

8.Оформить отчет в текстовом процессоре OpenOffice.org Writer

'''Содержание отчета:'''

Титульный лист.

Ответы на вопросы:

1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Радио апарато строение 1-й курс

2009-09-15T20:57:35Z

Koroleva:

Методика самостоятельного освоения нового программное средства

2009-09-15T20:56:12Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint
[[Изображение:Tux.png|right|250px|thumb|рис.1 Инструменты программы TuxPaint]]
'''Задания:'''

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы (рис.1).

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

8.Оформить отчет в текстовом процессоре OpenOffice.org Writer

'''Содержание отчета:'''

Титульный лист.

Ответы на вопросы:

1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:55:37Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

'''Задания:'''

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы (рис.1).
[[Изображение:Tux.png|right|300px|thumb|Инструменты программы TuxPaint]]

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

8.Оформить отчет в текстовом процессоре OpenOffice.org Writer

'''Содержание отчета:'''

Титульный лист.

Ответы на вопросы:

1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Файл:Tux.png

2009-09-15T20:54:06Z

Koroleva:

Методика самостоятельного освоения нового программное средства

2009-09-15T20:53:48Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

'''Задания:'''

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы (рис.1).
[[Изображение:Tux.png]]

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

8.Оформить отчет в текстовом процессоре OpenOffice.org Writer

'''Содержание отчета:'''

Титульный лист.

Ответы на вопросы:

1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:53:19Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

'''Задания:'''

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы (рис.1).
[[Изображение:Tux.png.jpg]]

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

8.Оформить отчет в текстовом процессоре OpenOffice.org Writer

'''Содержание отчета:'''

Титульный лист.

Ответы на вопросы:

1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:51:14Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

'''Задания:'''

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы.

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

8.Оформить отчет в текстовом процессоре OpenOffice.org Writer

'''Содержание отчета:'''

Титульный лист.

Ответы на вопросы:

1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:49:46Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

Задания:

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы.

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

8.Оформить отчет в текстовом процессоре OpenOffice.org Writer

''Содержание отчета:''

Титульный лист.

Ответы на вопросы:

1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:48:41Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

Задания:

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы.

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.
7.Сохраните полученные изображения (создайте скриншоты каждого, созданного вами плаката).

Оформление отчета:

'''Оформить отчет в текстовом процессоре OpenOffice.org Writer'''

Содержание отчета:
Титульный лист.
Ответы на вопросы:
1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:47:32Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

Задания:

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы.

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.

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

Оформление отчета:
Оформить отчет в текстовом процессоре OpenOffice.org Writer
Содержание отчета:

Титульный лист.
Ответы на вопросы:
1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:47:05Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

'''Цель работы:'''
Освоить назначение, принципы работы и возможности программы TuxPaint

Задания:

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы.

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).

2.Эмблема специальности «Радиоаппаратостроение»;

3.Плакат музыкального ансамбля;

4.Плакат спортивной тематики;

5.Реклама Linux.

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

Оформление отчета:
Оформить отчет в текстовом процессоре OpenOffice.org Writer
Содержание отчета:

Титульный лист.
Ответы на вопросы:
1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:45:35Z

Koroleva:

'''Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»'''

Цель работы:
Освоить назначение, принципы работы и возможности программы TuxPaint

Задания:

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы.

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.

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

Оформление отчета:
Оформить отчет в текстовом процессоре OpenOffice.org Writer
Содержание отчета:

Титульный лист.
Ответы на вопросы:
1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:45:01Z

Koroleva:

Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»

Цель работы:
Освоить назначение, принципы работы и возможности программы TuxPaint

Задания:

1.Запустить образовательную программу TuxPaint.

2.Изучить структуру окна программы TuxPaint.

3.Выяснить функциональное назначение программы TuxPaint.

4.Освоить принцип работы всех инструментов программы.

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.

6.Используя средства программы TuxPaint создать графические композиции на темы:

1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.

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

Оформление отчета:
Оформить отчет в текстовом процессоре OpenOffice.org Writer
Содержание отчета:

Титульный лист.
Ответы на вопросы:
1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Методика самостоятельного освоения нового программное средства

2009-09-15T20:44:32Z

Koroleva: Новая: Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства...

Лабораторная работа №1 «Методика самостоятельного освоения студентом нового программного средства»

Цель работы:
Освоить назначение, принципы работы и возможности программы TuxPaint

Задания:
1.Запустить образовательную программу TuxPaint.
2.Изучить структуру окна программы TuxPaint.
3.Выяснить функциональное назначение программы TuxPaint.
4.Освоить принцип работы всех инструментов программы.

5.Освоить принципы модификации объектов (масштабирование, симметричное отображение), расположенных в рабочей области окна программы TuxPaint.
6.Используя средства программы TuxPaint создать графические композиции на темы:
1.Тематический плакат для дисциплин: география, биология, астрономия, зоология, математика, физика (на выбор).
2.Эмблема специальности «Радиоаппаратостроение»;
3.Плакат музыкального ансамбля;
4.Плакат спортивной тематики;
5.Реклама Linux.

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

Оформление отчета:
Оформить отчет в текстовом процессоре OpenOffice.org Writer
Содержание отчета:

Титульный лист.
Ответы на вопросы:
1.Описать методику самостоятельного изучения принципов работы программы TuxPaint (свободное изложение).
2.Работу с каким программным средством напоминает работа с программой TuxPaint.
3.Назначение программы.
4.Основные инструменты программы.
5.Включить в отчет скриншоты полученных плакатов.

Радио апарато строение 1-й курс

2009-09-15T20:44:12Z

Koroleva: /* Информационные технологии в самостоятельной работе */

==Информационные технологии в самостоятельной работе==
Преподаватель: '''Королева Ольга Владимировна'''

* Лабораторная работа №1 [[Методика самостоятельного освоения нового программное средства]]

* Лабораторная работа №1[[Медиа:RabotaOpenOffice.pdf | Работа в OpenOffice (файл задания)]]
* Лабораторная работа №2[[Медиа:Videomontaj.zip | Работа в MoveMaker (файлы)]]
* Лабораторная работа №3[[Медиа:crossword.zip | Создание кроссворда (для ознакомительных целей - Crossword Forg)]]
* Лабораторная работа №4_1[[Медиа:Лабораторная работа №4.zip | Создание электронного пособия (материал для электронного справочника)]]
* Лабораторная работа №4_2 [[Медиа:Правители России.zip|Создание электронного пособия (материал для электронного справочника)]]
* Лабораторная работа №12 [[Медиа:oglavlen.zip| Особенности оформления рефератов, докладов, курсовых работ в текстовом процессоре]]
* [[Медиа:ogl.zip |Создание оглавления]] презентация
* [[Алгоритм создания видео-слайд лекции средствами программы OpenOffice.org Impress]]
* Лабораторная работа №13-14 [[Медиа:For_pres.zip|Создание презентации (скачать материал для презентации о НТК)]]
* Лабораторная работа №15 Выполнение простейших чертежей, схем средствами программы КОМПАС [[(структура окна программы)]]

* [[Медиа:Учебник html.zip | HTML (эл.учебник)]]

Практика "Получение первичных профессиональных навыков пользователя ПЭВМ. Десятипальцевый метод набора вслепую на компьютере"

2009-09-15T17:24:52Z

Koroleva:

[[Изображение:ktoch.png|right|400px|thumb| Клавиатурный тренажер KTouch]]Рабочая программа практики '''«Получение первичных профессиональных навыков пользователя ПЭВМ»''' разработана для студентов специальностей: 210306 «Радиоаппаратостроение», 210308 «Техническое обслуживание и ремонт радиоэлектронной техники», 230103 "Автоматизированные системы обработки информации и управления", 230101 "Вычислительные машины комплексы, системы и сети".

В курсе изучения таких дисциплин как: «Информатика», «Информационные технологии в профессиональной деятельности», "Информационные технологии" студенты знакомятся с основными офисными технологиями, системами автоматизированного проектирования. На лабораторных работах по этим дисциплинам отрабатываются основные навыки работы в офисных приложения, графических редакторах, системах автоматизированного проектирования. Навык десятипальцевого набора текста в этих дисциплинах не рассматривается и не отрабатывается. Однако, судя по развитию информационных технологий, умение качественно и быстро работать на компьютере, а это на 80% связано с набором текста на клавиатуре, будет в будущем даже более важным умением, чем умение быстро и красиво писать. Уже в данный момент на большинстве предприятий рукописно ставят только подпись на документе, а в большинстве средних и высших учебных заведениях курсовые и дипломные работы принимают только в печатном виде.

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

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

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

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

----

'''Цель практики:'''

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

2.Выработать ПРОФЕССИОНАЛЬНЫЙ НАВЫК десятипальцевого набора текста вслепую на компьютере.

----

'''Задачи практики:'''

1.Ознакомить студентов с техникой «десятипальцевого метода набора вслепую на компьютере»;

2.Изучить структурную схему клавиатуры и зоны действия каждого пальца;

3.Отработать навык «слепого печатания»;

----

'''Методическое пособие к практике''' [[Media:Machinopis.zip|(скачать)]]

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

Практика "Получение первичных профессиональных навыков пользователя ПЭВМ. Десятипальцевый метод набора вслепую на компьютере"

2009-09-15T16:00:37Z

Koroleva:

[[Изображение:ktoch.png|right|400px|thumb| Клавиатурный тренажер KTouch]]Рабочая программа практики '''«Получение первичных профессиональных навыков пользователя ПЭВМ»''' разработана для студентов специальностей 210306 «Радиоаппаратостроение», 210308 «Техническое обслуживание и ремонт радиоэлектронной техники», 230103 "Автоматизированные системы обработки информации и управления", 230101 "Вычислительные машины комплексы, системы и сети".

В курсе изучения таких дисциплин как: «Информатика», «Информационные технологии в профессиональной деятельности» студенты знакомятся с основными офисными технологиями, системами автоматизированного проектирования. На лабораторных работах по этим дисциплинам отрабатываются основные навыки работы в офисных приложения, графических редакторах, системах автоматизированного проектирования. Навык десятипальцевого набора текста в этих дисциплинах не рассматривается и не отрабатывается. Однако, судя по развитию информационных технологий, умение качественно и быстро работать на компьютере, а это на 80% связано с набором текста на клавиатуре, будет в будущем даже более важным умением, чем умение быстро и красиво писать. Уже в данный момент на большинстве предприятий рукописно ставят только подпись на документе, а в большинстве средних и высших учебных заведениях курсовые и дипломные работы принимают только в печатном виде.

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

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

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

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

----

'''Цель практики:'''

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

2.Выработать ПРОФЕССИОНАЛЬНЫЙ НАВЫК десятипальцевого набора текста вслепую на компьютере.

----

'''Задачи практики:'''

1.Ознакомить студентов с техникой «десятипальцевого метода набора вслепую на компьютере»;

2.Изучить структурную схему клавиатуры и зоны действия каждого пальца;

3.Отработать навык «слепого печатания»;

----

'''Методическое пособие к практике''' [[Media:Machinopis.zip|(скачать)]]

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

Лекции

2009-08-26T17:41:12Z

Koroleva:

[[Информационные технологии - Преподаватель Королева О.В.]]

[[Лекции и практические задания по Дмитриевой для второго курса, 2 семестра РА, РЭТ, ВМК]]

[[Физика лабораторная работа 1 курс]]

Теоретические пособия для студентов

2009-05-14T13:36:16Z

Koroleva: Новая: * Современные программные средства 3D-моделирования (составитель Камзин М. гр.4ВМК-05-1) * [[Современные ...

* [[Современные программные средства 3D-моделирования (составитель Камзин М. гр.4ВМК-05-1)]]
* [[Современные беспроводные средства связи (составитель Курочкин Д. гр.4ВМК-05-1)]]
* [[История развития технологии хранения компьютерной информации на внешних носителях (составитель Куманяев А.гр.4ВМК-05-1)]]

Методические указания

2009-05-14T13:36:05Z

Koroleva: /* Специальности заочного отделения */

{|
|
{|
|[[Автоматизированние Системы | АС]]
|-
|* [[Автоматизированные системы 1-й курс | АС 1-й курс]]
|-
|* [[Автоматизированные системы 2-й курс | АС 2-й курс]]
|-
|* [[Автоматизированные системы 3-й курс | АС 3-й курс]]
|-
|* [[Автоматизированные системы 4-й курс | АС 4-й курс]]
|}
|
{|
|[[Вычислительные машины | ВМК]]
|-
|* [[Вычислительные машины 1-й курс | ВМК 1-й курс]]
|-
|* [[Вычислительные машины 2-й курс | ВМК 2-й курс]]
|-
|* [[Вычислительные машины 3-й курс | ВМК 3-й курс]]
|-
|* [[Вычислительные машины 4-й курс | ВМК 4-й курс]]
|}
|
{|
|[[Радио апарато строение | РА]]
|-
|* [[Радио апарато строение 1-й курс | РА 1-й курс]]
|-
|* [[Радио апарато строение 2-й курс | РА 2-й курс]]
|-
|* [[Радио апарато строение 3-й курс | РА 3-й курс]]
|-
|* [[Радио апарато строение 4-й курс | РА 4-й курс]]
|}
|
{|
|[[Техническое обслуживание и ремонт радиоэлектронной техники | РЭТ]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 1-й курс | РЭТ 1-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 2-й курс | РЭТ 2-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 3-й курс | РЭТ 3-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 4-й курс | РЭТ 4-й курс]]
|}
|
{|
|[[Экономика и бухгалтерский учет | БК]]
|-
|* [[Экономика и бухгалтерский учет 1-й курс | БК 1-й курс]]
|-
|* [[Экономика и бухгалтерский учет 2-й курс | БК 2-й курс]]
|-
|* [[Экономика и бухгалтерский учет 3-й курс | БК 3-й курс]]
|-
|* [[Экономика и бухгалтерский учет 4-й курс | БК 4-й курс]]
|}
|}

==Специальности дневного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Радиоаппаратостроение]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Вычислительные машины, комплексы, системы и сети]]
* [[Автоматизированные системы обработки информации и управления (по отраслям)]]

==Специальности заочного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Техническая эксплуатация и обслуживание электрического и электромеханического оборудования (по отраслям)]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Автоматизированные системы обработки информации и управления ЗО (по отраслям)]]

==[[Теоретические пособия для студентов]]==

==Для преподавателей НТК==
* [[Дистанционные образовательные технологии]]

==Курсы университета им. Лобачевского==
* [[Языки программирования]]

Методические указания

2009-05-14T13:35:40Z

Koroleva: /* Теоретические пособия для студентов */

{|
|
{|
|[[Автоматизированние Системы | АС]]
|-
|* [[Автоматизированные системы 1-й курс | АС 1-й курс]]
|-
|* [[Автоматизированные системы 2-й курс | АС 2-й курс]]
|-
|* [[Автоматизированные системы 3-й курс | АС 3-й курс]]
|-
|* [[Автоматизированные системы 4-й курс | АС 4-й курс]]
|}
|
{|
|[[Вычислительные машины | ВМК]]
|-
|* [[Вычислительные машины 1-й курс | ВМК 1-й курс]]
|-
|* [[Вычислительные машины 2-й курс | ВМК 2-й курс]]
|-
|* [[Вычислительные машины 3-й курс | ВМК 3-й курс]]
|-
|* [[Вычислительные машины 4-й курс | ВМК 4-й курс]]
|}
|
{|
|[[Радио апарато строение | РА]]
|-
|* [[Радио апарато строение 1-й курс | РА 1-й курс]]
|-
|* [[Радио апарато строение 2-й курс | РА 2-й курс]]
|-
|* [[Радио апарато строение 3-й курс | РА 3-й курс]]
|-
|* [[Радио апарато строение 4-й курс | РА 4-й курс]]
|}
|
{|
|[[Техническое обслуживание и ремонт радиоэлектронной техники | РЭТ]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 1-й курс | РЭТ 1-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 2-й курс | РЭТ 2-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 3-й курс | РЭТ 3-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 4-й курс | РЭТ 4-й курс]]
|}
|
{|
|[[Экономика и бухгалтерский учет | БК]]
|-
|* [[Экономика и бухгалтерский учет 1-й курс | БК 1-й курс]]
|-
|* [[Экономика и бухгалтерский учет 2-й курс | БК 2-й курс]]
|-
|* [[Экономика и бухгалтерский учет 3-й курс | БК 3-й курс]]
|-
|* [[Экономика и бухгалтерский учет 4-й курс | БК 4-й курс]]
|}
|}

==Специальности дневного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Радиоаппаратостроение]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Вычислительные машины, комплексы, системы и сети]]
* [[Автоматизированные системы обработки информации и управления (по отраслям)]]

==Специальности заочного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Техническая эксплуатация и обслуживание электрического и электромеханического оборудования (по отраслям)]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Автоматизированные системы обработки информации и управления ЗО (по отраслям)]]

[[Теоретические пособия для студентов]]

==Для преподавателей НТК==
* [[Дистанционные образовательные технологии]]

==Курсы университета им. Лобачевского==
* [[Языки программирования]]

Методические указания

2009-05-14T13:34:47Z

Koroleva:

{|
|
{|
|[[Автоматизированние Системы | АС]]
|-
|* [[Автоматизированные системы 1-й курс | АС 1-й курс]]
|-
|* [[Автоматизированные системы 2-й курс | АС 2-й курс]]
|-
|* [[Автоматизированные системы 3-й курс | АС 3-й курс]]
|-
|* [[Автоматизированные системы 4-й курс | АС 4-й курс]]
|}
|
{|
|[[Вычислительные машины | ВМК]]
|-
|* [[Вычислительные машины 1-й курс | ВМК 1-й курс]]
|-
|* [[Вычислительные машины 2-й курс | ВМК 2-й курс]]
|-
|* [[Вычислительные машины 3-й курс | ВМК 3-й курс]]
|-
|* [[Вычислительные машины 4-й курс | ВМК 4-й курс]]
|}
|
{|
|[[Радио апарато строение | РА]]
|-
|* [[Радио апарато строение 1-й курс | РА 1-й курс]]
|-
|* [[Радио апарато строение 2-й курс | РА 2-й курс]]
|-
|* [[Радио апарато строение 3-й курс | РА 3-й курс]]
|-
|* [[Радио апарато строение 4-й курс | РА 4-й курс]]
|}
|
{|
|[[Техническое обслуживание и ремонт радиоэлектронной техники | РЭТ]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 1-й курс | РЭТ 1-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 2-й курс | РЭТ 2-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 3-й курс | РЭТ 3-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 4-й курс | РЭТ 4-й курс]]
|}
|
{|
|[[Экономика и бухгалтерский учет | БК]]
|-
|* [[Экономика и бухгалтерский учет 1-й курс | БК 1-й курс]]
|-
|* [[Экономика и бухгалтерский учет 2-й курс | БК 2-й курс]]
|-
|* [[Экономика и бухгалтерский учет 3-й курс | БК 3-й курс]]
|-
|* [[Экономика и бухгалтерский учет 4-й курс | БК 4-й курс]]
|}
|}

==Специальности дневного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Радиоаппаратостроение]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Вычислительные машины, комплексы, системы и сети]]
* [[Автоматизированные системы обработки информации и управления (по отраслям)]]

==Специальности заочного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Техническая эксплуатация и обслуживание электрического и электромеханического оборудования (по отраслям)]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Автоматизированные системы обработки информации и управления ЗО (по отраслям)]]

==Теоретические пособия для студентов==
* [[Современные программные средства 3D-моделирования (составитель Камзин М. гр.4ВМК-05-1)]]
* [[Современные беспроводные средства связи (составитель Курочкин Д. гр.4ВМК-05-1)]]
* [[История развития технологии хранения компьютерной информации на внешних носителях (составитель Куманяев А.гр.4ВМК-05-1)]]

==Для преподавателей НТК==
* [[Дистанционные образовательные технологии]]

==Курсы университета им. Лобачевского==
* [[Языки программирования]]

Методические указания

2009-05-14T13:33:07Z

Koroleva: /* Теоретические пособия для студентов */

{|
|
{|
|[[Автоматизированние Системы | АС]]
|-
|* [[Автоматизированные системы 1-й курс | АС 1-й курс]]
|-
|* [[Автоматизированные системы 2-й курс | АС 2-й курс]]
|-
|* [[Автоматизированные системы 3-й курс | АС 3-й курс]]
|-
|* [[Автоматизированные системы 4-й курс | АС 4-й курс]]
|}
|
{|
|[[Вычислительные машины | ВМК]]
|-
|* [[Вычислительные машины 1-й курс | ВМК 1-й курс]]
|-
|* [[Вычислительные машины 2-й курс | ВМК 2-й курс]]
|-
|* [[Вычислительные машины 3-й курс | ВМК 3-й курс]]
|-
|* [[Вычислительные машины 4-й курс | ВМК 4-й курс]]
|}
|
{|
|[[Радио апарато строение | РА]]
|-
|* [[Радио апарато строение 1-й курс | РА 1-й курс]]
|-
|* [[Радио апарато строение 2-й курс | РА 2-й курс]]
|-
|* [[Радио апарато строение 3-й курс | РА 3-й курс]]
|-
|* [[Радио апарато строение 4-й курс | РА 4-й курс]]
|}
|
{|
|[[Техническое обслуживание и ремонт радиоэлектронной техники | РЭТ]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 1-й курс | РЭТ 1-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 2-й курс | РЭТ 2-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 3-й курс | РЭТ 3-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 4-й курс | РЭТ 4-й курс]]
|}
|
{|
|[[Экономика и бухгалтерский учет | БК]]
|-
|* [[Экономика и бухгалтерский учет 1-й курс | БК 1-й курс]]
|-
|* [[Экономика и бухгалтерский учет 2-й курс | БК 2-й курс]]
|-
|* [[Экономика и бухгалтерский учет 3-й курс | БК 3-й курс]]
|-
|* [[Экономика и бухгалтерский учет 4-й курс | БК 4-й курс]]
|}
|}

==Специальности дневного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Радиоаппаратостроение]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Вычислительные машины, комплексы, системы и сети]]
* [[Автоматизированные системы обработки информации и управления (по отраслям)]]

==Специальности заочного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Техническая эксплуатация и обслуживание электрического и электромеханического оборудования (по отраслям)]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Автоматизированные системы обработки информации и управления ЗО (по отраслям)]]

==Теоретические пособия для студентов==
* [[Современные программные средства 3D-моделирования| Камзин М. гр.4ВМК-05-1]]
* [[Современные беспроводные средства связи]]
* [[История развития технологии хранения компьютерной информации на внешних носителях]]

==Для преподавателей НТК==
* [[Дистанционные образовательные технологии]]

==Курсы университета им. Лобачевского==
* [[Языки программирования]]

Методические указания

2009-05-14T13:32:12Z

Koroleva:

{|
|
{|
|[[Автоматизированние Системы | АС]]
|-
|* [[Автоматизированные системы 1-й курс | АС 1-й курс]]
|-
|* [[Автоматизированные системы 2-й курс | АС 2-й курс]]
|-
|* [[Автоматизированные системы 3-й курс | АС 3-й курс]]
|-
|* [[Автоматизированные системы 4-й курс | АС 4-й курс]]
|}
|
{|
|[[Вычислительные машины | ВМК]]
|-
|* [[Вычислительные машины 1-й курс | ВМК 1-й курс]]
|-
|* [[Вычислительные машины 2-й курс | ВМК 2-й курс]]
|-
|* [[Вычислительные машины 3-й курс | ВМК 3-й курс]]
|-
|* [[Вычислительные машины 4-й курс | ВМК 4-й курс]]
|}
|
{|
|[[Радио апарато строение | РА]]
|-
|* [[Радио апарато строение 1-й курс | РА 1-й курс]]
|-
|* [[Радио апарато строение 2-й курс | РА 2-й курс]]
|-
|* [[Радио апарато строение 3-й курс | РА 3-й курс]]
|-
|* [[Радио апарато строение 4-й курс | РА 4-й курс]]
|}
|
{|
|[[Техническое обслуживание и ремонт радиоэлектронной техники | РЭТ]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 1-й курс | РЭТ 1-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 2-й курс | РЭТ 2-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 3-й курс | РЭТ 3-й курс]]
|-
|* [[Техническое обслуживание и ремонт радиоэлектронной техники 4-й курс | РЭТ 4-й курс]]
|}
|
{|
|[[Экономика и бухгалтерский учет | БК]]
|-
|* [[Экономика и бухгалтерский учет 1-й курс | БК 1-й курс]]
|-
|* [[Экономика и бухгалтерский учет 2-й курс | БК 2-й курс]]
|-
|* [[Экономика и бухгалтерский учет 3-й курс | БК 3-й курс]]
|-
|* [[Экономика и бухгалтерский учет 4-й курс | БК 4-й курс]]
|}
|}

==Специальности дневного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Радиоаппаратостроение]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Вычислительные машины, комплексы, системы и сети]]
* [[Автоматизированные системы обработки информации и управления (по отраслям)]]

==Специальности заочного отделения==
* [[Экономика и бухгалтерский учет (по отраслям)]]
* [[Техническая эксплуатация и обслуживание электрического и электромеханического оборудования (по отраслям)]]
* [[Техническое обслуживание и ремонт радиоэлектронной техники (по отраслям)]]
* [[Автоматизированные системы обработки информации и управления ЗО (по отраслям)]]

==Теоретические пособия для студентов==
* [[Современные программные средства 3D-моделирования]]
* [[Современные беспроводные средства связи]]
* [[История развития технологии хранения компьютерной информации на внешних носителях]]

==Для преподавателей НТК==
* [[Дистанционные образовательные технологии]]

==Курсы университета им. Лобачевского==
* [[Языки программирования]]

Понятие "Дистанционного образования". Элементы дистанционного образования в Нижегородском техническом колледже

2009-05-14T10:33:08Z

Koroleva:

== Дистанционное обучение (ДО) ==
[[Изображение:dist_ntk_student.jpg|right|500px|thumb| Элементы дистанционного обучения в НТК [http://www.nntc.nnov.ru сайт НТК]]]
'''Дистанционная форма обучения''' - это получение образовательных услуг без посещения учебного заведения, с помощью современных информационно-образовательных технологий и систем телекоммуникации, таких как электронная почта, телевидение и Internet.

----

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

----
[[Изображение:dist_ntk_koroleva.jpg|left|500px|thumb| Электронный журнал гр. 4РА-0-1. Элементы дистанционного обучения в НТК [http://www.nntc.nnov.ru сайт НТК]]]

===Достоинства дистанционной формы обучения===
- Дистанционное обучение позволяет получить университетский диплом всем, кто по тем или иным причинам не может учиться очно. Это особенно актуально именно для России, где в последнее время остро стоит проблема подготовки и переподготовки специалистов.

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

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

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

- Учитываются индивидуальные способности, потребности, темперамент и занятость студента. Он может изучать учебные курсы в любой последовательности, быстрее или медленнее.
Все это делает дистанционное обучение качественнее, доступнее и дешевле традиционного.
----

[[Изображение:dist_ntk_test.jpg|right|500px|thumb| Система автоматизированного тестирования НТК]]

===Методические единицы дистанционного обучения===
'''Лекции ДО''', в отличие от традиционных аудиторных, исключают живое общение с преподавателем. Однако, имеют и ряд преимуществ. Для записи лекций используются CD-диски, флеш-накопители и т.д. Использование новейших информационных технологий (гипертекста, мультимедиа, виртуальной реальности и др.) делает лекции выразительными и наглядными. Для создания лекций можно использовать все возможности кинематографа: режиссуру, сценарий, артистов и т. д. Такие лекции можно слушать в любое время и на любом расстоянии. Кроме того, не требуется конспектировать материал.

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

'''Лабораторные работы ДО''' предназначены для практического усвоения материала. В традиционной образовательной системе лабораторные работы требуют: специального оборудования, макетов, имитаторов, тренажеров, химических реактивов и т. д. Возможности ДО в дальнейшем могут существенно упростить задачу проведения лабораторного практикума за счет использования мультимедиа-технологий, имитационного моделирования и т. д. Виртуальная реальность позволит продемонстрировать обучаемым явления, которые в обычных условиях показать очень сложно или вообще невозможно.

'''Контрольные работы ДО''' - это проверка результатов теоретического и практического усвоения обучаемым учебного материала. Зачастую контроль знаний проводится в виде тестирования.

==Литература:==
1.Образование: идеалы и ценности (историко-теоретический аспект) Под ред. З.И. Равкина. - М.: ИТПиО РАО, 1995. -361 с.

2.Кумунжиев К.В. Когнитивные основы развивающего обучения. рукопись, Ульяновск,1997.- 82 с.

3.Пугач В.И., Добудько Т.В. Методика преподавания информатики: учебное пособие для студентов пед. ин-тов / Самарский гос. пед. ин-т, 1993. - 250 с.

4.Лукьянова М.И., Калинина Н.В. Учебная деятельность школьников: сущность и возможности формирования. Методические рекомендации для учителей и школьных психологов. - Ульяновск: ИПК ПРО, 1998. - 64с.

5. Дистанционное обучение (информационный портал) http://www.distance-learning.ru

Понятие "Дистанционного образования". Элементы дистанционного образования в Нижегородском техническом колледже

2009-05-14T10:32:20Z

Koroleva:

== Дистанционное обучение (ДО) ==
[[Изображение:dist_ntk_student.jpg|right|500px|thumb| Элементы дистанционного обучения в НТК [http://www.nntc.nnov.ru сайт НТК]]]
'''Дистанционная форма обучения''' - это получение образовательных услуг без посещения учебного заведения, с помощью современных информационно-образовательных технологий и систем телекоммуникации, таких как электронная почта, телевидение и Internet.

----

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

----
[[Изображение:dist_ntk_koroleva.jpg|left|500px|thumb| Электронный журнал гр. 4РА-0-1. Элементы дистанционного обучения в НТК [http://www.nntc.nnov.ru сайт НТК]]]

===Достоинства дистанционной формы обучения===
- Дистанционное обучение позволяет получить университетский диплом всем, кто по тем или иным причинам не может учиться очно. Это особенно актуально именно для России, где в последнее время остро стоит проблема подготовки и переподготовки специалистов.

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

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

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

- Учитываются индивидуальные способности, потребности, темперамент и занятость студента. Он может изучать учебные курсы в любой последовательности, быстрее или медленнее.
Все это делает дистанционное обучение качественнее, доступнее и дешевле традиционного.
----

[[Изображение:dist_ntk_test.jpg|right|500px|thumb| Система автоматизированного тестирования НТК]]

===Методические единицы дистанционного обучения===
'''Лекции ДО''', в отличие от традиционных аудиторных, исключают живое общение с преподавателем. Однако, имеют и ряд преимуществ. Для записи лекций используются CD-диски, флеш-накопители и т.д. Использование новейших информационных технологий (гипертекста, мультимедиа, виртуальной реальности и др.) делает лекции выразительными и наглядными. Для создания лекций можно использовать все возможности кинематографа: режиссуру, сценарий, артистов и т. д. Такие лекции можно слушать в любое время и на любом расстоянии. Кроме того, не требуется конспектировать материал.

<center>'''Справочная система по OpenOffice.org и программному обеспечению StarOffice/StarSuite от Sun Microsystems, Inc. основана на одних и тех же исходных файлах. Некоторые из описанных здесь функций могут не входить в данный комплект поставки OpenOffice.org.С'''</center>

Справочная система по OpenOffice.org и программному обеспечению StarOffice/StarSuite от Sun Microsystems, Inc. основана на одних и тех же исходных файлах. Некоторые из описанных здесь функций могут не входить в данный комплект поставки OpenOffice.org.

правочная система по OpenOffice.org и программному обеспечению StarOffice/StarSuite от Sun Microsystems, Inc. основана на одних и тех же исходных файлах. Некоторые из описанных здесь функций могут не входить в данный комплект поставки OpenOffice.org.Справочная система по OpenOffice.org и программному обеспечению StarOffice/StarSuite от Sun Microsystems, Inc. основана на одних и тех же исходных файлах. Некоторые из описанных здесь функций могут не входить в данный комплект поставки OpenOffice.org.Справочная система по OpenOffice.org и программному обеспечению StarOffice/StarSuite от Sun Microsystems, Inc. основана на одних и тех же исходных файлах. Некоторые из описанных здесь функций могут не входить в данный комплект поставки OpenOffice.org.

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

'''Лабораторные работы ДО''' предназначены для практического усвоения материала. В традиционной образовательной системе лабораторные работы требуют: специального оборудования, макетов, имитаторов, тренажеров, химических реактивов и т. д. Возможности ДО в дальнейшем могут существенно упростить задачу проведения лабораторного практикума за счет использования мультимедиа-технологий, имитационного моделирования и т. д. Виртуальная реальность позволит продемонстрировать обучаемым явления, которые в обычных условиях показать очень сложно или вообще невозможно.

'''Контрольные работы ДО''' - это проверка результатов теоретического и практического усвоения обучаемым учебного материала. Зачастую контроль знаний проводится в виде тестирования.

==Литература:==
1.Образование: идеалы и ценности (историко-теоретический аспект) Под ред. З.И. Равкина. - М.: ИТПиО РАО, 1995. -361 с.

2.Кумунжиев К.В. Когнитивные основы развивающего обучения. рукопись, Ульяновск,1997.- 82 с.

3.Пугач В.И., Добудько Т.В. Методика преподавания информатики: учебное пособие для студентов пед. ин-тов / Самарский гос. пед. ин-т, 1993. - 250 с.

4.Лукьянова М.И., Калинина Н.В. Учебная деятельность школьников: сущность и возможности формирования. Методические рекомендации для учителей и школьных психологов. - Ульяновск: ИПК ПРО, 1998. - 64с.

5. Дистанционное обучение (информационный портал) http://www.distance-learning.ru

Вычислительные машины 4-й курс

2009-04-09T10:50:45Z

Koroleva:

== Периферийные устройства ВТ ==

[[Архитектура видеоадаптеров EGA и VGA]] - изучить до 15.10.2007

[[Устройство и характеристики видаоадаптера]] - изучить до следующего занятия

[[Вопросы к зачету]]

----

Преподаватель: '''Левашов Юрий Алексеевич'''

*[[Практика обслуживания вычислительной техники]]

Вычислительные машины 4-й курс

2009-04-09T10:50:33Z

Koroleva:

== Периферийные устройства ВТ ==

[[Архитектура видеоадаптеров EGA и VGA]] - изучить до 15.10.2007

[[Устройство и характеристики видаоадаптера]] - изучить до следующего занятия

[[Вопросы к зачету]]

---
Преподаватель: '''Левашов Юрий Алексеевич'''

*[[Практика обслуживания вычислительной техники]]