15255

Информационная деятельность менеджера в Интернете

Книга

Менеджмент, консалтинг и предпринимательство

Меняев М.Ф. Информационные ресурсы в менеджменте Часть 2: Информационная деятельность менеджера в Интернете Методические указания Общие сведения о глобальной сети Интернет. Internet предоставляет доступ к набору информационных служб сервисов основными среди кот

Русский

2013-06-11

646 KB

1 чел.

Меняев М.Ф.

Информационные ресурсы в менеджменте
Часть 2:

Информационная деятельность менеджера в Интернете

Методические указания


Общие сведения о глобальной сети Интернет.

Internet предоставляет доступ к набору информационных служб (сервисов), основными среди которых являются: электронная почта, группы новостей, доска объявлений, телеконференции, Word Wide Web (WWW), информационные системы организаций и отдельных пользователей и др.

Набор сетевых протоколов, которые использует Internet (семейство протоколов межсетевого обмена) определяется как TCP/IP (Transmission Control Protocol/Internet Protocol  Протокол управления передачей/протокол Internet). Эти протоколы  по существу машинный язык сети.

IP-адрес  это уникальное имя компьютера (цифровой код), под которым он известен в сети.

TCP определяет способ разделения сообщений на пакеты, их пересылку по сети и сборку сообщения перед его получением адресатом.

IP-адрес можно указать с помощью знаков латинского языка, в этом случае говорят о системе доменных имен  DNS (Domain Name System), в которой определено текстовое соответствие доменного имени компьютера и его IP-адреса..

Система доменных имен (адресов) строится по иерархическому принципу. На верхнем уровне размещаются национальные домены (например, ru, jp, uk), далее идут специальные домены: например: bmstu.ru  домен "МГТУ им. Н.Э. Баумана", ibm.bmstu.ru  домен "Факультет ИБМ МГТУ им. Н. Э. Баумана".

В качестве посредника между сетью и конкретным компьютером выступает Провайдер (сервисный центр Internet - ISP).

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

Программное обеспечение Internet состоит из множества программ: Web-браузеры, клиент-программы для электронной почты и др.

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

В качестве наиболее активно используемых в Internet браузеров, можно указать на Microsoft Internet Explorer, который штатно поставляется  с операционной системой.

Служба World Wide Web использует универсальный локатор ресурсов (URL  Uniform Resource Locator) для адресации файлов расположенных на информационных серверах Internet.

URL-адрес состоит из: названия протокола, по которому осуществляется доступ к ресурсу (например, http, gopher, ftp), адреса сервера и адреса файла. Обращение по URL-адресу должно содержать следующие компоненты:

  1.  Название протокола, используемого для доступа к соответствующему ресурсу. После первого компонента устанавливается двоеточие. В качестве примера первого компонента URL-адреса можно привести:

http:  для ресурсов, расположенных на WWW-серверах;

file:  для доступа к файлам, расположенным на винчестере пользователя;

ftp:  для доступа к файловым архивам Internet;

mailto:  для адресов электронной почты..

  1.  После двоеточия следует двойная косая черта (прямой слэш), за которой указывается адрес компьютера (имя домена компьютера (адрес сервера) в символьном формате), далее - искомый ресурс, например: http://ibm.bmstu.ru.
  2.  Путь к файлу в котором хранится запрашиваемый ресурс (указывается в случаях доступа к файловым архивам).
  3.  Имя файла  искомый ресурс (указывается в случаях доступа к файловым архивам)

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

Одним из таких сайтов может быть сайт http://www.artlebedev.ru/kovodstvo   Артемия Лебедева – известного российского дизайнера, основателя «Студии Артемия Лебедева», на счету у которой более 1500 работ. Среди них фирменные стили, книги, журналы, знаки, логотипы, графические и физические интерфейсы, сайты, объекты промдизайна и промграфики, витрины.

На другом сайте  http://html.manual.ru./book/html.php  вы найдете много полезного материала, в частности справки с примерами исполнения по всем конструкциям языка HTML, а также в разделе «Это вам пригодится» различные таблицы, в том числе таблицы кодов базовых цветов и спецсимволов.

ТЕМА 3: ФОРМИРОВАНИЕ ТЕКСТА WEB-ДОКУМЕНТА

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

Задание для самостоятельной работы

1.Подготовка HTML-документа.

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

Для подготовки к записи HTML-документа следует выполнит следующие операции.

1.1.Вызвать на поле экрана стандартный текстовый редактор  Блокнот.

  1.   Сохранить текущий документ в рабочей папке под именем 3_1_ФИО (Первые буквы фамилии имени и отчества обучаемого) с расширением .html, используя. опцию "Сохранить как...".
  2.  Разместить рабочее поле текстового редактора на левой половине экрана,
  3.  Вызвать браузер Internet Explorer и установить его на левой половине экрана,
  4.  Вызвать на рабочее поле браузера HTML-документ из своей рабочей папки для этого в меню "Файл" найти опцию "Из файла", включить кнопку "Обзор" и найти ранее подготовленный файл в рабочей папке.

1.2.Записать заголовок. Для его написания следует придерживаться следующих правил:

Тэг <HTML> открывает документ, тэг </HTML> закрывает документ,

HTML-документ состоит из двух областей: области заголовка и области содержания.

Тэг <HEAD> открывает область заголовка </HEAD> закрывает область заголовка,

Установить тэги заголовка внутри пары тэгов <HTML>.

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

Тэг <TITLE> определяет название документа, тэг <BASE> указывает полный базовый URL-адрес документа с помощью обязательного параметра HREF="URL".

Для записи названия документа следует выполнить следующие операции:

  1.  В поле заголовка установить пару тэгов <TITLE> и записать между ними строку "Самостоятельная работа №3_ФИО".
  2.  Сохранить измененный текст в текстовом редакторе, обращая внимание на расширение .html .
  3.  Активизировать браузер, щелкнув по кнопке "Обновить". Обратить внимание на содержание верхней строки окна браузера. Она должна отобразить название документа. Запомнить URL-адрес документа, размещенный в поле адресной строки.

1.3.Оформить содержательную часть документа:

  1.  Перейти на поле текстового редактора и установить пару тэгов <BODY> после тэга </HEAD>.
  2.  Установить курсор между парой <BODY> и несколько раз нажать на клавишу "Ввод", чтобы расширить поле для строк разметки текста документа.

2.Запись текста.

Текст документа может состоять из заголовка, отдельных строк, абзацев. Рассмотрим правила их разметки.

2.1.Установка заголовка на поле документа:

Для выделения заголовка используются 6 стилей, обозначаемых как H1, H2, H3,..., H6.

Формат записи <Hi>Заголовок</Hi>, заголовок выделен полужирным шрифтом и размещен по центру.

Выполнить следующие операции:

  1.  Записать в начале содержательной части 4-е строки заголовка, увеличивая шрифт заголовка каждой следующей строки: Наименование университета, наименование факультета, наименование специальности, фамилия имя отчество студента.
  2.  Перейти на окно браузера, нажать на кнопку "Обновить".

2.2.Запись отдельных строк текста.

Для построчной записи текста в конце каждой строки следует установить непарный тэг <BR>.

Формат записи: Текст строки <BR>.

Если на экране строка не умещается, то браузером автоматически устанавливается перенос.

Тэг <NOBR>   </NOBR> запрещает перевод строк. Если строка превысит размер экрана, то в рабочем окне браузера появится линейка прокрутки.

В качестве упражнения разделить следующий текст на пять строк, используя тэг <BR>: Нам не дано предугадать, Как слово наше отзовется,  И нам сочувствие дается, Как нам дается благодать... Ф. И. Тютчев.

Перейти на окно браузера, нажать на кнопку "Обновить" и проверить результат разметки текста.

2.3.Запись текста по абзацам.

Запись абзаца определяется парой тэгов <P>   </P>. Между абзацами автоматически устанавливается пропуск строки.  
Для размещения текста внутри абзаца используется атрибут:
ALIGN=LEFTCENTERRIGHTJUSTIFY (слева, по центру, справа, по ширине), например <P ALIGN=CENTER>...</P>.

Выполнить следующее задание:

  1.  На четырех строках разместить фразу "Форматирование абзаца", размещая ее по правому краю, по левому краю, по центру и по ширине соответственно. В последнем случае, чтобы понять работу атрибута, следует повторить фразу 10 раз.
  2.  Перейти на окно браузера, нажать на кнопку "Обновить" и проверить результат.

2.4. Для выделения текста в процессе его разметки, используют физические и логические стили выделения. К физическим стилям выделения относят: полужирный,  курсив, подчеркивание, машинопись и др. Они выполняются с помощью следующих тэговых конструкций:

<B>   </B>  полужирный,

<I>    </I>  курсив,

<U>   </U>  подчеркивание,

<TT>   </TT> машинопись (фиксированная ширина знаков и пробелов).

<BIG>   </BIG> шрифт текста большего размера

<SMALL>   </SMALL> шрифт текста меньшего размера

<SUB>   </SUB> сдвигает текст ниже уровня строки и уменьшает его размер,

<SUP>   </SUP> сдвигает текст выше уровня строки и уменьшает его размер,

<BLINK>   </BLINK>  отображает мигающий текст,1 

<FONT>   </FONT> указывает параметры шрифта. Тэг содержит параметры FACE, SIZE, COLOR - соответственно: название шрифта (ARIAL и т.п.),                 размер в условных единицах от 1 до 7 (по умолчанию 3), цвет шрифта #RRGGBB (или название цвета - green, red и т.п.) или #RGB, используя числовые значения насыщения, которые можно взять в соответствующих опциях графических редакторов..

<BASEFONT> параметры шрифта, используемые в тексте по умолчанию (переопределяются в тексте с помощью тэга FONT). В конструкции НЕТ закрывающего тэга.

  1.  Записать заголовок текущего задания и построчно название первых 4-х физических стилей, используя на каждой строчке соответствующую форму выделения текста.
  2.  Начать новый абзац и перенести копию текста (п. 2.2) представить его с помощью шрифта большего размера.
  3.  Перенести строку автора текста (п. 2.2.) и представить ее с помощью шрифта меньшего размера.
  4.  В новом абзаце записать математическую формулу: (X+Y)ZX-Y.
  5.  На новой строке записать химическую формулу C6H12O5.
  6.  Перейти на окно браузера, нажать на кнопку "Обновить" и проконтролировать результат разметки.
  7.  Установить параметры шрифта по умолчанию в заголовке программы и оценить результат.
  8.  Убрать строку с установкой параметров шрифта по умолчанию.

2.5.Применение логических стилей для организации фрагментов текста.

Фрагменты с логическим форматированием браузеры отображают определенным образом по умолчанию, (логическое форматирование предпочтительнее физическому). Логические стили поддерживаются следующими тэговыми конструкциями:
ADDRESS>   </ADDRESS> - выделение курсивом адреса корреспондента,

<BLOCKQUOTE>   </BLOCKQUOTE> - цитируемый абзац, отступы справа в тексте фрагмента и др.

Выполнить следующие задания:

  1.  В режиме текстового редактора на первой строке содержательной части HTML-документа записать сведения об авторе документа (Фамилия, инициалы, время записи документа), используя логический стиль. Перейти на окно браузера, нажать на кнопку "Обновить" и просмотреть результат.
  2.  Найти Web-страницу кафедры и скопировать фрагмент сопроводительного текста. Перенести этот фрагмент на поле формируемого HTML-документа и оформить этот фрагмент как цитируемый абзац. Перейти на окно браузера, нажать на кнопку "Обновить".

2.6.Выделение с помощью преформатированного текста (текст с фиксированной шириной знаков и пробелов) осуществляется с помощью теговой конструкции

<PRE>   </PRE>  и применяется для выравнивания текста и подготовки таблиц.

Вид издания

Получено

Списано

Учебники

  125

  36

Монографии

   36

   4

Справочники

    5

   -

Выполнить следующее задание:

  1.  Используя машинописный текст сформировать таблицу, изображенную на рисунке.
  2.  Перейти на окно браузера, нажать на кнопку "Обновить" и проверить результат.

2.7. При использовать в тексте символов, которые используются для разметки текста2 применяют следующие подстановки:

Зарезервированные символы:

знак "<" заменяется на "&lt"

знак ">" заменяется на "&gt"

знак "&" заменяется на "&amp"

знак " заменяется на "&quot"

Знаки вне клавиатуры записываются: &знак

Символы ASCII-кода устанавливаются: &#код

Неразрывный пробел: &nbsp

Комментарий в тексте HTML-кода: <!--текст комментария> (в этом случае текст документа не выводится на экран).

Выполнить следующие упражнения:

  1.  По центру строки записать: "Тэг <BR> определяет обрыв строки (Line Break)".
  2.  На последней строке документа записать: ФИО, год (ASCII-код знака "" соответствует числу 169, можно также использовать комбинацию "&copy"). Перейти на окно браузера, нажать на кнопку "Обновить" и проверить результат.

Установить курсор на начало строки об авторских правах и несколько раз нажать клавишу "Ввод". Далее упражнения записывать в образовавшемся разрыве текста так, чтобы строка с упоминанием об авторских правах всегда оставалась последней в содержательной части документа.

2.8.Выделение произвольного фрагмента текста с помощью изменнения его параметров можно осуществить с помощью следующей пары тэгов:

<DIV>   </DIV> - тег-контейнер, управляющий фрагментом текста с помощью назначения стилей. Например: <DIV STYLE="color=blue">  (в качестве кода цвета можно указать #0000FF)

Выполнить следующее задание:

  1.  Выделить цветом ранее подготовленную таблицу с преформатированным текстом.
  2.  Перейти на окно браузера, нажать на кнопку "Обновить".

3.Организация гипертекстовых ссылок.

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

3.1. Для установки гиперссылок следует использовать следующие тэговые конструкции:

Тэг <A>   </A> - указатель ссылки, между тэгами которого устанавливается текст указателя. Здесь можно записать текст, установить, рисунок, дать адрес Web-страницы и т.д.

Например: <A HREF="URL">текст указателя</A>. (HREF - Hypertext REFerence)

Для понимания механизма организации в тексте ссылок на другие Web-страницы следует выполнить перечень операций:

  1.  Записать фразу: Студент ФИО учится в университете ..... на факультете......на кафедре.... Вместо точек указать реальный текст, оформив его в виде гиперссылок на соответствующие Web-страницы университета, факультета, кафедры.
  2.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить эффективность действия гиперсвязей.

3.2.Гиперсвязи можно использовать для формирования оглавления документа. Такие гиперссылки определяются как внутренние ссылки.

Для разделения документа на главы (части) следует использовать указатель, который необходимо установить в начале каждой главы (части, раздела) текста: <A NAME=имя_части>  </A>. (в качестве "имя_части" можно записать "Label_1"  и т.д.). Имя главы должно состоять из одного слова, для чего можно использовать знак "_".

Для создания ссылки на соответствующий указатель, размещенный в текущем документе, следует в параметре HREF указать имя ссылки с префиксом #, например <A HREF="#имя_части">Подготовка документа</A>.

Сформировать оглавление для текущего документа:

  1.  Установить указатели в начале выполненных упражнений, выполненных по следующим пунктам заданий: 1, 2.1., 2.4., 2.7., 3., присвоив им соответствующие имена (имя_части).
  2.  Записать построчно в начале содержательной части документа оглавление, со ссылками на соответствующие указатели.
  3.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить эффективность действия гиперссылок.

4.Копировать текст текущего задания в рабочую папку, присвоив ему имя 3_2_ФИО. Организовать текст задания с подробным оглавлением в форме HTML-документа.

5.Сохранить HTML-коды документов.

6.Закрыть все приложения на рабочем столе.


ТЕМА 4: СПИСКИ И ТАБЛИЦЫ В WEB-ДОКУМЕНТАХ

Цель работы состоит в  овладении навыками установки списков и таблиц на страницах Web-документа: маркированный список, графические маркеры, нумерованный список, списки определений, вложенные списки, простые таблицы, форматирование данных внутри таблицы, цвет в таблицах, сложные таблицы, вложенные таблицы, особенности построения таблиц и др.

Задание для самостоятельной работы

1.Подготовка документа для ввода текста.

1.1.Вызвать новый документ в текстовом редакторе WordPad, сохранить его под новым именем с расширением .html:

  1.  Сохранить новый документ в личной папке под именем 4_1_ФИО: меню "Файл", опция "Сохранить как...", указать в списке "Тип файла" документ HTML.
  2.  Записать заголовок HTML-документа: HTML-cписки и таблицы: ФИО.

Установить рабочее окно редактора на правой стороне экрана.

1.2.Вызвать браузер и перейти на поле Web-документа:

  1.  В меню "Файл" активизировать опцию "Открыть страницу". На новой вкладке щелкнуть по кнопке "Обзор".
  2.  Выбрать в рабочей папке необходимый файл. Вернувшись на вкладку щелкнуть по кнопке "Открыть".
  3.  Установить рабочее окно редактора на левой стороне экрана.

2.Разметка простого списка.

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

2.1. Для организации маркированного (неупорядоченного) списка используют следующую конструкцию:

<UL>   </UL> - тэг-контейнер, внутри которого располагаются все строки списка,

<LI> - тэг, определяющий каждую строку списка (закрывать этот тэг необязательно),

TYPE - атрибут тэга <UL>, определяющий тип маркера: диск, окружность, квадрат - disk, circle, square (следует использовать только строчные буквы). Например, <UL TYPE=circle> (По умолчанию - диск).

Выполнить следующие упражнения:

  1.  Создать список учебных дисциплин текущего семестра, используя один из дополнительных маркеров.
  2.  Сформировать вложенный маркированный список, используя в качестве первого уровня список учебных дисциплин, а в качестве второго - дополнительные подстроки: Лекции и Семинары, с использованием другого маркера, указав число учебных часов в семестре по каждому виду занятий.
  3.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию списка.

2.2.Сформировать список с использованием рисунка в качестве маркера:

  1.  Подготовить самостоятельно рисунок маркера (например шарик) или найти на Web-страницах подходящий маркер, скопировать его в рабочую папку в формате .gif или .jpg.
  2.  Разместить заголовок для нового списка учебных занятий на текущий день.
  3.  Записать строки списка, начиная каждую из них с установки URL-адреса рисунка маркера, используя конструкцию <IMG SRC='URL">строка списка<BR>.
  4.  Закрыть список. Проверить результат.

2.3.Для организации нумерованного (упорядоченного) списка следует использовать следующую кострукцию:

<OL>   </OL> - тэг-контейнер, внутри которого располагаются элементы списка,

<LI> - тэг строки списка,

TYPE - параметр вида нумерации списка: A - прописные латинские буквы, a - строчные латинские буквы, I - большие римские цифры, i - маленькие римские цифры, 1 - арабские цифры (используется по умолчанию). Пример, <OL TYPE=A>,

START - параметр списка, определяющий начальное значение нумерации (по умолчанию равен 1). В качестве параметра можно использовать только натуральное число, например <OL START=2>,

COMPACT - указывает на вывод списка в компактном виде: уменьшенные шрифт и расстояние между строчками.

  1.  Привести нумерованный список сотрудников фирмы, состоящий из пяти строк.

I Глава 1

  1.  Проблема 1
  2.  Проблема 2

II Глава 2

 A. Задача 1

  1.  Цель 1
  2.  Цель 2
  3.  Средство 1
  4.  Средство 2
  5.  Цель 3
  6.  Задача 2

Задача 3

  1.  Разместить на Web-странице список, пример организации которого показан на рисунке.
  2.  Разработать упорядоченный список - оглавление учебного курса, состоящий из частей, тем, глав, параграфов, разделов.
  3.  Составить нумерованный список Ваших основных задач, начиная нумерацию с буквы "C".
  4.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию списка.

2.4.Язык гипертекстовой разметки позволяет организовать список описаний (определений), напоминающий страницу толкового словаря: слева устанавливается термин, а в правой части - его определение (толкование). Для такой формы организации списка необходимо использовать следующую конструкцию:

<DL>   </DL> - тэг списка описаний, который состоит из строк немаркированного списка, и определений к этим строкам, которые записываются после соответствующей строки в виде текста (описание строки списка),

<DT>   </DT> - тэг строки списка,

<DD>   </DD> - тэг описания строки списка.

Выполнить следующее упражнение:

  1.  На Web-странице повторить список товаров фирмы с описанием их свойств, используя формат списка описаний,
  2.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию списка.

3.Установка табличных объектов.

На Web-странице можно разместить таблицы. Различают сложные и простые таблицы. В простых таблицах ячейки располагаются строго по строкам и столбцам. В сложных таблицах ячейки могут занимать несколько строк и/или несколько столбцов.

3.1.Для размещения простой таблицы на поле документа еобходимо воспользоваться следующими конструкциями:

<TABLE>   </TABLE> - тэг-контейнер создания таблицы,

BORDER=n - ширина рамки таблицы,

<TR>   </TR> - тэг содержания строки таблицы (Table Row), закрывающий тэг можно опустить,

атрибуты тэга:

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

VALIGN - вертикальное размещение информации в ячейке, имеет значения TOPBOTTOMMIDDLE - сверху, справа, по середине,

<TD>   </TD> - тэг установки данных в ячейках таблицы (Table Data), закрывающий тэг можно опустить,

<TH>   </TH> - выделенный текст в ячейках-заголовках таблицы (полужирный, по центру) (Table Header), закрывающий тэг можно опустить,

<CAPTION>    </CAPTION> - заголовок таблицы, имеет атрибут TOP или BOTTOM - заголовок или подпись к таблице.

Выполнить следующие задания:

Виды занятий

Лекции

Семинары

Лабораторные

Учебные часы

17

17

24

  1.  Сформировать простую таблицу "Учебная программа", показанную на рисунке,
  2.  Разместить на поле документа таблицу "Состояние фонда литературы", состоящую из четырех столбцов: Издания, Получено, Списано и трех строк: Монографии, Учебники, Справочники. В ячейки таблицы установить ориентировочные значения.
  3.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию таблицы.

Табличные тэги могут иметь атрибуты, определяющие оформление ячеек, среди них:

CELLSPACING = n - расстояние между ячейками в пикселях, по умолчанию n=2,

CELLPADDING = m - отступ между рамкой и данными в ячейке

WIDTH = k - принудительная (рекомендуемая) установка ширины таблицы. (или = k% - в процентах от размера окна),

HEIGHT = l - принудительная (рекомендуемая) установка высоты таблицы. (или = k% - в процентах от размера окна),

Выполнить следующие упражнения:

  1.  Повторить таблицу "Учебная программа", изменив расстояние между ячейками до 10 пк. и отступ между рамкой и данными до 5 пк. Проверить организацию таблицы.

Повторить таблицу "Учебная программа", используя размеры 50х50 пк. и 200х200 пк. Объяснить полученные реальные размеры таблицы.

Разместить таблицу "Состояние фонда литературы" на левой половине экрана, а на правой половине показать текст, объясняющий причины списания книг.  Для этого следует использовать конструкцию: <TABLE BORDER=2 ALIGN=LEFT>. Текст писать после закрывающего тэга таблицы.

3.2. Для оформления таблицы можно использовать цвет, в этом случае применяю следующие параметры:

Параметр BGCOLOR -цвет фона таблицы или ячеек,

Параметр BORDERCOLOR -цвет разделяющих линий таблицы или ячеек,

Параметр BORDERCOLORLIGHT - перекрашивает правый и нижний края ячейки,

Параметр BORDERCOLORDARK - перекрашивает левый и верхний края ячейки,

Параметр BACKGROUND - устанавливает цветовой фон таблицы на базе рисунка.

  1.  Выделить шапку таблицы "Учебная программа" неярким цветом (например, #FFFF00),
  2.  Выделить вторую строку таблицы другим цветом (например, #F5F5F5 и изменить цвет разделительных линий.

Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию таблицы.

3.3.Использовать метод совмещения таблицы и текста для организации пояснений к отдельным фразам (рисункам) текста:

  1.  Записывая разметку новой таблицы сместить ее влево.

Из таблицы следует, что общее число

ЭКЗАМЕНЫ И ЗАЧЕТЫ

экзаменов и зачетов за период обучения

студента в университете = 54

  1.  Организовать таблицу из одной ячейки (по центру, например "Экзамены и зачеты".
  2.  После табличного тэга организовать текст пояснения с помощью контейнера <BLOCKQUOTE>.
  3.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию таблицы.

3.4.Для формирования сложной таблицы следует использовать следующие параметры:

Параметр ROWSPAN=n - указывает число строк, которые занимает описываемая ячейка,

Год обучения

1 курс

2 курс

3 курс

4 курс

зачет

5

5

4

5

экзамен

4

4

3

4

зачет

4

4

5

3

экзамен

4

4

4

4

1 семестр

2 семестр

Параметр COLSPAN =m - определяет число столбцов, которые займет текущая ячейка.

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

  1.  Открыть табличный тэг и организовать заголовок таблицы: <TABLE BORDER=1>.
  2.  Для шапки таблицы открыть тэги строки и текста, указав в последнем параметры ROWSPAN=2 COLSPAN=2 (угловая ячейка занимает 2-е строки и два столбца), закрыть тэг текста, так как первая ячейка пуста. В тэге следующей текстовой ячейки первой строки указать, что она займет 4-е столбца с помощью параметра COLSPAN=4 и записать текст ячейки "Год обучения": <TH COLSPAN=4>Год обучения</TH>
  3.  Закрыть тэги текста и строки: </TR>
  4.  <TR>
  5.  <TH ROWSPAN=2>2 семестр</TH>
  6.  <TH>Зачет</TH>
  7.  <TD>5</TD><TD>5</TD><TD>3</TD><TD>4</TD>
  8.  </TR>
  9.  <TR>
  10.  <TH>Экзамен</TH>
  11.  <TD>4</TD><TD>4</TD><TD>4</TD><TD>4</TD>
  12.  </TR>
  13.  </TABLE>
  14.  </BODY>
  15.  
  16.  Записать вторую строку шапки таблицы, открыв тэг строки, ячейки, и тегов текстового содержания ячеек: <TR><TH>1 курс</TH><TH>2 курс</TH><TH>3 курс</TH><TH>4 курс</TH></TR>.
  17.  Самостоятельно разместить цифровые данные по середине ячейки.
  18.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию шапки таблицы.
  19.  Перейти в поле текстового редактора. Открыть 3-ю строку и указать , что первая ячейка занимает 2-е строки и на своем поле содержит текст "1 семестр", что в поле второй ячейки следует написать "Зачеты", а в следующих 4-х ячейках - их количественные значения:

<TR><TH ROWSPAN=2>1 семестр</TH>

<TH>Зачет</TH><TD>5</TD><TD>5</TD><TD>3</TD><TD>4</TD>

</TR>

  1.  Открыть четвертую строку таблицы, она начинается с описания второй ячейки! Здесь следует указать текст "Экзамены", а в следующих ячейках строки - их количественные величины:

<TR>

<TH>Экзамен</TH>

<TD>4</TD><TD>4</TD><TD>4</TD><TD>4</TD>

</TR>

  1.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию таблицы для 1-го семестра.
  2.  Перейти на поле документа и записать разметку пятой и шестой строк таблицы, повторяя ранее показанные действия. Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию таблицы.
  3.  Обратить внимание на то, что данные в таблице размещены по левому краю, изменить их положение на "по центру".
  4.  Выделить шапку сложной таблицы цветом, выделить остальные строки таблицы другим цветом и изменить цвет разделительных линий.

3.5.Разработать таблицу, в которой показать число учебных часов по видам занятий: лекции, семинары, лабораторные, для трех учебных дисциплин. Для этого с помощью метода вложенных таблиц, сформировать таблицу из трех строк, в ячейках которой разместить 3-и таблицы по учебным курсам текущего семестра. Организовать общий заголовок и отдельные заголовки для вложенных таблиц:

  1.  Организовать таблицу из трех строк без разделительных линий. На первой строке разместить одну общую ячейку с текстом "Учебная программа текущего семестра".
  2.  Вторую и третью строки таблицы разбить на три. На второй строке в каждой из этих ячеек записать соответствующие заголовки - учебные курсы, а в ячейках третьей строки - установить таблицы (в две строки) с указанием вида учебных занятий - первая строка, и число учебных часов в семестре по каждому виду занятий - во второй строке.
  3.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию таблицы.

4.Сформировать галерею изображений, используя таблицу:

  1.  Организовать таблицу с необходимым числом ячеек и строк (например 3х3).
  2.  Выбрать на Web-страницах подходящие изображения и запомнить их URL-адреса.
  3.  Установить на поле каждой ячейки таблицы ссылки на соответствующий URL-адрес: <IMG SRC="URL">.
  4.  Перейти на окно браузера, нажать на кнопку "Обновить". Проверить организацию таблицы.

5.Сохранить HTML-коды документов.

6.Закрыть все приложения на рабочем столе.

ТЕМА 5: ПРИМЕНЕНИЕ ГРАФИКИ И ФРЕЙМОВ
ДЛЯ ОРГАНИЗАЦИИ
WEB-ДОКУМЕНТОВ

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

Задание для самостоятельной работы

1.Подготовка документа для ввода текста.

1.1.Установить режим записи Web-документа и сохранить новый документ в личной папке под именем 15_1_ФИО в рабочей папке.

1.2.Записать в заголовок HTML-кода: HTML-графика и фреймы: ФИО.

1.3.Установить информацию об авторе и дате обновления документа, используя тэг ADDRESS.

1.4.Записать текст по центру первой строки "Страница <Фамилия Имя Отчество>".

1.5.Вызвать браузер и перейти на поле Web-документа.

2.Размещение графических элементов.

2.1.Установить горизонтальную линию. Для этого следует использовать:

<HR> - тэг горизонтальной линии (Horizontal Rule), который имеет следующие параметры:

WIDTH=pixelspersent - размер в пк. или в % от размера экрана,

ALIGN=LEFTRIGHTCENTER - выравнивание фрагмента линейки,

SIZE=n - толщина линейки (по умолчанию n=1),

COLOR=#RRGGBBcolor - задает цвет линейки,

NOSHADE - линия в форме сплошной полосы.

Выполнить следующие упражнения:

  1.  На поле нового документа установить заголовок темы и провести 4-е линии: линия в 1 пиксел, линия толщиной в 10 пк. в правой половине экрана, линия в 14 пк. в виде сплошной полосы, сплошная линия толщиной в 20 пк. на левой половине экрана размером в 40%; под каждой линией записать ее параметры.
  2.  Отделить выполненное задание зеленой сплошной полосой в 200 пк., размещенной по середине экрана.
  3.  Перейти на окно браузера и проверить правильность подготовки нового документа.

2.2.Установить изображение на поле страницы. Для этого следует использовать следующую конструкцию:

<IMG SRC="URL"> где "URL" - адрес изображения с указанием имени файла,

например <IMG SRC=label.gif>, Тэг имеет следующие параметры:

WIDTH=n, HEIGHT=m - ширина и высота рисунка в пикселях (габариты рисунка). Можно указать только один параметр, тогда другой будет вычислен автоматически,

ALT="текст" - установка текста всплывающей подсказки.

ALIGN=TEXTTOPABSMIDDLEABSBOTTOM - размещение поля рисунка относительно текста: по верху, по середине, по низу - по умолчанию, как показано на рисунке.

ALIGN=LEFTRIGHTALL - прерывает строчку и очищает левое, правое, оба поля соответственно.

Для очистки поля под рисунок следует использовать тэг <BR CLEAR=LEFTRIGHTALL> -. Если размещение трудно заранее предугадать, то следует использовать значение ALL.

Выполнить следующее задание:

  1.  Установить товарный знак фирмы, а рядом с ним - имя фирмы и направление ее деятельности: по верхнему, краю, по середине, по нижнему краю (В качестве рисунка можно использовать рисунок, разработанный при изучении курса "Информационные офисные системы" или взятый из любой Web-страницы).
  2.  Отделить пример горизонтальной цветной линией.
  3.  Перейти на окно браузера и проверить правильность выполнения задания.

2.3.Установить ссылки в форме рисунков:

  1.  Запомнить адреса трех Web-страниц (например университета, факультета, кафедры).
  2.  Установить таблицу размером 2х3 без разделительных линий и разместить в ячейках первой строки краткое наименование Web-страниц.
  3.  На второй строке в соответствующие ячейки ввести рисунки рисунков соответствующих Web-страниц.
  4.  Связать изображения с гиперссылкой, используя конструкцию:
    <
    A HREF="URL-адрес"> <IMG SRC="имя картинки"></A>.

2.4.Установить рамку вокруг изображения товарного знака (п.2.2.), используя следующую конструкцию: <IMG SRC=label.gif BORDER=n>.

  1.  Проверить правильность выполненной разметки.
  2.  Применение фреймов на Web-странице.

Для одновременного размещения на поле HTML-документа нескольких Web-страниц можно использовать конструкцию с несколькими окнами, которая определяется как "Фрейм-документ". Реализация этой конструкции требует определения числа и расположения на экране открывающихся окон с помощью парного тэга <FRAMESET>, в    области действия которых с помощью непарного тэга <FRAME> определяют адрес устанавливаемой Web-страницы.

Для овладения методом применения фреймов при разработке Web-страницы следует выполнить следующие упражнения.

3.1.Разработать Фрейм-документ:

  1.  Открыть новый HTML-документ, в котором заменить тэги <BODY> на тэги <FRAMESET>.

<FRAMESET> тело документа </FRAMESET> - контейнер содержательной части фрейм-документакоторый может иметь следующие параметры:

ROWS=pixelspersent - определяет число строк и их размер в пикселях или в % от размера экрана, что позволяет разделить страницу на полосы,

COLS= pixelspersent - определяет число стобцов и их размер в пикселях или в % от размера экрана, что разделяет строки окна на отдельные окна (фреймы). Если фрейм занимает всю полосу, другая строка разделена на два фрейма, то указывают соотношение - 100%,0%.

<FRAME>-установка содержимого фрейма (окна); тэг может использовать следующие параметры:

MARGINHEOGHT=n - пустое пространство над и под фреймом,

MARGINWIDTH=m - пустое пространство слева и справа от фрейма,

NAME="name" - имя фрейма для ссылки из других документов, имена фреймов должны начинанться с латинско буквы или цифры.

NORESIZE - запрет изменения размеров фрейма,

SCROLLING=YESNOAUTO - управление появлением линеек прокрутки, в соответствующих окнах,

SRC="URL" - адрес файла, загружаемого в окно,

FRAMEBORDER - ширина разделительной линии между фреймами.

Выполнить следующие учебные задания:

  1.  Сформировать 4-х оконную Web-страницу, разместив на ней 4-е различные Web-страницы, используя следующую конструкцию:

<FRAMESET ROWS="50%,50%">

<FRAMESET COLS="50%,50%">

 <FRAME SRC="3_1_ФИО.htm>

 <FRAME SRC="4_1_ФИО.htm>

</FRAMESET>

<FRAMESET COLS="50%,50%">

 <FRAME SRC="5_1_ФИО.htm>

 <FRAME SRC="Label.gif.htm> - рисунок товарного знака фирмы

1

2

3

</FRAMESET>

</FRAMESET>

3.2.Подготовить окно для личной страницы:

  1.  Открыть новый документ и установить на его поле три фрейма: первый во всю ширину листа (1), второй (2) и третий (3) - рядом друг с другом под первым,

На поле первого фрейма установить логотип Вашей фирмы,3 на поле второго  список продуктов фирмы, а н

а поле третьего  выбранный графический файл.

Перейти на окно браузера и проверить правильность подготовки нового документа.

4.Ссылка на ресурсы Интернета.

  1.  Установить на поле третьего окна (пример 3.2) ссылку на электронную почту, используя следующую конструкцию: <A HREF="mailto:адрес почты">Адрес для отзывов</A>.

Перейти на окно браузера, нажать на кнопку "Обновить". Послать электронное сообщение.

5.Переход на новые Web-страницы из окон фреймов.

В процессе работы с документами, размещенными на полях фреймов возникает потребность перехода по гиперссылке на поле других Web-документов. В этом случае следует определить размеры нового рабочего окна. Для этого при следует в тэге гиперссылки <A> использовать параметр TARGET, который определяет имя фрейма или окна браузера, в которое будет загружаться текущий документ, на который указывает ссылка. По умолчанию документ загружается в текущий фрейм или окно. Имеются также четыре зарезервированных имени, при задании которых выполняются следующие действия:

TARGET="_blank" - обеспечивает загрузку документа в новое окно (без имени),

TARGET="_self" - загрузк документа в текущий фреймё(окно),

TARGET="_top" - вызывает загрузку документа в распахнутое (полное) окно,

TARGET="_parent" - загрузка документа в область, занимаемую фреймом-родителем текущего фрейма. При отсутствии фрейма-родителя данное значение аналогично действию "_top".

Выполнить следующее упражнение:

5.1. Подготовить переход на новые страницы из списка, установленного на одом из фреймов:

  1.  Подготовить четыре HTML-документа, на каждом из которых описать соответствующие основные параметры выпускаемой продукции,
  2.  Установить гиперссылки на подготовленные HTML-документы в списке продукции, установленном на поле второго фрейма в упражнении 3.2.б, выбирая для каждой ссылки новое значение параметра TERGET,
  3.  Проверить результат использования параметра TARGET/

6.Сохранить HTML-коды документов.

7.Закрыть все приложения на рабочем столе.


ТЕМА 6: ФОРМИРОВАНИЕ ИНТЕРАКТИВНЫХ ДОКУМЕНТОВ

Цель работы в овладении навыками организации Web-документа с использованием инструментария, графических библиотек, библиотек стилей форматирования и т.п. текстового процессора.

Задание для самостоятельной работы

1.Подготовка рисунков (фотографий) для Web-страницы.

1.1.В зависимости от качества фотоснимка и требований к изображению определить разрешение и глубину цвета для сканирования фотографии (например: разрешение 100 dpi, глубина 8 бит). Выбрать имя для файла с изображением, например Ф_И_О.gif .

1.2.Получить файл с изображением:

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

  1.  Передать фотоснимки оператору,
  2.  Обратиться по компьютерной сети к диску V компьютера преподавателя,
  3.  Копировать в свою рабочую папку файл с фотоизображением.

1.3.Редактировать изображение:

  1.  На поле программ найти строку "Adoble" и запустить программу "Photoshop",
  2.  В меню "Файл" найти свой каталог и открыть необходимый графический файл,
  3.  Вырезать необходимую область на фотографии, используя панель инструментов и сохранить фрагмент под новым именем,
  4.  В меню "Режим" выбрать вариант цветового представления,
  5.  Сохранить файл в формате .jpg (например, Web-GR_Ф.И.О).

2.Подготовка текстового процессора для формирования Web-документа.

2.1.Создать новую Web-страницу:

  1.  Вызвать текстовый процессор,
  2.  В меню "Файл" выбрать опцию "Создать" и на соответствующей вкладке выбрать лист "Web-страницы",
  3.  Активизировать значок "Мастер Web-страницы".

3.Разработка Web-страницы "Список группы".

Web-страница "Список группы" позволяет осуществить переход от кнопки "Студенты", расположенной в меню кафедральной страницы к персональной Web-странице (узлу) студента. При этом используется промежуточная страница с раскрывающимся списком, на строках которого показан год поступления в университет. Таким образом, страницу списка студентов группы следует связать со страницей "Год поступления".

Страницу "Список группы" следует оформить в виде 3-х колонной таблицы. В поле первой колонки будет установлен логотип группы (или общая фотография), на строках второй и третьей колонок размещены фамилии и инициалы студентов группы, каждая из которых будет снабжена гиперссылкой на персональную Web-страницу студента.

Над списком группы будет установлено поле для общего заголовка, например, индекса группы, а под списком - поле меню, позволяющее перейти на страницу "Год поступления", "Кафедра", "Факультет".

3.1.Выбрать тип страницы для формирования списка:

  1.  В окне мастера установить тип Web-страницы: "В 3-и колонки" и щелкнуть по кнопке "Далее",
  2.  Установить стиль форматирования, например "Изысканный" и щелкнуть по кнопке "Готово",
  3.  Установить невидимые линии сетки на поле страницы с помощью опции "Отображать сетку" в меню "Таблица",
  4.  Установить число ячеек таблицы, позволяющее заполнить весь список.

3.2.Сохранить новый документ в папке под именем Web_ФИО в личной рабочей папке.

3.3.Подобрать соответствующий стиль оформления Web-страницы (фон страницы, цвет полосы, маркеры):

  1.  Для изменения фона Web-страницы:

в меню "Формат" выбрать опцию "Фон" и щелкнуть по строке "Способы заливки",

на вкладке "Заливка" щелкнуть по кнопке "Другая текстура",

на новой вкладке выбрать папку "Backgrounds", для этого: перейти в папку "Program Files" щелкнуть дважды на папке "Clipart" и щелкнут дважды по папке "Backgrounds",

щелкнуть дважды по полю подходящего образца текстуры (например, "Зеленые разводы"),

на вкладке "заливка" щелкнуть по кнопке "ОК".

  1.  Заменить цвет разделительной полосы Web-страницы:

щелкнуть по полосе,

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

выбрать кнопку "Добавить рисунок" и выбрать папку "Lines": перейти в папку "Program Files", щелкнуть по папке Microsoft Office, щелкнуть дважды по папке "Clippart" и дважды по папке "Lines",

выбрать подходящее значение (например, "Черно-зеленые полосы",

закрыть вкладку,

  1.  Изменить маркеры:

щелкнуть на первом маркере,

На панели инструментов "Настройка изображения" выбрать кнопку "Вставить рисунок",

На вкладке "Добавить рисунок" перейти на лист "Bullets", для этого: перейти в папку "Program Files", щелкнуть дважды на папке "Microsoft Office", щелкнуть дважды по папке "Clipart" и затем - дважды на папке "Bullets",

Выбрать подходящий вид маркера (например, "Черно-зеленый алмаз"),

Щелкнуть по замененному маркеру и нажать на клавиши "Ctrl+C" (Копирование маркера в буфер обмена),

Выделить по очереди каждый маркер и, нажимая на клавиши "Ctrl+V", заменить маркеры на новые.

Сохранить подготовленную Web-страницу.

3.4.Добавить необходимый текст (заголовок, элементы списка и т.п.) к Web-странице :

Мастер Web-страницы размещает на поле документа местозаполнители, которые можно заменить необходимым текстом.

  1.  Заменить заголовок:

Выделить поле заголовка щелчком на местозаполнителе с нажатой клавишей "Ctrl",

Записать текст заголовка (Группа ...)

  1.  Ввести фамилии студентов в список:

Выделить поле "Вставить элемент списка", не выделяя маркера,

Ввести соответствующую фамилию,

Заполнить весь список,

Удалить маркер из поля лишней строки: выделить маркер и нажать на клавишу "Del".

  1.  Сохранить Web-страницу.

3.5.Установить гиперссылку на рисунок:

  1.  Перенести в рабочую папку файл логотипа или общей фотографии группы в формате JPEG,
  2.  Выделить поле первого столбца таблицы,
  3.  На поле инструментов "Стандартная" щелкнуть по кнопке "Гиперссылка",
  4.  На вкладке "Добавить гиперссылку" щелкнуть по кнопке "Обзор" рядом с полем "Связать с файлом/URL",
  5.  Открыть рабочую папку, куда ранее был скопирован файл с соответствующим изображением,
  6.  В диалоговом окне "Связать с файлом" щелкнуть по соответствующему имени файла,
  7.  В диалоговом окне "добавить гиперссылку" щелкнуть по кнопке "ОК".
  8.  Сохранить Web-страницу.

3.6.Установить гиперссылки на страницы "Студенты", "Кафедра" и "Факультет":

  1.  Переписать URL-адреса страниц: "Студенты", "Кафедра" и "Факультет",
  2.  Заменить текст в местозаменителях "Связанная страница" на новый: "Студенты", "Кафедра" и "Факультет" соответственно,
  3.  Вставить необходимые гиперссылки для каждого слова меню.
  4.  Сохранить Web-страницу.

3.7.Проверить правильность сформированной страницы:

  1.  В адресной строке браузера указать адрес рабочей папки и имя файла "Список группы",
  2.  С помощью строк меню перейти на Web-страницы факультета, кафедры, студенты.

4.Сформировать персональную Web-страницу (узел) студента.

1

2

3

4

Web-узел студента содержит основную (титульную) и частные Web-страницы страницы, файлы логотипа и фотографий, и, возможно, файлы гостевой книги и т.п.

Основная персональная Web-страница должна содержать: заголовок (Фамилия имя отчество) (1); гиперссылки на частные страницы Web-узла в форме списка (например, образование, работа, отдых  т.п.) (2); основные данные о специальности, фотографию и т.п.), меню, позволяющее перейти к страницам списка группы, кафедры, факультета, а также передать сообщение по электронной почте (4).

Для формирования Web-узла следует создать новую папку, куда поместить файлы рисунков и фотографий, а также файлы создаваемых Web-страниц. Для этого следует выполнить следующие действия:

4.1.Выбрать тип основной страницы, и подобрать необходимый дизайн,

4.2.Установить в форме списка переход на страницы: образование, работа, отдых (увлечения),

4.3.Установить меню в виде гиперсвязей с Web-страницами группы, кафедры, факультета:

4.4.Разработать частные Web-страницы: "Образование", "Работа", "Отдых" ("Интересы", "Увлечения" или т.п.):

  1.  Образование: дать основные сведения о своей квалификации в различных областях деятельности, науки, спорта и т.п.;
  2.  Работа: показать темы проектов, в которых принимаете участие, или которые разрабатываете самостоятельно, или желаете принять участие;
  3.  Отдых: дается информация об использовании свободного времени, интересах, увлечениях и т.п.;
  4.  Установить на каждой из частных страниц меню (кнопки) перехода на основную персональную Web-страницу и на страницу группы.

4.5.Установить гиперссылки из основной персональной Web-страницы на частные с помощью текстового процессора:

  1.  Активизировать основную персональную Web-страницу,
  2.  Выделить местозаместители в нижней части страницы, где предполагается установить гиперсвязи на частные страницы,
  3.  Щелкнуть по кнопке "Гиперсвязи" на панели инструметов "Стандартная",
  4.  На вкладке "Добавить гиперссылку" щелкнуть по кнопке "Обзор" и открыть свою рабочую папку,
  5.  на вкладке "Связать с файлом" щелкнуть дважды по имени соответствующего файла,
  6.  Нажать на кнопку "ОК".

4.6.Разместить личную фотографию на поле основной Web-страницы:

4.7.Установить переход на поле редактора почтовой программы, для получения корреспонденции (Установить ссылку на сервис Интернета "Электронная почта"):

  1.  Используя одну из справочных систем, оформить свой адрес электронной почты,
  2.  Подготовить текст на поле основной страницы в форме приглашения к обмену информацией (например, "Направьте свои замечания и предложения по адресу aaa@bbb.ru"), незабудьте установить дополнительный пробел в строке,
  3.  Проверить корректность установки ресурса.

5.Проверить работоспособность разработанного Web-узла.

6.Подготовить публикацию Web-узла.

6.1.Открыть новую папку " Web Ф.И.О.-" и переписать в нее разработанные файлы, и графический файл,

6.2.Установить адрес Web-страницы списка группы (у Web-администратора групы) и внести соответствующие коррективы в гиперссылки, установленные в меню основной страницы.

6.3.Копировать Web-папку на дискету и передать ее Web-администратору группы.

7.Сохранить HTML-коды документов.

8.Закрыть все приложения на рабочем столе.

1 Браузер Internet Explore этот тэг не поддерживает.

2 Такие символы определяются как специальные символы.

3 Для организации первого фрейма следует использовать конструкци <FRAMESET COLS=100%,0%>

PAGE   \* MERGEFORMAT 1


 

А также другие работы, которые могут Вас заинтересовать

181. Инструментальные средства разработки электронных учебно-методических материалов 1.18 MB
  Инструментальные средства разработки ЭУММ. Сравнение различных типов инструментальных средств разработки. Выработка критериев сравнения инструментальных средств. Learning Content Development System - Community Version. IBM Workplace Collaborative Learning Authoring Tool.
182. Разработка телевизионных систем защиты территорий и помещений 768.5 KB
  Функции систем физической защиты. Обнаружение и распознавание объектов. Классификация и параметры телевизионных камер. Работа телевизионной системы в составе СФЗ. Разработки и реализации адекватных мер защиты.
183. Общая социология. Конспект лекций 678.5 KB
  Понятие, предмет, объект и метод социологии. Структура и уровни социологического знания. Эмиль Дюркгейм и его теория общественного развития. Культура как объект изучения социологии. Общественное мнение и социальные стереотипы как результаты массовой коммуникации.
184. Построение аналитических моделей алгоритмов и оценка их сложности 770.51 KB
  Описание формальной модели алгоритма на основе рекурсивных функций. Описание аналитической модели алгоритма в виде элементарных машин Тьюринга и композиции МТ. Протоколы работы машины Тьюринга. Разработка аналитической модели алгоритма с использованием нормальных алгоритмов Маркова.
185. Информационные технологии в страховой деятельности 67 KB
  Эффективное управление страховым бизнесом в связи с увеличением масштабов страхования требует создания информационных систем страховой деятельности (ИС СД). Автономные автоматизированные рабочие места. Комплекс взаимосвязанных АРМ, функционирующих на единой информационной базе.
186. Аудит підприємства ТОВ «ВСТ» 3.77 MB
  Аудит товарно-матеріальних цінностей на підприємстві ТОВ «ВСТ». Аудит грошових коштів на підприємстві ТОВ «ВСТ». Аудит розрахункових операцій та поточних зобовязань на підприємстві ТОВ «ВСТ». Аудит праці та її оплата на підприємстві ТОВ «ВСТ». Аудит розрахунків з Фондами соціального страхування на підприємстві ТОВ «ВСТ»...
187. Концентрирование кобальта, никеля и кадмия полимерными хелатными сорбентами и их определение в абиотических и биологических объектах 6.52 MB
  Сорбционный метод концентрирования микроэлементов. Сорбенты на основе полистирола. Характеристика состава абиотических и биологических объектов. Расчет статической емкости сорбентов по иону натрия. Выбор элюента для десорбции суммы элементов.
188. Модели согласования инвестиционного контракта 803.86 KB
  Анализ инвестиционного процесса с учетом региональной финансовой политики. Факторинговые операции и технологии, методы оценки эффективности и надежности. Процедуры формирования экономической политики финансового учреждения.
189. Разработка автономной системы энергоснабжения от солнечных модулей на основе структур с переключаемыми конденсаторами 702.58 KB
  Схемы преобразования постоянного напряжения. Устройства на основе конденсаторных преобразователей с переменной структурой. Повышающие преобразователи, регулировка выходного напряжения. Амплитуда тока через зарядные ключи.