- •Технология сетевого дизайна и ее программное обеспечение
- •Протоколы физические, транспортные и программные. Место в этой модели стека протоколов 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.
- •Начальные представления о методах организации сайта при помощи серверных скриптов и базы данных.
Графические изображения на веб-страницах. Графические форматы gif, jpeg и png, их параметры, характеристики, различия и области применения. Методы оптимизации графики в форматах gif и jpeg.
Графика на веб-сайтах используется как для представления информации (иллюстраций), так и для оформления страницы и реализации элементов интерфейса. Различия задач обуславливают различия в требованиях к соответствующим файлам и различные графические форматы.
Первым из форматов, который отвечал требованиям Интернета, был формат GIF (Graphics Interchange Fоrmat — формат графического обмена). Это формат со сжатием без потерь по алгоритму LZW. Формат GIF способен хранить изображения с палитрой до 256 цветов. Существенно, что эти самые 256 цветов не обязательно должны быть фиксированными, они могут задаваться индивидуально для каждого файла. Это называется индексированными цветами. Отличительной особенностью формата является сохранение четкости границ изображений при компрессии. Формат предназначен, в основном, для чертежей, графиков и прочих четких изображений от которых требуется маленький размер, а также для элементов интерфейса сайтов.
Формат PNG (Portable Network Graphics — переносимая графика для сети) должен был преодолеть недостатки GIF, связанные с ограничением количества цветов. Он позволяет сохранять изображения с глубиной цвета 24 бит, также поддерживает управление градиентной прозрачностью. Его алгоритм сжатия без потерь Deflate близок к LZW. Используется для элементов интерфейса сайтов, требующих расширенной цветовой палитры, а также для помещения обтравленных изображений на многоцветный фон.
Формат JPEG (Joint Photographic Experts Group — объединенная группа экспертов по фотографии) предназначен для компактного хранения многоцветных изображений с фотографическим качеством. Он был разработан в 1995 г. специально для нужд Интернета. В отличие от GIF и PNG, в формате JPEG используется алгоритм сжатия с потерями, благодаря чему достигается очень большая степень сжатия (от единиц до сотен раз). Используется для размещения фотореалистичных иллюстраций.
Методы оптимизации файлов GIF — уменьшение количества цветов, использование оптимизированной палитры, дизеринг, искажении размеров рисунка (для элементов интерфейса), фрагментарная оптимизация. Основной способов оптимизации файлов JPEG — выбор оптимального коэффициента сжатия.
Структура html-документа. Определение типа документа. Различия версий html 4.0 и xhtml 1.0. Раздел head, его структура, основные элементы и их назначение. Теги title, link, meta.
В первой строчке каждого HTML-документа должно располагаться определение типа документа (DTD, Document Type Definition). Весь остальной HTML-документ образует элемент <html>, состоящий из двух других элементов — <head> и <body>, в первом из которых размещается служебная информация, а во втором — выводимый в окно браузера текст. Из элементов раздела <head> обязательным является элемент <title> — заголовок документа. Раздел <body> состоит из элементов текста, среди которых различают блочные и строчные. Блочные элементы ведут себя как абзац текста, то есть начинаются с новой строки, и следующий после них текст также начинается с новой строки. К ним относятся абзацы, заголовки, нумерованные и маркированные списки, таблицы. По спецификации HTML строчные элементы могут располагаться только внутри блочных. К ним относятся задание параметров шрифта, внутриабзацные выделения, гипертекстовые ссылки, иллюстрации и т.п.
На сегодня можно считать актуальными версии HTML 4.0 и XHTML 1.0, каждая из которых существует в модификациях Strict, Transitional и Frameset, различающихся по допустимости применения визуальных тегов, а также так называемых фреймов. Версия XHTML 1.0 отличается тем, что она переформулирована по правилам метаязыка XML, что диктует различия в синтаксисе. Так, если HTML 4.0 не чувствителен к разнице в регистре имен тегов, то XHTML 1.0 требует писать все имена тегов строчными буквами. Кроме того, XHTML 1.0 не допускает одиночных тегов, а только пары открывающихся и закрывающихся. Для тегов, одиночных по своей природе (как разрыв строки <br>), XHTML 1.0 допускает сокращенное написание, то есть вместо <br></br> можно писать <br />.