Примеры использования Java и GGI скриптов
Примеры использования 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=»../menue/news_an.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=»../menue/news_an.jpg»; a2=new Image;a2.src=»../menue/news_aus.jpg»; }
Код
10
11 onMouseOut=»out(‘image_name’,’../menue/news_an.jpg’);»>
12
Для себя этот скрипт можно приспособить делая ссылки на свои рисунки в строках 8,9,10,11,12 (убирая естественно номера строк) и ссылку на свой документ в строке 10. Рисунков может быть больше. У меня имена рисунков news_an — мышь нажата, news_aus- отпущена. Те строки, которые нужно менять, выделены
б) Если ваш сайт «переехал», вы можете перенаправить посетителей со старого адреса на новый (new.address) этим скриптом
new name
в) Выпадающее меню
Начало формы
Пособие по веб дизайну Основы HTML Программирование веб страниц Cоветы
Конец формы
Код
Форма задается элементом SELECT. Если форм несколько, menue name должны отличаться.
г) Поместите свой текст в строку состояния браузера автоматической корректировкой тега BODY
Вот и все программирование для начинающего веб дизайнера. Знание даже этого минимума позволит придать вашим страницам привлекательный профессиональный вид.
«