
- •Информационные технологии
- •Часть 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 Конспект лекций
Гипертекст
Под гипертекстовым документом понимают документ, содержащий так называемые ссылки на другой документ. Гиперссылка является одним из важнейших понятий в языке HTML. Гиперссылки позволяют разработчику страницы внедрять ссылки на другие документы или ресурсы прямо на страницу. Пользователь может обратиться непосредственно к обозначенному ссылкой ресурсу одним щелчком мыши. Реализовано все это через протокол передачи гипертекста НТТР (HyperText Transfer Protocol).
Создавать Web-станицы на языке HTML можно с помощью простого редактора текстов (например, Блокнот из Windows), а можно использовать специальные редакторы. Длительное время единственным средством создания HTML-документов был простой редактор ASCII-текста. Это объяснялось тем, что HTML-стандарты развивались очень быстро и поставщики не успевали столь же оперативно разрабатывать соответствующие программные средства для редактирования Web-страниц. Когда подобный редактор выпускался в свет, он уже оказывался устаревшим. А если редактор не поддерживал самые последние HTML-теги, его нельзя было эффективно использовать. Однако создание Web-страниц с помощью простого текстового редактора - дело очень трудоемкое и сложное.
В настоящее время HTML-стандарты уже сформировались, и существует несколько хороших HTML-редакторов, поддерживающих технологию WYSI-WYG.
Теги языка html
Теги помещаются в угловые скобки < и >. Большинство тегов парные, т.е. имеется тег начала и тег конца. Теги конца помечаются символом /. Например:
<B> Этот текст в HTML-документе будет выделен жирно </B>
Пары тегов начала и конца обеспечивают возможность вложенного использования тегов:
<B> Это жирный шрифт, <I>это – жирный курсив </I> </B>
Не все HTML теги могут вкладываться друг в друга, имеют теги конца или требуют завершения их тегом конца, но большинство удовлетворяют этим правилам.
Атрибуты тегов
Теги HTML могут иметь атрибуты. Атрибуты модифицируют характеристики тегов. Они помещаются в скобки вместе с тегом, после названия атрибута ставится знак =, затем значение атрибута. Например:
<P ALIGN=CENTER> Этот абзац выровнен по центру. </P>
или
<P ALIGN=RIGHT> Этот абзац выровнен по правому краю. </P>
В данных примерах тег <P> определяет начало абзаца. Этот тег имеет атрибут ALIGN (выравнивание). В первом примере текст абзаца выравнивается по центру страницы, во втором примере – по правому краю.
Комментарии
В HTML –документы можно включать комментарии, помещая их между тегами <!-- и -->.
6.2. Популярные Web-броузеры
Web-броузеры (обозреватели)– это программное обеспечение, устанавливаемое на вашем компьютере, позволяющее просматривать или посещать Web-страницы, находящиеся в разных уголках мира. Броузеры умеют интерпретировать текст и теги HTML, передаваемые по Internet, и правильно отображать их на экране. Броузеры существуют практически для всех типов компьютеров. Их легко установить и использовать. Наиболее популярными броузерами на сегодняшний день являются Netscape Communicator и Microsoft Internet Explorer.
Netscape Communicator
Netscape Communicator (или ранее известный как Netscape Navigator) – это самый популярный и широко используемый броузер в мире. Компания Netscape произвела революцию в Internet и WWW, создав чрезвычайно легкую в использовании программу, бесплатно предоставляемую индивидуальным пользователям. С годами программный пакет вобрал в себя полный набор средств связи по Internet, включая, помимо прочего, броузер, инструментарий разработчика, почтовую программу и программу чтения новостей. Весь этот набор и называется Netscape Communicator.
Netscape является лидером рынка, поскольку предоставляет очень широкую поддержку HTML и других важных Web-технологий. Netscape Communicator обладает открытой архитектурой. Это означает, что он работает с Java - языком, разработанным Sun Microsystems и ориентированным на Internet, - а также с расширениями (plug-ins), специальными инструментами для разработчиков Web и с JavaScript – языком описания сценариев, который позволяет применять в Web-страницах логические процедуры.
Все это, а также доступность Netscape Communicator практически для любой платформы (операционной системы), включая Windows 3.1, Windows 95, 98 и т.д., Macintosh, OS/2 и многие версии UNIX, делают его весьма популярным.
Internet Explorer
Наиболее серьезным конкурентом Netscape Communicator является броузер Internet Explorer фирмы Microsoft. Это еще один широко используемый броузер, поддерживающий многие из новшеств, введенных Netscape, а также содержащий собственные передовые технологии. Internet Explorer поддерживает все уровни HTML. Его интерфейс очень удобен для тех, кто уже знаком с другими продуктами фирмы Microsoft. Этот броузер работает практически также, как Netscape Communicator. Многие пользователи предпочитают Internet Explorer, поскольку он позволяет скрывать Web –узлы определенного содержания, поддерживает динамические программы ActiveX, обеспечивающие специальное взаимодействие с Web –серверами, а также интегрирован с операционными системами Windows. Он является частью Windows NT, Windows 98 и более поздних версий.