Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
16 слайдов
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
864.91 kB
Просмотров:
67
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![](/documents_6/a22f261addb12ceef1a68b70c82510c6/img0.jpg)
№2 слайд![](/documents_6/a22f261addb12ceef1a68b70c82510c6/img1.jpg)
№3 слайд![ЧТО ТАКОЕ JQUERY UI jQuery UI](/documents_6/a22f261addb12ceef1a68b70c82510c6/img2.jpg)
Содержание слайда: ЧТО ТАКОЕ JQUERY UI
jQuery UI — библиотека JavaScript с открытым исходным кодом для создания насыщенного пользовательского интерфейса в веб-приложениях, часть проекта jQuery. Построена поверх главной библиотеки jQuery и предоставляет разработчику упрощенный доступ к её функциям взаимодействия, анимации и эффектов, а также набор виджетов.
№4 слайд![Возможности Взаимодействия](/documents_6/a22f261addb12ceef1a68b70c82510c6/img3.jpg)
Содержание слайда: Возможности
Взаимодействия
Draggable — Предоставляет элементу возможность быть перемещенным с помощью мыши (см. Drag & Drop)
Droppable — Контролирует где перетаскиваемый элемент может быть брошен (см. Drag & Drop)
Resizable — Предоставляет возможность динамически изменять размеры элемента с помощью мыши
Selectable — Предоставляет возможность выделять один или несколько элементов пользовательского интерфейса из группы
Sortable — Представляет возможность сортировки для группы элементов
№5 слайд![ПОДКЛЮЧЕНИЕ JQUERY UI Для](/documents_6/a22f261addb12ceef1a68b70c82510c6/img4.jpg)
Содержание слайда: ПОДКЛЮЧЕНИЕ JQUERY UI
Для того, чтобы воспользоваться возможностями плагинов jQuery UI их необходимо вначале подключить к странице, на которой они будут использоваться.
Существуют два варианта подключения jQuery UI:
Локальное подключение. Данный способ требует скачивание специального файла с официального сайта;
Удаленное подключение. Данный способ не требует скачивание файла, а вместо этого использует его удаленно (данная услуга предоставляется компанией Google).
№6 слайд![ПОДКЛЮЧЕНИЕ JQUERY UI](/documents_6/a22f261addb12ceef1a68b70c82510c6/img5.jpg)
Содержание слайда: ПОДКЛЮЧЕНИЕ JQUERY UI
Локальное подключение jQuery UI
Необходимо перейти на сайт http://jqueryui.com/download/
Выбрать необходимые компоненты
Выбрать оформление
Выбрать версию
Скачать jQuery UI
№7 слайд![ПОДКЛЮЧЕНИЕ JQUERY UI](/documents_6/a22f261addb12ceef1a68b70c82510c6/img6.jpg)
Содержание слайда: ПОДКЛЮЧЕНИЕ JQUERY UI
6) Подключить скрипты к странице
№8 слайд![ПОДКЛЮЧЕНИЕ JQUERY UI](/documents_6/a22f261addb12ceef1a68b70c82510c6/img7.jpg)
Содержание слайда: ПОДКЛЮЧЕНИЕ JQUERY UI
Удаленное подключение jQuery UI
В этом варианте подключения Вы не можете настраивать комплектацию jQuery UI и можете использовать только ее стандартную версию.
Для того, чтобы подключить библиотеку удаленно необходимо добавить следующие строчки в секцию head Вашей страницы:
№9 слайд![ВИДЖЕТЫ Accordion виджет](/documents_6/a22f261addb12ceef1a68b70c82510c6/img8.jpg)
Содержание слайда: ВИДЖЕТЫ
Accordion — виджет «Аккордеон»
Ссылка http://jqueryui.com/accordion/
№10 слайд![ВИДЖЕТЫ Autocomplete Поле](/documents_6/a22f261addb12ceef1a68b70c82510c6/img9.jpg)
Содержание слайда: ВИДЖЕТЫ
Autocomplete — Поле ввода с автодополнением
Ссылка http://jqueryui.com/autocomplete/
№11 слайд![ВИДЖЕТЫ Button улучшенная](/documents_6/a22f261addb12ceef1a68b70c82510c6/img10.jpg)
Содержание слайда: ВИДЖЕТЫ
Button — улучшенная кнопка, может также быть флажком (check box) или радио-кнопкой (radio button); все виды кнопки могут располагаться на панели инструментов (toolbar)
Ссылка http://jqueryui.com/button/#icons
№12 слайд![ВИДЖЕТЫ Datepicker виджет для](/documents_6/a22f261addb12ceef1a68b70c82510c6/img11.jpg)
Содержание слайда: ВИДЖЕТЫ
Datepicker — виджет для выбора даты или диапазона дат
Ссылка http://jqueryui.com/datepicker/
№13 слайд![ВИДЖЕТЫ Dialog диалоговое](/documents_6/a22f261addb12ceef1a68b70c82510c6/img12.jpg)
Содержание слайда: ВИДЖЕТЫ
Dialog — диалоговое окно, которое может иметь любое содержимое
Ссылка http://jqueryui.com/dialog/
№14 слайд![ВИДЖЕТЫ Slider слайдер Ссылка](/documents_6/a22f261addb12ceef1a68b70c82510c6/img13.jpg)
Содержание слайда: ВИДЖЕТЫ
Slider — слайдер
Ссылка http://jqueryui.com/slider/#custom-handle
№15 слайд![ВИДЖЕТЫ Tabs вкладки Ссылка](/documents_6/a22f261addb12ceef1a68b70c82510c6/img14.jpg)
Содержание слайда: ВИДЖЕТЫ
Tabs — вкладки
Ссылка http://jqueryui.com/tabs/
№16 слайд![ВИДЖЕТЫ Tooltip всплывающие](/documents_6/a22f261addb12ceef1a68b70c82510c6/img15.jpg)
Содержание слайда: ВИДЖЕТЫ
Tooltip — всплывающие подсказки
Ссылка http://jqueryui.com/tooltip/