50783

Сценарий Web-страницы

Лабораторная работа

Информатика, кибернетика и программирование

Цель:Разработать несколько типовых сценариев для web-страниц. Задание 1.Постоить таблицу состоящую из 3 строк и 2 столбцов. Первый столбец назвать Тег второй Назначение. Первую строку задать при помощи тегов заголовков таблицы(th).Для каждой ячейки таблицы для события onlick задать прояснение.

Русский

2014-01-30

34.5 KB

8 чел.

Лабораторная работа 71.

Тема: Сценарий Web-страницы

Цель:Разработать несколько типовых сценариев для web-страниц.

 Задание 1.Постоить таблицу состоящую из 3 строк и 2 столбцов. Первый столбец назвать Тег второй Назначение. Первую строку задать при помощи тегов заголовков таблицы(th).Для каждой ячейки таблицы для события onlick задать прояснение.

<html>
<
head><title>63</title>
</
head>
<
body>
<
form action="vivod.php" method="get">
<
table border=2>
<
tr><th onclick="alert('привет студент');"
onmouseout="alert('ну нажми');" >
Тег
</
th><th onclick="alert('эта таблица содержит теги для таблицы');"
onmouseout="alert('ну нажми');" >
Действие
</
th></tr>
<
tr><td onclick="alert('tr');"onmouseout="alert('ну нажми');" >
</
tr></td>
<td onclick="alert('этот тег создает строки');"onmouseout="alert('ну нажми');" > создает строку в таблице
</
td></tr>
<
tr><td onclick="alert('td');"onmouseout="alert('ну нажми');" ></td>
<td onclick="alert('этот тег делит строку на определенное количество столбцов');"onmouseout="alert('ну нажми');" > задает количество ячеек в строке
</
td></tr>
</
table><br><br>
</form>
</body>
</html>

Задание 2.Открыть форму на форме настроить проверку пустоты полей при помощи javascript.
<html>

<head><title>71.3</title>
<script type="text/javascript" language="javascript">   
function checkForm(evt)   
{ // получаем значение поля email  
var value = document.getElementById("email").value;
var value1 = document.getElementById("fam").value;
var value2 = document.getElementById("im").value;
var value3 = document.getElementById("group").value;
var value4 = document.getElementById("curs").value;
//
если значение отсутствует -
//
предупреждаем пользователя и
//
запрещаем отправку почты
if(!value)
{alert('
не указан email!');
return false;}
return true;}
if(!value1)
{alert('
не указан фамилия!');
return false;}
return true;}
if(!value2)
{alert('
не указано имя!');
return false;}
return true;}
if(!value3)
{alert('
не указана группа!');
return false;}
return true;}
if(!value4)
{alert('
не указан курс!');
return false;}
return true;}
</script>
</head>
<body>  
<form action="subsribe.php" method="get" onsubmit="return checkForm();">
<table>
<tr><td>
Фамилия</td><td><input type="text" name="fam" id="fam"></td></tr>
<tr><td>
Имя</td><td><input type="text" name="im" id="im" ></td></tr> <tr><td>Группа</td><td><input type="text" name="group" id="group"></td></tr>
<tr><td>
Курс</td><td><input type="text" name="curs" id="curs" ></td></tr>
<tr><td>Email</td><td><input type="text" name="email" id="email" > </td></tr>
</table>
<input type="submit" name="sbm" id="sbm" value="
Подписаться" >
</form>
</body>
</html>


 

А также другие работы, которые могут Вас заинтересовать

44439. Разработка модели системы видеонаблюдения «Мокшинской средней школы» 332.5 KB
  На сегодняшний день в мире существует более 130 миллионов компьютеров и более 80 процентов из них объединены в различные информационно-вычислительные сети от малых локальных сетей в офисах до глобальных сетей типа Internet. Всемирная тенденция к объединению компьютеров в сети обусловлена рядом важных причин таких как ускорение передачи информационных сообщений возможность быстрого обмена информацией между пользователями получение и передача сообщений не отходя от рабочего места возможность мгновенного получения любой информации из любой...
44440. Автоматизированная система управления технологическим процессом в отстойнике 9.14 MB
  В горизонтальном отстойнике для эмульсий, схема которого представлена на Рис.1.1, обе жидкости после разделения могут быть выведены из аппарата, поэтому отстойник работает непрерывно. Перфорированная перегородка 2 равномерно распределяет поток по сечению отстойника и предотвращает возмущение жидкости в отстойнике струей эмульсии, поступающей в аппарат.
44441. ЦИЛИНДРИЧЕСКИЙ КОСОЗУБЫЙ ОДНОСТУПЕНЧАТЫЙ ГОРИЗОНТАЛЬНЫЙ РЕДУКТОР С ВЕРХНИМ РАСПОЛОЖЕНИЕМ ВЕДУЩЕГО ВАЛА 980 KB
  Определяем общий КПД редуктора с муфтой. Определяем требуемую мощность электродвигателя Где мощность на ведомом валу редуктора. Определяем требуемую частоту вращения вала электродвигателя Где частота вращения ведомого вала редуктора...
44442. Автоматизированная система управления «Лесхоз» 1.74 MB
  Офисный пакет приложений созданных корпорацией Microsoft для операционных систем Microsoft Windows и ppleMc OS X. В состав этого пакета входит программное обеспечение для работы с различными типами документов: текстами электронными таблицами базами данных и др. Ввод данных в связанный рабочий лист Microsoft Office Excel и просмотр того как эти данные немедленно представляются в диаграмме выбранного типа.
44443. Проект 10-ти этажного 40-ка квартирного жилого дома 1.76 MB
  Подсчёт объёмов конструктивных элементов и участков и удельных весов участков в общем объёме конструктивных элементов Чтобы повысить точность оценки рекомендуется разбивать конструктивные элементы на участки и оценивать каждый участок в отдельности. вес участков 1 Фундаменты: 1 участок: фундаменты наружных стен...
44444. Привод цепного транспортера 3.26 MB
  Моменты сопротивления сечения : под полумуфтой мм3 мм3; под подшипниками мм3 мм3; упорная ступень вала мм3 мм3; под червяком мм3 мм3. Напряжения изгиба : ступень под полумуфту начало участка Н мм2; ступень под полумуфту конец участка Н мм2; ступень под подшипник начало участка Н мм2; ступень под подшипник под подшипником Н мм2; ступень под подшипник конец участка Н мм2; упорная ступень начало участка Н мм2; упорная ступень конец участка Н мм2; ступень под червяком начало...
44445. Разработка приводной станции ленточного конвейера 1.21 MB
  Синтез передаточного механизма Исходные данные: Потребная мощность на приводном барабане Р = 38 кВт Частота вращения приводного вала nв = 30 об мин Диаметр приводного барабана Dб=500 мм Длина конвейера L=50 м Календарный срок службы Тк = 5 лет Ширина барабана В=650 мм Коэффициент использования в течении года Кг = 08 Коэффициент использования в течении суток Кс = 033 Определение ориентировочного передаточного отношения: общее передаточное отношение....
44446. Формирование рефлексии в младшем школьном возрасте 150.5 KB
  Изучить проблемы формирования рефлексии в младшем школьном возрасте. Дать характеристику рефлексии как психического феномена. Рассмотреть приемы формирования рефлексии в младшем школьном возрасте в учебной деятельности учащихся. Провести исследование для выявления формирования рефлексии у детей младшего школьного возраста с применением приемов.
44447. Разработка компьютерной игры «ПАКМАН» 1.08 MB
  Задачей этого курсового проекта является написание компьютерной игры «пакман». Основой задачей в игре является создание колобка, который будет поедать жёлтые шарики на игровом поле. Управление в игре производится с помощью клавиатуры, это позволяет изменять направление движения колобка