Методическое пособие по проведению практических работ по дисциплине «Информационные технологии»

МИНИСТЕРСТВО ОБРАЗОВАНИЯ, НАУКИ И МОЛОДЁЖНОЙ ПОЛИТИКИ КРАСНОДАРСКОГО КРАЯ
ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ КРАСНОДАРСКОГО КРАЯ «КРАСНОДАРСКИЙ КОЛЛЕДЖ ЭЛЕКТРОННОГО ПРИБОРОСТРОЕНИЯ»

Методическое пособиЕ
по проведению практических работ
для студентов специальности: 09.02.01 «Компьютерные системы и комплексы»
дисциплина: «Информационные технологии»
2016
УТВЕРЖДАЮ
Заместитель директора по УМР
«____» ____________ 20_____г.
Е. А. ТупчиеваРАССМОТРЕНО
ПЦК КТиТ
протокол № ___
от «____» ___________ 20_____г.
Председатель
Н.В. Новикова
ОДОБРЕНО
решением методического совета
протокол № ___ от ________ 2016 г.
Составитель: Новикова Н.В.,
преподаватель ГБПОУ КК ККЭП ___________ подпись
Рецензент: Сорокин В.Н
директор ООО «Априори»,
квалификация по диплому – инженер ___________ подпись


Методическое пособие предназначено для студентов 3-4 курса специальности 09.02.01 «Компьютерные системы и комплексы» в помощь при выполнении практичесих работ по дисциплине «Информационные технологии». В представленном пособии собран материал по основам web-программирования. Пособие может быть использовано для самостоятельной подготовки студентов к практическим работам.
Рекомендовано к использованию в учебном процессе.

СОДЕРЖАНИЕ
Практическая работа №1
Практическая работа №2
Практическая работа №3
Практическая работа №4
Практическая работа №5
Практическая работа №6
Практическая работа №7

Практическая работа № 1
Тема: «HTML. Введение»
Цель: ознакомиться с приемами размещения на странице сайта текстовой и графической информации.
Задание: В разработанном HTML-документе разместить информацию, представленную в виде текста и графики. Пример:

ЗАПУСК ПОЧТОВОЙ ПРОГРАММЫ (аналогично можно организовать ссылку на любую другую страницу) :
<A HREF="mailto:vasya@mail.ru">Напишите мне!</A>

ВСТАВИТЬ КАРТИНКУ (картинка должна быть в папке, где находится файл *.html):
<img src="image.jpg">
<img src="e1.gif" width="160" heigth="160">
<img src="image.jpg" align="left">

Практическая работа № 2
Тема: «HTML. Таблицы»
Цель: ознакомиться с приемами размещения на странице сайта информации, представленной в табличной форме.
Задание: В разработанном многостраничном документе на одной из страниц разместить информацию, представленную в виде таблицы, содержащей строку с заголовками (ШАПКУ), строку с текстом и строку с картинками, а также «бегущую строку». По примеру HTML-кода, представленному ниже, разработайте простую таблицу.

Оформить отчет о проделанной работе.

Практическая работа № 3
Тема: «HTML. Сложные таблицы»
Цель: ознакомиться с приемами размещения на странице сайта информации, представленной в табличной форме.
Задание: В разработанном многостраничном документе на одной из страниц разместить информацию, представленную в виде таблицы сложной таблице (с объединенными ячейками). По примеру HTML-кода, представленному ниже, разработайте сложную таблицу.
Пример:


Оформите отчет о проделанной работе.

Практическая работа №4
Тема: Контрольные задания по теме «Таблицы в HTML»
2517140127635Задание №1.
Создать простейшую таблицу:
251714020955Задание №2.
Создать простейшую таблицу:
Задание №3.
Создать таблицу с объединенными ячейками:
18105121806702
Задание №4.
Создать таблицу:

Практическая работа №5
Тема: Контрольные задания по теме «CSS»
Задание:
а) Создайте внешний CSS файл. Подключите его ко всем страницам вашего
сайта. Увеличьте размер шрифта, задайте для тега BODY фон свойством
background-color и границу толщиной 5px.
б) На главной странице измените цвет фона на отличный от цвета на других
страницах.
в) с помощью CSS задайте следующие параметры для заголовка: размер
шрифта – 16 pt, полужирный, выравнивание по центру. Для текста – размер
шрифта 12 pt, межстрочный интервал – полуторный, красная строка – 1,5 см.
Подберите подходящий шрифт для заголовка и текста.
Пример использования CSS:

Практическая работа №6
Тема: Контрольные задания по теме «JavaScript»
Задание:
Изучить примеры использования скриптов:


Написать скрипт, выводящий следующее сообщение (используя методы возврата даты, месяца, года):
Здравствуйте! Сегодня 12/09/2016. Время посещения сайта 9 часов 30 минут и 20 секунд.
Написать скрипт, реализующий переход на сайт (событие onMouseOver (навести мышь))


Практическая работа №7
Тема: Контрольные задания по теме «JavaScript»
Задание1: написать на Java Script выражения, вывести результаты на экран. Отладить программу в браузере.
y= sin(x+2)-x^3/( x+4)
z=e^2*x –tg(x+5)/x
y= cos(2x-4)-x^6/( x-6)
z=|e^x-3| –ln(x-6)/x-6
Задание 2: Ввод при помощи оператора promt и вывод при помощи alert.
Наберите в браузере задачу:
<HTML>
<BODY>
<SCRIPT language=”JavaScript”>
var d = "Малая";
c=prompt("Введите слово", "Земля");
s =d+" " +C;
alert (s) ;
</SCRIPT>
</BODY>
</HTML>
Задание 3:
Наберите в браузере задачу:
<html>
<body>
<script language="JavaScript">
var number, summ=0;
do
{
number=parseInt(prompt("Введите число:", 10));
summ+=number;
}
while(confirm("Продолжим?"))
document.write("Сумма чисел: "+summ);
</script>
</body>
</html>
Задание 4:
Написать и отладить текст программы:
Ввести с клавиатуры стороны параллелепипеда – а,в,с. Вычислить его объём, вывести значение объёма на экран, если пользователь ответит положительно на запрос о выводе на экран. Если пользователь отменит вывод результата вычислений, вывести сообщение: «ПОКА».