
- •Лабораторна робота №1 Створення найпростіших Web-Сторінок. Форматування тексту засобами мови html
- •3.1 Практичні завдання:
- •Лабораторна робота №3 Каскадні таблиці стилів
- •Способи застосування css
- •Чому каскадні?
- •Спадкування
- •Синтаксис css
- •Псевдокласи
- •Коментарі
- •Параметри css
- •Одиниці виміру в css
- •Завдання кольору в css
- •Лабораторна робота №4 Розмітка сторінок за допомогою блоків (div) і css. Позиціонування
- •Теоретичні відомості
- •Як це робиться
- •Практичні завдання
- •Лабораторна робота №5 Форми
- •Теоретичні відомості:
- •Елементи керування форми
- •Списки вибору.
- •Практична частина
- •Лабораторна робота №6 Фрейми. Карти зображень
- •Теоретичні відомості: Фрейми
- •Карти зображень
- •Практична частина
- •Лабораторна робота №7 Динамічний html. Введення в Javascript
- •Теоретичні відомості:
- •Синтаксис мови програмування Javascript
- •Функції
- •Вбудовані об'єкти мови програмування Javascript
- •Вивід даних в Javascript
- •Практична частина
- •Лабораторна робота №8 Динамічний html. Об'єкти JavaScript
- •Теоретичні відомості: Елементи керування
- •Властивості об'єкта Document
- •Методи об'єкта Document
- •Практична частина
- •Лабораторна робота №9 Встановлення, налаштування Denwer. Мова програмування рнр.
- •Теоретичні відомості:
- •Створення власного домену на локальному комп'ютері
- •Принципи обробки сценаріїв php
- •Включення фрагментів рнр у html-код
- •Стандартні дескриптори
- •Короткі дескриптори
- •Дескриптори в стилі asp
- •Практична частина
- •Лабораторна робота №10 Мова програмування рнр. Змінні, типи даних, операції, керуючи оператори.
- •Теоретичні відомості
- •Типи даних
- •Строковий тип
- •Операції
- •Керуючі оператори
- •Практична частина
- •Лабораторна робота №11 Мова програмування рнр. Цикли. Структура вибору. Масиви. Функції.
- •Теоретичні відомості:
- •Використання функцій
- •Передача параметрів у функції
- •Практична частина
- •Лабораторна робота №12 Серверні додатки. Бібліотечні функції php
- •Теоретичні відомості
- •Функції обробки рядків
- •Практична частина
- •Лабораторна робота №13 Робота з базами даних. Утиліта РhpMyAdmin.
- •Теоретичні відомості
- •Термінологічний словник
- •Практична частина
- •Лабораторна робота №14 Доступ до бази даних MySql з використанням мови рнр.
- •Теоретичні відомості
- •Доступ до бази даних MySql з використанням мови рнр
- •MySql і проблеми безпеки
- •Екранування спецсимволів
- •Шаблони запитів і placeholders
- •Практична частина
- •Лабораторна робота №15 Виконання запитів до бази даних.
- •Теоретичні відомості
- •Вибір за шаблоном.
- •Функції
- •Практична частина
- •Додаток 1. Основні теги html
Функції
Функції. Представляють можливість створення повторно використовуваного коду. Функція може ухвалювати параметри і повертати значення в програму, що викликала цю функцію. Якщо у функції не передбачене повернення значення, то вона працює як процедура.
function им’я функції ([список параметрів]) {
блок операторів;
[return значення, яке повертається;]
}
Вбудовані об'єкти мови програмування Javascript
Javascript пропонує розроблювачеві деякий набір бібліотечних функцій, оформлених у вигляді властивостей і методів різних об'єктів. Коротко розглянемо деякі вбудовані об'єкти Javascript.
Об'єкт Math
Об'єкт Math представляє математичні константи і функції. Константи представлені властивостями об'єкта, а функції - його методами. Їхнє призначення зрозуміле з назв:
Властивості: E, LN2, LN10, LOG2E, LOG10E, PI, SQRT1_2, SQRT2.
Методи: abs, acos, asin, atan, ceil, cos, exp, floor, log, max, min, pow, random, round, sin, sqrt, tan.
Лістинг 7.1 - Приклади використання об'єкта Math
var r = 1.8, theta = 30, a, x, y, D;
var rnd = Math.round(Math.random()*99)+1;
D = Math.PI*r*r;
x = Math.max(1,7,5,9);
y = Math.pow(2,10);
with (Math) {
y = r*sin(theta);
x = r*cos(theta);
}
Об'єкт string
Вбудований об'єкт string представляє літерал (рядок символів), взятий в одинарні або подвійні лапки або вираз, який може бути інтерпретований як рядок. Для об'єкта string визначені наступні властивості й методи:
Властивості: length (довжина рядка).
Методи (не всі): anchor (якір), bold (напівжирне накреслення), charat (символ у позиції), fixed (преформат), fontcolor (колір шрифту), fontsize (розмір шрифту), indexof (індекс першого входження символу), italics (курсив), link (гіперпосилання), substring (подстрока), tolowercase (рядкові), touppercase (прописні).
Лістинг 7.2 - Приклади використання об'єкта string:
var hello = "Hello, ", w = "World!";
var str = hello + w; // конкатенація рядків
document.write(str.bold());
document.write(str.touppercase());
document.write(hello.fontsize(6));
document.write(hello.substring(0,3));
document.write(hello.link("http://localhost"));
document.write(w.indexof("l"));
alert("string lehgth = " + str.length);
Вивід даних в Javascript
Результати роботи скрипта Javascript можуть бути відображені щонайменше двома способами: у вікні поточного web-документа і у діалоговому вікні.
Для виводу даних у web-документі можна використовувати метод write об'єкта document.
document.write("Hello, World!");
document.write("<h1>>Hello, World!</h1>");
//використання HTML в Javascript
// зверніть увагу на використання вкладених лапок
document.write("<p><a href='http://localhost'>Link to localhost</a></p>");
Для виводу різних інформаційних повідомлень, що не відноситься до змісту web-сторінки слід використовувати метод alert, що представляється об'єктом window. Цей метод виводить модальне діалогове вікно (рис.7.1) виконання, що блокує, скрипт до натискання користувачем кнопки в цьому діалозі.
Лістинг 7.1 - Виклик вікна повідомлення із скрипта Javascript
Рис. 7.1. - Виклик вікна повідомлення із скрипта Javascript