- •Информационные технологии
- •Часть 2 Конспект лекций
- •220100 - Вычислительные машины, комплексы, системы и сети,
- •220200 – Автоматизированные системы обработки информации и управления
- •Введение
- •Всемирная сеть Internet
- •5. Электронная почта
- •5.1. Основные пользовательские функции пакетов электронной почты
- •Графический интерфейс
- •Оперативная справочная система
- •Особенности интерфейса с пользователем
- •Оповещение о прибытии почты
- •Подготовка текста сообщения
- •Адресация сообщений
- •Посылка сообщений
- •Присоединение файлов
- •Чтение почты
- •Обработка сообщений: ответ, переадресация, удаление
- •Хранение сообщений
- •Списки рассылки
- •Полномочия
- •Обеспечение безопасности
- •5.2. Использование Microsoft Outlook при обслуживании электронной почты Используемые обозначения
- •5.3. Использование Outlook Express для работы с электронной почтой
- •Чтение писем
- •Создание письма
- •6. Особенности сети Internet
- •Поиск информации в www
- •Домены Internet
- •6.1. Html - язык для создания Web-документов
- •Гипертекст
- •Теги языка html
- •Атрибуты тегов
- •Комментарии
- •6.2. Популярные Web-броузеры
- •7. Работа в Internet Explorer
- •7.1. Рабочее окно Internet Explorer
- •Настройка домашней страницы
- •7.2. Движение по www
- •Каталог временных файлов Internet
- •Просмотр часто посещаемых страниц
- •Журнал посещений
- •Сохранение ссылок на страницы в папке Избранное
- •Поиск в Internet
- •7.3. Сохранение найденной информации
- •7.4. Печать Web-страниц
- •Настройка параметров страницы для печати
- •7.5. Команды меню Вид
- •7.6. Как ускорить отображение страниц
- •8. Создание html-документов с помощью простейшего текстового редактора Блокнот
- •8.1. Обязательные теги
- •Структура минимального html – документа
- •Пример 1. Минимальный html –документ.
- •8.2. Технология работы над html-документом с использованием блокнота
- •8.4. Теги заголовков разных уровней
- •Пример 3. Html –документ с тегами заголовков
- •8.5. Оформление списков
- •Маркированный список
- •Нумерованный список
- •Пример 4. Html-документ с маркированным и нумерованным списками
- •Списки-определения
- •Пример 5. Html-документ со списком-определением
- •Вложенные списки
- •Пример 6. Html-документ с вложенными списками
- •8.6. Абзацы и разрывы строк
- •Пример 7. Html-документ с разрывами строк и разбивкой на абзацы
- •Разделительная горизонтальная линия
- •Пример 8. Html-документ с горизонтальными разделительными линиями
- •8.7. Задание характеристик шрифта
- •Теги эффектов шрифтов
- •Пример 9. Использование различного шрифтового оформления
- •8.8. Таблицы
- •Теги таблицы
- •Атрибуты тегов таблиц
- •Пример 10. Простейшие таблицы
- •Пример 11. Таблица, содержащая объединенные ячейки
- •8.9. Рисунки в html-документах
- •Атрибуты тега img
- •Пример 12. Страница с рисунком
- •Пример 13. Страница с несколькими рисунками, хранящимися в отдельной папке
- •8.10. Создание гиперссылок
- •Пример 14. Документ со ссылками
- •8.11. Сенсорные изображения (изображения-карты)
- •Создание клиентского сенсорного изображения
- •Устройство
- •Пример 15. Документ с сенсорным изображением
- •8.12. Фреймы
- •Пример 16. Страница с фреймами
- •8.13. Цвета в html
- •Шестнадцать стандартных цветов
- •Шестнадцатеричные коды цветов
- •8.13. Список базовых тегов html:
- •9. Создание html – документов с помощью FrontPage Express
- •9.1. Рабочее окно пакета FrontPage Express
- •9.2. Команды главного меню FrontPage Express
- •Меню Файл
- •Панель форм
- •9.4. Контекстное меню
- •9.5. Создание, сохранение и открытие Web-страницы
- •9.6. Редактирование текста Web-страницы
- •Выделение фрагментов документа
- •Отображение абзацных меток
- •Поиск и замена текста
- •9.7. Стили форматирования
- •Физические стили
- •Логические стили
- •Раскрашивание текста
- •9.9. Создание ссылок во FrontPage Express
- •Вставка закладок в документ
- •Создание ссылок на документ с закладками
- •9.10. Дизайн web-страниц с помощью таблиц
- •Вставка таблицы в документ
- •Изменение конфигурации таблицы
- •Свойства таблицы
- •9.11. Дизайн web-страниц с использованием графики
- •Вставка картинок в документ
- •Альтернативное отображение картинок
- •Список литературы
- •Оглавление
- •5. Электронная почта 6
- •6. Особенности сети Internet 30
- •7. Работа в Internet Explorer 38
- •8. Создание html-документов с помощью простейшего текстового редактора Блокнот 47
- •9. Создание html – документов с помощью FrontPage Express 89
- •Информационные технологии
- •Часть 2 Конспект лекций
6.1. Html - язык для создания Web-документов
Информация в Internet представлена в виде гипертекстовых Web-страниц. Гипертекст – это текст со вставленными в него словами (командами) разметки, ссылающимися на другие места этого текста или другие документы, картинки и прочие объекты. В WWW по ключевым словам можно попасть в совершенно другой текст из другого документа, войти в какую-нибудь программу, произвести какое-либо действие и т.д., можно ссылаться на данные других компьютеров в любом месте сети.
Создаются такие гипертекстовые документы с помощью языка HTML (HyperText Markup Language - язык разметки гипертекстов). HTML – это стандарт, в соответствии с которым документы Web отображаются броузерами (обозревателями). Стандарт HTML постоянно изменяется и дополняется.
Простота использования языка HTML и его способность представлять содержимое документов независимо от операционной среды сделали его популярным и общедоступным инструментом. HTML-документы представляют собой обыкновенные текстовые ASCII-файлы. Таким документам присуща совместимость с любой средой, так как в них используются старые стандарты, принятые практически в любой операционной системе.
Как правило, каждая страница Web-документа является текстовым файлом и содержит, во-первых, необходимый текст, во-вторых, некоторые инструкции для программы-броузера, человеком не видимые. Эти инструкции можно разделить на два типа: описание внешнего вида документа (размер букв, тип шрифта, элементы оформления и т.п.) и ссылки на другие ресурсы WWW (это могут быть другие страницы, изображения, серверы и т.п.), которые собственно и делают из текста гипертекст. При обращении к Web-серверу он передает программе просмотра (Web-броузеру) описание Web-страницы на языке HTML, а Web-броузер строит изображение этой страницы и показывает его пользователю.
Язык HTML - это, по сути, множество элементов, специфицирующих формат описываемой страницы. Элементы языка называются теги (tags). Каждый тег влияет на данные, которые следуют за ним.
Хотя HTML и является мировым стандартом кодирования и создания Web-страниц, существует несколько его расширений, введенных фирмами Netscape и Microsoft. Обе эти компании предложили специальные расширения HTML, которые придают Web-страницам поддержку мультимедиа и дополнительную гибкость в управлении текстом и шрифтом.
В руках опытных разработчиков Web-страниц HTML превращается в своеобразный язык программирования. С помощью HTML можно создавать формы для получения ответов пользователей, предоставить возможность поиска в Web-узлах по ключевым словам и поисковым полям или даже заключать сделки через Web.
Формы – это простые расширения HTML. Их легко создавать и использовать. Обработка форм, заполненных пользователем и отправленных на сервер, выполняется с помощью сценариев CGI (Common Gateway Interface – Общий шлюзовой интерфейс). CGI считывает данные, введенные в формы, и обрабатывает информацию. Сценарии CGI могут быть написаны на популярных языках программирования. Существует множество образцов, позволяющих использовать существующие сценарии вместо того, чтобы изобретать их заново. Однако для того, чтобы использовать эти возможности, нужны определенные навыки в написании сценариев и знание языков программирования.