- •Раздел 1
- •Тема 1.1 Основные принципы технологии «клиент сервер»
- •Тема 1.2 Серверы приложений. Web-серверы.
- •1. Типы серверов
- •Типы серверов
- •Лекция 1.3 Основы Web-программирования.
- •1. Основы функционирования Интернет.
- •Основы функционирования интернета
- •Язык разметки html
- •Каскадные таблицы стилей (css)
- •Язык сценариев JavaScript
- •Объектная модель dhtml
- •Объектная модель dom
- •Основы языка xml и объектная модель xml
- •Лекция 1.4 Протоколы прикладного уровня.
- •Механизм взаимодействия клиента и ервера
- •Раздел 2. Основы Web-программирования.
- •Тема 2.1 Развитие языков разметки гипертекста
- •Структура html-документа
- •Лекция 2.2 Описание html. Теги языка, их свойства.
- •Тема 2.3 Фреймы. Формы.
- •Свойства фреймов
- •Синтаксис фреймов
- •Атрибуты и их значения
- •Планирование фрэймов и взаимодействия между фрэймами
- •Синтаксис
- •Тэги Формы
- •Меню выбора в формах
- •Отправление файлов при помощи форм
- •Тема 2.4 Каскадные таблицы стилей.
- •Структура и правила
- •Id селекторы (id Selectors):
- •Внутренние Таблицы Стилей
- •Глобальные Таблицы Стилей
- •Связанные Таблицы Стилей
- •Свойства Font
- •Свойства Text
- •Свойства Color и Background
- •Свойства Box
- •Классификация
- •Лекция 2.5 Характеристика и вохмодности xml.
- •Отображение документов xml
- •Правила создания xml- документа
- •Конструкции языка
- •Правила xsl
- •Лекция 2.6 Язык описания схемы данных xml (dtd).
- •Лекция 2.7 Объектная модель документа dom.
- •Лекция 2.8 Характеристика ис. Спецификация cgi.
- •Лекция 2.9 Расширение isapi. Серверы asp.
- •Лекция 2.10 Характеристика программного средства (рнр).
- •Лекция 2.11 Основы языка ис. Синтаксис.
- •Лекция 2.12 Элементы и выражения языка.
- •Лекция 2.13 функции ис.
- •Лекция 2.14 Характеристика программного средства (JavaScript).
- •Лекция 2.15 Синтаксис языка JavaScript. Операторы.
- •Выражения
- •Побитовые Операторы сдвига
- •Логические операторы
- •Операторы Строки
- •Лекция 2.16 Функции JavaScript.
- •Лекция 2.17 Объекты JavaScript. Методы и события.
- •Общие сведения
Структура html-документа
Термин HTML используется для обозначения как типа документа, так и языка разметки для кодировки документов данного типа.
Документ HTML – это обычный текстовый файл, окончательный вид документа зависит от последовательности символов, называемых тегами.
Язык разметки гипертекста можно использовать для представления:
гипертекстовых новостей, почты, сопровождающей информации и сопутствующей гиперсреды;
меню с опциями;
результатов запросов к базам данных;
простых структурированных документов со встроенной графикой;
гипертекстовых обзоров имеющейся информации.
Язык разметки гипертекста определяет формальный набор правил и процедур для электронной интерпретации и представления подготовительного текста. За основу модели разметки документов в HTML принята теговая модель.
Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами. Т. е. документ HTML представляет собой не что иное, как обычный ASCII-файл с добавленными в него управляющими HTML-кодами (тегами). Структура HTML-документа и контейнеров языка даёт специальные возможности поисковым машинам WWW для наиболее эффективного поиска информации.
Теги, ограничивающие контейнер, определяют область действия правил интерпретации текстовых элементов документа. Типичным примером такого рода является тег стиля Italic, который определяет область отображения курсива.
Команды форматирования языка HTML, называемые управляющими кодами (tag), представляют собой просто зарезервированные последовательности символов, начинающиеся с < (знака меньше) и заканчивающиеся > (знаком больше). Управляющиеся коды HTML нечувствительны к регистру в отличие от escape-последовательностей специальных символов HTML.
Структура HTML документа.
<html>
<head>
….
</head>
<body>
….
</body>
</html>
HTML РЕДАКТОРЫ
Вообще говоря, чтобы написать HTML-файл, достаточно иметь любой текстовый редактор. Однако в очень простых текстовых редакторах типа Блокнота весь HTML-текст приходится писать вручную, а многим хотелось бы какую-то часть работы автоматизировать. Учитывая это желание, разработчики создали специализированные средства, призванные облегчить труд веб-программиста.
Веб-редакторы типа WYSIWYG
Последняя версия HTML-редактора этой компании - DreamWeaver 3, который относится к категории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю).
DreamWeaver 8.0
Но DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. DreamWeaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" ( вы записываете последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит все в той же последовательности.
HomeSite 5.0
Следующий редактор - HomeSite 5 - для создания страниц вручную, т. е. для знатоков HTML. Вы получаете полный контроль над HTML-кодом, причем существует возможность оптимизировать свою страничку под один из трех популярных браузеров (MSIE, NN, Opera).
HomeSite содержит два основных режима: Edit и Design. Режим Design - это подобие WYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить полный контроль над страничкой. Здесь вы можете настроить практически все, сможете прописать функции каждого тега (тогда ваша страничка в любом браузере будет смотреться одинаково).
Веб-редактор TextPad
Веб-редактор TextPad позволяет автоматизировать набор многих тегов. Если не хочется набирать их вручную (многие этого не любят просто из-за того, что приходится переключаться на латинский шрифт), то обратите внимание на левую нижнюю часть окна программы. Там приведен список наиболее распространенных HTML-тегов, которые можно вставлять в свой основной текст двойным щелчком мыши. Правда, в списке указаны не сами теги, а их описание. Например, чтобы вставить тег <BR> , нужно выбрать из списка пункт Block > Break Line. Однако к этому быстро привыкаешь. Почти все пункты списка вставляют теги вместе с закрывающим парным тегом.
Веб-редактор Arachnophilia
Отличительной особенностью программы является возможность легкого просмотра веб-страницы в различных браузерах, для чего в меню Preview (Предварительный просмотр) предусмотрен пункт Identify Browser (Указать Браузер). Здесь можно назначить до шести различных браузеров, в каждом из которых легко открыть создаваемый HTML-файл для просмотра, даже не сохраняя его на диске.
Однако самым замечательным свойством программы, пожалуй, является функция Instant View (Немедленный просмотр), которая доступна в меню Preview (Предварительный просмотр). Если она включена и внутренний браузер, который также имеется в программе, открыт, то все изменения, вносимые в текст HTML, немедленно отображаются на экране! Правда, в некоторых случаях, программа не успевает за вводом данных и изображение в окне браузера может исчезать. Но не волнуйтесь, а введите следующий символ, и изображение снова появится.
Интересно, что программу Arachnophilia 4.0 можно загрузить как в полном виде (это установочный файл размером полтора мегабайта), так и в сокращенном (1 Мбайт), если в системе установлены необходимые библиотеки. Можно также загрузить только исполняемый файл, а остальное дозагружать по мере необходимости.