Учебно-методический комплекс дисциплин по дисциплине «Веб-дизайн»

Скачать 0.97 Mb.

Название	Учебно-методический комплекс дисциплин по дисциплине «Веб-дизайн»
страница	8/8
Тип	Учебно-методический комплекс

rykovodstvo.ru > Руководство эксплуатация > Учебно-методический комплекс

1 2 3 4 5 6 7 8

Тема 1: Средства JavaScript (4ч)

Цель: изучение основ JavaScript

План:

Основные понятия JavaScript
Иерархия объектов
Переменные
Объекты и свойства

Учебный материал

1. Основные понятия JavaScript

Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это объектно-ориентированный язык разработки встраиваемых приложений, выполняющихся как на стороне клиента, так и на стороне сервера.

Для создания программ на JavaScript не требуется никаких дополнительных средств, необходим лишь соответствующий браузер, поддерживающий JavaScript (Internet Explorer или Netscape Navigator версии 3.0 и выше).

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

Кроме того, можно использовать тегов комментария ; если страница, содержащая сценарий, будет загружена в браузер, не поддерживающий языки сценариев, строки программы будут выведены как обычный текст. Если использовать теги комментариев, то такой браузер пропустит текст программы. Двойная косая черта перед закрывающим текст JavaScript-программы тегом комментария означает, что тег не будет воспринят браузером как оператор JavaScript.
Синтаксис скрипта выглядит следующим образом:

JavaScript может применяется для проверки на корректность данных отправляемых на сервер (правильность заполнения формы), создания удобной навигации, визуальных и интерактивных элементов и для многих других сервисов.

Добавлять сценарий JavaScript в HTML-страницу можно несколькими способами:

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

Кроме того, можно использовать тегов комментария ; если страница, содержащая сценарий, будет загружена в браузер, не поддерживающий языки сценариев, строки программы будут выведены как обычный текст. Если использовать теги комментариев, то такой браузер пропустит текст программы. Двойная косая черта перед закрывающим текст JavaScript-программы тегом комментария означает, что тег не будет воспринят браузером как оператор JavaScript.

Синтаксис скрипта выглядит следующим образом:

JavaScript может применяется для проверки на корректность данных отправляемых на сервер (правильность заполнения формы), создания удобной навигации, визуальных и интерактивных элементов и для многих других сервисов.

Добавлять сценарий JavaScript в HTML-страницу можно несколькими способами:
- Задать операторы языка внутри тега . Сами они не являются скриптами, а скорее область взаимодействия между вашей страницей и читателем.
  
  Среди разнообразных обработчиков событий, пожалуй, самый популярный, onMouseOver (навести мышь) и onMouseOut.
  
  Например, при наведении мыши на ссылку в строке состояния появиться соответствующий текст:
  
  Принтеры
  
  После выполнения обработки события, текст в строке состояния уже не изменяется и не изменится, сколько раз вы не наводили бы на нее курсор. Поэтому не рекомендуется злоупотреблять такими трюками — пользователь, пришедший к вам на сайт, имеет право знать точный адрес каждой ссылки и другую информацию о загрузке страницы, которую выдает строка состояния.
  
  С помощью обработчиков событий можно изменить и различные свойства окна и документа. Например, цвета фона документа. В HTML цветом фона управляет команда BGCOLOR, в JavaScript используется свойство bgColor (регистр написания свойства важен!).
  Задание 7
  1. Создайте ссылку, при наведении на которую мыши будет изменяться цвет фона документа.
  2. Модифицируйте скрипт таким образом, чтобы цвет документа восстанавливался при удалении указателя мыши со ссылки.
  Задание 8
  1. Примените в документе обработчик событий, который при щелчке по документу вызывает предупреждающее окно с текстом «Не щелкать!».
  Средства JavaScript позволяют обращаться к любому элементу web-страницы, для этого объекту необходимо присвоить имя с помощью атрибута тега NAME. Например, чтобы обратиться к рисунку в теге указывается атрибут NAME значением, которого является произвольное имя. Для обращения к этому рисунку используют синтаксис document.имя_рисунка
  Задание 9
  1. Разместите на web-странице рисунок, присвойте ему имя.
  2. С помощью обработчика событий onMouseOver (наведение курсора мыши) выполните замену рисунка на другой. Учтите, что параметры рисунков должны быть одинаковыми, иначе разметка элементов страницы будет нарушена!
  Обработчик событий onMouseOver применяется к объекту link (ссылка), поэтому рисунок нужно прописать как гиперссылку (можно к абстрактному адресу) и применять обработчик именно к тегу гиперссылки.
  
  Для смены рисунка используют как метод указатель ресурсов src. Синтаксис использования обработчика будет следующий:
  
  onMouseOver = "document.имя_рисунка.src ='адрес замещающего рисунка'"
  1. Доработайте коды web-документа таким образом, чтобы при удалении курсора мыши с рисунка, изображение восстанавливалось на первоначальное.
  Контрольные вопросы:
  1. Какой синтаксис имеют конструкция javascript?
  2. Каким образом можно добавлять скрипты в документ?
  3. Где в какой части документа рекомендуется размещать скрипты?
  4. Для чего используется объект Date?
  5. Какие методы применяются к объекту Date?
  6. Что представляют собой массивы javascript?
  7. Каким образом можно обратиться к элементу массива?
  8. Для чего предназначены обработчики событий в javascript?
  9. Какие обработчики событий используются в javascript?
  10. Каким образом можно добавить обработчики событий в теги документа?
  Литература:
  1. Информатика. Базовый курс: учеб. пособие для студ. высш. техн. учеб. заведений / под ред. С. В. Симоновича. - 2-е изд. - СПб. : Питер, 2006. - 639 с. : ил.
  2. Гарнаев, А. Ю. Excel, VBA, Internet в экономике и финансах: практ. руководство/ А. Ю. Гарнаев. - СПб. : БХВ-Петербург, 2006. - 796 с. : ил.
  3. Соловьева, Л. Ф. Сетевые технологии: учеб.-практикум / Л. Ф. Соловьева. - СПб. : БХВ-Петербург, 2005. - 398 с. : ил.
  Тема 3: Создание функций (4ч)
  
  Цель: создание пользовательских функций средствами javascript
  
  Задачи обучения:
  - изучение синтаксиса создания функций;
  - изучение способов размещения функций;
  - создание и применение пользовательских функций.
  Учебный материал
  
  Функция представляет собой последовательность операторов, выполняющих какую-либо задачу. Синтаксис объявления функции в JavaScript следующий:
  
  function имя_функции()
  
  {
  
  тело функции
  
  }
  Имя функции произвольно и определяется программистом. В круглых скобках после имени функции могут быть указаны принимаемые функцией переменные. Функция создается программистом, обычно, при необходимости многократного вызова одной и той же последовательности команд. В этом случае необходимая последовательность команд записывается в теле функции, и, вызывая эту функцию, вызывается вся последовательность команд. Функция может также вернуть значение, если в нее помещен оператор return.
  
  Функции универсальны и не требуют привязки к какому-либо объекту для своей работы.
  
  Лучше всего определения всех функции помещать в заголовочной части страницы. Это гарантирует, что функция будет загружена в память до загрузки странички, прежде, чем пользователь сможет произвести какие-либо действие, вызывающие эту функцию.
  
  Имя может быть какой угодно длины, если это слово уже не используется в JavaScript. В имени не допустимо применять пробелы.
  
  Для вызова функции необходимо указать ее имя с круглыми скобками, в которых могут находиться передаваемые функции параметры. Например:
  
  ...
  
  ...
  
  ...
  
  ...

1 2 3 4 5 6 7 8

Похожие:

	Учебно-методический комплекс по дисциплине сд. 08 Информационные... Учебно-методический комплекс по дисциплине «Информационные технологии в профессиональной деятельности» составлен в соответствии с...		Учебно-методический комплекс по дисциплине «Маркетинг» Учебно-методический комплекс предназначен для студентов очной формы обучения, содержит план лекционных и практических занятий, рекомендации...
	Учебно-методический комплекс по дисциплине «Маркетинг» Учебно-методический комплекс предназначен для студентов заочной формы обучения, содержит план лекционных и практических занятий,...		Учебно-методический комплекс по дисциплине «Языки и среды реализации web -приложений» Учебно-методический комплекс предназначен для студентов заочной формы обучения, содержит план лекционных и практических занятий,...
	Учебно-методический комплекс по дисциплине «Деньги, кредит, банки» Учебно-методический комплекс рекомендован к изданию кафедрой «Банковское дело» и утвержден Учебно-методическим советом (протокол...		Учебно-методический комплекс по дисциплине «уголовное право» Учебно-методический комплекс по дисциплине «уголовное право» : учебно-методическое пособие / составитель А. М. Жуков. – Тольятти...
	Учебно-методический комплекс по дисциплине «Гештальт-психология» Учебно-методический комплекс предназначен для бакалавров очной формы обучения, содержит учебно-тематический план, учебную программу,...		Учебно-методический комплекс по дисциплине сапр вагоноремонтного производства Дисциплина входит в региональный компонент цикла дисциплин специализации и является обязательной для изучения
	Учебно-методический комплекс по дисциплине «Электронный бизнес» Методический комплекс включает учебную программу курса, планы проведения занятий, список основной и дополнительной рекомендуемой...		Учебно-методический комплекс по дисциплине «Программирование на языках высокого уровня (яву)» Учебно-методический комплекс (умк) составлен на основании гос впо и учебного плана Улгту специальности (направления) 23010165 «Вычислительные...
	Учебно-методический комплекс по дисциплине «Инструментальные средства в электронном бизнесе» Методический комплекс включает учебную программу курса, планы проведения занятий, список основной и дополнительной рекомендуемой...		Учебно-методический комплекс по дисциплине «Инструментальные средства в электронном бизнесе» Методический комплекс включает учебную программу курса, планы проведения занятий, список основной и дополнительной рекомендуемой...
	Учебно-методический комплекс по дисциплине «Уголовное право часть особенная» Учебно–методический комплекс по дисциплине «Уголовное право часть особенная» подготовлены в соответствии с требованиями Государственного...		Учебно-методический комплекс дисциплины по дисциплине «Политология» Учебно-методический комплекс составлен в соответствии с требованиями государственного образовательного стандарта высшего профессионального...
	Учебно-методический комплекс по дисциплине опд. В. 01 Современные... Настоящий учебно-методический комплекс разработан для курса по выбору «стфо: профильное обучение литературе», который изучается студентами...		Учебно-методический комплекс по дисциплине «сенсорный анализ продовольственных товаров» Учебно-методический комплекс предназначен для освоения программы по дисциплине «Сенсорный анализ продовольственных товаров» специальности...

Руководство, инструкция по применению