Создан заказ №5321102
15 июня 2020
Фреймы. Бегущая строка. Изображение-карта
Как заказчик описал требования к работе:
ПОРЯДОК ВЫПОЛНЕНИЯ РАБОТЫ
На компьютере должны быть установлены БЛОКНОТ и INTERNET EXPLORER.
Оперативную информацию по языку HTML можно взять из "Краткого справочника по языку HTML"
По материалу "Начальный учебник по языку HTML" (см. урок 6) изучить:
создание бегущей строки;
создание внутреннего
фрейма;
создание изображения-карты;
По материалу "Учебник по фреймам (кадрам) языка HTML " изучить создание фреймов.
Выполнить приведенные ниже задания.
Оформить отчет.
ЗАДАНИЯ К ЛАБОРАТОРНОЙ РАБОТЕ
Бегущая строка
Открыть в Блокноте файл stroka.txt и ввести базовые тэги, определяющие Web-страницу. Как название документа определить "Страница с бегущей строкой". Сохранить файл под именем stroka.htm. Последующие задания выполнять для этого файла.
Определить центрированный заголовок первого уровня "Бегущая строка".
После слов "Простейшая бегушая строка" ввести тэг Да здравствует РГРТА!. Посмотреть, как в документе отображается простейшая бегущая строка.
Содержание бегущей строки, т.е. текст внутри тэгов marquee, можно форматировать с привлечением всех тэгов форматирования текста. После слов "Бегущая строка с форматированным текстом создать вторую копию бегущей строки с тем же текстом, но определив для него размер 7 и красный цвет (тэг .
После слов "Бегущая строка с направлением движения вправо" создать третью копию бегущей строки, повторив по содержанию вторую строку, но определив в тэге атрибут направления движения direction="right" (по умолчанию для этого атрибута принимается значение left.
После слов "Бегущая строка с остановом" создать четвертую копию бегущей строки, повторив по содержанию вторую строку, но определив в тэге атрибут поведения behavior="slide" (по умолчанию для этого атрибута принимается значение scroll.
После слов "Бегущая строка с отскоками" создать пятую копию бегущей строки, повторив по содержанию вторую строку, но определив в тэге атрибут behavior="alternate".
Определить для всех пяти бегущих строк с помощью атрибута bgcolor="цвет" тэга фоновые цвета: голубой (cyan), желтый (yellow), сиреневый (magenta), оранжевый (orange) и хаки (khaki).
Содержанием бегущей строки может быть любым. После слов "Бегущая строка с изображением" ввести тэг и посмотреть движение изображения.
При желании для любой бегущей строки поэкспериментировать со следующими атрибутами тэга :
scrollamount="число_пикселов" - определяет число пикселов, на которое сдвигается текст бегущей строки при каждом "прыжке".
scrolldelay="число_миллискунд" - определяет скорость движения текста (интервал между "прыжками" в миллисекундах.
Изображение-карта
Определить центрированный заголовок первого уровня "Изображение-карта".
Ввести тэг , определяющий рисунок, который будет использоваться в качестве изображения-карты (imagemap).
Ввести следующие тэги, определяющие на изображении-карте три чувствительные области (clickable areas):
Отметим, что адресуемый атрибутом href= документ отображается в текущем окне броузера. Чтобы загрузить документ в новую копию броузера достаточно в тэге указать атрибут target="_blank". Указать этот атрибут для первой области.
Построить изображение-карту для рисунка map.gif так, чтобы чувствительные области соответствовали геометрическим фигурам на этом рисунке. Для определения координат воспользоваться графическим редактором Paint, загружая в него файл map.bmp.
Внутренний фрейм
Ввести и центрировать заголовок первого уровня "Внутренний фрейм".
Ввести тэг и посмотреть отображение документа page1.htm во внутреннем фрейме.
Ввести в предыдущий тэг атрибут frameborder="0", чтобы отобразить внутренний фрейм без рамки.
В тэге можно определить атрибут name="имя" и использовать его в ссылке, указывая в ней атрибут target="имя". В этом случае адресуемый ссылкой документ отображается во внутреннем фрейме. Именовать внутренний фрейм и ввести в файл stroka.htm ссылку, загружающую во внутренний фрейм документ page2.htm.
Фреймы
Подготовить мастер-страницу master.htm с названием "Страница с фреймами". Мастер-страница должна разбить окно броузера на три фрейма: верхний фрейм с именем topframe занимает всю ширину и 30% высоты окна броузера, левый фрейм с именем leftframe занимает 40% ширины окна броузера и правый фрейм с именем rightframe занимает 60% ширины окна броузера. Отобразить в верхнем фрейме документ page1.htm, в левом фрейме - документ page2.htm и в правом фрейме - документ page3.htm.
При отображении мастер-страницы убедиться в том, что между всеми фреймами имеется тонкая рамка. Проверить возможность изменения размеров фреймов с помощью буксировки (dragging) рамки между фреймами в том случае, когда указатель мыши превращается в двунаправленную (горизонтальную или вертикальную) стрелку.
В тэге frameset первого уровня мастер-страницы ввести атрибут border="0" и убедиться в том, что между всеми фреймами рамка отсутствует.
В тэге frameset первого уровня мастер-страницы ввести атрибут border="10" и убедиться в том, что между всеми фреймами появляется серая рамка толщиной 10 пикселов.
В этом же тэге ввести атрибут bordercolor="red" и убедиться в том, что рамка между фреймами приобрела красный цвет. После этого удалить атрибуты border и bordercolor из тэга frameset первого уровня.
В тэге frame для левого фрейма ввести атрибуты frameborder="yes" и bordercolor="blue". Убедиться в том, что между левым и правым фреймами отображается тонкая синяя рамка. После этого удалить только что введенные атрибуты.
В тэге frame для левого фрейма ввести атрибут scrolling="no" и убедиться в том, что при отображении в левом фрейме отсутствуют полосы прокрутки (полоски скроллинга - scrolling bars). Конечно, в этом случае просмотреть все содержание левого фрейма невозможно. Удалить введенный атрибут scrolling="no".
В тэге frame для верхнего фрейма ввести атрибут noresize="noresize" и убедиться в том, что изменить высоту верхнего фрейма невозможно (двунаправленная вертикальная стрелка на рамке не появляется). Удалить атрибут noresize="noresize".
В тэге frame для правого фрейма ввести атрибуты marginwidth="50" и marginheight="50", а затем убедиться в том, что содержаиие правого фрейма отображается со смещениями в 50 пикселов по горизонтали и вертикали. Удалить оба введенных атрибута.
Открыть в отдельной копии броузера файл page1.htm (он отображается в верхнем фрейме страницы с фреймами), а затем вывести его содержание как текстовый файл в Блокноте. Образовать в конце этого файла ссылку Эта ссылка откроет файл page4.htm в правом фрейме. Сохранить скорректированный файл. Обновить окно с фреймами и убедиться в том, что щелчок на ссылке в верхнем фрейме загружает документ page4.htm в правый фрейм.
подробнее
Заказчик
заплатил
заплатил
200 ₽
Заказчик не использовал рассрочку
Гарантия сервиса
Автор24
Автор24
20 дней
Заказчик принял работу без использования гарантии
16 июня 2020
Заказ завершен, заказчик получил финальный файл с работой
5
Фреймы. Бегущая строка. Изображение-карта .jpg
2021-04-04 03:05
Последний отзыв студента о бирже Автор24
Общая оценка
4.5
Положительно
Очень приятное, грамотное общение. Все работы выполнены четко в срок и обе оценены на ОТЛИЧНО
Хочешь такую же работу?
300 ₽
