Интернет технологии. СибГУТИ. Работы.

Лабораторные работы 1-5 + Курсовой_проект + Зачет.
5 лабораторных работ
Курсовой проект
Зачет

Лабораторная 1
Используя шаблон html-файла cоздать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 1",а на экране текст указанного вида.
1-я часть задания
Название университета оформить как заголовок, а все остальное - как текст, расположенный слева или справа на экране. Обратить внимание на использование жирного шрифта.
Отрывок из стихотворения расположить со сдвигом вправо, шрифт - курсив, а подпись - справа и меньшим размером шрифта, причем инициалы отделить от фамилии неразрывным пробелом.
2-я часть задания - текст следующего вида, где каждая строка имеет начертание, соответствующее тому, что написано. Между собой строки разделены горизонтальными линиями разного цвета.

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

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

Лабораторная 4
Первая часть задания. Графика
Создать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 4-1", а на экране используя таблицу собрать мозаику из приведенных ниже элементов
Обязательно сделать так, чтобы при наведении мышки на картинку, рядом с указателем мышки появлялось название файла. Рамку вокруг таблицы не отрисовывать. Название таблицы: "МОЗАИКА" - расположить сверху по центру.
Для того, чтобы между картинками не было промежутков, в команде <TABLE> задайте атрибуты BORDER=0, CELLSPACING=0, CELLPADDING=0.
Вторая часть задания. Активные рисунки
Используя описанные команды создать документ, в котором в заголовке окна браузера должна быть надпись "Лабораторная 4-2", а экран разделен на два фрейма:
В одном фрейме (слева) выведен htm-файл с картинкой ris.jpg, которая является активным рисунком. Во втором фрейме (справа) должны появляться названия того, на что указывает мышка (для каждого названия свой htm-файл), например: "это глобус", "это линейка" и т.д.

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

Курсовой проект
Используя описанные команды создайте стиль следующего вида:
Для команды <BODY> задайте
пустое поле сверху и снизу во всем документе
пустое поле слева - 5em; пустое поле справа - 2em
цвет фона - светло-серый, цвет текста - черный.
Установите в данном тексте цвет непосещенноых гиперссылок - коричневый, посещенных - зеленый, стиль шрифта - Arial.
Абзацы: на белом фоне. У первого абзаца - вертикальная одинарная красная черта слева; у второго абзаца - вертикальная двойная синяя черта справа;у третьего абзаца никаких линий нет. Текст абзацев идет с отступом от края белого фона, с увеличенным интервалом между строками и с заданием "красной строки".
В первом заголовке получите объемный эффект.
В первом абзаце слова "информационной Вселенной" идут жирным курсивом и с разрядкой.
Второй заголовок: желтого цвета на зеленом фоне, причем фон лишь немного шире заголовка, но уже основного текста. Буквы заголовка подчеркнуты и надчеркнуты.
Во втором абзаце, в первом предложении часть слов расположена выше основного текста, а часть слов - ниже. Это должно быть сделано не средствами CSS.

Зачет
Тема сайта — любая.
Сайт должен состоять из нескольких (не менее 3) страниц.
Сайт должен быть реализован с использованием фреймов: навигация по сайту всегда доступна в отдельном фрейме, а в другом — открывается выбранная страница.

Год сдачи 2017
Сибирский Государственный Университет Телекоммуникаций и Информатики

Лабораторные работы 1-5
Курсовой проект
Зачетная работа