Дети в Интернете
<<  Комплексные аспекты защиты детей в Интернете Просто о сложном  >>
Интернет-проект «Performance»
Интернет-проект «Performance»
Источники информации
Источники информации
Описание проекта
Описание проекта
Общая информация
Общая информация
Структура интернет-проекта
Структура интернет-проекта
Базовые элементы HTML- документа
Базовые элементы HTML- документа
Структура HTML-документа
Структура HTML-документа
Основные тэги и атрибуты, используемые в проекте
Основные тэги и атрибуты, используемые в проекте
Основные тэги и атрибуты, используемые в проекте
Основные тэги и атрибуты, используемые в проекте
Основные тэги и атрибуты, используемые в проекте
Основные тэги и атрибуты, используемые в проекте
Главная страница
Главная страница
Представление
Представление
Расписание
Расписание
Актёры
Актёры
Алгоритм создания карты-схемы
Алгоритм создания карты-схемы
Публикация интернет-проекта на сервере
Публикация интернет-проекта на сервере
Параметры оценки проекта
Параметры оценки проекта
Спасибо за внимание
Спасибо за внимание

Презентация: «Performance». Автор: sms. Файл: «Performance.pptx». Размер zip-архива: 282 КБ.

Performance

содержание презентации «Performance.pptx»
СлайдТекст
1 Интернет-проект «Performance»

Интернет-проект «Performance»

Рекомендации по созданию интернет-проекта Специальность: Режиссура театрализованных представлений и праздников Курс: 3 Преподаватель: Сырко Марина Сергеевна

2 Источники информации

Источники информации

Полонская Е.Л. – Язык HTML. Самоучитель it.sportedu.ru – сайт кафедры ИТ stud.sportedu.ru – сервер, размещения проектов (stud.sportedu.ru/~login) htmLbook.ru – электронный учебник по HTML и CSS photoshop.demiart.ru/book-CS3/ - учебник по работе в Adobe photoshop

3 Описание проекта

Описание проекта

Цель проекта – создание сайта мероприятия. Под мероприятием понимается вами придуманное/ проведенное действие – представление, концерт, шоу-программа, спортивный праздник и т.д. Задачи проекта : разработка html-страниц проекта поиск, создание и заполнение информацией созданных страниц подготовка и создание видео-материала публикация проекта

4 Общая информация

Общая информация

Тему проекта необходимо утвердить у преподавателя (повторение проектов не допускается) Проект состоит из 2 частей: Страницы, реализуемые ссылками на соответствующие ресурсы. Страницы*, созданные студентом самостоятельно Проверяйте, чтобы все изображения, страницы и тд., добавленные в проект имели наименование на латинице и маленькими буквами

5 Структура интернет-проекта

Структура интернет-проекта

Основная информация: Главная страница* Представление* Расписание* Актеры* Как нас найти* Наши партнеры Заказ билетов Отзывы Дополнительно: Размещение рекламных баннеров Создание дополнительных страниц

6 Базовые элементы HTML- документа

Базовые элементы HTML- документа

HTML – это Hyper Text Markup Language — «язык разметки гипертекста» Базовым элементом языка разметки гипертекста является - ТЕГ (дескриптор, маркер). Тег всегда заключен между скобками < > и имеет следующий вид: <ТЕГ атрибут 1=“ЗНАЧЕНИЕ “... атрибут N=“ЗНАЧЕНИЕ”> Теги бывают одиночными и контейнерными. Контейнером называется пара: открывающий <ТЕГ> и закрывающий </ТЕГ>. <ТЕГ> Контейнер </ТЕГ> Атрибуты тега задают значения свойств данного объекта или объектов помещенных в контейнер.

7 Структура HTML-документа

Структура HTML-документа

<html> <head> <title>Заголовок документа</title> </head> <body> Основное содержание документа </body> </html>

8 Основные тэги и атрибуты, используемые в проекте

Основные тэги и атрибуты, используемые в проекте

Таблица (строка, ячейка) : <table > <tr> <td >… </td> </tr> </table> Выравнивание по вертикали: атрибут - valign= "top” top - верхний край строки middle - середина bottom – нижний край строки Выравнивание по горизонтали: атрибут - align="right/left/ center / justify “ Объединение ячеек: атрибут - colspan=“количество ячеек"

9 Основные тэги и атрибуты, используемые в проекте

Основные тэги и атрибуты, используемые в проекте

Цвет фона: атрибут - bgcolor=“код/наименование цвета" Новая строчка: тэг - <br> Черта: тэг - < hr> Толщина рамки: атрибут - border=“толщина“ Ширина/высота: атрибуты - width="800" / height="650"

10 Основные тэги и атрибуты, используемые в проекте

Основные тэги и атрибуты, используемые в проекте

Стили текста: тэг - <font> , атрибуты - size="4" / color="bdd4eb" / face="Comic Sans MS” Блочный элемент (выделения фрагмента документа): тэги - <div>…</div> или <p>…</p> Размещение картинки: <img src=“наименование картинки.jpg” > Размещение ссылок <a href="http://www.sportedu.ru"> РГУФКСМиТ </a>

11 Главная страница

Главная страница

Баннер с наименованием мероприятия Общая презентующая мероприятие информация + фотография Презентационный текст (или заголовок перед текстом) должен быть выполнен в ином стиле Контактная информация по мероприятию Ссылки, на создаваемые страницы ФИО студента

12 Представление

Представление

Подробное описание информации о мероприятии Текст, который нужно выделить, отобразить в другом стиле, с абзацами Фотографии по мероприятию (или фотографии по теме мероприятия) – 2 шт. и более Фотографии должны быть подписаны. Стиль подписи должен отличаться от основного Видеофайл (созданный по теме)

13 Расписание

Расписание

Размещение расписания в виде таблицы с указанием месяца, дня недели, времени и стоимости Можно выделить спец предложения/акции Возможно использовать цветовые решения для акцентирования информации в таблице

14 Актёры

Актёры

Как нас найти

Размещаются фотографии участников с описанием – 4 и более

Создается маршрут , схема проезда до места проведения мероприятия На карте маршрут должен быть выделен цветом Начало и конец маршрута должны быть определены ссылками На страницах по ссылкам должна быть краткая информация по месту и не менее 1 фотографии

15 Алгоритм создания карты-схемы

Алгоритм создания карты-схемы

Поиск маршрута - его цветовое определение Определение координат: тэг – <area> атрибуты – координаты - coords="х1,y1,x2,y2” форма области - shape=rect Размещение информации в документе: <MAP name=“m"> - карта с именем <AREA shape=rect coords="0,0,220,325" href=“map1.html" alt=“Наименование точки"> - описание областей, ответственных за гиперссылки </MAP> <IMG src=map.jpg usemap=#m> расположение файла-карты

16 Публикация интернет-проекта на сервере

Публикация интернет-проекта на сервере

Порядок осуществления публикации: Программа для размещения проекта: Total commander Создание нового проекта Сервер размещения проекта: http://stud.sportedu.ru/ Убрать галочку с позиции: anonymous connection Ввести сначала логин, затем пароль Переместить все Ваши файлы на сервер

17 Параметры оценки проекта

Параметры оценки проекта

Проект будет оцениваться по следующим параметрам: Соблюдение минимальных требований к проекту (наличие всех страниц + правильное их отображение) Все ссылки должны быть в рабочем состоянии на всех страницах Творческий (креативный) подход к проекту Видео файл по возможности должен соответствовать вашему мероприятию (направлению)

18 Спасибо за внимание

Спасибо за внимание

Интернет-проект «Performance»

«Performance»
http://900igr.net/prezentacija/informatika/performance-163859.html
cсылка на страницу
Урок

Информатика

130 тем
Слайды