
- •Методические указания для проведения практических работ по дисциплине «Web-программирование»
- •Содержание
- •Пояснительная записка
- •Практическое занятие №3 Разработка простейшей Web-страницы
- •Практическое занятие №4 Форматирование текста и списков
- •Практическое занятие №5 Гипертекстовые ссылки. Графика
- •Практическое занятие №6 Макетирование документа с применением таблиц
- •Практическое занятие № 7 Рамки, фреймы в html
- •Теоретические сведения
- •Практическое занятие № 10 Разработка web-сайта с использованием таблицы стилей: цвет и фон
- •Цвет и фон в css
- •Практическое занятие № 11 Разработка web-сайта с использованием таблицы стилей: шрифты и списки.
- •Шрифты в css
- •Текст в css
- •Списки в css
- •Практическое занятие № 12 Блоковая модель страницы, размеры, рамки, поля и отступы.
- •Блоковая модель в css
- •Рамки в css
- •Практическое занятие № 13 Позиционирование блоков web-сайта..
- •Практическое занятие № 14 Разработка web-сайта. Слои в css
- •Практическое занятие № 15 Разработка web-сайта. Планирование и разработка web-сайта
- •Практическое занятие № 18 Использование условных операторов if……else
- •Практическое занятие № 19 Условия и циклы в JavaScript
- •Практическое занятие № 20 Работа с датой и временем
- •Практическое занятие № 21 Объект Image. Изображения на web-странице
- •Практическое занятие № 22 Фреймы. Создание фреймов
- •Практическое занятие № 23 Формы. Проверка и предоставление информации.
- •Практическое занятие № 24 Работа со строками
- •Практическое занятие № 25 Массивы и методы работы с ним
- •Практическое занятие № 26 Методы в JavaScript. Создание вертикального меню
- •Практическое занятие № 27 Обработка событий. Переключатели.
- •Практическое занятие № 28 Обработка событий. Флажки
- •Практическое занятие № 29 Обработка событий. Списки
- •Установка php
Практическое занятие № 18 Использование условных операторов if……else
Цель работы: Получения навыков создания скрипт кодов с использованием условных операторов if……else
Коды формируемых профессиональных компетенций: ПК 1.1–1.5, ПК 3.3
Задание 1. Напишите код, который будет спрашивать: «Какая битва произошла в 1812 году?».
Е
сли
посетитель вводит «Бородинская», то
выводить «Верно!», если что-то другое —
выводить «Не знаете? «Бородинская»!».
Блок-схема:
Задание 2. Напишите код, который получает значение prompt, а затем выводит alert:
1, если значение больше нуля,
-1, если значение меньше нуля,
0, если значение равно нулю.
Задание 3. Напишите код, который будет спрашивать логин (prompt).
Если посетитель вводит «Админ», то спрашивать пароль, если нажал отмена (escape) — выводить «Вход отменён», если вводит что-то другое — «Я вас не знаю».
Пароль проверять так. Если введён пароль «Чёрный Властелин», то выводить «Добро пожаловать!», иначе — «Пароль неверен», при отмене — «Вход отменён».
Б
лок-схема:
Для решения используйте вложенные блоки if. Обращайте внимание на стиль и читаемость кода.Конец формы
Практическое занятие № 19 Условия и циклы в JavaScript
Цель работы: Получения навыков создания скрипт кодов с использованием операторов цикла и условных операторов.
Коды формируемых профессиональных компетенций: ПК 1.1–1.5, ПК 3.3
Задание 1. Написать сценарий, который будет складывать все числа от a до b, (где a и b будут вводиться пользователем) и отображать полученный результат. Для этого на html-странице запишите следующий код:
<html>
<head>
<title>javascript for</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<form name="forma7">
Вас интересует сумма всех чисел
от <input type="text" name="a1" size="5" maxlength="5">
до <input type="text" name="a2" size="5" maxlength="5">
<input type="button" value="Вычислить" onclick="summa(forma7);"><br>
Сумма равна <input type="text" name="result" size="10" maxlength="10">
</form>
</body>
</html>
Осталось на странице script.js написать саму функцию summa():
function summa(obj) {
var summa=0;
var a1=1*obj.a1.value;
var a2=1*obj.a2.value;
for (var i = a1; i <= a2; i++) {
summa+=i;
}
obj.result.value = summa;
}
Загрузите страницу и убедитесь в правильности полученного результата.
Задание 2. Для правильной работы цикла значение a2 должно быть больше значения a1. Добавьте это условие в функцию. А также пояснения пользователю, если эти значения введены не правильно.
Практическое занятие № 20 Работа с датой и временем
Цель работы: Получения навыков создания скрипт кодов с использованием методов определения даты и времени.
Коды формируемых профессиональных компетенций: ПК 1.1–1.5, ПК 3.3
ЗАДАНИЕ: Создать web-страницу, отображающую дату и время в соответствии с вариантом, задать цветной фон страницы, придумать заголовок, соответствующий тематики задания.
Примечание. Текущие дата и время определяются системным временем. При тестировании скрипта дата и время могут быть изменены на любые допустимые.
Варианты:
Написать скрипт, определяющий, через сколько дней наступит воскресенье.
Написать скрипт, определяющий, сколько дней прошло с Нового года.
Составить скрипт, определяющий сколько часов и минут прошло от начала суток.
Определить, сколько дней прошло с начала текущего месяца.
Определить, сколько часов и минут прошло с начала текущего месяца.
Через сколько часов (по гринвичскому времени) наступит Новый год?
Вывести полную информацию о текущей дате и времени. Например, "14 мая 2002 года, вторник, 2:53:44pm".
Определить, сколько недель осталось до 1 сентября.
Определить, сколько недель прошло с 1 сентября.
Определить, является ли текущий год годом проведения летней Олимпиады (високосным)?
Определить, сколько дней сталось до Вашего дня рождения.
Сколько часов осталось до начала лета?
Сколько суток осталось до дней весеннего и осеннего равноденствий (22 марта и 22 сентября)?
Сколько дней прошло со дня Вашего рождения?
Сколько пятниц пройдёт до Вашего дня рождения?
Написать скрипт, определяющий
полугодие (первое или второе)
квартал (первый, второй, третий или четвертый)
время года (зима, весна, лето или осень)
столетие
тысячелетие
Сколько дней осталось до ближайшей пятницы, выпадающей на 13-е число?
Вывести перечень праздничных дней в текущем месяце.
Вывести названия месяцев текущего года, где пятница выпадает на 13-е число.
Какую годовщину Победы над фашистской Германией празднуют в текущем году?
Сколько дней осталось до летних каникул (уточните дату начала каникул по учебному плану)?
Сколько часов осталось до конца текущего месяца?
На какие дни недели проходятся майские праздники?
Сколько минут прошло с начала пары?