- •Internet-приложения Введение
- •Раздел 1. Технология создания web-документа
- •Тема 1. Сеть Internet и её сервисы. Основы языка гипертекстовой разметки html.
- •Тема 1.2 Списки. Таблицы. Слои.
- •Области применения фреймов:
- •Тема 2.1 Серверные и клиентские сценарии. Основы языка программирования
- •Тема 2.4 Работа с формами, слоями и изображениями.
Области применения фреймов:
чаще всего прибегают к фреймовой структуре в следующих случаях:
-
создание неподвижной или прокручиваемой навигационной панели управления
-
Одновременное отображение информации в нескольких местах
-
Постоянное визуальное присутствие определённого текстового, графического или иного объекта
-
Разработка web-интерфейса для онлайн-игр
Панель навигации
Панели могут быть статичными, то есть не зависят от действий посетителя и динамическими, когда какое-либо действие со стороны пользователя приводит к различным по виду и масштабу изменениям, начиная с замены внешнего вида кнопок и заканчивая использованием сложных программных сценариев.
Вызывать панель управления можно разными способами.
-
В главном фрейме обозначить разделы сайта, а подразделы открывать в другом окне
-
В главном фрейме разместить ссылки на документы подразделов, тогда при нажатии на ссылку конкретного подраздела главный фрейм перезагрузится и откроется расширенный вариант меню
-
В главном меню расположить динамическое меню в виде раскрывающегося списка по нажатия на пункты которого в другом фрейме будет открываться нужный документ
Преимущества и недостатки фреймов.
Фреймы позволяют экономить на объёме пересылаемых пользователю файлов
Фреймы заметно облегчают навигацию по электронным документам, благодаря возможности перехода по другим ссылкам в приделах интернет-ресурса
Использование правил описания фреймовых структур позволяет разработчику html-документов как-угодно варьировать размеры полей фреймов, что даёт более широкий спектр возможностей, пространственного размещения объектов.
Недостатки
129-143, 155-164 (определения, стадии, организация обратной связи, теги)
Web-программирование на стороне клиента.
Тема 2.1 Серверные и клиентские сценарии. Основы языка программирования
JavaScript
JavaScript – это язык интерпретируемый программирования с объектно-ориентированными возможностями. С точки зрения синтаксиса базовый язык JavaScript напоминает С, С++, Java. JS – нетипизированный язык, т.е. в нём не требуется определять типы данных. Объекты JS отображают имена свойств на произвольные значения. Ядро языка JS поддерживает работу с такими простыми типами данных, как числа и строки. Помимо этого он обладает встроенной поддержкой массивов и дат. Обычно JS применяется в web-браузерах, а расширение его возможностей за счёт введения объектов позволяет организовать взаимодействие с пользователем, управлять web-браузером и изменять содержимое документа, отображаемого в пределах окна web-браузера. Это встроенная версия JS запускает сценарии внедрённые в html-код web-страницы. Как правило это версия называется клиентским языком JS.
Клиентская часть среди проектирования web-приложений содержит следующие основные компоненты:
-
Браузер, отображающий html-Документ на экране монитора и являющийся пользовательским интерфейсом для web-приложений.
-
Язык HTML, с помощью которого создаются web-страницы.
-
Языки сценариев. В настоящее время в качестве стандарта принят язык JS
-
Клиентские расширения
Сценарий JS представляет собой последовательность операторов. Если несколько операторов располагаются на одной строке между ними следует поставить “;”. С помощью сценариев JS можно выполнять следующие задачи:
-
Создавать анимационные эффекты с текстом и графикой.
-
Воспроизводить звуковое сопровождение страницы в соответствии с контекстом
-
Динамически изменять вид и содержимое страницы
-
Проверять и передавать данные, введённые пользователем в поля формы.
В программах на JS можно использовать комментарии. Однострочный //. Многострочный /* */. В JS учитывается регистр. Простейшие данные, с которыми моет оперировать программа называются литералами (они не могут изменяться). Переменные используются для хранения данных, в сценарии представляются с помощью идентификаторов, причём он должен начинаться с буквы латинского алфавита либо с _. Выражения строятся из литералов, переменных, знаков операций и скобок.
С помощью JS можно создавать новое окно браузера. В новое открывшееся окно можно загрузить уже существующий html-документ, а также можно разместить абсолютно новый создаваемый по ходу работы документ. При открытии нового окна существует возможность выбора параметров внешнего вида создаваемого окна. В языке существуют такие объекты, тип которых предусмотрен стандартом JS.
Объект Date – позволяет работать со значениями даты и времени. Но перед тем как приступить к работе с этим объектом необходимо разобраться в 3-х важных вещах:
-
В соответствии с соглашением Unix датой появления является считается 1 января 1970 года. Соответственно с датами, предшествующими указанной работать нельзя.
-
При создании объекта – внутри объекта является клиентская машина. Таки образом на ней желательно наличие работоспособных и точных часов.
-
JS отслеживает значение даты и времени в формате миллисекунд с момента даты основания
Объект Array – это контейнер, содержащий элементы данных. Каждый из элементов массива это отдельное значение, но все они существуют как часть массива. Доступ к ним возможен только через сам массив.
Объект Math - Если необходимо производить математические вычисления, то мат. Объект предоставляет целый набор методов, позволяющий осуществить
Таблица методов, средств и объектов смотреть в электронном виде.
События и функции
В JS функция – это просто сценарий, отделённый от остальной части программы и имеющий своё имя. Используя это имя другой сценарий может вызывать его в любой момент и сколько угодно раз. Функции служат одной цели – разделение задач, предназначенных для выполнения в одной программе. При вызове функции можно передать значение, называемое аргументами. Аргументы можно использовать в качестве переменных в пределах одного блока операторов. Синтаксис объявления функции в JS:
Function имя_функции ([аргумент]){ [операторы] }
Ключевое слово function используется для определения функции с именем имя_функции, которое служит в качестве идентификатора для набора операторов, заключённых в фигурные скобки. Функцию можно объявлять в любом месте в пределах тэга <script>.
Пример: написать скрипт, печатающий текст 3 раза.
Многие из кодов JavaScript отвечают на события, выполненные пользователем или программным обеспечением пользователя. Это управляемая событиями среда позволяет разработчику сосредотачиваться только на событиях, которые затрагивают его приложение. Каждое JS-событие имеет соответствующий обработчик событий, который предназначен для автоматического ответа на происходящие события.
Наиболее часто используемые события:
-
onLoad –при загрузке
-
onChange – при изменении значения элемента формы
-
onClick – при выборе объекта Button или CheckBox
-
onSelect – при выборе текстового объекта
-
onUnLoad – при переходе к другой странце.
События: страница 188