Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа»




НазваниеУчебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа»
страница8/14
Дата30.08.2012
Размер0.66 Mb.
ТипУчебно-методический комплекс
1   ...   4   5   6   7   8   9   10   11   ...   14

Самостоятельная работа (10 часов):


  1. (4 часа) Напишите реферат (3-4 стр.) по одной из предложенных тем:

  • «Службы Интернет: информационно-транспортная служба FTP»

  • «Службы Интернет: служба новостей USENET»

  • «Службы Интернет: служба Internet Relay Chat»

  • «Службы Интернет: служба ICQ»

  1. (6 часов) Ознакомьтесь с материалом статьи Т.И.Симоненко «Традиции и инновации в образовании как онтологическая проблема» (Инновации и образование. Сборник материалов конференции. Серия “Symposium”, выпуск 29. СПб.: Санкт-Петербургское философское общество, 2003. С.182-187). Сделайте реферирование статьи (напишите свое мнение о данной проблеме, анализ статьи) (1-2 стр.).

Модуль 6. «JavaScript».


Цели:

  1. Знакомство с основными возможностями языка программирования JavaScript.

  2. Формирование умений использования различных объектов, их методов, изменения их свойств.

  3. Знакомство с размещением скриптов на html-странице и основными конструкциями языка РНР.

Лекция № 2.


Содержание:

JavaScript - это язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape на базе языка Sun's Java корпорации Sun. Сценарии выполняются в результате наступления каких-либо событий, инициированных действиями пользователя.

Размещение JavaScript на HTML-странице. Все, что стоит между тэгами , интерпретируется как код на языке JavaScript.

Свойства используются для описания объекта или его текущего состояния. Свойство определяется путем присваивания ему значения. Значение может быть присвоено браузером, программой или действиями пользователя.

Каждый из классов имеет функции управления объектами класса - методы. Самыми главными из этих методов являются те, которые позволяют переназначать значения объектов.

Типы данных. Язык JavaScript не является типизированным. Это означает, что программист не может указать явным образом тип создаваемых им переменных. Этот тип определяется интерпретатором JavaScript автоматически, когда переменной в первый раз присваивается какое-либо значение.

Описание иерархии классов. С точки зрения сценария JavaScript браузер представляется иерархически организованным набором объектов. Обращаясь к свойствам и методам этих объектов можно выполнять различные операции над окном браузера, загруженным в это окно документом HTML, а также над отдельными объектами, размещенными в документе HTML. Каждый объект является потомком объекта более высокого уровня.



Объект window, document, location, history, navigator. Внутренние объекты (Date, Math, String): их свойства и методы. Объект Date содержит информацию о дате и времени. Math - встроенный в JavaScript объект, дающий доступ к константам и математическим функциям. Объект string представляет собой последовательность символов, ограниченную одинарными или двойными кавычками (строка); обычно присваивается какой-то переменной и используется как объект для вызова свойств или методов.

Массивы: объект array, создание массива (без инициализации, с инициализацией), методы, изменяющие состояние массива (reverse(), sort(), join()).

Контрольные вопросы:

  1. Каковы основные способы размещения скрипта на html-странице?

  2. Опишите иерархию классов JavaScript?

  3. Объясните использование событий, методов и свойств? Приведите конкретные примеры.

  4. Какие операции используются в JavaScript для управления потоком вычислений?

  5. Какие методы для работы с окнами Вы знаете? Объясните принцип наследования при работе с фреймами.

Практическое занятие №1. «Знакомство с основами языка программирования. Основные операции и конструкции для управления потоком вычислений. Типы данных»

Задание: Дано: а=3, b=5. Вычислить и вывести в окно браузера декремент суммы а и b.

  1. Использование дескриптора <script>script> для написание скрипта.

  2. Оператор объявления переменной var.

  3. Использование унарной операции декремент (например, а--).

  4. Вывод результата при помощи метода document.writeln().

Задание: Дано: i=1. Пока i<6 выводить i в цикле while и увеличивать i на единицу. Когда i станет равным 3, - принудительно выйти из цикла. Реализовать задание при помощи JavaScript.

  1. Оператор While: while (условие) {//..блок операторов..};

  2. Условный оператор: if (условие) {// код для истинного условия}else{// код для ложного условия};

  3. Остановка выполнения цикла при помощи оператор break.

Задание: При помощи скрипта распечатать следующие пары переменная - значение в три строки: i=0, j=2; i=1, j=3; i=2, j=4.

  1. Цикл с параметром: for (начальное_значение;условия;приращение) {//..блок операторов};

  1. Вывод результата при помощи метода document.writeln().

Практическое занятие №1. «Обработка событий. Массив Images»

Задание: Создать страницу с кнопкой «Щелкни!». По щелчку на кнопке вывести диалоговое окно с сообщением «Ура!».

  1. Создание формы с кнопкой средствами HTML.

  2. Использование дескриптора <script>script> для написания кода.

  3. Использование функции: function название_функции() {тело функции;}.

  4. Вызов диалогового окна: метод alert(сообщение);

  5. Вызов функции по щелчку на кнопке: onClick=”название_функции()”

Задание: Создать страницу с текстовым полем. С помощью скрипта поместить в текстовое поле сообщение «Добрый день!».

  1. Создание формы с текстовым окном средствами HTML.

  2. Использование дескриптора <script>script> для написания кода.

  3. Изменение свойства value текстового окна в скрипте: document.название_формы.input.value=’Добрый день!’.

Задание: Создать документ со скриптом, который при изменении размера окна вызывает сообщение «Размер окна изменен!».

  1. Использование дескриптора <script>script> для написания кода.

  2. Использование функции: function название_функции() {тело функции;}.

  3. Вызов функции при наступлении события окна OnResize: window.onResize = название_функции();

Задание: Создать документ с тремя изображениями. С помощью скрипта вывести параметры изображений страницы (работать с изображениями как с массивом).

  1. Создание документа с тремя изображениями средствами HTML.

  2. Использование дескриптора <script>script> для написания кода.

  3. Использование функции: function название_функции() {тело функции;}.

  4. Применение цикла с параметром, для вывода параметров всех изображений: for (начальное_значение;условия;приращение) {//..блок операторов};

  5. Использование метода alert (сообщение) для вывода параметров каждого изображения: alert(document.images[i].width);

  6. Вызов функции при наступлении события onLoad документа: <body onLoad = “название_функции()”>

Практическое занятие № 2. «Динамическое управление документами»

Задание: Написать скрипт для открытия документа 2.html по щелчку на кнопке в новом окне браузера размером 300х200.

  1. Создание формы с кнопкой средствами HTML.

  2. Использование дескриптора <script>script> для написания кода с функцией.

  3. Метод window.open ("адрес_страницы", "имя_окна (фрейма)", ["дополнительные параметры..."]).

  4. Вызов функции по щелчку на кнопке: onClick=”название_фугкции”

Задание: Написать скрипт закрытия текущего окна браузера.

  1. Использование метода window.close()

Задание: Создать документ. Расположить на нем кнопку, по щелчку на которой происходит открытие нового окна (страницы) браузера размером 300 х 200. В новом документе написать фразу «Это новое окно». Окно-предшественник закрыть. Создание окна и генерацию в нем текста оформить в виде отдельных функций.

  1. Создание формы с кнопкой средствами HTML.

  2. Использование дескриптора <script>script> для написания кода с функциями.

  3. Первая функция: использование метода window.open() для открытия нового документа; метод window.document.open() для открытия второго обозревателя; метод window.focus() – для переноса окна на передний план; вызов второй функции: название_функции().

  4. Вторая функция: использование функции window.document.write(“html-текст”) для генерации html-кода страницы с текстом; метод window.document.close() для закрытия потока.

  5. Вызов первой функции по щелку на кнопке: onClick=”название_функции()”.

Практическое занятие № 3. «Верификация данных формы»

Задание: Создать страницу с текстовым полем и двумя кнопками. При нажатии одной из них происходит передача данных содержимого текстового поля по электронной почте, при нажатии другой – происходит очистка текстового поля.

  1. Создание формы с полем textarea и двумя кнопками – reset и submit средствами html.

  2. Использование атрибутов формы method, action и enctype для отправки содержимого по электронному адресу.

Задание: Создать страницу проверки знаний учащегося с одним вопросом и тремя ответами на вопрос: два из них правильные и один неправильный. Осуществить проверку правильности отмеченных при помощи элементов формы checkbox ответов. Функцию проверки запускать по щелчку на кнопке.

  1. Создание формы с тремя элементами checkbox (флажки) и одним button (кнопка).

  2. Описание функции в дескрипторе <script>script>.

  3. Использование условного оператора для проверки отмеченных checkbox: if (document.all.название_checkbox[индекс].checked) {…}

  4. Вывод результата при помощи метода alert().

  5. Вызов функции по щелчку на кнопке.

Задание: Создать страницу проверки знаний учащегося с одним вопросом и тремя ответами на вопрос: два из них правильные и один неправильный. Осуществить проверку правильности отмеченных при помощи элементов формы radio ответов. Функцию проверки запускать по щелчку на кнопке.

  1. Создание формы с тремя элементами radio и одним button.

  2. Описание функции в дескрипторе <script>script>.

  3. Использование условного оператора для проверки отмеченных checkbox: if (document.all.название_radio[индекс].checked) {…}

  4. Вывод результата при помощи метода alert().

  5. Вызов функции по щелчку на кнопке.

Самостоятельная работа (38 часов):

  1. (2 часа):

    1. Вывести в окно браузера следующие данные: Ваше ФИО, возраст, номер группы.

    2. Дано: а=5. С помощью скрипта вычислить и вывести в окно браузера инкремент а.

    3. При помощи скрипта вывести в окно браузера 10 строк: i=0, i=1, i=2, i=3… i=9, используя цикл while.

    4. Используя цикл for, вывести: K=1, K=3, K=5, K=7, K=9

  2. (4 часа):

    1. Создать страницу с кнопкой «Щелкни!». По щелчку на кнопке запросить функцию, которая: 1.вызывает диалоговое окно ввода сообщения и 2. выводит данное сообщение в окне браузера.

    2. Создать страницу с двумя кнопками. При щелчке на первой из них («Вычитание») вызывать функцию вычитания 10-5, а при щелчке на второй («Сложение») – функцию суммы 10+5. Выводить сообщения с ответом.

    3. В документе создать гиперссылки с названиями различных цветов. По наведению курсора мыши на гиперссылки закрашивать задний фон страницы в цвет, указанный гиперссылкой.

  3. (4 часа):

    1. Создать меню множественного выбора (тег
1   ...   4   5   6   7   8   9   10   11   ...   14

Похожие:

Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» iconУчебно-методический комплекс по дисциплине дпп ф. 08 «Компьютерные сети. Интернет. Мультимедиа»
Федеральное государственное образовательное учреждение высшего профессионального образования
Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» iconУчебно-методический комплекс по дисциплине дпп ф. 08 «Компьютерные сети. Интернет. Мультимедиа»
Федеральное государственное образовательное учреждение высшего профессионального образования
Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» iconКомпьютерные сети Учебно-методический комплекс для бакалавриата по направлению №080200 Менеджмент Москва 2011 Сетевые информационные технологии Учебно-методический комплекс

Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» iconУчебно-методический комплекс по дисциплине Компьютерные сети
Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования
Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» icon«Компьютерные сети, интернет и мультимедиатехнологии»
Рабочая учебная программа по дисциплине «Компьютерные сети, интернет и мультимедиатехнологии» для ооп «050100 Педагогическое образование...
Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» iconУчебно-методический комплекс Специальность: 032401 Реклама Москва 2009 Автор-составитель: Комаров Василий Михайлович к э. н., доцент Учебно-методический комплекс «Интернет-реклама в торговле»
Учебно-методический комплекс «Интернет-реклама в торговле» составлен в соответствии с требованиями Государственного образовательного...
Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» iconУчебно-методический комплекс дпп ф. 14 Программирование подготовки специалиста по специальности 050202 «Информатика»
Учебно-методический комплекс составлен с учетом требований Государственного образовательного стандарта высшего профессионального...
Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» iconУчебно-методический комплекс по дисциплине вычислительная математика
Учебно-методический комплекс по дисциплине «Вычислительная математика» составлен в соответствии с требованиями Государственного образовательного...
Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» iconУчебно-методический комплекс по дисциплине дпп. Ф. 14. Детская литература (уд-04. 13-004) Для специальности 050301 Русский язык и литература
Учебно-методический комплекс дисциплины «Детская литература» раскрывает содержание и методику работы по одной из основных дисциплин...
Учебно-методический комплекс по дисциплине дпп ф. 17 «Компьютерные сети. Интернет. Мультимедиа» iconУчебно-методический комплекс по дисциплине дпп. Ф. 10 Литературоведение (уд-04. 13-002)
Настоящий учебно-методический комплекс разработан для дисциплины стандарта «Литературоведение», которая изучается студентами очного...
Разместите кнопку на своём сайте:
Библиотека


База данных защищена авторским правом ©lib.znate.ru 2014
обратиться к администрации
Библиотека
Главная страница