Приклади використання Java і GGI скриптів
Розглянемо два найпростіших виду програмування: застосування 1.CGI-скриптів і 2. JAVA-скриптів.
1. CGI-скрипти на сторінці це команди відвідувача сайту програмі, розміщеної на сервері, виконати певні
дії: занести в гостьову книгу, шукати по серверу, обробити форму для відправки повідомлень.
Застосування їх дозволено не на всіх серверах, а в основному на платних. Створювати скрипти самому зараз необхідності немає, можна скопіювати, наприклад з сайту www.cgi-resources.com.
Приклад форми:
Початок форми
Початок форми
Впишіть свою адресу:
Підписатись:
Кінець форми
Код форми:
Впишіть свою адресу:
Підписатись:
Як видно, форма починається міткою FORM . Мітка АCTION -вказує
на шлях до обробникові форми (там де знаходиться виконуваний файл-скрипт), METHOD -метод протоколу передачі гіпертекстів: METHOD = POST і METHOD = GET, за
умовчанням передбачається METHOD = GET.
-елемент введення даних, input type = sybmit - кнопка з
написом відправити і дією підписатися при натисканні
- при натисканні на
значек кнопки підтверджується бажання підписатися (слідкуйте за логікою: введення поміченої кнопки = підписка).
Форма може містити CHECKBOX-квадратик, куди можна ставити галочку, HIDEN-cкритие елементи та ін Найпростіший метод створити форму: завантажити готову і
підігнати її під свої потреби. Базисні знання у вас вже є.
2. JAVA-cкріпти теж краще вивчати на прикладах.
а) змінюються кнопка при натисканні.
browser_name = navigator.appName;
browser_version = parseFloat (navigator.appVersion);
if (browser_name == "Netscape" & & browser_version> = 3.0) (roll = 'true';)
else if (browser_name == "Microsoft Internet Explorer" & & browser_version> = 3.0) (roll = 'true';)
else (roll = 'false';)
function over (img, ref) (if (roll == 'true') (document.images [img]. src = ref;))
function out (img, ref) (if (roll == 'true') (document.images [img]. src = ref;))
if (roll == 'true')
(
a1 = new Image; a1.src = "images/referat/25038-2.jpg";
a2 = new Image; a2.src ="../ menue/news_aus.jpg ";
)
browser_name = navigator.appName;
browser_version = parseFloat (navigator.appVersion);
if (browser_name == "Netscape" & & browser_version> = 3.0) (roll = 'true';)
else if (browser_name == "Microsoft Internet Explorer" & & browser_version> = 3.0) (roll = 'true';)
else (roll = 'false';)
function over (img, ref) (if (roll == 'true') (document.images [img]. src = ref;))
function out (img, ref) (if (roll == 'true') (document.images [img]. src = ref;))
if (roll == 'true')
(
a1 = new Image; a1.src = "images/referat/25038-2.jpg";
a2 = new Image; a2.src ="../ menue/news_aus.jpg ";
)
Код:
browser_name = navigator.appName;
browser_version = parseFloat (navigator.appVersion);
if (browser_name == "Netscape" & & browser_version> = 3.0) (
roll = 'true';)
else if (browser_name == "Microsoft Internet Explorer" & & browser_version> = 3.0) (roll = 'true';)
else (roll = 'false';)
function over (img, ref) (if (roll == 'true') (document.images [img]. src = ref;))
function out (img, ref) (if (roll == 'true') (document.images [img]. src = ref;))
if (roll == 'true')
(
a1 = new Image; a1.src = "images/referat/25038-2.jpg";
a2 = new Image; a2.src ="../ menue/news_aus.jpg ";
)
1 browser_name = navigator.appName;
2 browser_version = parseFloat (navigator.appVersion);
3 if (browser_name == "Netscape" & & browser_version> = 3.0) (roll = 'true';)
3 else if (browser_name == "Microsoft Internet Explorer" & & browser_version> = 3.0) (roll = 'true';
)
4 else (roll = 'false';)
5 function over (img, ref) (if (roll == 'true') (document.images [img]. src = ref;))
6 function out (img, ref) (if (roll == 'true') (document.images [img]. src = ref;))
7 if (roll == 'true')
(
8 a1 = new Image; a1.src = "images/referat/25038-2.jpg";
9 a2 = new Image; a2.src ="../ menue/news_aus.jpg ";
)
10
12
Для себе цей скрипт можна пристосувати роблячи посилання на свої малюнки в рядках 8,9,10,11,12 (прибираючи природно номери рядків) і посилання на
свій документ у рядку 10. Малюнків може бути більше. У мене імена малюнків: news_an - миша натиснута, news_aus-відпущена. Ті рядки, які потрібно змінювати,
виділені
б) Якщо ваш сайт "переїхав", ви можете перенаправити відвідувачів зі старої адреси на новий (new.address) цим
скриптом:
new name
в) Випадне меню:
Початок форми
Допомога по веб дизайну
Основи HTML Програмування веб сторінок
Поради
Кінець форми
Код:
Допомога по веб дизайну
Основи HTML
Програмування веб сторінок
Поради
Форма задається елементом SELECT. Якщо кілька форм, menue name повинні
відрізнятися.
г) Помістіть свій текст в рядку стану браузера автоматичної коригуванням тега BODY:
От і все програмування для починаючого веб дизайнера. Знання навіть цього мінімуму дозволить надати вашим сторінкам привабливий
професійний вигляд.
