- •Технология сетевого дизайна и ее программное обеспечение
- •Протоколы физические, транспортные и программные. Место в этой модели стека протоколов tcp/ip. Его роль в интернет-технологии.
- •Применение текста и шрифтов на сайтах. Задание параметров текста с использованием тегов и атрибутов тегов html и с использованием свойств css.
- •Графические изображения на веб-страницах. Графические форматы gif, jpeg и png, их параметры, характеристики, различия и области применения. Методы оптимизации графики в форматах gif и jpeg.
- •Структура html-документа. Определение типа документа. Различия версий html 4.0 и xhtml 1.0. Раздел head, его структура, основные элементы и их назначение. Теги title, link, meta.
- •Теги, атрибуты, контейнеры, мнемонические подстановки. Блочные и строчные теги. Теги создания абзацев, заголовков, списков, внутриабзацного выделения, гиперссылок, иллюстраций.
- •Объектная модель документа, динамический html. Объекты, их свойства и методы. Обработчики событий. Формулировка свойств css в объектной модели. Метод getElementById.
- •Локальное программирование на языке JavaScript. Способы включения в документ - внешние, внутренние и локальные скрипты. Синтаксис JavaScript. Переменные, операторы и функции.
- •Методы создания интерактивных страниц с использованием шаблонизатора jQuery.
- •Типы сайтов - информационные и дизайнерские. Сайт, структура сайта, навигация по сайту. Шапка, блоки меню, рабочая область информационного сайта. Жесткий и резиновый дизайн при верстке сайтов.
- •Разделение статических и динамических зон при верстке сайтов. Методы создания многостраничных сайтов - JavaScript, фреймы, ssi.
- •Начальные представления о методах организации сайта при помощи серверных скриптов и базы данных.
Объектная модель документа, динамический html. Объекты, их свойства и методы. Обработчики событий. Формулировка свойств css в объектной модели. Метод getElementById.
Динамический HTML (DHTML) — совокупность технологий, обеспечивающих динамическое изменение документов под воздействием действий пользователя исключительно на стороне клиента, без необходимости обращения к веб-верверу. Для реализации такой возможности сегодня разработана Объектная модель документа (DOM, Document Object Model) — интерфейс, позволяющий разнообразным программам и сценариям получать доступ к содержанию, структуре и визуальному представлению документов с возможностью динамически модифицировать эти составляющие. Чаще всего это изменение осуществляется при помощи скриптов, написанных на языке JavaScript, однако сама объектная модель не зависит от платформы и конкретного языка программирования. В основе объектной модели лежит понимание документа как дерева объектов с изменяемыми свойствами. Для классической веб-страницы корнем такого дерева будет выступать объект, соответствующий элементу <html>. Он называется родительским по отношению к элементам <head> и <body>, а они по отношению к нему называются дочерними.
Такое представление об объектах — не просто название, оно тесно связано с понятием об объектно-ориентированном программировании. С этой точки зрения объект — ассоциированный массив, ключами которого могут являться данные произвольного типа. Так и объект как элемент объектной модели документа содержит данные произвольного типа об элементе HTML. Объект в объектно-ориентированном программировании может иметь свойства и методы — то есть переменные и функции. Функции в данном случае — это такие переменные, которые могут зависеть от других переменных, называемых параметрами. Свойства объекта как элемента объектной модели документа — это в первую очередь его свойства CSS. Именно к ним в первую очередь получают доступ различные программы и скрипты с возможностью динамически их изменять. Для этого все свойства CSS в объектной модели преобразуются в свойства объектов — так, свойство font-size преобразуется в fontSize. Что касается методов, то одним из важнейших методов объектной модели является вызов объекта по его уникальному идентификатору getElementById. Таким образом, изменить размер шрифта элемента с идентификатором text1 программа или скрипт сможет при помощи конструкции document.getElementById('text1').style.fontSize="12pt".
Локальное программирование на языке JavaScript. Способы включения в документ - внешние, внутренние и локальные скрипты. Синтаксис JavaScript. Переменные, операторы и функции.
JavaScript — язык программирования, позволяющий пользователю сайта динамически модифицировать веб-страницу, не прибегая к перезагрузке со стороны сервера. Для доступа к свойствам элементов страницы JavaScript использует объектную модель документа. Из всех подобных языков локального программирования использование языка JavaScript является наиболее предпочтительным, поскольку сегодня это единственный из них, поддерживаемый всеми популярными браузерами.
Модифицировать страницу пользователь может, совершая некоторые действия. Такие действия, приводящие к модифицированию страницы, называются событиями. Это могут быть — щелчок мышью, наведение курсора мыши на объект, изменение данных в строке ввода, загрузка документа в окно браузера. При выполнении того или иного события JavaScript может выполнять те или иные действия, что отслеживают так называемые обработчики событий. Являясь ключевым звеном для связи программы на языке JavaScript с HTML-документом, технически обработчики событий представляют из себя атрибуты HTML-тегов, запускающие ту или иную функцию при выполнении того или иного события. Примеры распространенных обработчиков событий — onclick, onmouseover, onchange, onload — обрабатывают как раз те события, которые перечислялись выше.
Подобно каскадным листам стилей, скрипты на языке JavaScript могут быть написаны как во внешнем файле, подключаемом к HTML-документе, так и непосредственно в теле документа, в контейнере тега <script>. Кроме того, самые простые конструкции могут быть прописаны непосредственно как значения обработчиков событий, здесь JavaScript тесно сливается с объектной моделью документа.
При этом JavaScript — настоящий язык программирования, включающий константы, переменные, функции и операторы. Программа на языке JavaScript — это последовательность операторов, разделенных точкой с запятой. Разработчик программы вводит переменные и описывает функции. JavaScript, в отличие от HTML и CSS, чувствителен к регистру символов, о чем необходимо помнить при разработке программ.