Download
1 / 18
180 likes | 357 Views
Интернет- проект « Performa nce ». Рекомендации по созданию интернет-проекта Специальность : Режиссура театрализованных представлений и праздников Курс: 3 Преподаватель : Сырко М арина Сергеевна. И сточники информации. Полонская Е.Л. – Язык HTML . Самоучитель
E N D
Интернет-проект«Performance» Рекомендации по созданию интернет-проекта Специальность: Режиссура театрализованных представлений и праздников Курс: 3 Преподаватель: Сырко Марина Сергеевна
Источники информации • Полонская Е.Л. – Язык HTML. Самоучитель • it.sportedu.ru – сайт кафедры ИТ • stud.sportedu.ru – сервер, размещения проектов (stud.sportedu.ru/~login) • htmLbook.ru – электронный учебник по HTML и CSS • photoshop.demiart.ru/book-CS3/ - учебник по работе в Adobe photoshop
Описание проекта Цель проекта – создание сайта мероприятия. Под мероприятием понимается вами придуманное/ проведенное действие – представление, концерт, шоу-программа, спортивный праздник и т.д. Задачи проекта : • разработка html-страниц проекта • поиск, создание и заполнение информацией созданных страниц • подготовка и создание видео-материала • публикация проекта
Общая информация • Тему проекта необходимо утвердить у преподавателя (повторение проектов не допускается) • Проект состоит из 2 частей: • Страницы, реализуемые ссылками на соответствующие ресурсы. • Страницы*, созданные студентом самостоятельно • Проверяйте, чтобы все изображения, страницы и тд., добавленные в проект имели наименование на латинице и маленькими буквами
Структура интернет-проекта Основная информация: • Главная страница* • Представление* • Расписание* • Актеры* • Как нас найти* • Наши партнеры • Заказ билетов • Отзывы Дополнительно: • Размещение рекламных баннеров • Создание дополнительных страниц
Базовые элементы HTML- документа • HTML – это HyperText Markup Language — «язык разметки гипертекста» • Базовым элементом языка разметки гипертекста является - ТЕГ (дескриптор, маркер). Тег всегда заключен между скобками < > и имеет следующий вид: • <ТЕГ атрибут 1=“ЗНАЧЕНИЕ “... атрибут N=“ЗНАЧЕНИЕ”> • Теги бывают одиночными и контейнерными. • Контейнером называется пара: открывающий <ТЕГ> и закрывающий </ТЕГ>. • <ТЕГ> Контейнер </ТЕГ> • Атрибуты тега задают значения свойств данного объекта или объектов помещенных в контейнер.
Структура HTML-документа <html> <head> <title>Заголовок документа</title> </head> <body> Основное содержание документа </body> </html>
Основные тэги и атрибуты, используемые в проекте • Таблица (строка, ячейка) : <table > <tr> <td >… </td> </tr> </table> • Выравнивание по вертикали: атрибут - valign="top” top - верхний край строки middle - середина bottom – нижний край строки • Выравнивание по горизонтали: атрибут - align="right/left/ center / justify“ • Объединение ячеек: атрибут - colspan=“количество ячеек"
Основные тэги и атрибуты, используемые в проекте • Цвет фона: атрибут - bgcolor=“код/наименование цвета" • Новая строчка: тэг - <br> • Черта: тэг - < hr> • Толщина рамки: атрибут - border=“толщина“ • Ширина/высота: атрибуты - width="800" / height="650"
Основные тэги и атрибуты, используемые в проекте • Стили текста: тэг - <font> , атрибуты - size="4" / color="bdd4eb" / face="Comic Sans MS” • Блочный элемент (выделения фрагмента документа): тэги - <div>…</div> или <p>…</p> • Размещение картинки: • <imgsrc=“наименование картинки.jpg” > • Размещение ссылок <a href="http://www.sportedu.ru"> РГУФКСМиТ </a>
Главная страница • Баннер с наименованием мероприятия • Общая презентующая мероприятие информация + фотография • Презентационный текст (или заголовок перед текстом) должен быть выполнен в ином стиле • Контактная информация по мероприятию • Ссылки, на создаваемые страницы • ФИО студента
Представление • Подробное описание информации о мероприятии • Текст, который нужно выделить, отобразить в другом стиле, с абзацами • Фотографии по мероприятию (или фотографии по теме мероприятия) – 2 шт. и более • Фотографии должны быть подписаны. Стиль подписи должен отличаться от основного • Видеофайл (созданный по теме)
Расписание • Размещение расписания в виде таблицы с указанием месяца, дня недели, времени и стоимости • Можно выделить спец предложения/акции • Возможно использовать цветовые решения для акцентирования информации в таблице
Актёры • Размещаются фотографии участников с описанием – 4 и более Как нас найти • Создается маршрут , схема проезда до места проведения мероприятия • На карте маршрут должен быть выделен цветом • Начало и конец маршрута должны быть определены ссылками • На страницах по ссылкам должна быть краткая информация по месту и не менее 1 фотографии
Алгоритм создания карты-схемы • Поиск маршрута - его цветовое определение • Определение координат: тэг – <area> атрибуты – координаты - coords="х1,y1,x2,y2” форма области - shape=rect • Размещение информации в документе: <MAP name=“m"> - карта с именем <AREA shape=rectcoords="0,0,220,325" href=“map1.html" alt=“Наименование точки"> - описание областей, ответственных за гиперссылки </MAP> <IMG src=map.jpg usemap=#m>расположение файла-карты
Публикация интернет-проекта на сервере Порядок осуществления публикации: • Программа для размещения проекта: Total commander • Создание нового проекта • Сервер размещения проекта: http://stud.sportedu.ru/ • Убрать галочку с позиции: anonymous connection • Ввести сначала логин, затем пароль • Переместить все Ваши файлы на сервер
Параметры оценки проекта Проект будет оцениваться по следующим параметрам: • Соблюдение минимальных требований к проекту (наличие всех страниц + правильное их отображение) • Все ссылки должны быть в рабочем состоянии на всех страницах • Творческий (креативный) подход к проекту • Видео файл по возможности должен соответствовать вашему мероприятию (направлению)
Интернет-проект«Performance» Спасибо за внимание
