- •Основы создания web-страниц
- •Составители а.В. Распопов, д.В.Меркулов, о.Е.Ефимова
- •Введение
- •Основные понятия, инструменты создания и просмотра web-страниц
- •Стандарты языка html
- •Браузеры
- •Редакторы html-документов
- •Основы языка html
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Задание к лабораторной работе №1 «Основные понятия, инструменты создания и просмотра web-страниц. Основы языка html»
- •Основные теги html
- •3.1 Комментарии
- •3.2 Символьные примитивы (&-последовательности)
- •Форматирование текста
- •4.1 Разбиение текста
- •4.2 Форматирование символов
- •4.2.1 Логическое форматирование
- •4.2.2 Физическое форматирование
- •4.3 Параметры шрифта
- •4.4 Заголовки разных уровней внутри текста
- •Задание к лабораторной работе №2 «Основные теги html. Форматирование текста»
- •Представление цвета и графики в html-документах
- •5.1 Формы представления цвета
- •5.2 Цвет текста и фон документа
- •5.3 Графические форматы
- •5.4 Графические изображения
- •Задание к лабораторной работе №3 «Представление цвета и графики в html-документах»
- •Задание к лабораторной работе №4 «Списки»
- •Гиперссылки
- •Задание к лабораторной работе №5 «Гиперссылки»
- •Изображение-карта
- •Задание к лабораторной работе №6 «Изображение-Карта»
- •Задание к лабораторной работе №7 «Таблицы»
- •10.1 Описание структуры набора фреймов
- •10.2 Общий вид html-документа, задающего набор фреймов
- •10.4 Целевые фреймы
- •11.1 Простейшая форма
- •11.2 Типы элементов форм
- •Задание к лабораторной работе №9 «Формы»
- •Несколько советов
- •Список использованных источников
- •Методические указания к лабораторным работам по курсу «Информационные технологии» для студентов специальности 080801
Браузеры
В Интернет представлены разные типы информационных ресурсов, передача которых с компьютера на компьютер подчиняется определенным сетевым протоколам. Для гипертекстовых документов системы WWW это протокол http (HyperText Transfer Protocol - протокол передачи гипертекстов, то есть тех самых html-документов, о которых идет речь). Обмен данными между компьютерами согласно определенному протоколу организуется программами двух типов: программами-серверами и программами-клиентами. Браузер – это программа-клиент.
Программа-сервер обеспечивает хранение информационных ресурсов и выдачу их по запросам программ-клиентов. Программа-клиент (браузер) должна уметь формировать запросы серверу, принимать и интерпретировать для пользователя получаемую с сервера информацию.
За годы развития Интернет был создан целый ряд программ просмотра гипертекстовых документов, но сейчас с большой долей уверенности можно считать, что Ваша потенциальная аудитория использует либо Netscape Navigator фирмы Netscape Communications Corporation, либо Microsoft Internet Explorer фирмы Microsoft Corporation. Каждая из этих фирм постоянно развивает и дорабатывает свой браузер, выпуская все новые версии.
В процессе создания новой версии браузера разработчики каждой из конкурирующих фирм, естественно, учитывают как рекомендации ныне действующего стандарта HTML, так и предложения по его развитию, особенно те предложения, которые выдвинуты данной фирмой. Результат очевиден:
браузеры разных фирм иногда по-разному интерпретируют теги в html-документе;
существуют теги, поддерживаемые только браузерами конкретной фирмы;
браузеры устаревших версий “не понимают” тегов, соответствующих новым стандартам.
В случае, когда в html-документе встречаются теги, неизвестные браузеру, он их просто игнорирует без всяких сообщений об ошибках.
Таким образом, простой html-документ, не содержащий тегов, соответствующих последнему принятому стандарту HTML, скорее всего, будет адекватно отображен практически всеми браузерами. Применяя же новинки последнего стандарта, Вы, вероятно, лишитесь существенной части потенциальной аудитории, которая в лучшем случае не сможет в полной мере насладиться изяществом оформления Вашего сайта, а в худшем - вообще не сможет получить никакой информации.
Редакторы html-документов
Поскольку html-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (Notepad). Это очень поучительно, поскольку Вы поневоле изучите синтаксис html-тегов и прочувствуете особенности структуры html-документа, но при этом все теги придется вводить вручную.
Наиболее часто, все же, используют специализированные редакторы, предназначенные именно для подготовки html-документов. Отличаясь друг от друга спектром возможностей, предоставляемых разработчику, они обладают принципиально схожим интерфейсом, позволяя вставлять теги с помощью кнопок панелей инструментов либо команд меню, и задавать атрибуты тегов в диалоговых окнах. При этом разработчик видит документ таким, каким он будет при просмотре с помощью браузера. Возможен также просмотр и правка исходного текста html-документа.
Особенно распространены html-редакторы фирм – разработчиков браузеров; на сегодняшний день это Netscape Composer и редакторы фирмы Microsoft FrontPage и FrontPage Express.
Пожалуй, стоит поработать со всеми этими редакторами, оценить их положительные и отрицательные стороны и выбрать тот, который Вам больше понравится. Не забывайте, что помимо возможностей, соответствующих стандарту HTML, редакторы могут предлагать к использованию и набор "своих" тегов, которые поддерживаются не всеми браузерами.
Также, html-документ может быть получен преобразованием в html-формат, например, из формата документов пакета Microsoft Office. Широко используемый текстовый редактор Microsoft Word, а также, не менее популярные, Microsoft Excel и Microsoft Access, позволяют сохранить файл в формате html. При этом сохраняются, насколько это возможно, особенности форматирования символов и абзацев, изображения, таблицы, списки и так далее. Надо отметить, что при таком преобразовании исходный текст html-документа получается крайне избыточным и нуждается в коррекции.