- •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 Видалення користувача
4.5.3 Виклик функції
Для виклику функції потрібно записати ім'я функції і наступні круглі дужки. У дужках можуть бути вказані значення аргументів. Якщо в якості аргументів використані вирази, то вони будуть обчислені і їх значення будуть підставлені в функцію. Припустимо, оголошена функція, яка виводить повідомлення з привітанням:
function Hellow (xname)
{
alert ( "Привіт," + xname)
}
Скрипт, який три рази поспіль викликатиме функцію Hellow () для вітання людей, імена яких будуть вказані (наприклад, Андрій, Олена, Марина) матиме вигляд:
<HTML>
<HEAD>
<ТITLE> Привітання </ ТITLE>
</ HEAD>
<BODY>
<SCRIPT language = "JavaScript">
function Hellow (xname)
{
alert ( "Привіт," + xname)
}
Hellow ( "Андрій");
Hellow ( "Марина");
Hellow ( "Олена");
</ SCRIPT>
</ BODY>
</ HTML>
При завантаженні документа з'являється повідомлення «Привіт, Андрій». Клацнувши на кнопці ОК отримаємо наступне повідомлення і т.д. Після закриття останнього повідомлення на екрані залишиться сторінка HTML-документа.
Об'єкт
Об'єкт – це складний тип даних, який включає в себе безліч змінних (властивостей) і функцій (методів) для управління цими змінними. У свою чергу кожен об'єкт відноситься до якого-небудь класу об'єктів, тобто об'єкти є екземплярами класів об'єктів.
Для створення об'єкта використовується оператор new із зазначенням імені класу, до якого належить даний об'єкт.
<Ім’я_об'екта> = new <ім'я_класу> ();
Вираз <ім'я_класу> () називається конструктором об'єкта. У конструктор, в круглих дужках, можна передавати деякі параметри, ініціалізувавши таким чином деякі властивості об'єкта при його створенні.
Для звернення до властивостей і методів об'єкта необхідно після імені об'єкта через точку записати ім'я властивості або ім'я методу (після імені методу обов'язково потрібно поставити круглі дужки).
Наприклад:
Var MyObject;
MyObject= new Name_of_Class();
MyObject.Size=10;
MyObject.SaveToDisk(“file1.htm”);
У цій програмі спочатку створюється об'єкт MyObject, що відноситься до класу Name_of_Class, потім його властивості Size присвоюється значення 10, після чого за допомогою методу SaveToDisk на диск записується файл з ім'ям file1.htm.
Всі об'єкти в JavaScript поділяються на:
Вбудовані.
Користувальницькі.
Зовнішні.
Вбудовані об'єкти – це об'єкти, що створюються на основі вбудованих класів.
Призначені для користувача – це об'єкти, що створюються на основі класів користувача.
Зовнішні – це об'єкти, що належать зовнішнім по відношенню до інтерпретатора програм.
На практиці досить рідко доводиться мати справу з одними об'єктами, створеними програмістом. Справа в тому, що об'єкт створюється функцією-конструктором, яка визначається на конкретній сторінці і, отже, все, що створюється в рамках даної сторінки, не може бути успадковано іншими сторінками. Потрібні дуже вагомі підстави, щоб автор Web-вузла зайнявся розробкою бібліотеки класів об'єктів користувача. Набагато простіше писати функції для кожної сторінки.
4.6.1 Вбудовані класи об'єктів JavaScript
Клас масиву Array. Масиви в JavaScript можна створювати як об'єкти. При цьому, якщо конструктору передається тільки один параметр числового типу, то цей параметр буде означати кількість елементів в масиві. Якщо передаються кілька параметрів або нечисловий параметр, то ці параметри будуть використані як елементи масиву.
Клас Date призначений для зберігання значень дати і часу. Формат конструктора має вигляд:
<Ім'я об'єкта> = new Date (<Рік »,« Місяць »,« Число »,« Годинник »,« Хвилини »,« Секунди »,« Мілісекунди>);
Якщо в конструкторі заданий тільки один числовий параметр, то він сприймається як кількість мілісекунд, що пройшли з півночі (з 0 годин) 1. січня 1970 р. Якщо жоден параметр не заданий, то об'єкт є поточною датою і часом.
Приклад:
<HTML>
<HEAD>
<TITLE>Робота з класом DATE</TITLE>
<BODY>
<Script>
<!--
var dat;
dat = new Date();
document.write(“Поточна дата і час: “ + “ <BR> “ + dat);
// -->
</script>
</BODY>
<HTML>
Методи класу Date можна розділити на:
Методи установки (set) встановлення дати і часу.
Методи визначення (get) дати та часу.
Методи перетворення (to) дати та часу в рядки.
Методи обробки дати і часу.
Основні методи класу Date представлені в таблиці 4.6
Таблиця 4.6 - Основні методи класу Date
Метод |
Опис |
getDate() |
Повертає день місяця як ціле число від 1 до 31 |
getDay() |
Повертає день тижня як ціле число від 0(неділя) до 6 (субота) |
getHours() |
Повертає годину як ціле число від 0 до 23 |
getMinutes() |
Повертає кількість хвилин як ціле число від 0 до 59 |
getMonth() |
Повертає номер місяця як ціле число від 0 (січень) до 11 (грудень) |
getSeconds() |
Повертає число секунд як ціле число від 0 до 59 |
getTimezoneOffset() |
Повертає кількість хвилин, що становлять різницю між локальнымвременем і часом по Грінвічу |
getYear() |
Повертає дві останні цифри року |
setDate() |
Встановлює день місяця |
setHours() |
Встановлює кількість годин |
setMinutes() |
Встановлює кількість годин |
setMonth() |
Встановлює номер місяця |
setSeconds() |
Встановлює кількість секунд |
Продовженя таблиці 4.6
setTime() |
Встановлює час |
setYear() |
Встановлює рік |
toString() |
Перетворює дату в рядок і повертає її |
Об'єкт Math. Цей об'єкт JavaScript містить математичні функції і константи. Функції представляються методами об'єкта, а константи – властивостями.