рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Технология работы над HTML-документом с использованием блокнота

Технология работы над 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>

 

– Конец работы –

Эта тема принадлежит разделу:

ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ

Уральский государственный технический университет УПИ... ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Технология работы над 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, другие вообще не могут выводить изображения. Кроме того, иногда загрузка изображений занимает много времени, и в процессе загрузки на месте изо

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги