Интернет-технологии. ВАРИАНТ №5. Комплект лабораторных работ №1-5.

Лабораторная работа N 1
Базовое форматирование текста
Задание
Записать к себе в директорию шаблон html-файла.
Для этого щелкнуть мышкой по данной гиперссылке: шаблон html-файла.
Затем, в открывшемся окне браузера войти в пункт меню "Файл""Сохранить как".
Задать имя файла (и путь к нему) и выбрать "Тип файла: Веб-страница, только HTML".
Аналогичного результата можно добиться, если в открывшемся окне браузера щелкнуть правой кнопкой мышки в любом месте (кроме меню!), а затем выбрать "Просмотр в виде HTML".
В этом случае html-файл откроется в Блокноте.
Для того, чтобы сохранить этот файл, необходимо войти в пункт меню Блокнота "Файл""Сохранить как" и выбрать "Тип файла: Все файлы".
Используя шаблон html-файла cоздать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 1",а на экране текст указанного вида.
1-я часть задания
Название университета оформить как заголовок, а все остальное - как текст, расположенный слева или справа на экране. Обратить внимание на использование жирного шрифта.
Отрывок из стихотворения расположить со сдвигом вправо, шрифт - курсив, а подпись - справа и меньшим размером шрифта, причем инициалы отделить от фамилии неразрывным пробелом.
2-я часть задания - текст следующего вида, где каждая строка имеет начертание, соответствующее тому, что написано. Между собой строки разделены горизонтальными линиями разного цвета.

Лабораторная работа N 2
Базовое форматирование текста
Задание
Cоздать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 2".

Задать разный цвет для непосещенной, посещенной и активной гиперссылок.
Фон задать в виде рисунка из имеющихся в директории FONS.
Обратить внимание на использование шрифтов Arial и Courier New.
"Лабораторная No 1" - гиперссылка на соответствующий файл - должна быть справа на экране;
"Лабораторная No 2" - заголовок (по центру экрана и соответствующим шрифтом);
"Предметы" оформить в виде вложенных списков по образцу предложенному ниже (предметы 2-го и 3-го курсов добавить самостоятельно);
"Факультеты" - заголовок (по центру экрана и соответствующим шрифтом); написать сокращенное и расшифрованное название факультетов с использованием списков определений (самостоятельно добавить еще 2 названия факультетов).
Это должно выглядеть так:

Лабораторная работа N 3
Первая часть задания. Таблицы
Создать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 3-1". С использованием команд создания таблицы сформировать таблицу по указанному варианту.
Обратить внимание на ширину первого столбца (задать в процентах от ширины таблицы), шрифт (курсив, Courier New, Arial) и расположение текста (по центру, слева, справа).
Вторая часть задания. Фреймы
Используя описанные команды, создать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 3-2", а экран разделен на 3 фрейма:
Вверху фрейм и файл имеют имя head; слева - index; справа - main.
В файле head.htm содержится заголовок "РАСПИСАНИЕ ЗАНЯТИЙ" - по центру.
В файле index.htm - дни недели, являющиеся гиперссылками, при нажатии на которые справа выводится список занятий в данный день.
Файл main.htm содержит только фразу: "Выбирайте день недели".
Для отдельных дней недели нужно создать файлы с именами вида d1.htm ... d6.htm.
Обязательно
Высота фрейма head - 10% от высоты экрана.
Ширина фрейма index - 30% от ширины экрана.
В файлах d1.htm ... d6.htm название дня недели сделать курсивным заголовком по центру, а занятия перечислить нумерованным списком.
Цвет гиперссылок и фона подобрать самостоятельно.

Лабораторная работа N 4
Первая часть задания. Графика
Создать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 4-1", а на экране используя таблицу собрать мозаику из приведенных ниже элементов (они расположены в директории RIS/LAB04):
Вторая часть задания. Активные рисунки
ris.jpg
Используя описанные команды создать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 4-2", а экран разделен на два фрейма:
В одном фрейме (слева) выведен htm-файл с картинкой ris.jpg, которая является активным рисунком.
Во втором фрейме (справа) должны появляться названия того, на что указывает мышка (для каждого названия свой htm-файл), например: "это глобус", "это линейка" и т.д.
Примечание
Для того, чтобы определить координаты элементов рисунка, нужно файл под названием ris.bmp из директории RIS открыть в графическом редакторе Paint и выбрать инструмент "Карандаш". При движении курсором по рисунку, справа внизу будут показываться X и Y координаты курсора в пикселях

Лабораторная работа N 5
Формы
Задание
Используя описанные команды, создать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 5", а экран содержал бы форму, включающую в себя следующие поля:
Имя пользователя (идентификатор "nm");
Пароль (идентификатор "psw");
Пол (мужскому полу соответствует идентификатор "m", женскому - "f");
Город проживания (идентификатор "city", город задается выбором из списка "Новосибирск", "Томск", "Красноярск", "Омск", "Другой");
Есть ли у Вас высшее образование? (идентификатор "ed");
Ваша биография (идентификатор "bio");
а также кнопок Отправить" и "Очистить".
Типы и атрибуты команд выбираются, исходя из требуемого внешнего вида документа:

Уважаемый слушатель, дистанционного обучения,
Оценена Ваша работа по предмету: Интернет-технологии
Вид работы: Лабораторная работа 1
Оценка:Зачет
Дата оценки: 03.11.2016
Рецензия:Уважаемый, работа зачтена.
Барахнин Владимир Борисович

Уважаемый слушатель, дистанционного обучения,
Оценена Ваша работа по предмету: Интернет-технологии
Вид работы: Лабораторная работа 2
Оценка:Зачет
Дата оценки: 08.11.2016
Рецензия:Уважаемый, работа зачтена.
Барахнин Владимир Борисович

Уважаемый слушатель, дистанционного обучения,
Оценена Ваша работа по предмету: Интернет-технологии
Вид работы: Лабораторная работа 3
Оценка:Зачет
Дата оценки: 08.11.2016
Рецензия:Уважаемый, работа зачтена.
Замечание:
Для исключения прокрутки при работе в неполноэкранном режиме (или при работе на малом экране нетбука) в фреймах желательно ставить атрибут scrolling=no (касается верхнего фрейма во 2-м задании).
Барахнин Владимир Борисович

Уважаемый слушатель, дистанционного обучения,
Оценена Ваша работа по предмету: Интернет-технологии
Вид работы: Лабораторная работа 4
Оценка:Зачет
Дата оценки: 08.11.2016
Рецензия:Уважаемый, работа зачтена.
Барахнин Владимир Борисович

Уважаемый слушатель, дистанционного обучения,
Оценена Ваша работа по предмету: Интернет-технологии
Вид работы: Лабораторная работа 5
Оценка:Зачет
Дата оценки: 08.11.2016
Рецензия:Уважаемый, работа зачтена.
Барахнин Владимир Борисович