Сайт зоопарка
Лабораторная работа 1
Цель: Спроектировать формы страниц, определить ссылки, определить элементы мультимедиа для получения деловой и рекламной документации, учебных и справочных материалов.
Задание: спроектировать сайт, согласно заданному варианту.
Постановка задачи:
Структура сайта: сайт разработан на языке программирования html 5 и использованием стилей CSS. Весь программный код писался в приложении Notepad ++. Страницы сайта состоят из следующих блоков:
Главный блок – блок page. Он включает в себя 3 следующих блока:
Блок header, блок content, блок footer. Блок header состоит из блоков zoo и feautured.
Сайт состоит из 6 основных страниц: Главная, Зоопарк, Посетителям, Билеты, Мероприятия, Галерея и информация об авторе сайта.
На главной странице сайта размещена основная информация. Есть раздел который позволяет приобрести билет, новости, поддержка животных, и познавательный раздел. Так же на главной странице размещены мероприятия зоопарка, блоги о разных животных, связь через письмо, Facebook и Twitter, информация о авторе. Так же на этой странице присутствует форма в которой можно ввести свою почту и подписаться на новостную рассылку.
Страница Зоопарк содержит основную информацию о зоопарке.
На странице Посетителям находится информация о том как добраться до зоопарка и сколько стоит билеты.
Страница Билеты содержит информацию о графике работы зоопарка и стоимость билетов.
На странице Мероприятия размещены основные мероприятия которые проводятся в зоопарке.
Страница Галерея содержит изображения с животными.
Страница О авторе содержит основную информацию об авторе сайта.
В данном сайте реализованные следующие ссылки:
Приобрести билет – пройдя по этой ссылке можно попасть на страницу Билет.
Facebook – переход на сайт facebook.
Twitter - переход на сайт twitter.
Галерея – открывается страница галереи.
Графические изображения и мультимедиа:
В данном сайте использованы изображения скачанные с сайта Google. Они размещены в папке с сайтом, в папке images.
Список изображений: animal.jpg, bg-page.gif, butterfly.jpg, dolphins.jpg, elephant.jpg, event-gorilla.jpg, event-lion.jpg, penguin.jpg, turtle.jpg, icons.gif, logo.jpg, snake.jpg.
При переходе на главную страницу будет воспроизведена аудиозапись «В мире животных» в формате mp3, скачанная с сайта https://xmusik.me.
На главной странице присутствует gif-анимация дельфинов под названием g.gif, которая была скачана с сайта javasea.ru.
