Метка простого изображения

	рис. паутины паука

Паутина паука

1.1 Сохранить страницу под именем ris1.html.

1.2 Просмотреть страницу с помощью браузера
Internet Explorer.

2. Добавить на Web – страницу с любым встроенным изображением следующее:

	Рис.

Информационная технология - система способов сбора и обработки информации

2.1 Сохранить страницу под именем ris1. html.

2.2 Просмотреть страницу с помощью браузера
Internet Explorer.

3. Добавить на Web – страницу с любым встроенным изображением следующее:

	Рис.

Информационная технология - система способов сбора и обработки информации

3.1 Сохранить страницу под именем ris1.html.

3.2 Просмотреть страницу с помощью браузера
Internet Explorer.

4. Добавить на Web – страницу следующее:

	Рис.

Информационная технология - система способов сбора и обработки информации

4.1 Сохранить страницу под именем ris1.html.

4.2 Просмотреть страницу с помощью браузера
Internet Explorer.

5. Добавить на Web – страницу с встроенным отображением следующее:

Что такое парадигма?

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

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

5. Добавить на Web – страницу с встроенным отображением – паутиной паука (файл web1.gif) следующее:

Выравнивание изображений

		рис. паутины паука
	рис. паука

Паук выровнен с использованием

левого

выравнивания.

Паутина паука выровнена с

использованием правого выравнивания

5.1 Сохранить страницу под именем ris1.gif

5.2 Просмотреть страницу с помощью браузера
Internet Explorer.
6. Добавить на Web – страницу с любым встроенным изображением следующее:

	Рис. 1		Рис. 2

Экономическая информация

Информация

	Рис. 3

Метаинформация

Теория экономической информации

6.1 Сохранить страницу под именем ris1.html.

6.2 Просмотреть страницу с помощью браузера Internet Explorer.

7. Добавить на Web – страницу с любым встроенным изображением следующее:

	Рис.

Большая система

Связи в системе

Система

Экономическая система

Элемент системы

7.1 Сохранить страницу под именем ris1.html.

7.2 Просмотреть страницу с помощью браузера
Internet Explorer.

Лабораторная работа №11

САМОСТОЯТЕЛЬНАЯ РАБОТА

Цель: свободное ориентирование в тэгах, примененных в лаборатор

ной работе №9,10;

Задание:

1. Внедрить в файл, созданный во второй лабораторной работе, рисунки (в случае, если работа №2 не защищена, создать копию файла и работать с ней).

2. количество рисунков не менее восьми;

· три рисунка (размер не менее: 100х100 px) используются для демонстрации владения методиками, описывающими поведение текста относительно рисунков;

· три рисунка (размер соизмерим с высотой строки) внедряются как элементы строки;

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

· два рисунка (размер произвольный) используются в качестве фона страницы и (или) таблицы (ее элементов)

3. Сохранить как d4_сам.html в папке общего доступа, которую укажет преподаватель.

Требования к сдаче лабораторной работы:

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

Лабораторная работа №12

ГИПЕРТЕКСТОВЫЕ ССЫЛКИ

Цель:

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

- освоить основные приемы работы с текстовыми ссылками;

- задание цветов фона, текста и ссылок;

- графические ссылки, обрамление графических ссылок.

I. Определение связи в пределах Web – страницы.

1. Создать Web – страницу:

Перейти к Z:

A

D

C

D

E

.

.

.

Z

2. Сохранить под именем gts1.html.

3. Просмотреть страницу с помощью браузера
Internet Explorer.

II. Определение связи с другой Web – страницей.

1. Создать Web – страницу (W1.html):
Большая система – система , состоящая из множества частей элементов, выполняющих некоторые функции и связанных между собой.

2. Создать Web – страницу (W2.html).

Система – множество элементов, находящихся в отношение связях друг с другом, которое образует определенную целостность, единство.

3. Создать Web – страницу (W3.html).

Связи в системе это то, что объединяет элементы системы в одно целое.

4. Создать Web – страницу (W4.html).

Элемент системы – часть системы, которая рассматривается без дальнейшего членения как единое целое; его внутренняя структура не является предметом исследования.

5. Просмотреть страницу с помощью браузера Internet Explorer.

III. Определение связи с другой Web – страницей.

1. Создать Web – страницу следующего содержания:
(WW1.html):

Текстовые ссылки

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

· Перед именем файла укажите открывающий тег
<A HREF= >. <A > - тег, который является "якорем", а HREF – атрибут, определяющий гипертекстовую ссылку.

· Укажите в кавычках имя файла, на который вы хотите сослаться.

· Между символами > и < поместите текст, на котором будут делать щелчок мышкой.

· В конце текста поставьте закрывающий тег якоря </A>

Пример:

<A HREF="color.html" >Щелкните по этой ссылке</A>

Щелкните по этой ссылке.

2. Создать Web – страницу следующего содержания
(WW2.html):

Задание цветов фона, текста и ссылок

При изображении фона, текста и ссылок (просмотренных и непросмотренных) браузеры используют цвета, установленные по умолчанию. Фон обычно бывает серым и белым. Текст – черным. Цвет фона, текста и ссылок устанавливается в начале файла HTML в теге <BODY…>. Цвет задается как композиция красной, зеленой и синей составляющих в шестнадцатеричном представлении. Цвет можно задавать не только числом, но и по названию. Названия и коды наиболее распространенных цветов приведены в приложении_2. Нужно учитывать, что графика с прозрачным фоном выглядит не очень хорошо, когда ложится на темный фон страницы.

Откройте тег <BODY….>

Задайте атрибуты BGCOLOR=(цвет фона), TEXT=(цвет текста), LINK=(цвет не просмотренных ссылок), VLINK=( цвет просмотренных ссылок).

Пример:
<BODY BGCOLOR="303030" TEXT="#807060" LINK="BLUE" VLINK="GREEN">

3. Создать Web – страницу следующего содержания
(WW3.html):
Графические ссылки

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

<A href="cat.html"><img src="example01.jpg"></A>

cat.html Щелкните по картинке и увидите фотографию моей кошки.

4. Создать Web – страницу следующего содержания
(WW4.html):