- •1. Основні технології розробки web-додатків
- •1.1 Протокол http
- •Основні технології розробки web-додатків
- •1.3 Короткі підсумки
- •2 Структура html-документа
- •2.1. Елементи мови html
- •2.2 Структура html-документа
- •2.2.1.Початок
- •2.2.2 Тіло документа
- •Заголовки
- •Нижче на малюнку показаний результат використання наступних заголовків:
- •Списки в html
- •2.3 Використання графіки в html
- •2.4 Таблиці
- •Атрибут border. Значення цього атрибута визначає як будуть виглядати рамки таблиці. Якщо атрибут не заданий або його значення дорівнює нулю, то таблиця не матиме рамок.
- •2.5 Html-форми Форми використовуються в www для передачі інформації від клієнта до сервера.
- •3 Каскадні таблиці стилів css
- •3.1 Загальні відомості про css
- •3.2 Додавання стилю на веб-сторінку
- •3.2.1. Таблиця пов'язаних стилів
- •3.2.2 Таблиця глобальних стилів
- •3.2.3 Внутрішні стилі
- •3.3 Синтаксис css
- •3.3.1 Властивості css
- •3.3.2 Селектори тегів
- •3.3.3 Селектори класів
- •3.3.4 Селектори-ідентифікатори
- •3.3.5 Контекстні селектори
- •3.3.6 Сусідні селектори
- •3.3.7 Дочірні селектори
- •Селектор зі значенням атрибута – встановлює стиль елемента в тому випадку, якщо задано певне значення зазначеного атрибута. Синтаксис застосування наступний.
- •Наприклад:
- •3.3.9 Універсальний селектор
- •3.4 Псевдокласи
- •3.4.2 Короткі підсумки
- •4 Типи і структури даних в javascript
- •Скрипт в html документі
- •4.2 Змінні та літерали
- •4.2.1 Літерали
- •4.3 Оператори JavaSscript
- •4.3.2 Оператор обробки рядків
- •4.3.3 Оператор typeof Аргументом оператора є змінна або вираз. Оператор повертає рядок, що описує тип аргументу(див. Табл. 4.4).
- •4.3.4 Умовний оператор (Оператор If)
- •4.3.5 Оператор перемикання (switch)
- •4.3.6 Оператори циклу
- •4.4 Масиви
- •Метод reverse () – застосовується для зміни на протилежний порядок елементів масиву всередині масиву. Припустимо, масив натуральних чисел впорядкований по зростанню:
- •Впорядкуємо його по спаданню:
- •4.5.2 Інструкція return
- •4.5.3 Виклик функції
- •4.6.2 Константи
- •4.6.3 Математичні функції.
- •4.6.4 Приклад. Генератор випадкових чисел
- •4.7 Контрольні питання
- •Події та обробники подій
- •5.1.1 Спливання подій в dhtml
- •5.1.2 Стандартні події dhtml.
- •Способи зв'язування подій
- •5.2.1 Введення подій в якості атрибутів.
- •5.2.2 Обробники подій як функції.
- •5.2.3 Динамічне зв'язування подій у сценарії.
- •5.2.5 Атрибути for і event.
- •Об'єкти браузера
- •Об'єктна модель браузера
- •Об'єкт window (Операції з вікнами)
- •Об'єкт navigator (властивості браузера)
- •Об'єкт location (Інформація про документ і вікна браузера)
- •Об'єкт history (Переходи між Web-сторінками )
- •Робота з діалоговими вікнами
- •Управління документом
- •Об'єктна модель документа
- •7.1.1 Сімейства, властивості і методи
- •Дерево документа (Document Tree)
- •Переміщення по Дереву Документа.
- •Динамічний вміст
- •8.1.1 Найбільш популярні моделі даних
- •9.3.1 Поділ інструкцій.
- •9.3.2 Коментарі.
- •9.3.3 Змінні, константи й оператори
- •9.3.6 Типи даних
- •Висновок
- •Керуючі конструкції рнр
- •Умовні оператори
- •// Ця програма надрукує всі парні цифри
- •{// Друкуємо цифру, якщо вона парна
- •Оператори передачі управління
- •Оператори включення
- •10.5 Висновок
- •Функції і масиви в php
- •Функції, визначені користувачем
- •11.1.1 Повернення значень функцією.
- •Рекурсивні функції.
- •11.1.3 Функції-змінні.
- •11.1.4 Побудова бібліотек функцій.
- •11.2.1 Операції з масивами.
- •11.2.2 Сортування масивів.
- •Sort_regular – порівнювати елементи масиву звичайним чином; sort_numeric – порівнювати елементи масиву як числа; sort_string – порівнювати елементи масиву як рядки.
- •11.2.3 Сортування масиву за ключами.
- •11.2.4 Сортування за допомогою функції, заданої користувачем.
- •Ми застосували нашу власну функцію сортування до всіх елементів масиву.
- •11.2.5 Застосування функції до всіх елементів массиву.
- •11.2.6 Виділення підмасива
- •Висновок
- •12 Строкові функції php
- •12.1 Функції пошуку в тексті (substr(), strpos(), strrpos(), strstr(), strchr(), stristr(), strrchr(), substr_count(), strspn(), strcspn())
- •12.2 Функції strlen(), chr() і ord()
- •12.3 Trim-функції (функції видалення символів відступу) trim (), ltrim (), rtrim (), chop ()
- •12.4 Функції форматного виведення. Специфікатори перетворення printf (), sprintf (), sscanf ().
- •12.5 Функції перетворення кодування
- •12.6 Функції роботи з бінарними даними pack () unpack ()
- •12.7 Функції роботи з блоками тексту (wordwrap (), str_replace (), substr_replace (), strtr (), stripslashes (), stripcslashes (), addslashes (), addcslashes (), quotemeta (), strrev ())
- •12.8 Функції об'єднання / поділу рядків (str_repeat (), str_pad (), chunk_split (), strtok (), explode (), implode (), join ())
- •12.9 Функции сравнения строк (strcmp(), strncmp(), strcasecmp(), strncasecmp(), strnatcmp(), strnatcasecmp(), similar_text(), levenshtein())
- •12.10 Функції роботи з url (parse_url (), parse_str (), rawurlencode (), rawurldecode (), base64_encode (), base64_decode ())
- •12.11 Функції перетворення регістру (strtolower (), strtoupper (), ucfirst (), ucwords ())
- •12.13 Функція htmlspecialchars
- •13 Робота з файлами
- •13.1 Відкриття і закриття файлів
- •13.2 Читання з файлів і запис у файли
- •13.2.1 Читання з файлів.
- •13.2.2 Запис в файли
- •13.5 Переміщення по файлам
- •13.6 Робота з каталогами
- •13.7 Завантаження файлу на сервер
- •14.1 Авторизація доступу
- •14.2 Механізм сесій
- •14.3 Налаштування сесій
- •14.4.1 Відкриття сесії
- •14.4.2 Створення сесії
- •14.4.3 Реєстрація змінних сесії
- •14.4.4 Видалення змінних сесії
- •14.5 Безпека
- •14.6 Висновок
- •15.1 Проектування
- •15.2 Система адміністрування контенту
- •15.2.1 Вимоги до системи адміністрування контенту (cms).
- •15.2.2 Адміністрування списку користувачів.
- •15.2.3 Вхід на сторінку адміністрування
- •15.2.4 Відкриття списку користувачів.
- •15.2.5 Редагування запису користувача.
- •15.2.6 Видалення користувача
5.1.2 Стандартні події dhtml.
Кожна подія має ім'я, яке вказує на відповідну дію користувача. Так, якщо клацнути кнопкою миші на якому-небудь елементі виникає подія click а при натисканні і відпусканні якої-небудь клавіші - подія keypress. До імен подій прийнято додавати префікс on, наприклад, onClick і onKeyPress.
Події миші
Нижченаведені події миші підтримуються більшістю браузерів.
onmousedown – подія, що виникає при натисканні будь-якої з кнопок миші;
onmouseup – це подія протилежно onmousedown і виникає при відпусканні кнопки натиснутою миші;
onclick – подія, яка може бути використана для виконання функцій, коли користувач клацає мишею на якому-небудь елементі. Ця подія виникає після генерації подій onmousedown і onmouseup.
ondblclick – подія, яка відбувається при подвійному клацанні миші на елементі. Подвійне клацання відповідає випадку, коли користувач два рази натиснути ліву кнопку миші протягом проміжку часу, визначеного системою.
onmousemove – ця подія відповідає безпідставному переміщенню покажчика
миші по елементу документа (подія безперервно генерується при переміщенні).
onmouseover – подія, що виникає при наведенні на область даного елемента;
onmouseout – подія, протилежна onmouseover. Воно відповідає видаленню
вказівника миші з області цього елемента;
onselectstart – подія, що виникає кожен раз, коли користувач починає виділяти деяку частину тексту, що є вмістом цього елемента;
onselect – подія, що виникає слідом за onselectstart під час
виділення тексту. Воно відповідає розширенню або звуженню області виділення;
ondragstart – подія, яка генерується, коли користувач наводить вказівник миші на елемент (зображення, посилання та ін), натискає кнопку миші і намагається перетягнути елемент в іншу частину документа.
Коли користувач маніпулює мишею, існує деяке чергування подій. Першим настає подія onmouseover, відповідне наведення покажчика миші на будь-який елемент. За ним слідує подія onmousemove, яка безперервно генерується в міру переміщення покажчика над елементом. Наступною подією може бути натискання кнопки миші onmousedown і потім - відпускання кнопки onmouseup. Можна записати наступну послідовність подій миші, які зазвичай виникають при діях користувача: onmouseover - onmousemove - onmousedown - onmouseup - onclick - ondblclick - onmouseout. Завершує послідовність подій видалення покажчика миші з елементу onmouseout.
Події клавіатури
Події, пов'язані з клавіатурою, дозволяють визначати момент натискання або відпускання клавіші, і яка саме клавіша була натиснута.
onkeydown – подія, що виникає при натисканні клавіші. Код натиснутої клавіші повертається властивістю keyCode об'єкта event. Якщо використовувати і інші властивості цього об'єкта (altKey, ctrlKey і shif tKey), можна визначати будь-яку комбінацію клавіш, натиснутих користувачем;
onkeyup – подія, що виникає при відпусканні попередньо натиснутою клавіші. Дана подія повертає те ж значення властивості keyCode об'єкта event, що і подія onkeydown;
onkeypress – подія, яка виникає при натисканні і відпусканні будь-якої клавіші. Код клавіші повертається властивістю keyCode. Подія onkeypress, як і попередні дві події, чутлива до регістру клавіші;
onhelp – подія, що генерується, коли користувач натискає кнопку F1, запитуючи довідку. Дією за замовчуванням для цієї події є відображення вбудованого файлу довідки. Цю дія може бути скасовано, якщо необхідно відобразити, наприклад, індивідуальний файл довідки.
Події об'єктів JavaScript
Події фокуса. До подій об'єктів JavaScript відносяться, перш за все, події фокуса:
onfocus – подія, яка виникає при активізації об'єкта клацанням миші
або за допомогою клавіатури. Ця подія підтримується для об'єктів button, checkbox, fileupload, radio, reset, select, submit, text, textarea іwindow;
onblur – подія для об'єкта, який втратив фокус. Крім того, ця подія
виникає при активізації іншого застосування, вікна або фрейму. Подія onblur міститься в тих же об'єктах, що й ця подію onfocus.
У кожен момент часу активним може бути тільки один елемент, тобто подія onfocus може виникати тільки в одному елементі.
Події завантаження і вивантаження. В об'єктних моделях браузерів Internet Explorer і Netscape для відстеження процесів завантаження і вивантаження документа передбачені відповідні події:
onload – настає, коли браузером проаналізовано весь документ і завантажені всі елементи;
onreadystatechange – настає, коли документ або впроваджений об'єкт переходить в стан завершення завантаження.
onunload – виникає при вивантаженні документа;
onbeforeunload – це подія передує події onunload і дає можливість перевірити, чи дійсно користувач хоче покинути документ. Подія супроводжується появою на екрані запиту на підтвердження виходу з поточної сторінки.
Перераховані вище події завантаження і вивантаження застосовуються до об'єктів window і frame..
