Веб-технологии и веб-дизайн

5.1.2 Создание учетной записи

Сообщения телеконференций накапливаются и хранятся на специализированных серверах групп новостей. Для работы со службой телеконференций предназначена программа Microsoft Oulook Express: (Пуск  Программы  Outlook Express).

Из браузера Internet Explorer она запускается командой Сервис  Почта и новости.

Так как сообщения поступают и отправляются через сервер новостей, программе требуется указать информацию об используемом сервере. Эта информация хранится в виде учетной записи.

В программе Outlook Express учетную запись создают командой

Сервис  Учетные записи (рис. 5.1).

Рисунок 5.1 – Создание новой учетной записи почты или новостей

В диалоговом окне Учетные записи в Интернете надо щелкнуть на кнопке Добавить и выбрать в открывшемся меню службу, для которой создается учетная запись (Новости).

Последующая информация вводится под управлением мастера и включает:

–имя, указываемое как имя отправителя,

–адрес электронной почты,

–имя используемого сервера новостей,

–в случае необходимости, имя пользователя и пароль.

5.1.3Чтение сообщений телеконференций

Механизм чтения сообщений телеконференций примерно тот же, что и при использовании электронной почты.

После создания учетной записи для сервера новостей на панели Папки появляется значок, соответствующий выбранному серверу.

51

После выбора этого значка автоматически открывается диалоговое окно Подписка на группу новостей, а программа получает список телеконференций, поддерживаемых данным сервером (рис. 5.2).

Рисунок 5.2 – Подписка на группы новостей

Выбрав телеконференцию, следует щелкнуть на кнопке Подписаться. Телеконференции с подпиской отображаются непосредственно на панели Папки, и для доступа к ним не требуется открывать диалоговое окно Подписка на группу новостей.

Работа с сообщениями телеконференций осуществляется примерно так же, как с сообщениями электронной почты. Для создания сообщения в группу новостей необходимо выделить требуемую группу и нажать на кнопку Создать. Появившееся окно нового сообщения содержит рабочую область, которая разбивается на две основные части (рис. 5.3). В верхней части располагаются поля для ввода служебной информации, а в нижней – собственно текст сообщения.

Вполе Тема вводится краткое описание вопроса, которому посвящено сообщение.

Вполе Группы новостей вводится имя группы для отправки сообщения, а в поле Копия – адреса получателей копии данного сообщения.

Входе создания и редактирования сообщения наличие связи с сервером телеконференций не требуется. Такая связь нужна только в момент отправки (получения) сообщений.

После нажатия на кнопку Отправить сообщение немедленно передается на сервер групп новостей и его можно увидеть в соответствующей группе при просмотре (рис. 5.4).

При просмотре сообщения в отдельном окне можно:

– Ответить в группу (отправить отклик в телеконференцию),

52

–Ответить автору (сообщение отправляется непосредственно автору по электронной почте)

–Переслать сообщение по электронной почте другому корреспонденту.

Рисунок 5.3 – Создание сообщения группы новостей

Рисунок 5.4 – Просмотр сообщения в группе новостей

53

5.2 Задание и порядок выполнения работы

Все шаги выполнения задания необходимо зафиксировать в отчете, делая копии экранов и вставляя их в отчет. Также необходимо прокомментировать все шаги выполнения работы.

1.Создать учетную запись почты (как это выполнялось в предыдущей лабораторной работе). Для этого запустить программу Outlook Express. Приступить к созданию новой учетной записи почты (Сервис  Учетные записи

Добавить  Почта).

2.Создать учетную запись новостей. Для этого запустить программу Outlook Express. Приступить к созданию новой учетной записи новостей, запустив мастер создания (Сервис  Учетные записи  Добавить  Новости).

Шаг 1. Введите имя. Указать имя, которое будет отображаться в поле От у получателя электронного сообщения. Далее.

Шаг 2. Адрес электронной почты. Указать Ваш электронный адрес (тот же электронный адрес, который использовался для учетной записи почты).

Шаг 3. Сервер новостей Интернета. В качестве сервера новостей (NNTP) указать news.vt.pstu. Флажок «Требуется вход на сервер новостей» оставить выключенным. Далее.

Шаг 4. Поздравляем! Нажать на кнопку Готово.

3.Выполнить подписку на группы новостей, которые начинаются со слова vt

(vt.games, vt.news, vt.study, vt.talk, vt.test).

4.Просмотреть все группы новостей на наличие новых сообщений. Если таковые существуют, то просмотреть ответы на эти сообщения. Включить в программе Outlook Express автоматическое разворачивание сгруппированных сообщений (обсуждений). Для этого необходимо выбрать команду Сервис  Параметры главного меню и на вкладке Чтение установить флажок «Автоматически разворачивать сгруппированные сообщения (обсуждения)». На этой же вкладке установите время, в течение которого при просмотре нового сообщения оно будет отмечено как прочитанное. Нажмите кнопку ОК.

5.Создать пробное сообщение с произвольной темой и содержанием и отправить его в группу vt.test. Убедиться, что сообщение отправлено и размещено в требуемой группе, обновив и просмотрев группу новостей.

6. Задать вопрос, обращаясь ко всем пользователям какой-либо группы

(vt.games, vt.news, vt.study, vt.talk) новостей, развернув дискуссию. Для этого необходимо выбрать соответствующую группу новостей и создать новое сообщение (новость). Отправить сообщение на сервер новостей.

7. Если в выбранной Вами группе уже имеются сообщения, выполните их чтение и создайте ответ, нажав на кнопку Ответить в группу.

8. Опробуйте выполнение команды Ответить отправителю, нажав на соответствующую кнопку на панели инструментов.

9. Опробовать создание нового сообщения в текстовом виде и в формате HTML. Для этого в окне нового сообщения выбирайте команды меню Формат  Формат HTML или Формат  Обычный текст.

54

10.Опробовать создание нового сообщения с использованием бланка оформления. Для этого нажать на стрелку возле кнопки Создать и выбрать стандартное оформление. Можно использовать другие бланки оформления или создать его самостоятельно.

11.Опробовать создание нового сообщения с вложением. Для этого подготовить файл (рисунок, документ или другой), который Вы хотите отправить адресату. В окне создания нового сообщения заполнить все поля и текст сообщения. Затем нажать на кнопку Вложить на панели инструментов или команду в меню Вставка  Вложение файла …. Отправить сообщение в группу новостей.

12.Опробовать инструмент Важность на панели инструментов при создании нового сообщения для группы новостей.

13.Опробовать инструменты Подписать и Зашифровать на панели инструментов при создании нового сообщения для группы новостей.

14.Развернуть обсуждение ответов на контрольный вопрос, заданный преподавателем по теме лабораторной работы.

5.3Структура отчета и требования к оформлению

1)задание;

2)скриншоты заданий с комментариями;

3)выводы.

5.4 Контрольные вопросы

1.Что такое служба телеконференций?

2.Как она работает? Чем занимаются новостные серверы?

3.Протоколы службы телеконференций.

4.Как создать новое сообщение в группу новостей?

5.Из каких частей состоит окно нового сообщения?

6.Как происходит разворачивание обсуждений?

7.Настройка автоматического разворачивания сгруппированных сообщений (обсуждений).

55

Лабораторная работа № 6.

МЕТОДЫ СОЗДАНИЯ АБЗАЦНОГО ОТСТУПА В ДОКУМЕНТАХ HTML

Цель: овладеть навыками создания простых документов HTML, изучить структуру документа HTML, изучить меты создания простых абзацных отступов в тексте документа HTML.

6.1 Основные теоретические положения и методика выполнения работы

6.1.1 HTML – это язык тэгов

Тэг (дескриптор) – специальный код, вставляемый в текст для форматирования элементов HTML-документа. Это основной элемент кодирования, принятый в стандарте HTML. Тэг заключаются в угловые скобки <>. Например тэгом абзаца является <P>, а тэгом горизонтальной линии – <HR>.

Существует два типа тэгов: контейнеры и одиночные тэги.

Контейнер. Это дескрипторная пара, состоящая из начального (или открывающего) и конечного (или закрывающего) тэгов. Начальный тэг имеет вид <TAG>, где TAG – это имя реального HTML-тэга. Конечный тэг имеет вид </TAG>. Контейнеры предназначены для хранения некоторой информации, например текста или других HTML-тэгов. Поэтому между начальным и конечным тэгами заключено содержимое контейнера. Например, элемент, представляющий собой отформатированный текст, заключается между тэгами <PRE> и </PRE>.

Пустой дескриптор. Отличается от контейнера тем, что не содержит никакой информации. У него есть только начальный тэг. Пустой дескриптор обычно выполняет самостоятельную задачу, не связанную с конкретным текстом. Например, тэг <HR> создаёт горизонтальную линию.

Элемент HTML-документа – это начальный и конечный тэги контейнера вместе с заключённым между ними содержимым. Элементом может быть изображение, фрагмент текста, форма, таблица, список, ссылка, текстовое поле, кнопка и даже заголовок документа или его основная часть (тело).

Замечание: Язык HTML не чувствителен к регистру. Тэги могут набираться как прописными, так и строчными буквами.

6.1.2 Границы документа

Самым главным из тэгов HTML является одноименный тэг <HTML>. Он должен всегда открывать документ, также как тэг </HTML> должен обязательно стоять в последней его строке. Эти тэги означают, что находящиеся между ними строки представляют собой единый HTML документ. Это важно, так как сам по себе документ является обычным текстовым файлом ASCII. Без этих тэгов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.

56

6.1.3 Заголовок документа

Заголовок документа не является обязательным элементом, однако хорошо составленный заголовок может быть весьма полезен. Задачей заголовка документа является предоставление информации для программы, интерпретирующей документ. Элементы, находящиеся внутри раздела HEAD (кроме названия документа, записываемого в разделе TITLE), не видны на экране. Элементы, содержащиеся внутри раздела HEAD документа, нужны для того, чтобы:

–дать документу название;

–определить отношения между несколькими документами;

–дать указание браузеру создать форму для поиска;

–определить метод посылки специальных сообщений определенному браузеру или другой программе просмотра.

Раздел HEAD открывается тэгом <HEAD>. Обычно этот тэг следует сразу же за тэгом <HTML>. Закрывающий тэг </HEAD> показывает конец этого раздела. Между упомянутыми тэгами располагаются остальные тэги раздела заголовка документа.

6.1.4 Название документа

Раздел TITLE является единственным обязательным элементом заголовка документа и служит для того, чтобы дать документу название. Оно обычно показывается в заголовке окна браузера. Содержимое раздела TITLE нельзя путать с названием файла документа. Оно представляет собой текстовую строку, совершенно не зависящую от имени и местоположения файла. Имя же файла жестко определяется операционной системой того компьютера, на котором храниться.

Название документа записывается между тэгами <TITLE> и </TITLE> и представляет собой текстовую строку. Не следует заключать его в кавычки, если вы хотите, чтобы на экране их тоже не было. В большинстве случаев раздел TITLE занимает не более одной строки.

В принципе название может иметь любую длину и содержать любые символы, кроме некоторых зарезервированных. На практике лучше ограничиться одной строкой, имея в виду, что название появляется в заголовке окна браузера. Также следует помнить о том, что останется от названия документа при сворачивании окна браузера. Поэтому надо стараться поместить наиболее важные слова в начало названия.

6.1.5 Тело документа

Хотя в WWW и наметилась тенденция к увеличению «активного» содержания, большинству читателей все же интересна текстовая часть страниц. Поэтому независимо от того пишется ли новый текст или конвертируется старый, процесс работы над телом документа отнимает немалое количество времени.

57

Прежде чем приступить к наполнению документа содержанием, есть смысл изготовить его «каркас». HTML-документ должен содержать некоторые обязательные элементы, без которых он не будет правильно интерпретирован. Пример простейшего шаблона:

<HTML>

<HEAD>

<TITLE>This is an example document</TITLE> </HEAD>

<BODY>

Enter body text here </BODY>

</HTML>

Шаблон открывается тэгом <HTML>, который, как мы уже знаем, необходим для каждого HTML – документа. Следующим идет тэг <HEAD>, начинающий заголовок документа. Заголовок содержит элемент TITLE, вводящий название документа, в нашем случае «This is an example document». Заголовок закрывается тэгом </HEAD>. Далее идет тэг <BODY>, после которого помещается текст (тело) документа. Тэг </BODY> означает конец тела, а тэг </HTML> – конец всего документа.

6.1.6 Атрибуты элемента BODY

Элемент BODY может содержать большое количество атрибутов. Все они важны, так как определяют общий облик документа. Эти атрибуты приведены в таблице 6.1.

Таблица 6.1 – Атрибуты элемента BODY

	Атрибут	Назначение
	ALINK	определяет цвет ссылки, активной в текущий момент
	BACKGROUND	указывает на URL-адрес изображения, которое используется
		в качестве фонового
	BGCOLOR	определяет цвет фона документа
	BGPROPERTIES	если установлено значение FIXED, фоновое изображение не
		прокручивается
	LEFTMARGIN	устанавливает границу левого поля в пикселях
	LINK	определяет цвет еще не просмотренной ссылки
	TEXT	определяет цвет текста
	TOPMARGIN	устанавливает границу верхнего поля в пикселях
	VLINK	определяет цвет уже просмотренной ссылки
		58

Определение цвета составных частей документа – первый шаг к его созданию. Если это не сделано, используются цвета по умолчанию. Они определяются установками программы просмотра.

В HTML цвета определяются цифрами в шестнадцатеричном коде. Цветовая система базируется на трех основных цветах – красном, синем и зеленом. Для каждого цвета задается шестнадцатеричное значение в пределах от 00 до FF, что соответствует диапазону 0 – 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ #.

Атрибут BGCOLOR отвечает за цвет фона документа. Если страница имеет фоновое изображение, этот атрибут должен обеспечивать цвет, как можно более близкий к общему тону рисунка. Это позволит читателю, настроившему свой браузер на отказ от загрузки изображений, ясно видеть текст. Многие авторы не придерживаются этого правила. В этом случае, если фоновый рисунок исполнен в темных токах и выбран белый цвет шрифта для текста, некоторые читатели могут быть удивлены, не увидев ничего, кроме пустой белой страницы.

Атрибут TEXT определяет цвет текста документа. Старайтесь в ваших страницах всегда поддерживать высокую контрастность текста. При использовании шрифта с тонким начертанием помните, что он смотрится лучше темным на светлом фоне.

Атрибут LINK используется браузером для показа еще непросмотренных ссылок. Очевидно, что они должны выделяться цветом на фоне основного текста.

Атрибут VLINK служит для показа уже просмотренных ссылок. Как правило, их окрашивают более темным оттенком того же цвета, что и не просмотренные ссылки.

Атрибут ALINK определяет цвет ссылки, активной в текущий момент. Эти сравнительно новый атрибут, обычно применяющийся для просмотра многокадровых документов.

Одним ид популярных способов украсить HTML-страницу является размещение на ней фоновой графики, видимой под основным текстом (атрибут BACKGROUND). Такой прием помогает подчеркнуть целостность документа либо, наоборот, разделить его на логические части.

Большинство фоновых изображений малы по размеру, но их копии, как обои, заполняют все окно программы просмотра. Особенно популярны различные текстурные (узорчатые) изображения: кирпичи, мрамор, всевозможные виды тканей. В основном они служат для простого заполнения пустот в документе. Более продуманные страницы имеют фон, соответствующий содержанию.

Атрибуты LEFTMARGIN и TOPMARGIN служат для установки расстояния между левым и верхним краями текста и соответствующими краями окна браузера. Местоположение других краев текста не регулируется. Это сделано для того, чтобы обеспечить возможность просмотра страницы любым браузером. Невозможно заранее знать, какой размер окна у программы читателя документа.

Атрибут LEFTMARGIN устанавливает расстояние между левым краем окна браузера, которое измеряется в пикселях. Чаще всего этот атрибут применяется,

59

когда автор хочет иметь слева поле, свободное от текста, и отличающееся узором или цветом от остальной части фонового изображения.

Атрибут TOPMARGIN служит для установки расстояния между верхним краем текста и верхним краем окна браузера. Он обычно используется, если верхняя часть фонового изображения имеет большое значение и его желательно оставить открытым.

6.2 Задание и порядок выполнения работы

Язык HTML не содержит «официальных» средств для создания абзацных отступов. Все браузеры, предназначенные для вывода текста на экран компьютера, выводят текст без отступа, вставляя пустую строку между отдельными абзацами. Создание абзацного отступа, таким образом, требует использования специальных приемов.

Запустите текстовый редактор (например, Блокнот) и начните создание документа HTML. Введите теги структурных элементов и дайте документу заголовок,

например Имитация абзацных отступов.

Введите небольшой абзац текста (3 – 4 предложения, объемом 4 – 5 строк), который будет использоваться как эталон. Сохраните документ.

Откройте обозреватель Internet Explorer и откройте в нем созданный документ. Отрегулируйте ширину окна программы так, чтобы исследуемый абзац занимал несколько строк. Убедитесь, что он выводится без отступа.

Добавление пробелов. Вернитесь к редактированию документа. Разместите после эталонного абзаца горизонтальную линейку (тег <HR>). Скопируйте эталонный абзац через буфер обмена, поместив копию ниже линейки. Добавьте в начало скопированного абзаца несколько пробелов. Сохраните документ.

Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить. Посмотрите на добавленный абзац. Объясните, почему создать абзацный отступ таким образом не удается.

Метод элемента списка. Вернитесь к редактированию документа. Разместите после последнего абзаца горизонтальную линейку. Скопируйте эталонный абзац через буфер обмена, поместив копию ниже линейки. Добавьте в начало скопированного абзаца тег <DD>. Сохраните документ.

Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить. Посмотрите на добавленный абзац. Убедитесь, что появился абзацный отступ. Правильно ли используется код HTML в полученном документе? Можно ли рекомендовать такой метод создания абзацного отступа? Почему?

Метод неразрывных пробелов. Вернитесь к редактированию документа. Разместите после последнего абзаца горизонтальную линейку. Скопируйте эталонный абзац через буфер обмена, поместив копию ниже линейки. Добавьте в начало скопированного абзаца повторенную несколько раз комбинацию символов  . Сохраните документ.

Комбинации символов, начинающиеся со знака «&» (амперсанд) и заканчивающиеся точкой с запятой, служат в языке HTML для задания символов, которые отсутствуют на клавиатуре или не могут включаться в

60