Розглянемо два найпростіших виду програмування: застосування 1.CGI-скриптіві 2. JAVA-скриптів.
1. CGI-скрипти на сторінці це команди відвідувача сайту програмі,розміщеної на сервері, виконати певні дії: занести в гостьовукнигу, шукати по серверу, обробити форму для відправки повідомлень. p>
Застосування їх дозволено не на всіх серверах, а в основному на платних.
Створювати скрипти самому зараз необхідності немає, можна скопіювати,наприклад з сайту www.cgi-resources.com. p>
Приклад форми: p>
Початок форми p>
Початок форми
| Впишіть свій | Подпісатьс |
| адреса: | я: | p>
Кінець форми
Код форми: p>
Впишіть свою адресу:
Підписатись:
Як видно, форма починається міткою FORM. Мітка АCTION-вказує на шлях дообробникові форми (там де знаходиться виконуваний файл-скрипт), METHOD
-метод протоколу передачі гіпертекстів: METHOD = POST і METHOD = GET, заумовчанням передбачається METHOD = GET. p>
-елемент введення даних, input type = sybmit - кнопка з написомвідправити і дією підписатися при натисканні p>
- при натисканні назначек кнопки підтверджується бажання підписатися (слідкуйте за логікою: введенняпоміченої кнопки = підписка). p>
Форма може містити CHECKBOX-квадратик, куди можна ставити галочку,
HIDEN-cкритие елементи та ін Найпростіший метод створити форму: завантажитиготову і підігнати її під свої потреби. Базисні знання у вас вжеє.
2. JAVA-cкріпти теж краще вивчати на прикладах.а) змінюються кнопка при натисканні.
Код: p>
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 ="../ menue/news_an.jpg ";a2 = new Image; a2.src ="../ menue/news_aus.jpg ";
) p>
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 ="../ menue/news_an.jpg ";
9 a2 = new Image; a2.src ="../ menue/news_aus.jpg "; p>
) p>
10
12 p>
Для себе цей скрипт можна пристосувати роблячи посилання на свої малюнки врядках 8,9,10,11,12 (прибираючи природно номери рядків) і посилання на свійдокумент у рядку 10. Малюнків може бути більше. У мене імена малюнків:news_an - миша натиснута, news_aus-відпущена. Ті рядки, які потрібно змінювати,виділеніб) Якщо ваш сайт "переїхав", ви можете перенаправити відвідувачів зі старогоадреси на новий (new.address) цим скриптом: p>
new name p>
в) Випадне меню: p>
Початок форми
p>
Кінець форми
Код:
p>
Допомога по веб дизайну p>
Основи HTML p>
Програмування веб сторінок p>
Поради p>
Форма задається елементом SELECT. Якщо кілька форм, menue name повиннівідрізнятися.г) Помістіть свій текст в рядку стану браузера автоматичноїкоригуванням тега BODY: p>
От і все програмування для починаючого веб дизайнера. Знання навіть цьогомінімуму дозволить надати вашим сторінкам привабливий професійнийвид. p>
p>