Примеры використання Java і GGI скриптов

Рассмотрим два найпростіших виду програмування: застосування 1. CGI-скриптов і 2. JAVA-скриптов. 1. CGI-скрипты сторінка це комманды відвідувача сайту програмі, розміщеної на сервері, виконати певні дії: занести в гостьову книжку, шукати по серверу, обробити форму до відправки сообщений.

Применение їх дозволено не так на всіх серверах, а основному для платних. Створювати скрипти самому зараз необхідності, можна скопіювати, приміром, із сайту internet.

Пример формы:

Початок формы.

Початок форми |[pic]Впишите свій |Подписатьс| |адресу: [pic][pic] |я: [pic] |.

Кінець форми Код формы:

[pic] Впишіть свою адресу: Підписатися: Як бачимо, форма починається міткою FORM. Мітка АCTION-указывает на шлях до оброблювачу форми (там де знаходиться виконуваний файл-скрипт), METHODметод протоколу передачі гіпертекстів: METHOD=POST і METHOD=GET, по вмовчанням передбачається METHOD=GET.

— элемент введення даних, input type=sybmit — кнопка з написом відправити й дією підписатися при нажатии.

— при натисканні на значек кнопки підтверджується бажання підписатися (стежте за логікою: введення позначеної кнопки=подписка) .

Форма може містити CHECKBOXквадратик, куди можна порушувати галочку, HIDENcкрытые елементи та інших. Найпростіший метод створити форму: скачати готову і підігнати її під свої потреби. Базисні знання в вас вже є. 2. JAVA-cкрипты теж краще вивчати на прикладах. а) Змінюється кнопка при натисканні. [pic][pic] [pic] Код:

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 »; }.

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 » ;

}.

10 12.

Для себе це скрипт можна пристосувати роблячи посилання свої малюнки в рядках 8,9,10,11,12 (прибираючи природно номери рядків) і посилання свій документ в рядку 10. Малюнків може більше. Я імена малюнків: news_an — миша натиснута, news_ausвідпущена. Ті рядки, потрібно змінювати, виділено б) Якщо ваша сайт «переїхав », ви можете переспрямувати відвідувачів із старого адреси нового (new.address) цим скриптом:

new name.

в) Котре Випадає меню:

Початок форми [pic].

Кінець форми Код:

Пособие по веб дизайну Основы HTML.

Программирование веб страниц.

Cоветы Форма задається елементом SELECT. Якщо форм кілька, menue name повинні відрізнятися. р) Помістіть свій текст в рядок стану браузери автоматичної коригуванням тега BODY:

Вот і всі програмування на початківця веб дизайнера. Знання навіть того мінімуму дозволить надати вашим сторінкам привабливий професійний вид.