КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Порядок проведения работы. Цель работы – изучение гиперссылок в HTML-документе и их использование при разработке навигации web-страниц
|
|
|
|
Лабораторная работа №2
ГИПЕРССЫЛКИ И НАВИГАЦИЯ
Цель работы – изучение гиперссылок в HTML-документе и их использование при разработке навигации web-страниц.
Задача работы – создать основные страницы web-сайта.
1. Определить структуру web-сайта из 5 страниц, соответствующих варианту. Так, например, для книжного магазина определяем следующие страницы:
• Главная
• Новинки
• Каталог книг
• Форма заказа
• Контакты
2. Создать html-файлы для каждой страницы, задав структуру HTML-документа, указав название (тег <TITLE>) и метатеги (тег <META>) Content-Type, Keywords (5-10 ключевых слов) и Description (150-200 символов).
3. В теле каждой страницы (тег <BODY>) привести расширенное описание (2-3 абзаца).
4. Разработать горизонтальный блок графической навигации сайта, содержащий ссылки на каждую страницу. Установить блок навигации на каждую страницу сайта.
5. На одну из страниц сайта поместить несколько тематических изображений размером не менее 150х200 пикселей.
6. Произвести оптимизацию используемых изображений так, чтобы их суммарный объем не превышал 20 килобайт.
7. В начале страницы с изображениями создать локальное текстовое меню со ссылками на каждое изображение.
8. Просмотреть результат в браузере (рис.2.1).
9. Сделать выводы по работе.
Содержание протокола
1. Список страниц сайта согласно п.1.
2. Текст главной страницы index.html и страницы, содержащей локальное меню изображений.
3. Параметры оптимизации изображений.
4. Копии экранов главной страницы и страницы, содержащей локальное меню изображений.
5. Выводы по работе.
Рис.2.1. Глобальная и локальная навигация страницы «Новинки»
Контрольные вопросы
1. Что такое гиперссылка? Тег создания гиперссылки.
2. Параметр гиперссылки HREF.
3. Параметр гиперссылки NAME.
4. Параметр гиперссылки TARGET. Его допустимые значения.
5. Параметр гиперссылки TITLE.
6. Создание ссылок внутри документа.
7. Создание текстовых ссылок и графических ссылок.
8. Установка цвета гиперссылки.
9. Установка цвета посещенной гиперссылки.
10. Установка цвета активной гиперссылки.
|
|
|
|
|
Дата добавления: 2014-11-25; Просмотров: 553; Нарушение авторских прав?; Мы поможем в написании вашей работы!