JavaScript и PHP. Content management system: учебное пособие для вузов

1. Введение....4

1.1. О чем эта книга....4

1.2. Особенности проекта....5

1.3. Оформление сценариев....6

2. Прежде чем начать....8

2.1. CMS....8

2.2. WYSIWYG....9

2.3. Атрибут contentEditable....9

2.4. Свойство designMode....10

2.5. Метод getSelection....11

2.6. Методы createElement и surroundContents....11

3.1. Выясняем разрядность ОС....13

3.2. Установка пакета Visual C++....14

3.3. Установка сервера Apache 2.4....16

3.4. Установка PHP 8....22

3.5. Установка редактора Notepad++ 8....25

3.6. Установка файлов zip-архива на локальный хостинг....29

3.7. Перенос проекта на удаленный хостинг....30

4. Тестирование программ....37

4.1. Тестирование сценариев в браузерах....37

4.2. Тестирование сценариев в валидаторах....38

4.3. Кодировка файлов....41

5. Структура проекта....42

5.1. Комплектующие системы....42

5.2. Сайт....43

5.3. CMS....43

6. Вход и главная страница CMS....46

6.1. Вход в систему....46

6.2. Меню системы....49

7. Замена пароля....52

7.1. Страница замены пароля....52

7.2. Замена пароля....53

8. Специальные настройки....58

8.1. Страница специальных настроек....58

8.2. Добавление фото....62

8.3. Просмотр фото....64

8.4. Удаление фото....66

8.5. Запись e-mail администратора....67

9. Сайт....70

9.1. Варианты компоновки страниц....70

9.2. Файл index.php....72

9.3. Таблица стилей....78

9.4. Просмотр фото....81

9.5. Страница «Контакты»....84

9.6. Отправка сообщений....87

10. Конструктор сайта....91

10.1. Страница конструктора....91

10.2. Блоки....92

10.3. Вкладки....94

10.4. Запись результата....97

11. Добавление фото....99

11.1. Страница добавления фото....99

11.2. Добавление фото....100

11.3. Просмотр фото....102

11.4. Удаление фото....102

12. Добавление файлов....104

12.1. Страница добавления файлов....104

12.2. Добавление файла....106

12.3. Удаление файла....107

13. Список страниц....109

13.1. Страница со списком....109

13.2. Блок списка страниц....110

13.3. Удаление лишних страниц....112

13.4. Блок добавления новых страниц....113

13.5. Добавление новой страницы....114

14. Базовые компоненты редактора страниц....117

14.1. Компоновка редактора....117

14.2. WYSIWYG и текстовый режимы....119

14.3. Главная панель....121

14.4. Основные настройки страницы....125

14.5. Кнопки простого редактирования....127

14.6. Блок настроек линий....128

14.7. Блок настроек таблиц....129

14.8. Блок настроек рисунков....131

14.9. Блок настроек фреймов....134

14.10. Блок выбора символов....135

14.11. Блок настроек ссылок....136

14.12. Блок настроек заголовков....139

14.13. Блок настроек выравнивания текста в абзацах....140

14.14. Блок настроек шрифтов....141

14.15. Блок настроек цвета текста....142

14.16. Удаление форматирования и ссылок....143

15. Вспомогательные функции....144

15.1. Регистрация «главного» обработчика....144

15.2. Выбор редактируемого блока....145

15.3. Взаимодействие текстового поля и редактируемой области....149

15.4. Фиксация в памяти выделенного фрагмента....151

15.5. Открытие и закрытие вкладок с настройками....151

15.6. Выбор рисунка....153

15.7. Навигация по внесенным изменениям....155

15.8. Запись отредактированной страницы....158

15.9. Перемещение панели....163

16. Редактор контента....167

16.1. Основные данные страницы....167

16.2. Включение режима редактирования....168

16.3. Копирование текста....168

16.4. Удаление форматирования и ссылок....169

16.5. Простое редактирование текста....170

16.6. Изменение цвета букв или фона текста....172

16.7. Добавление разметки маркированного списка....173

16.8. Вставка линии....174

16.9. Вставка фрейма....177

16.10. Вставка рисунка....178

16.11. Вставка таблицы....179

16.12. Вставка символов....181

16.13. Добавление ссылки....181

16.14. Добавление заголовка....183

16.15. Выравнивание абзаца....184

16.16. Настройка шрифта....184

17. Заключение....186

Современные веб-ресурсы невозможно представить без систем управления, которые принято называть Content management system или сокращенно CMS. Многие разработчики используют не готовые CMS, например WordPress, Joomla, Drupal, 1С-Битрикс, а пишут собственные. Для опытного программиста разработка подобной системы видится вполне реальной. Для начинающих это серьезный труд. Но если есть желание, то все «подводные камни» удастся преодолеть. А поможет в этом данная книга. В ней рассказывается о механизмах разработки очень простой, но вполне работоспособной CMS, которую можно использовать для создания и управления небольшими сайтами. По сути, это рассказ о первых шагах, с которых начинается освоение такой интересной стези, как написание CMS. Естественно, что, изучив предложенное автором программное обеспечение, вы можете пойти дальше и существенно нарастить его функционал или, используя полученные навыки, разработать собственный вариант системы управления. Соответствует современным требованиям Федерального государственного образовательного стандарта среднего профессионального образования и профессиональным квалификационным требованиям. Рекомендовано в качестве дополнительной литературы для студентов, обучающихся в средних профессиональных учебных заведениях по направлению «Информатика и вычислительная техника». Освоить материал книги вам поможет zip-архив с полным набором файлов рассмотренной CMS. Вы сможете запустить систему на своем компьютере. Для этого книга содержит подробные инструкции по созданию локального хостинга на ПК. Дополнительные материалы доступны в электронной библиотечной системе «Лань» по ссылке или QR-коду, указанным ниже. К книге прилагаются дополнительные материалы, доступные в электронной библиотечной системе «Лань» по ссылке или QR-коду, указанным ниже.