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


Чтобы посмотреть этот PDF файл с форматированием и разметкой, скачайте его и откройте на своем компьютере.
Лабораторная работа №
6

Тема: Основы гипертекстовой и Web
-
технологий

Создание гипертекстовых документов средствами W
ord
.

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

Краткие сведения

Основные сведения о веб
-
проектировании.

Веб
-
узел

-

это специальная папка, в которой

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

HTML (HyperText Markup Language) или XML (Extensible Markup Language). Они имеют одно
из следующих расширений: html, htm, xml. Все, что содержит веб
-
узел, далее будем называть веб
-
проектом.
Существуют три типа веб
-
узлов:


создаваемые на веб
-
сервере по
ставщика услуг Интернета;


создаваемые в интрасети как веб
-
узлы группы;


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

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



Рис. . Связь информационных страниц в веб
-
узле.

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

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

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

если в адресную строку браузера ввести, например, DNS
-
адрес

http://www.fa.ru, то на самом деле будет сформирован URL
-
адрес

HTTP://www.fa.ru/index.htm

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

Поэтому файл, в кото
ром хранится первая веб
-
страница, и с которой посетитель начнет движение по
страницам узла, используя гиперссылки, должен иметь имя ©index.htmª.

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

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

Веб
-
документ
. Веб
-
страница представляет собой документ, содержащий описание ее структуры и
содержания, создаваемого посредством команд, сформированных на языке HTML. Эти команды
выполняютс
я программой
-
браузером, таким, например, как Microsoft Internet Explorer. Интерпретируя
Сведения по разделу 1

Сведения по разделу 2

Уточняюща
я
информация
по

разделу 1

Уточняюща
я
информация
по разделу 1

Уточняюща
я
информация
по

разделу 2

Уточняюща
я
информация
по

разделу 2

Главная

страница

(
index
.
htm
))

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

-

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

Язык HTML
. Язык HTML не является языком программирования, он обеспечивает только описание
структуры HTML
-
документа. Для создания интерактивных веб
-
страниц, кроме языка HTML
, служат так
называемые сценарии, представляющие собой программы, которые создаются на языках программирования,
обеспечивающих их интерпретацию и выполнение браузером. Существуют две разновидности таких языков
-
JavaScript и VB Script. Поэтому для того чтоб
ы создавать интерактивные веб
-
страницы, необходимо
использовать язык HTML и один из приведенных языков программирования.

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

Команды в HTML называются дескрипторами или тегами (tag).
Дескриптор

(тэг)

-

это основной
элемент кодирования, принятый в стандарте HTML. Дескрипторы помогают
браузеру понять, что нужно
выделить, где отобразить графику, где находятся гиперссылки. Они представляют собой ключевые слова,
состоящие из последовательности букв, которые заключены в угловые скобки (< >). Так как веб
-
документ
представляет собой упорядоче
нный набор объектов, то дескрипторы задают установки объектов, их свойств
и методов. Дескрипторы имеют следующий синтаксис:

<ИМЯ_НТМ1_
-
ДЕСКРИПТОРА[атрибуты]>,

где ИМЯ_ДЕСКРИПТОРА определяет тип объекта, а необязательные атрибуты устанавливают его
свойства
и методы.

Например
: FONT size=12 color=blu&#x-3FO;&#xNT-1; -2;&#xs3iz;=-4;-52;&#x-5 -;,o-;lo-;r-3;&#x=b-7;&#xlu7e;e

Здесь FONT
-

имя дескриптора, a size и color
-

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

Действие дескрипторов может распространяться на весь документ, на

какую
-
то часть документа или
действовать только в месте его размещения (локально). В соответствии с этим дескрипторы бывают двух
типов: контейнеры и одиночные.

Контейнер

-

это дескрипторная пара, состоящая из начального (или открывающего) и конечного (или

закрывающего) дескриптора. Начальный дескриптор имеет вид:

< ИМЯ_НТМ1
--
ДЕСКРИПТОРА>.

Конечный (закрывающий) дескриптор контейнера имеет вид: --
ДЕСКРИПТОРА >.

Закрывающий дескриптор аналогичен открывающему с той лишь разницей, что имени дескрипт
ора
предшествует символ слэш (/).

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

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

 Эт

о содержимое контейнера
.

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

Примером может
быть дескриптор < BR >
-

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

<Р> Особенности синтаксиса языка HTML
и его применение

Браузер посл
е интерпретации этого HTML
-
кода выведет на экран две строки текста.

Структура
HTML
-
документа
. Документы HTML могут иметь различную структуру, включающую
множество элементов, но все они должны содержать два таких элемента, как:


раздел заголовка страницы
-

H
EAD;


тело документа (страницы)
-

BODY.

Раздел заголовка служит для описания общих свойств страницы, таких, как заголовок (имя) страницы,
который будет отображаться в строке имени окна браузера, МЕТА
-
указаний и описания таблиц стилей.
МЕТА
-
указания служат д
ля задания параметров, которые необходимы для поисковых систем. Этот раздел
формируется с помощью парного дескриптора . Внутри контейнера могут помещаться
дескрипторная пара , содержащая внутри себя информацию, которая должна быть помещ <br>ена в <br>строку заголовка окна браузера, и одиночный дескриптор <МЕТА>, который предназначен для записи <br>информации, необходимой для поисковых систем. <br> <br>Тело документа служит для описания содержимого HTML <br>- <br>страницы <br>- <br> <br>текстовой информации, таблиц, <br>интерактивных эл <br>ементов управления, графики и т.п. Тело документа заключается в дескрипторную пару <br>B -9O; Y00;ODY / B&#x/ -3; -7O; Y00;ODY. <br> <br>Весь документ заключается в дескрипторную пару <HTML> </HTML>. <br> <br>Пример <br>HTML <br>- <br>документа. <br> <br>HTML&#xH-2T;&#x-15M;&#xL600; <br> <br>HEA&#xH-2E;&#x-2A1;ᴀD <br> <br>TITLE&#xT-17;&#xI8T-;L9;-20; Exercise 1 /TITLE&#x/T-4;&#xI8T-;L9;-20; <br> <br>/HE&#x/HE-;嫐AD <br> <br>BODY bgcolor=n#cccc <br>99"� <br> <br><FONT size=14 color="blue"> Tag ©Fontª </FONT> <br> <br>/ <br>BODY <br>� <br> <br>/ <br>HTML <br>� <br> <br>При просмотре документа браузером в строке заголовка браузера будет помещен текст <br>Exercise <br> <br>1, т.е. <br>такой, который указан в дескрипторе < <br>TITLE <br>>, а текст <br>Tag <br> <br>© <br>Font <br>ª, помещенный внутри дескри <br>птора <br> <br>BODY <br>>, отображается в окне браузера. <br> <br>Код <br>HTML <br>- <br>документа содержит следующие дескрипторы: <br> <br> <br>весь документ заключен в парный дескриптор < <br>HTML <br> <br>>, здесь содержание странички < / <br>HTML <br> <br>�, <br>который указывает, что все, что внутри этого дескриптора, браузеру нео <br>бходимо интерпретировать. <br>Внутри существуют еще два больших элемента <br>HEAD <br> <br>и <br>BODY <br>, тоже парные, которые требуют <br>закрытия; <br> <br> <br>HEAD <br> <br>- <br> <br>это раздел заголовка, в нем нужно описывать свой <br>ства документа в целом, такие, как <br>общий заголовок документа <br>TITLE <br>, и некоторые <br> <br>другие; <br> <br> <br>BODY <br> <br>- <br> <br>это тело документа, где описывается все содержимое странички. <br> <br>У дескриптора < <br>BODY <br>> есть несколько атрибутов, с помощью которых можно определить какие <br>- <br>либо <br>установки. Можно задать цвет странички атрибутом <br>bgcolor <br>=" <br>X <br>". Параметр <br>X <br> <br>можно задать <br> <br>двумя <br>способами: указанием названия цвета, например <br>bgcolor <br>=" <br>red <br>" или шестнадцатеричной константой, <br>например <br>bgcolor <br>="#017 <br>D <br>75" (не забывайте, кавычки при указании значения атрибута обязательны). Можно <br>установить цвет основного текста на страничке атрибуто <br>м ТЕХТ="Х". Параметр <br>X <br> <br>- <br> <br>это значение цвета, <br>устанавливаемое по любому из двух описанных выше способов. В качестве фона можно использовать <br>рисунок, для это <br>го в дескрипторе < <br>BODY <br>> следует задать следующий атрибут: <br>background <br>=" <br>Y <br>". Здесь <br>Y <br> <br>- <br> <br>это путь к файлу <br> <br>фона, например <br>fon <br>. <br>gif <br>, но для этого этот файл должен находиться в той же папке, что и <br>файл странички, на которую он загружается. Можно зафиксировать фон на одном месте, добавив атрибут <br>bgproperties <br>=" <br>fixed <br>". Также можно указать цвета непросмотренных ссыло <br>к; атрибут <br>LINK <br>= ; цвет активной <br>ссылки (на которую наведен курсор) устанавливается атрибутом <br>ALINK <br>= ; цвет просмотренных ссылок <br>- <br>атрибутом <br>VLINK <br>=. <br> <br>Инструментальные средства для ввода и редактирования HTML <br>- <br>документов. <br> <br>HTML <br>- <br>документ <br>можно создать с помощью <br>любого текстового редактора, например с помощью встроенного в операционную <br>систему редактора БЛОКНОТ. <br> <br>Создание веб <br>- <br>страниц с помощью редактора БЛОКНОТ предполагает знание и умение использовать все <br>возможные дескрипторы <br>HTML <br>. В этом редакторе нет средств, п <br>омогающих пользователю, поэтому <br>использовать его для создания <br>HTML <br>- <br>документов достаточно сложно и неэффективно. <br> <br>Для этой цели разработан ряд специальных инструментальных средств, предназначенных для создания <br>HTML <br>- <br>документов. Среди них <br>Front <br> <br>Page <br>, <br>HTML <br> <br>Edi <br>tor <br> <br>и некоторые другие. <br> <br>В <br>MS <br> <br>Office <br> <br>2000 встроены специальные инструментальные средства для создания веб <br>- <br>страниц, такие, <br>как "Мастер веб <br>- <br>страниц" и <br>MS <br> <br>VB <br> <br>Script <br> <br>Editor <br>. С помощью Мастера веб <br>- <br>страниц можно создавать веб <br>- <br>страницы без интерактивных элементов <br>, практически не зная и не используя язык <br>HTML <br>. <br> <br>Редактор <br>MS <br> <br>VB <br> <br>Script <br> <br>Editor <br> <br>обеспечивает создание интерактивных веб <br>- <br>страниц, использующих <br>элементы форм. <br> <br>Последовательность создания веб <br>- <br>проекта <br>. <br> <br>Процесс создания проекта состоит из нескольких этапов. <br> <br>1. <br> <br>На п <br>ервом этапе, прежде чем приступать к созданию проекта, следует определиться с его <br>функциональным назначением и тематической направленностью информационного материала. <br> <br>2. <br> <br>На втором этапе обычно проводится декомпозиция общей темы на тематические подразделы и <br>от <br>дельные статьи с определением связей между ними. Результатом такой декомпозиции является <br>создание структуры проекта. <br> <br>Задание <br> <br>1. Создайте HTML документы средствами Word. <br> <br>2. Оформите каждый документ в соответствии с его содержанием и целью работы. <br> <br>3.Создайте <br> <br>ссылки между главной страницей и остальными страницами. <br> <br>4. Запустите созданные документы с помощью Internet Explorer. <br> <br>Технология работы <br> <br>Создание <br>Web <br>- <br>документов <br> <br>1. Запустите WORD и введите следующий текст: <br> <br>Информационная технология <br>– <br> <br>совокупность методов, <br>производственных процессов и программно <br>- <br>технических средств, объединенных в технологическую цепочку, обеспечивающую сбор, хранение, <br>обработку, вывод и распространение информации для снижения трудоемкости процессов использования <br>информационных ресурсов, пов <br>ышения их надежности и оперативности. <br> <br>2. После этого абзаца добавьте картинку, выбрав ее, например, из Клип <br>- <br>галереи (команды <br>Вставка <br>- <br> <br>Рисунок <br>– <br> <br>Картинки <br>) или из автофигур ( <br>Автофигуры <br> <br>на панели <br>Рисование <br>). <br> <br>Далее с помощью команды <br>Таблица <br>- <br> <br>Добавить таблицу <br> <br>вставьте следующую таблицу: <br> <br> <br> <br>№ <br>п/п <br> <br>Наименование <br> <br>Определение <br> <br>1 <br> <br>Технологическая <br>цепочка <br> <br>Определяет технологические <br>процессы проектирования и <br>обработки данных ЭИС. <br> <br>2 <br> <br>Информационные <br>ресурсы <br> <br>Совокупность данных, <br>представляющих ценность для <br>предприятия и выс <br>тупающих в <br>качестве материальных ресурсов. <br> <br>Для определения границ таблицы используются команды <br>Таблица <br>- <br> <br>Границы или Формат <br>- <br> <br>Границы <br>и заливк <br>а. <br> <br>3. Отступите несколько абзацев и введите следующий текст: <br> <br>Совокупность методов и производственных процессов оп <br>ределяет принципы, приемы, методы и <br>мероприятия, регламентирующие проектирование и использование программно <br>- <br>технических средств для <br>обработки данных в предметной области. <br> <br>3. Отступите еще один абзац и введите слова: <br> <br>К началу страницы. <br> <br>4. Задайте фон стран <br>ицы <br>– <br> <br>по своему усмотрению. Для этого воспользуйтесь командами Формат <br>- <br> <br>Фон. <br> <br>5. В начале документа добавьте бегущую строку с текстом " <br>Информационные технологии <br>". Для этого <br>включите панель инструментов <br>Web <br>- <br>компоненты (меню <br>Вид <br>- <br> <br>Панели инструментов <br>- <br> <br>Web <br>- <br>ко <br>мпоненты <br>). <br>На панели <br>Web <br>- <br>компоненты <br>включите кнопку <br>Бегущая строка <br>. В открывшемся окне введите текст <br>бегущей строки, выберите способ и направление движения, цвет фона бегущей строки (рис.). <br> <br> <br> <br>Рис. Вид окна Бегущая строка <br> <br>6. Отформатируйте документ и сохр <br>аните его в формате HTML с помощью команды <br>Файл <br>- <br> <br>Сохранить как <br>Web <br>- <br>страницу <br> <br>с именем <br>ИТ <br>, <br> <br>Тип файла Веб <br>- <br>страница <br> <br>(*. <br>htm <br>) <br> <br>в своей индивидуальной <br>папке. <br> <br>Этот документ будем считать главной страницей (рис.). Закройте документ <br>ИТ <br>. <br> <br> <br> <br>Рис. Окно документа <br>ИТ <br> <br>7 <br>. Создайте новый документ WORD ( <br>Файл <br>- <br> <br>Создать <br>) и ведите следующий текст: <br> <br>Технические средства включают: <br> <br> <br>компьютер; <br> <br> <br>· <br>устройства ввода/вывода; <br> <br> <br>оргтехнику; <br> <br> <br>линии связи; <br> <br> <br>оборудование сетей. <br> <br>Программные средства состоят из системного (общего) и прикладного пр <br>ограммного обеспечения и <br>документации к ним. <br> <br>8. Отступите один абзац и введите следующий текст: <br> <br>На главную страницу <br> <br>9. Задайте фон страницы с помощью команд <br>Формат <br>- <br> <br>Фон <br>. Отформатируйте документ. Сохраните <br>документ в формате HTML с помощью команды <br>Файл <br>- <br> <br>Сохранить как <br>Web <br>- <br>страницу <br> <br>с именем <br>ПТС <br>, <br> <br>Тип файла Веб <br>- <br>страница <br>, <br> <br>в своей индивидуальной папке. Закройте документ <br>ПТС <br>. Этот документ будем <br>считать <br>Страницей 1 <br>. <br> <br> <br>Рис. Окно документа <br>ПТС <br> <br>10. Создайте новый документ WORD и введите следующий текст: <br> <br>Технологич <br>еская цепочка определяет технологические процессы проектирования и обработки данных <br>ЭИС. <br> <br>11. Отступите один абзац и введите следующий текст: <br> <br>На главную страницу <br> <br>12. Задайте фон страницы. Отформатируйте и сохраните документ в формате HTML с помощью <br>команды <br>Файл <br>- <br> <br>Сохранить как <br>Web <br>- <br>страницу <br>, <br> <br>Тип файла Веб <br>- <br>страница <br>, <br> <br> <br>с именем <br>ТЦ <br> <br>в своей <br>индивидуальной папке. Закройте документ <br>ТЦ <br>. Этот документ будем считать <br>Страницей 2 <br>. <br> <br> <br>Рис. Окно документа <br>ТЦ <br> <br>13. Создайте новый документ WORD и введите следующий текст: <br> <br>Информационные ресурсы <br>– <br> <br>совокупность данных, представляющих ценность для предприятия и <br>выступающих в качестве материальных ресурсов. <br> <br>14. Отступите один абзац и введите следующий текст: <br> <br>На главную страницу <br> <br>15. Задайте фон страницы. Отформатируйте и сохрани <br>те документ в формате HTML с помощью <br>команды Файл <br>- <br> <br>Сохранить как <br>Web <br>- <br>страницу <br> <br>с именем <br>ИР <br>, <br>Тип файла Веб <br>- <br>страница <br>, <br> <br> <br>в своей <br>индивидуальной папке. Закройте документ <br>ИР <br>. Этот документ будем считать <br>Страницей 3 <br>. <br> <br> <br>Рис. Окно документа <br>ИР <br> <br>Редактирование <br>Web <br>- <br>до <br>кументов и создание гиперссылок <br> <br>16. Откройте документ <br>ИТ <br>в своей индивидуальной папке. <br>Web <br>- <br>документ откроется в окне <br> <br>Explorer <br> <br>для просмотра. Для редактирования <br>Web <br>- <br>документа нажмите кнопку <br>Править в <br>Microsoft <br> <br>Office <br> <br>Word <br>. <br> <br>17. Создайте в документе <br> <br>ИТ следующие гиперссылки: <br> <br> <br>внутреннюю гиперссылку для слов <br>совокупность методов, производственных процессов <br> <br>для <br>перехода на второй абзац текста внутри страницы. <br> <br> <br>внешнюю гиперссылку для слов <br>программно <br>- <br>технических <br> <br>для перехода на документ <br>ПТС <br>. И <br>ссылку для <br>слов <br>На главную страницу <br> <br>из документа <br>ПТС <br> <br>обратно на документ <br>ИТ <br>. <br> <br> <br>внешнюю Гиперссылку для слов <br>технологическая цепочка <br> <br>для перехода на документ <br>ТЦ <br>. И ссылку <br>для слов <br>На главную страницу <br> <br>из документа <br>ТЦ <br> <br>обратно на документ <br>ИТ <br>. <br> <br> <br>внешнюю гиперссылку для сло <br>в <br>информационные ресурсы <br> <br>для перехода на документ <br>ИР <br>. И ссылку <br>для слов <br>На главную страницу <br> <br>из документа <br>ИР <br> <br>обратно на документ <br>ИТ <br>. <br> <br>Схема ссылок представлена на рисунке <br> <br> <br> <br> <br> <br>Рис.1. Схема ссылок <br> <br>Схема внутренних гиперссылок представлена на рисунке . <br> <br> <br>Рис <br>. Схема внутренних гиперссылок <br> <br>Технология создания внутренних гиперссылок <br> <br>Ссылка внутри странички подразумевает перескакивание с одного слова на другое. Этот прием <br>применяется тогда, когда документ велик по объему, его оглавление находится вверху, или нужн <br>о быстро <br>перейти от одного абзаца на другой, минуя промежуточные. Таким образом, вам надо иметь как минимум <br>два слова, одно из которых будет <br>ссылкой <br> <br>(слово, с которого идет переход), другое будет <br>закладкой <br> <br>(слово, <br>на которое будет сделан переход). <br> <br>1). Выде <br>лите слово <br>- <br> <br>"закладку" (на которое будем перемещаться) <br>- <br> <br>Совокупность методов и <br>производственных процессов <br> <br>в предпоследнем абзаце документа <br>ИТ <br>. Выполните команду <br>Вставка <br>- <br> <br>Закладка <br>. В диалоговом окне дайте имя закладке, например, <br>Метод <br> <br>и нажмите кнопку <br>До <br>бавить <br>(рис. ). <br> <br> <br>Рис. Диалоговое окно Закладка <br> <br>2). Выделите слово <br>- <br> <br>"ссылку" (от которого произойдет переход) <br>совокупность методов, <br>производственных процессов <br> <br>в первом абзаце документа <br>ИТ <br>, выполните команду линкования <br>Вставка <br>- <br> <br>Гиперссылка <br>. В диалоговом о <br>кне " <br>Добавить гиперссылку <br>" нажмите кнопку <br>Закладка, <br>в окне <br>Выбор <br>места в документе <br> <br>выберите закладку <br>Метод <br> <br>и <br>ОК <br>. <br> <br>Теперь слово <br>- <br> <br>"ссылка" стало настоящей ссылкой <br>- <br> <br>оно изменило цвет и стало подчеркнутым. При <br>нажатии на него, вы сразу попадете на слово, кот <br>орое сделали закладкой. Нужно отметить, что, как и <br>ссылками, закладками могут быть и картинки, и абзацы, и вообще любые элементы странички, которые <br>могут быть выделены. <br> <br>Аналогичным образом выполните гиперссылку в обратном направлении, от слов <br>К началу стра <br>ницы <br> <br>к <br>словам <br>Информационная технология <br>в начале документа. <br> <br>1). Выделите слово <br>- <br> <br>"закладку" (на которое будем перемещаться) <br>- <br> <br>Информационная технология <br> <br>в <br>первом абзаце. Выполните команду <br>Вставка <br>- <br> <br>Закладка <br>. В диалоговом окне дайте имя закладке, например, <br>Н <br>ачало <br> <br>и нажмите кнопку <br>Добавить <br>. <br> <br>2). Выделите слово <br>- <br> <br>"ссылку" (от которого произойдет переход) <br>- <br> <br>К началу страницы <br>, выполните <br>команду <br>Вставка <br>- <br> <br>Гиперссылка <br>. В диалоговом окне " <br>Добавить гиперссылку <br>" нажмите кнопку <br>Закладка, <br>в окне <br>Выбор места в документе <br> <br>выберите закладку <br>Начало <br> <br>и <br>ОК <br>. <br> <br>Технология создания внешних гиперссылок <br> <br>1). В документе <br>ИТ <br> <br>выделите слова <br>программно <br>- <br>технических средств <br> <br>и вызовите команду создания <br>ссылки в меню <br>Вставка <br>- <br> <br>Гиперссылка <br>. В диалоговом окне " <br>Добавить гиперссылку <br>" в поле " <br>Связь <br>с <br>файлом URL <br>" щелкните на кнопке <br>Обзор <br> <br>и в диалоговом окне " <br>Связь с файлом <br>" выберите файл <br>ПТС <br> <br>и <br>ОК. <br> <br>Слова <br>программно <br>- <br>технических средств <br>, которое вы связали с файлом гиперссылкой, изменит свой <br>цвет и станет подчеркнутым, т.е. является ссылкой. <br> <br>2). В докуме <br>нте <br>ПТС <br> <br>выделите слова <br>На главную страницу <br> <br>и вызовите команду создания ссылки в <br>меню <br>Вставка <br>- <br> <br>Гиперссылка <br>. В диалоговом окне " <br>Добавить гиперссылку <br>" в поле " <br>Связь с файлом <br>URL <br>" щелкните на кнопке <br>Обзор <br> <br>и в диалоговом окне " <br>Связь с файлом <br>" выберите файл <br>ИТ <br> <br>и <br>ОК <br>. <br> <br>Аналогичным образом выполните гиперссылки на другие страницы от стальных выделенных слов. И <br>обратные гиперссылки от слов <br>На главную страницу <br> <br>с других страниц на главную страницу. <br> <br>18. Сохраните документы с гиперссылками и закройте все документы. <br> <br>Прос <br>мотр <br>Web <br>- <br>документов с помощью Internet Explorer <br> <br>Просмотреть документ с помощью Internet Explorer можно разными способами. <br> <br>Один из способов: Запустите Internet Explorer. Откройте файл <br>ИТ <br> <br>с помощью команды <br>Файл <br>- <br> <br>Открыть <br>. <br> <br>Другой способ <br>– <br> <br>дважды щелкнуть мы <br>шкой на файле и запустить его. <br>запустится <br> <br>сам <br>. <br> <br>19. Используя гиперссылки, просмотрите документы. <br> <br>Создание HTML <br>- <br>документа на основе фреймов с помощью тегов <br> <br>Создадим HTML <br>- <br>документ, состоящий из двух окон, одно окно будет содержать Меню, в <br> <br>другом окне <br>будут просматриваться созданные страницы. <br> <br>20. Создайте новый документ WORD (меню <br>Файл <br>- <br> <br>Создать <br>). <br> <br>21. Введите заголовок <br>Меню <br>. Отступите несколько абзацев и ведите абзацы: <br> <br>Главная страница. <br> <br>Программно <br>- <br>технические средства. <br> <br>Технологическая це <br>почка. <br> <br>Информационные ресурсы. <br> <br>22. Отформатируйте документ и сохраните документ в формате HTML с помощью команды <br>Файл <br>- <br> <br>Сохранить как <br>Web <br>- <br>страницу <br> <br>с именем <br>Меню <br>, <br>Тип файла Веб <br>- <br>страница <br>, <br> <br> <br>в индивидуальной папке. <br> <br>23. Создайте следующие внешние гиперссылки: <br> <br>О <br>т слов " <br>Главная страница <br>" для перехода на файл <br>ИТ <br>; <br> <br>От слов " <br>Программно <br>- <br>технические средства <br>" для перехода на файл <br>ПТС <br>. <br> <br>От слов " <br>Технологическая цепочка <br>" для перехода на файл <br>ТЦ <br>. <br> <br>От слов " <br>Информационные ресурсы <br>" для перехода на файл <br>ИР <br>. <br> <br>24. Задайте фон с <br>траницы командами <br>Формат <br>- <br> <br>Фон <br>. <br> <br>25. Сохраните изменения и закройте файл <br>Меню <br>. <br> <br>26. Откройте файл <br>Меню <br> <br>с помощью Internet Explorer. В Internet Explorer откройте документ на языке <br>HTML, для этого воспользуйтесь командами <br>Вид <br>- <br> <br>Просмотр HTML <br>- <br>кода <br>. <br> <br>27. Найдите <br> <br>в документе на языке HTML строку, содержащие теги гиперссылок: <br> <br>A HREF=" <br>ИТ <br>.htm" � <br> <br>A HREF=" <br>ПТС <br>.htm" � <br> <br>A HREF=" <br>ТЦ <br>.htm" � <br> <br>A HREF=" <br>ИР <br>.htm" � <br> <br>и добавьте следующий код Target = "Osnova". <br> <br>В результате должно получиться: <br> <br>A HREF=" <br>ИТ <br>.htm" Target = "Osnova�" <br> <br>A HREF=" <br>ПТС <br> <br>A HREF=" <br>ТЦ <br>.htm" Target = "Osnova�" <br> <br>A HREF=" <br>ИР <br> <br>28. Сохраните изменения в файле <br>Меню <br> <br>с помощью команд <br>Файл <br>- <br> <br>Сохранить <br>. <br> <br>29. Откройте программу "Блокнот". <br> <br>30. Введите следующий текст: <br> <br>HTML&#xH-2T;&#x-15M;&#xL600; <br> <br>head&#xh4ea;&#x-3d-;倀 &#xtitl;title <br>Пример <br> <br>/title&#x/tit;&#xle-1;က /head&#x/h5e; -3d;&#x-500; <br> <br> <br>frame scrolling = auto noresize src= <br>Меню <br>.htm� <br> <br>frame scrolling = yes noresize src= <br>ИТ <br>.HTM Name = "Osnova"� <br> <br> <br>/HTML&#x/HT-;ML;怀 <br> <br> <br>Краткие пояснения: <br> <br><HTML> …. <HTML> <br>- <br> <br>ти <br>п документа, начало и конец файла. <br> <br>head&#xh4ea;&#x-3d-;倀 &#xtitl;title <br>Index <br> <br> <br>/ti&#x/ti-;tl;tle /head&#x/h5e; -3d;&#x-500; <br>- <br> <br>задание заголовка документа. <br> <br><FRAMESET> …….. <FRAMESET> <br>- <br> <br>задание документа с окнами. <br> <br>- <br> <br>задание ширины окон. <br> <br>frame scrolling = auto noresize <br> <br>src= Меню.htm> <br>- <br> <br>задание содержания первого окна, и задание <br>параметров первого окна. <br> <br><frame scrolling = yes noresize src=ИТ.HTM Name = "Osnova"> <br>- <br> <br>задание содержания второго окна, и <br>задание параметров второго окна. <br> <br> <br>31. Сохраните документ в формате HTM <br>L в индивидуальной папке. Для этого выберите команды <br>Файл <br>- <br> <br>Сохранить как <br>. В поле <br>Имя файла <br> <br>введите имя <br>Index <br>. <br>htm <br>. В поле <br>Тип файла <br> <br>выберите <br>Все <br>файлы <br>. Закройте документ <br>Index <br>. <br>htm <br>. <br> <br>32. Просмотрите документ <br>Index <br>. <br>htm <br> <br>с помощью Internet Explorer. <br> <br>Индивидуал <br>ьное задание <br> <br>Спроектируйте гипертекстовый документ, преобразовав текст задания вашего варианта из линейной <br>формы в гипертекстовую (сетевую) и постройте графическую модель (схему ссылок) (см. рис. 1 <br>упражнения). Для этого: <br> <br> <br>Разделите текст на страницы; <br> <br> <br>Каж <br>дой странице присвойте имя файла; <br> <br> <br>Выделите ключевые слова связи страниц; <br> <br>Предусмотрите в каждой странице ключевое слово возврата на главную страницу. <br> <br>Создайте HTML документы средствами Word. <br> <br>Оформите каждый документ в соответствии с его содержанием и цель <br>ю работы. <br> <br>Создайте ссылки между главной страницей и остальными страницами. <br> <br>Запустите созданные документы с помощью Internet Explorer. <br> <br>Создайте фреймовый HTML <br>- <br>документ с помощью тегов языка HTML. <br> <br>Предъявите работу преподавателю в виде файлов в формате H <br>TML <br> <br>Варианты заданий <br> <br>Вариант 1 <br> <br>Моделирование <br>– <br> <br>1. Исследование объектов познания на моделях. 2. Построение и изучение моделей <br>реально существующих объектов и явлений <br> <br>Аналитическая модель <br>– <br> <br>формула, представляющая математические зависимости в конкретной <br>пр <br>едметной области и показывающая, как результат функционально зависит от исходных данных. <br> <br>Аналоговая модель <br>– <br> <br>модель, свойства которой определяются законами, аналогичными законам <br>изучаемой системы. <br> <br>Дескриптивная модель <br>– <br> <br>модель, предназначенная для описания <br> <br>и объяснения наблюдаемых фактов или <br>прогноза поведения объектов. <br> <br>Вариант 2 <br> <br>Экономическая система <br>– <br> <br>1. Часть системы более высокого порядка <br>– <br> <br>социально <br>- <br>экономической <br>системы. 2. абстрактная конструкция, упрощенно отражающая основные черты реальной экономич <br>еской <br>системы. <br> <br>Большая система <br>– <br> <br>система, состоящая из множества частей и элементов, выполняющих некоторые <br>функции, и связанных между собой. <br> <br>Связи в системе <br>– <br> <br>то, что объединяет элементы системы в одно целое. <br> <br>Элемент системы <br>– <br> <br>часть системы, которая рассма <br>триваемая без дальнейшего членения как единое <br>целое; его внутренняя структура не является предметом исследования. <br> <br>Вариант 3 <br> <br>Гипертекстовая информационная технология <br>– <br> <br>технология обработки семантической информации, <br>основанная на использовании гипертекстов. <br> <br>Информационная технология <br>– <br> <br>система методов и способов сбора, накопления, хранения, поиска, <br>обработки и выдачи информации. <br> <br>Эффективная технология <br>– <br> <br>технологический способ, для которого характерно наиболее экономное <br>преобразование ресурсов в продукты. <br> <br>Техно <br>логия <br>– <br> <br>система взаимосвязанных способов обработки ресурсов и приемов изготовления <br>продукции в производственном процессе. <br> <br>Вариант 4 <br> <br>Управление экономической системой <br>– <br> <br>1. переработка экономической (социально <br>- <br>экономической) <br>информации и принятие на этой осн <br>ове решений о воздействии на экономическую систему. 2. Реализация <br>этих решений. <br> <br>Экономическая система <br>– <br> <br>1. Часть системы более высокого порядка <br>– <br> <br>социально <br>- <br>экономической <br>системы. 2. абстрактная конструкция, упрощенно отражающая основные черты реальной экон <br>омической <br>системы. <br> <br>Функционирование экономической системы <br>– <br> <br>процесс переработки экономической системой ресурсов в <br>продукты производства, удовлетворяющие общественные потребности в материальных благах. <br> <br>Ресурсы <br>– <br> <br>денежные средства, ценности, запасы, возможно <br>сти, источники средств, доходов (например, <br>экономические ресурсы). <br> <br>Вариант 5 <br> <br>Информационная безопасность <br>– <br> <br>состояние защищенности информационной среды общества, <br>обеспечивающее ее формирование и развитие в интересах граждан, организаций, государства. <br> <br>Информ <br>ационная среда общества <br>– <br> <br>совокупность информационных ресурсов, система формирования, <br>распространения и использования информации, информационной инфраструктуры. <br> <br>Информационная инфраструктура <br>– <br> <br>совокупность центров обработки и анализа информации, каналов <br>ин <br>формационного обмена и коммуникаций, линий связи, систем и средств защиты информации. <br> <br>Информационные ресурсы <br>– <br> <br>данные и документированная информация о жизнедеятельности общества, <br>организованные в базы данных, а также другие формы организации информации. <br> <br>Ин <br>фраструктура <br>– <br> <br>комплекс производственных и непроизводственных отраслей, обеспечивающих <br>условия воспроизводства: дороги, связь, транспорт, образование, здравоохранение. <br> <br>Вариант 6 <br> <br>Информационная среда общества <br>– <br> <br>совокупность информационных ресурсов, система <br>формирования, <br>распространения и использования информации, информационной инфраструктуры. <br> <br>Информационные ресурсы <br>– <br> <br>данные и документированная информация о жизнедеятельности общества, <br>организованные в базы данных, а также другие формы организации информации. <br> <br>Ресурсы <br>– <br> <br>денежные средства, ценности, запасы, возможности, источники средств, доходов (например, <br>экономические ресурсы). <br> <br>Информация <br>– <br> <br>совокупность знаний о фактических данных и зависимостях между ними. <br> <br>Информационные процессы (в экономике) <br>– <br> <br>процессы нак <br>опления, обработки и распространения <br>экономической информации в целях управления общественным производством. <br> <br>Вариант 7 <br> <br>Моделирование <br>– <br> <br>1. Исследование объектов познания на моделях. 2. Построение и изучение моделей <br>реально существующих объектов и явлений <br> <br>Ма <br>кроэкономическая модель <br>– <br> <br>модель, отражающая функционирование народного хозяйства как <br>единого целого. <br> <br>Микроэкономическая модель <br>– <br> <br>модель, отражающая функционирование и структуру звена <br>хозяйственной системы, взаимодействие его составных частей. <br> <br>Оптимальная <br>модель <br>– <br> <br>модель, которая охватывает некоторое число вариантов производства, <br>распределения ил потребления и предназначена для выбора таких значений переменных, характеризующих <br>эти варианты, чтобы был найден лучший из них. <br> <br>Вариант 8 <br> <br>Теория экономической инфо <br>рмации <br>– <br> <br>научная дисциплина, изучающая сущность, способы применения <br>и совершенствования экономическая информации. <br> <br>Экономическая информация <br>– <br> <br>информация об общественных процессах производства, обмена, <br>распределения, накопления и потребления общественных бла <br>г. <br> <br>Информация <br>– <br> <br>совокупность знаний о фактических данных и зависимостях между ними. <br> <br>Вариант 9 <br> <br>Экономическая информация <br>– <br> <br>информация об общественных процессах производства, обмена, <br>распределения, накопления и потребления общественных благ. <br> <br>Информация <br>– <br> <br>сово <br>купность знаний о фактических данных и зависимостях между ними. <br> <br>Семантический аспект информации <br>– <br> <br>характеристика информации относительно ее смысла, <br>содержания. <br> <br>Синтаксический аспект информации <br>– <br> <br>характеристика информации относительно количества, <br>структуры, <br> <br>построения передаваемых сообщений безотносительно к их смысловому содержанию и <br>полезности для решения задачи получателя. <br> <br>Прагматический аспект информации <br>– <br> <br>характеристика информации относительно полезности, <br>пригодности для решения задачи получателя. <br> <br>Вари <br>ант 10 <br> <br>Язык <br>– <br> <br>любая знаковая система, используемая для сбора, обработки, хранения и распространения <br>информации. <br> <br>Информация <br>– <br> <br>совокупность знаний о фактических данных и зависимостях между ними. <br> <br>Система <br>– <br> <br>совокупность элементов, выполняющих некоторые функции <br>, и связанных между собой. <br> <br>Контрольные вопросы <br> <br>1. <br> <br>Что такое веб <br>- <br>узел? <br> <br>2. <br> <br>Какие существуют типы веб <br>- <br>узлов? <br> <br>3. <br> <br>По какому принципу организуется связь информационных страниц в веб <br>- <br>узле? <br> <br>4. <br> <br>Как создаются сайты? <br> <br>5. <br> <br>Что такое <br>HTML <br>? <br> <br>6. <br> <br>Что такое дескриптор (тэг) языка <br>HTML <br>? <br> <br>7. <br> <br>Какова <br>структура <br>HTML <br>- <br>документа? <br> <br>8. <br> <br>Назовите инструментальные средства для ввода и редактирования HTML <br>- <br>документов. <br> <br>9. <br> <br>Что такое гипертекст? <br> <br>10. <br> <br>Какова структура гипертекста? <br> <br>11. <br> <br>Что такое гиперссылки? <br> <br>12. <br> <br>Что такое внутренние гиперссылки? <br> <br>13. <br> <br>Как создать внутреннюю гиперссылку? <br> <br>14. <br> <br>Что та <br>кое внешние гиперссылки? <br> <br>15. <br> <br>Как создать внешнюю гиперссылку? <br> <br> <br> <!-- Записан кеш по адресу [/hddmedia/vhosts/exdocsfiles.com/httpdocs/HTML_CONV/7/65/765a5d59818b4326cf64c2e14d481556] для файла [/hddmedia/vhosts/exdocsfiles.com/httpdocs/files/2018/04/set_086/12201433.pdf] в папку [/hddmedia/vhosts/exdocsfiles.com/httpdocs/HTML_CONV/7/65]--><!--END ///////////////////////////////////////////////////////////--></div><br><div id=downloadjump></div><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Общий горизонт --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-3823360723898844" data-ad-slot="1458529249"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="download-attachments"><p class="download-title">Приложенные файлы</p><ul><li class="pdf"><img class="attachment-icon" src="https://exdocsfiles.com/wp-content/plugins/download-attachments/images/ext/pdf.gif" alt="pdf" /> <a href="https://exdocsfiles.com/downtimer/?fileid=1382750" class="attachment-link" title="12201433">12201433</a><br /><span class="attachment-size"><span class="attachment-label">Размер файла:</span> 481 kB</span> <span class="attachment-downloads"><span class="attachment-label">Загрузок:</span> 0</span> </li></ul></div><div class="crp_related "><h3>Материалы по тему:</h3><ul><li><a href="https://exdocsfiles.com/4322553" target="_blank" ><span class="crp_title">Страница 1. Страница 2. Страница 3. Страница 4. Страница 5. Страница 6. Страница 7. Страница 8. Страница 9.…</span></a></li><li><a href="https://exdocsfiles.com/2401869" target="_blank" ><span class="crp_title">— галстучный узел, армянский узел, петельный узел, узел «фриволите», репсовый узел, пионерский узел…</span></a></li><li><a href="https://exdocsfiles.com/3720549" target="_blank" ><span class="crp_title">Карта З-И-У Разработала Сорокина О.Ю. Вопрос. Какие существуют виды биометрической защиты данных? Как…</span></a></li><li><a href="https://exdocsfiles.com/141643" target="_blank" ><span class="crp_title">Страница 1. Страница 2. Страница 3. Страница 4. Страница 5. Страница 6. Страница 7</span></a></li><li><a href="https://exdocsfiles.com/240299" target="_blank" ><span class="crp_title">Страница 1. Страница 2. Страница 3. Страница 4. Страница 5. Страница 6. Страница 7</span></a></li><li><a href="https://exdocsfiles.com/269749" target="_blank" ><span class="crp_title">Страница 1. Страница 2. Страница 3. Страница 4. Страница 5. Страница 6. Страница 7</span></a></li><li><a href="https://exdocsfiles.com/497151" target="_blank" ><span class="crp_title">Страница 1. Страница 2. Страница 3. Страница 4. Страница 5. Страница 6. Страница 7</span></a></li><li><a href="https://exdocsfiles.com/741767" target="_blank" ><span class="crp_title">Страница 1. Страница 2. Страница 3. Страница 4. Страница 5. Страница 6. Страница 7</span></a></li><li><a href="https://exdocsfiles.com/1000705" target="_blank" ><span class="crp_title">Страница 1. Страница 2. Страница 3. Страница 4. Страница 5. Страница 6. Страница 7</span></a></li><li><a href="https://exdocsfiles.com/1485061" target="_blank" ><span class="crp_title">Страница 1. Страница 2. Страница 3. Страница 4. Страница 5. Страница 6. Страница 7</span></a></li></ul><div class="crp_clear"></div></div> </div><!-- .entry-content --> <footer class="entry-meta"> Запись опубликована <a href="https://exdocsfiles.com/1382749" title="16:20" rel="bookmark"><time class="entry-date" datetime="2018-04-21T16:20:51+00:00">21.04.2018</time></a><span class="by-author"> автором <span class="author vcard"><a class="url fn n" href="https://exdocsfiles.com/author/uploader" title="Посмотреть все записи автора uploader" rel="author">uploader</a></span></span> в рубрике <a href="https://exdocsfiles.com/category/other" rel="category tag">Прочее</a>. </footer><!-- .entry-meta --> </article><!-- #post --> <nav class="nav-single"> <h3 class="assistive-text">Навигация по записям</h3> <span class="nav-previous"><a href="https://exdocsfiles.com/1382465" rel="prev"><span class="meta-nav">←</span> Коммерческое предложение (форма 2) Изучив Извещение о закупке №1800001911, опубликованное 28.02.2018г на «WEB-Маркет закупок», и Документацию о закупке</a></span> <span class="nav-next"><a href="https://exdocsfiles.com/1382887" rel="next">По мнению Т. Веблена, представления о человеке как о субъекте, «бесконечно рассчи-тывающем ощущения удовольствия и боли» (Веблен 2006, 107), неверны. <span class="meta-nav">→</span></a></span> </nav><!-- .nav-single --> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Общий горизонт --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-3823360723898844" data-ad-slot="1458529249"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/1382749#respond" style="display:none;">Отменить ответ</a></small></h3><p class="must-log-in">Для отправки комментария вам необходимо <a href="https://exdocsfiles.com/login-2?redirect_to=https%3A%2F%2Fexdocsfiles.com%2F1382749">авторизоваться</a>.</p> </div><!-- #respond --> </div><!-- #comments .comments-area --> </div><!-- #content --> </div><!-- #primary --> </div> <!--футер--> <hr> © 2018 Образовательный портал «ExDocsFiles.com». <a href="/contact.php">Обратная связь</a> | <a href="/rules.php">Пользовательское соглашение</a> | <a onclick="window.print();return false" href="#"> Распечатать страницу</a> <!--/футер--> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter48033647 = new Ya.Metrika({ id:48033647, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/48033647" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script type='text/javascript' src='https://exdocsfiles.com/wp-includes/js/comment-reply.min.js'></script> <script type='text/javascript' src='https://exdocsfiles.com/wp-content/themes/twentytwelve/js/navigation.js'></script> <script type='text/javascript' src='https://exdocsfiles.com/wp-includes/js/wp-embed.min.js'></script> </body> </html><!-- Really Simple SSL mixed content fixer active -->