Задание 7. Создайте Web страницу с фреймами следующей структуры

Создайте Web страницу с фреймами следующей структуры. По горизонтали – два фрейма – верхний (код разместите в файле exs7-ttl.html) и нижний (код разместите в файле exs7-bd.html). Нижний фрейм разбит по горизонтали на два фрейма – левый (код разместите в файле exs7-menu.html) и правый (код разместите в файле exs7-cont.html). Код главной страницы разместите в файле exs7.html. Верхний фрейм сделайте высотой 70 пикселей, нижний - пусть заполняет оставшуюся часть окна. Правый фрейм сделайте шириной 25% от ширины все окна, правый - пусть заполняет оставшуюся часть окна. Верхний и левый фреймы сделайте не изменяющими размер (noresize) и запретите им устанавливать линейку прокрутки. В верхний фрейм введите выровненный по центру заголовок первого уровня с названием: Пример фреймов. В левый фрейм введите выровненный по центру заголовок первого уровня с названием: «Меню». Ниже расположите маркированный список из трех элементов: «Математика», «Физика», «Компьютерные науки». Каждый элемент – ссылка на страницу со списком разделов соответствующей науки. С помощью внедренных стилей оформите ссылки следующим образом: декорация шрифта отсутствует, цвет шрифта красный, при наведении курсора – зеленый. Ниже списка разместите кнопку без формы с названием: все содержание. В правый фрейм (файл exs7-cont.html) вставьте выровненный по центру заголовок первого уровня с названием: Выберите пункт меню. Создайте четыре страницы: exs7-mh.html, exs7-ph.html, exs7-cps.html, exs7-all.html. В первую вставьте выровненный по центру заголовок первого уровня с названием: «Математика». Ниже заголовка разместите маркированный список разделов математики. Во вторую вставьте выровненный по центру заголовок первого уровня с названием: «Физика». Ниже заголовка разместите маркированный список разделов физики. В третью вставьте выровненный по центру заголовок первого уровня с названием: «Компьютерные науки». Ниже заголовка разместите маркированный список разделов компьютерных наук. В четвертую вставьте выровненный по центру заголовок первого уровня с названием: Все содержание. Ниже заголовка разместите двухуровневый маркированный список разделов всех трех наук. Каждый список выровняйте по центру страницы (по горизонтали), используя табличное макетирование. Обеспечьте следующую функциональность при выборе пункта меню или нажатии на кнопке в правый фрейм загружается соответствующая страница содержания.