- •Информационные технологии
- •Часть 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-значный шестнадцатеричный код. Шестнадцатеричные цифры – это цифры от 0 до 9 и буквы от А до F. Все цвета на мониторе компьютера задаются смесью красного, зеленого и синего (RGB – палитра). Каждому из этих трех основных цветов соответствует 2 знака из шести шестнадцатеричных. Смешивая различные по степени насыщенности оттенки этих цветов, можно получить множество вариантов.
Рассмотрим, как формируется цвет с помощью шестнадцатеричного кода. Например, если нужно получить чистый красный тон, то необходимо задать в качестве значения атрибута
Color=#FF0000
Т.е. интенсивность красной составляющей максимальна (100 %), а зеленой и синей – минимальна (нулевая). Аналогично можно получить зеленый цвет (#00FF00) и синий (#0000FF). Шестнадцатеричные коды некоторых цветов приведены в табл. 8.4.
Таблица 8.4
000000 |
Черный |
008000 |
Темно-зеленый |
04048E |
Темно-синий |
87СЕЕВ |
Небесно-голубой |
215Е21 |
Желто-зеленый |
9АСD32 |
Желто-зеленый |
4F2F4F |
Фиолетовый |
FFD700 |
Золотой |
8E046B |
Малиновый |
A0522D |
Охра |
ВЕВЕВЕ |
Серый |
C0C0C0 |
Темно-серый |
54FF9F |
Морской волны |
FFFF00 |
Желтый |
BC8F8F |
Нежно-розовый |
FFFFFF |
Белый |
800000 |
Темно-красный |
А020F0 |
Пурпурный |
Шестнадцатеричные коды цветов можно задавать любым из следующих способов:
Color=”#FF0F00”
Color=”FF0F00”
Color=RGB(FF0F00)
8.13. Список базовых тегов html:
Обобщая рассмотренные выше правила написания команд на языке HTML, приведем в табл. 8.5 перечень основных тегов, используемых при создании HTML-документов.
Таблица 8.5
Стартовый |
Завершающий |
Описание |
<HTML> |
</HTML> |
Обозначение HTML-документа |
<HEAD> |
</HEAD> |
Заголовочная часть документа |
<TITLE> |
</TITLE> |
Заголовок документа |
<BODY> |
</BODY> |
Тело документа |
<H1> |
</H1> |
Заголовок абзаца первого уровня (крупный) |
<H2> |
</H2> |
Заголовок абзаца второго уровня |
<H3> |
</H3> |
Заголовок абзаца третьего уровня |
<H4> |
</H4> |
Заголовок абзаца четвертого уровня |
<H5> |
</H5> |
Заголовок абзаца пятого уровня |
<H6> |
</H6> |
Заголовок абзаца шестого уровня (мелкий) |
<P> |
</P> |
Абзац |
<BR> |
|
Перевод строки без конца абзаца |
<HR> |
|
Горизонтальная линия |
<UL> |
</UL> |
Маркированный список |
<LI> |
|
Задает элемент списка |
<OL> |
</OL> |
Нумерованный список |
<I> |
</I> |
Курсив(Italic) |
<B> |
</B> |
Задает полужирное начертание(BOLD) |
<U> |
</U> |
Подчеркивание |
<PRE> |
</PRE> |
Форматированный текст |
<IMG SRC= "filename"> |
Вставка изображения из файла filename |
|
<A HREF= "filename"> |
</A> |
Создание гиперссылки на файл filename |
<A HREF= "#label"> |
</A> |
Создание гиперссылки на закладку с именем "label" в документе |
<A NAME= "label"> |
</A> |
Создание закладки с именем "label" |