Лекции и лабораторные работы Направление «Математика и компьютерные науки»


Лабораторная работа №2. Карты изображений и фреймы



жүктеу 0.98 Mb.
Pdf просмотр
бет10/16
Дата10.11.2022
өлшемі0.98 Mb.
#23669
түріЛекции
1   ...   6   7   8   9   10   11   12   13   ...   16
web
g5yv5hz1efkpkh4lsevuj0f34wfq6i19vs462svasr643j - копия
Лабораторная работа №2. Карты изображений и фреймы 
В настоящее время фреймы на практике практически не используются. 
Задание дано в основном для закрепления навыков работы с тегами. 
Задание 2.1. Создайте рисунок, содержащий расположенные в разных 
местах названия сайтов. Названия должны располагаться в геометрических 
фигурах — круге, прямоугольнике, четырехугольнике, пятиугольнике. Орга-
низуйте переход на заданные сайты, используя карты изображений. 
Задание 2.2. 
1. Создайте web-страничку, состоящую из 3-х фреймов, названных условно 
«left», «right», «bottom». Фрейм «left» должен содержать пере-
чень факультетов университета, при щелчке по названию факультета в 
фрейме «right» должно появиться описание факультета. Во фрейм 
«bottom» поместить бегущую строку с приглашением поступать в универ-
ситет. Бегущая строка должна быть разноцветной. Для выполне-
ния задания используйте пример из лекции. 
2. Создайте страничку, состоящую из двух горизонтальных фреймов. В 
верхний фрейм необходимо поместить рисунок (или фотографию) с не-
сколькими явно выраженными объектами. При щелчке по каждому объек-
ту в нижнем фрейме должно появиться описание указанного объекта. 
Лабораторная работа №3. CSS 
Работа посвящена отработке навыков по 
настройке web-страниц и каскадных таблиц. 
Для работы используйте материалы с лекции. 
Посмотрите, как определить вид тегов HTML 
с использованием CSS, также посмотрите, как 
подключать внешний стилевой файл. 
Выполните следующие задания
3.1. 2,5-мерный текст. Общая идея — три раза выводится один и тот же 
текст с небольшими смещениями, но с тремя разными цветами — 


57 
красным, темнокрасным, серебристым. Тогда темнокрасный цвет 
создает тень, а серебристый цвет — блики. Описания стилей долж-
ны содержаться в отдельном файле. 
3.2. Создайте стилевой файл для HTML-документа из первого задания. 
Можно использовать как внешний стилевой файл, так и определе-
ние стилей внутри html-файла. По крайней мере опишите в стилевом 
файле следующие элементы для шрифта: название, размер, меж-
строчный интервал, размер красной строки. На основании созданно-
го описания для эпиграфа специально задайте зеленый цвет и отсут-
ствие 
красной 
строки.
Замечание. Название свойств CSS для выполнения этой части за-
дания я на лекции не давал. Предполагается, что Вы самостоятельно 
найдете информацию о свойствах в Интернет. Цель этого — понять, 
что все свойства знать нельзя, но всегда можно найти. 
3.3. Подключите статические фильтры для нескольких элементов на 
странице. Используйте Internet Explorer. Выведите рисунок тремя 
способами — обычный, перевернутый, инвертированный. Примени-
те к некоторому тексту эффекты glow и shadow 

жүктеу 0.98 Mb.

Поделитесь с Вашими друзьями:
1   ...   6   7   8   9   10   11   12   13   ...   16




©emirb.org 2022
әкімшілігінің қараңыз

    Басты бет