JavaScript. Визуальные редакторы : учебное пособие для СПО [Валерий Викторович Янцев] (pdf) читать постранично Книга в формате pdf ! Изображения и текст могут не отображаться!
[Настройки текста] [Cбросить фильтры]
Цвет фона черный светло-черный бежевый бежевый 2 персиковый зеленый серо-зеленый желтый синий серый красный белый
Цвет шрифта белый зеленый желтый синий темно-синий серый светло-серый тёмно-серый красный
Размер шрифта 14px 16px 18px 20px 22px 24px
Шрифт Arial, Helvetica, sans-serif "Arial Black", Gadget, sans-serif "Bookman Old Style", serif "Comic Sans MS", cursive Courier, monospace "Courier New", Courier, monospace Garamond, serif Georgia, serif Impact, Charcoal, sans-serif "Lucida Console", Monaco, monospace "Lucida Sans Unicode", "Lucida Grande", sans-serif "MS Sans Serif", Geneva, sans-serif "MS Serif", "New York", sans-serif "Palatino Linotype", "Book Antiqua", Palatino, serif Symbol, sans-serif Tahoma, Geneva, sans-serif "Times New Roman", Times, serif "Trebuchet MS", Helvetica, sans-serif Verdana, Geneva, sans-serif
Насыщенность шрифта жирный
Обычный стиль курсив Ширина текста 400px 500px 600px 700px 800px 900px 1000px 1100px 1200px Показывать меню Убрать меню Абзац 0px 4px 12px 16px 20px 24px 28px 32px 36px 40px
Межстрочный интервал 18px 20px 22px 24px 26px 28px 30px 32px
В. В. ЯНЦЕВ
JAVASCRIPT
ВИЗУАЛЬНЫЕ
РЕДАКТОРЫ
Учебное пособие
•САНКТПЕТЕРБУРГ•МОСКВА•КРАСНОДАР•
•2022•
УДК 004
ББК 32.97я723
Я 65
Янцев В. В. JavaScript. Визуальные редакторы : учебное пособие
для СПО / В. В. Янцев. — СанктПетербург : Лань, 2022. — 168 с. :
ил. — Текст : непосредственный.
ISBN 9785811489435
Подавляющее большинство ныне действующих сайтов сделано при
помощи CMS. А такие системы невозможно представить без визуальных
редакторов страниц. WYSIWYGредакторы позволяют администратору
управлять содержимым ресурса, не будучи знакомым даже с азами про
граммирования.
Многие разработчики используют не готовые CMS, а пишут собст
венные. Данная книга призвана помочь им в этом непростом деле. На ее
страницах описаны четыре WYSIWYGредактора — на разный вкус и для
разных задач. Все системы являются оригинальными и не содержат каких
либо заимствований кода. Функциональные возможности приведенных
разработок имеют исчерпывающие описания и разъяснения.
Разобранные в книге визуальные редакторы могут быть интегрированы
в уже существующую CMS или работать напрямую с сайтом без сопут
ствующих инструментов. Особо надо отметить, что эти редакторы позволяют
администратору сайта видеть, как будет выглядеть страница еще до того,
как он запишет внесенные изменения в файл или базу данных.
Книга имеет сайт поддержки, где читатель может ознакомиться с
редакторами и опробовать их в действии. Кроме того, вы можете скачать
zipархив со всеми файлами и запустить их на своем компьютере. Для этого
книга содержит подробные инструкции по созданию локального хостинга
на ПК.
Соответствует современным требованиям Федерального государствен
ного образовательного стандарта среднего профессионального образования
и профессиональным квалификационным требованиям.
Рекомендовано в качестве дополнительной литературы для студентов,
обучающихся в средних профессиональных учебных заведениях по направ
лению «Информатика и вычислительная техника».
УДК 004
ББК 32.97я723
Обложка
П. И. ПОЛЯКОВА
© Издательство «Лань», 2022
© В. В. Янцев, 2022
© Издательство «Лань»,
художественное оформление, 2022
ОГЛАВЛЕНИЕ
1. Введение ................................................................................................................... 7
1.1. О чем эта книга.................................................................................................. 7
1.2. Особенности изложения материала ................................................................ 8
1.3. Оформление сценариев .................................................................................... 9
2. Прежде чем начать ................................................................................................ 10
2.1. CMS .................................................................................................................. 10
2.2. WYSIWYG ....................................................................................................... 11
2.3. Атрибут contentEditable .................................................................................. 11
2.4. Свойство designMode...................................................................................... 12
2.5. Метод getSelection ........................................................................................... 13
2.6. Отменен ли execCommand?............................................................................ 13
2.7. Методы createElement и surroundContents .................................................... 15
2.8. Что и как мы напишем.................................................................................... 15
3. Среда разработки ................................................................................................... 18
3.1. Выясняем разрядность ОС ............................................................................. 19
3.2. Установка пакета Visual C++ ......................................................................... 20
3.3. Установка сервера Apache 2.4 ....................................................................... 22
3.4. Установка PHP 8 ............................................................................................. 28
3.5. Установка редактора Notepad++ 8 ................................................................ 31
4. Тестирование программ ........................................................................................ 37
4.1. Тестирование сайта и редакторов в браузерах ............................................ 37
4.2. Тестирование сайта и редакторов в валидаторах ........................................ 39
4.3. Проверка работы сайта и редакторов в консоли ......................................... 42
5. Структура проекта ................................................................................................. 44
5.1. Состав zip-архива ............................................................................................ 44
5.2. Сайт .................................................................................................................. 45
5.3. Редакторы ........................................................................................................ 46
6. Сборка демонстрационного сайта ....................................................................... 47
6.1. Пишем заготовку............................................................................................. 47
6.2. Файл таблицы стилей ..................................................................................... 51
6.3. Файл со сценариями ....................................................................................... 52
6.4. Дизайн сайта .................................................................................................... 54
6.5. Выделяем редактируемую область ............................................................... 55
6.6. Подключаем PHP ............................................................................................ 55
7. Структура редакторов ........................................................................................... 58
7.1. Пишем заготовку............................................................................................. 58
7.2. Файл таблицы стилей ..................................................................................... 60
7.3. Файл со
Последние комментарии
8 часов 44 минут назад
9 часов 39 минут назад
9 часов 42 минут назад
20 часов 33 минут назад
20 часов 35 минут назад
1 день 9 часов назад