Технология работы над HTML-документом с использованием блокнота - раздел Философия, ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ
Для Работы Необходимо Открыть Редактор Блокнот...
Для работы необходимо открыть редактор Блокнот (Пуск –Программы – Стандартные – Блокнот). Затем в Блокноте набираются теги и текст документа. Для ускорения и облегчения работы рекомендуется активно использовать команды меню Правка (Копировать, Вставить).
После набора основных тегов и текста необходимо сохранить созданный файл. При сохранении документа следует обратить внимание на расширение. По умолчанию Блокнот сохраняет документы с расширением txt, а HTML-документы должны иметь расширение htm или html. Поэтому в поле Имя файла (в окне команды Сохранить как…) необходимо ввести не только имя, но и расширение файла.
Затем следует просмотреть документ в броузере и, если необходимо, внести исправления (вновь с помощью Блокнота). Таким образом, последовательность действий разработчика может выглядеть следующим образом:
1. Создать в Блокноте документ. Сохранить документ с расширением htm или html.
2. Открыть документ в броузере, не закрывая Блокнота.
3. Если требуется коррекция документа , снова перейти в Блокнот, не закрывая броузера.
4. Внести изменения в документ. Сохранить изменения.
5. Перейти в окно броузера. Обновить содержимое окна броузера (кнопка ). Просмотреть результат изменений.
При необходимости повторять действия пп. 3 – 5 и т.д. до тех пор, пока документ не будет готов.
8.3. Тег <body> и его атрибуты
Тегом <body> начинается основная часть (тело) HTML-документа. Здесь содержатся рисунки и текст, отображаемые в рабочей области окна броузера. Можно сказать, большая часть элементов (тегов) HTML используется в пределах тега <body> (вложены в тег <body>).
Как уже отмечалось, теги могут иметь атрибуты, модифицирующие характеристики тега. Тег <body> тоже имеет несколько атрибутов, обеспечивающих задание параметров страницы по умолчанию. Эти параметры могут в дальнейшем переопределяться другими тегами в теле документа.
Атрибуты тега <body>
Таблица 8.1
Атрибут
| Описание
|
BGCOLOR=цвет
| Цвет фона страницы
|
BACKGROUND=имя файла фона
| Фоновое изображение для страницы
|
BGPROPERTIES =Fixed
| Отменяет многократное повторение фонового рисунка. Это позволяет создать эффект водяного знака
|
TEXT=цвет
| Цвет текста в документе
|
LEFTMARGIN=n
| Отступ от левого края страницы до текста в пикселях
|
TOPMARGIN= n
| Отступ от верхнего края страницы до текста в пикселях
|
ALINK= цвет
| Цвет активной гиперссылки
|
VLINK= цвет
| Цвет просмотренной гиперссылки
|
LINK= цвет
| Цвет непросмотренной гиперссылки
|
ID=значение
| Идентификатор элемента в документе
|
STYLE=css-свойства
| Определяет ссылку на страницу стилей
|
Модифицируем минимальный HTML-документ (см. пример 1), используя атрибуты тега <body>.
Пример 2. HTML –документ с атрибутами тега <body>
<html>
<head>
<title>Дистанционное образование</title>
</head>
<body bgcolor =blue
text=red
leftmargin=150
topmargin=100>
Это простейший HTML-документ
</body>
</html>
Все темы данного раздела:
Всемирная сеть Internet
Internet — это общемировая совокупность сетей, связывающая между собой миллионы компьютеров, причем число пользователей Internet лавинообразно увеличивается. С технической точки зрения это объедине
Графический интерфейс
Пользователи предпочитают графический интерфейс (GUI — Graphic User Interface). Такой интерфейс используется в Windows, Macintosh и на некоторых рабочих станциях, работающих под управлением операци
Подготовка текста сообщения
Подготовка текста сообщения электронной почты должна быть так же проста, как и любого другого письма. Многие пакеты электронной почты имеют хорошие многофункциональные текстовые редакторы, позволяю
Адресация сообщений
Существует несколько основных возможностей адресации:
• Множественная рассылка копий (carbon copy). Сообщение посылается более чем одному адресату, используя один список р
Посылка сообщений
Для посылки письма может оказаться необходимым всего лишь щелкнуть по пиктограмме посылки почты (SEND) и выбрать параметры посылки сообщения.
Во многих пакетах имеется ящик исх
Присоединение файлов
Обычно для того, чтобы переслать кому-то файл с помощью телекоммуникационной программы, необходимо договориться о времени пересылки, согласовать протоколы пересылки, установить связь друг с другом
Чтение почты
Процесс чтения электронной почты должен быть простым и понятным. Некоторые пакеты позволяют «прокручивать» в окне текст сообщения, другие отображают сообщение страница за страницей. Лучшие системы
Хранение сообщений
В ряде систем электронной почты сохраняются копии каждого посланного сообщения. Возможно автоматическое сохранение и каждого полученного сообщения.
Средства архивирования позволяю
Обеспечение безопасности
Имеется много возможностей защиты информации. Можно потребовать, чтобы пользователь набирал пароль каждый раз при посылке, чтении и сохранении сообщения. Большинство сетей располагает собственными
Используемые обозначения
Ø Название команды Выбор в текущем меню команды с указанным названием
q Название кнопки Нажатие кнопки с указанным названием в активном диалоговом окне или на панели инструментов
Чтение писем
Прежде чем прочесть почту, её нужно получить с сервера. Для этого установите соединение и нажмите кнопку Доставить почту (Send and receive) на панели инструментов. Начнется процесс
Создание письма
Приступить к написанию нового письма можно, выбрав пункт Создать (New) из меню Сообщение (Message). В этом случае будет создано письмо без использования какого-либ
Особенности сети Internet
WWW (World Wide Web, всемирная паутина)— содержащаяся в Internet всемирная распределенная база гипертекстовых документов. Каждый компьютер, имеющий постоянное подключение в Interne
Поиск информации в WWW
Найти нужную информацию в Internet непросто. Однако здесь, во-первых, помогает само устройство WWW, — многие Web-страницы представляют собой объемистые списки ресурсов WWW по самым разным темам. Во
HTML - язык для создания Web-документов
Информация в Internet представлена в виде гипертекстовых Web-страниц. Гипертекст – это текст со вставленными в него словами (командами) разметки, ссылающимися на другие мест
Гипертекст
Под гипертекстовым документом понимают документ, содержащий так называемые ссылки на другой документ. Гиперссылка является одним из важнейших понятий в языке HTML. Гиперссылки позв
Netscape Communicator
Netscape Communicator (или ранее известный как Netscape Navigator) – это самый популярный и широко используемый броузер в мире. Компания Netscape произвела революцию в Internet и WWW, создав чрезвы
Движение по WWW
Для того чтобы попасть на какой-либо сервер, нужно ввести его URL в адресную строку. При этом в окно броузера загрузится соответствующая страница. Любая Web-страница является гипертекстовым докумен
Каталог временных файлов Internet
При возврате к уже открывавшемуся документу он появляется на экране намного быстрее, чем при первой загрузке. Это объясняется тем, что Internet Explorer не получает документ из Internet, а берет ег
Сохранение найденной информации
По мере просмотра Web-страниц вам будет встречаться информация, которую вы захотите сохранить, чтобы в дальнейшем иметь возможность обращаться к ней без подключения к соответствующему узлу. Можно с
Настройка параметров страницы для печати
В меню Файл выберите команду Параметры страницы. В группе Поля укажите размеры полей. Выберите один из способов размещения страницы в группе Ориентация. Для вертик
Команды меню Вид
Меню Вид содержит команды, позволяющие настроить рабочее окно броузера.
Команда Панели инструментов дает возможность отображать и скрывать панели инструме
Обязательные теги
Каждый HTML-документ должен содержать несколько обязательных тегов. Эти теги сообщают броузеру различные глобальные требования, такие как номер версии HTML, название документа и т.п.
Начин
Теги заголовков разных уровней
Язык HTML позволяет работать с шестью уровнями заголовков. Заголовки отличаются размером шрифта. Они пронумерованы от 1 до 6, причем первый номер соответствует самому крупному шрифту. Тег заголовка
Нумерованный список
Нумерованный список создается тегами <ol> (ordered list – упорядоченный список) и <li>. Тег <ol> показывает начало всего списка, а тег <li>
Списки-определения
Списки-определения используются для оформления определений терминов. Начинаются такие списки тегом <DL>. Термины определяются с помощью тега <DT>, а соответствующие определения - тегом
Вложенные списки
Списки можно вкладывать друг в друга. Вложение списков в списки позволяет создавать несколько уровней систематизации информации. Ниже приведен текст документа, в котором несколько маркированных спи
Абзацы и разрывы строк
Тег <P>, разделяющий текст на абзацы, является наиболее часто используемым в HTML-документах.
Этот тег имеет только один атрибут – ALIGN, позволяющий выравнивать текс
Теги эффектов шрифтов
Кроме различных типов шрифтов, для оформления документов можно использовать и теги эффектов шрифтов. Описание этих тегов приведено в табл. 8.2.
Теги эффектов (акцентов) шрифтов
Та
Теги таблицы
Главный тег таблицы - это <TABLE> </TABLE>. Эти теги применяются для описания начала и конца таблицы, а также параметров отображения таблицы, таких как ее размеры, офор
Атрибуты тегов таблиц
Каждая таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Свойства определяются с помощью атрибутов. Рассмотр
Атрибуты тега IMG
SCR=url - определяет URL для файла изображения. Броузеры (например, Internet Explorer) поддерживают несколько графических форматов: GIF, JPG,BMP.
ALIGN
Создание гиперссылок
Возможность создания гиперссылок делает язык HTML столь мощным средством представления информации в WWW. Гиперссылки позволяют осуществлять переход из просматриваемого документа на другую страницу
Сенсорные изображения (изображения-карты)
Сенсорное изображение представляет собой графический образ, разделенный на области, являющиеся гиперссылками на различные HTML-файлы или URL.
Существует два типа сенсорных изображений:
Создание клиентского сенсорного изображения
Сенсорное изображение можно создать практически из любого рисунка. Сначала нужно разбить изображение на части. Для этого используются теги <MAP> и <AREA>. Тег <MAP> формирует схем
Шестнадцать стандартных цветов
При работе над Web-страницей можно использовать 16 стандартных цветов (см. табл. 8.3), а также задавать цвета, смешивая различные оттенки красного, зеленого и синего. Это позволяет создавать буквал
Шестнадцатеричные коды цветов
Для получения дополнительных цветов и оттенков можно использовать 6-значный шестнадцатеричный код. Шестнадцатеричные цифры – это цифры от 0 до 9 и буквы от А до F. Все цвета на мониторе компьютера
Контекстное меню
Контекстное меню позволяет более удобно обратиться к той или иной команде. Для открытия контекстного меню поместите курсор на интересующий элемент вашего документа и нажмите правую кнопку мыши. С п
Создание, сохранение и открытие Web-страницы
Создать новую web-страницу можно с помощью команды Создатьв меню Файл (эту команду можно вызвать и комбинацией клавиш Ctrl+N
Физические стили
Физические стили доступны через Панель форматирования или через команды Шрифт и Абзац меню Формат.
С помощью команды
Логические стили
Для того чтобы применить логический стиль к фрагменту документа, определите точку вставки текста и выберите необходимый стиль абзаца из списка следующих стилей:
Адрес - по
Вставка таблицы в документ
Для того чтобы разместить в вашем документе таблицу, установите курсор в точку вставки таблицы и вызовите команду Вставить таблицу меню Таблица. В открывшемся диал
Свойства таблицы
Созданную таблицу можно редактировать с помощью команды Свойства таблицы из меню Таблица. В открывшемся диалоговом окне (рис. 9.9) можно настроить тип выравнивания
Вставка картинок в документ
Добавить картинку в документ можно, выбрав в меню Вставка команду Изображение. Диалоговое окно команды вставки изображения показано на рис. 9.10.
Это диал
Альтернативное отображение картинок
Некоторые броузеры не поддерживают форматы GIF и JPG, другие вообще не могут выводить изображения. Кроме того, иногда загрузка изображений занимает много времени, и в процессе загрузки на месте изо
Новости и инфо для студентов